{"title":"Inolab Laboratoire","description":"\u003ch2\u003ePourquoi nous vendons Inolab chez Naturellement Bio ?\u003c\/h2\u003e\n\u003cp\u003eChez Naturellement Bio, le lien avec Inolab est presque une histoire de voisinage : deux entreprises de Roubaix, à deux rues l’une de l’autre, animées par la même passion pour la santé naturelle et la qualité française. Pour nous, c’est un vrai plaisir (et une fierté) de collaborer aussi localement, avec des compléments qui voyagent… à pied ou à vélo ! Moins de kilomètres, moins d’empreinte carbone : voilà du vrai circuit court. \u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eInolab : l’innovation et la proximité au service de votre bien-être\u003c\/h2\u003e\n\u003cp\u003eDerrière Inolab, il y a une équipe de passionnés, installée à Roubaix et experte en micronutrition cellulaire. Leur philosophie ? Proposer des \u003cstrong\u003eformules pointues, naturelles, toujours transparentes\u003c\/strong\u003e sur la composition, et testées selon les plus hauts standards de qualité. Ici, pas d’artifice : seulement des actifs qui agissent en profondeur, pour une vitalité retrouvée et durable.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eDes valeurs partagées, pour un impact concret\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eProduction locale et responsable, à quelques pas de notre équipe.\u003c\/li\u003e\n\u003cli\u003eIngrédients naturels, sans excipients inutiles ni colorants controversés.\u003c\/li\u003e\n\u003cli\u003eFormules innovantes, dosages précis, et contrôle qualité exigeant.\u003c\/li\u003e\n\u003cli\u003eEngagement écologique : chaque complément parcourant un trajet minimal avant d’arriver chez vous.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eNotre coup de cœur Inolab : le collagène marin pur, made in Roubaix\u003c\/h2\u003e\n\u003cp\u003eParmi les produits Inolab, notre favori est sans conteste le \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/collagene-marin-175g-inolab\" target=\"_blank\"\u003e\u003cstrong\u003ecollagène marin Inolab\u003c\/strong\u003e\u003c\/a\u003e. Pourquoi ? Parce qu’il allie efficacité, naturalité et proximité. Formulé avec des peptides de collagène marin Naticol® de haute pureté, à faible poids moléculaire (2000 Da), il offre une absorption optimale pour soutenir la fermeté de la peau, la santé des articulations et la vitalité des cheveux et ongles. Sans arôme ni additif, son goût neutre permet une intégration facile dans nos boissons ou recettes quotidiennes.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eQualité premium\u003c\/strong\u003e : collagène marin Naticol® certifié pêche durable, sans OGM, sans gluten, ni lactose.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHaute assimilation\u003c\/strong\u003e : peptides de 2000 Da pour une biodisponibilité maximale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePraticité\u003c\/strong\u003e : poudre au goût neutre, se mélange aisément à vos boissons chaudes ou froides.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication locale\u003c\/strong\u003e : élaboré à Roubaix, à deux pas de notre boutique, pour un circuit court et une empreinte carbone réduite.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCe collagène est donc parfait pour ceux qui cherchent une solution naturelle et efficace pour préserver la jeunesse de leur peau et le confort de leurs articulations. Et en choisissant ce produit, vous soutenez une production locale et responsable. N'hésitez pas à nous contacter pour des conseils personnalisés sur son utilisation !\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eLe p'tit conseil Naturellement Bio\u003c\/h2\u003e\n\u003cp\u003eChoisir Inolab, c’est soutenir une aventure locale, humaine et responsable. Profitez du meilleur de la micronutrition, avec la garantie d’une production made in Roubaix, à deux pas de chez vous – et de chez nous ! Pour chaque besoin, il existe une formule efficace et saine. Faites-nous confiance pour vous orienter vers le complément idéal.\u003c\/p\u003e","products":[{"product_id":"magform-complexe-magnesium-120-gelules","title":"Magform Inolab – Complexe 4 Magnésium haute assimilation – 120 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Magform Inolab - Complexe 4 Magnésium\nPalette détectée:\n - Primaire: #1e3a5f (Bleu marine profond du packaging doypack)\n - Secondaire: #5ba3d9 (Bleu clair\/cyan des icônes sur le packaging)\n - Accent: #c9a227 (Or\/doré du badge \"Albion\" qualité)\n - Vert naturel: #7cb342 (Vert de la laitue de mer sur l'image)\nAmbiance: Scientifique\/laboratoire premium, confiance médicale, naturalité avec légitimité technique, santé et bien-être\nPréfixe CSS: mg\n--\u003e\n\u003cdiv class=\"mg-premium\"\u003e\n\u003cdiv class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-content\"\u003e\n\u003cdiv class=\"mg-badges-top\"\u003e\n\u003cspan class=\"mg-badge\"\u003e🔬 4 formes de magnésium\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e⚡ Haute assimilation\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mg-hero-title\"\u003eComplexe 4 Magnésium\u003c\/span\u003e\n\u003cp class=\"mg-subtitle\"\u003eLa formule scientifique pour une forme optimale\u003c\/p\u003e\n\u003cp class=\"mg-description\"\u003eUne synergie unique de quatre formes de magnésium hautement biodisponibles + vitamine B6 active pour une efficacité maximale sur votre équilibre nerveux, musculaire et énergétique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003e🧪 Les 4 formes de magnésium biodisponibles\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🏅 Bisglycinate de magnésium\u003c\/h3\u003e\n\u003cdiv class=\"mg-dosage\"\u003e375 mg \u003csmall\u003e\/ jour\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cp\u003eBreveté Albion TRAACS®, forme la plus biodisponible pour le système nerveux et la réduction de la fatigue\u003c\/p\u003e\n\u003cspan class=\"mg-origin\"\u003e🇺🇸 Origine USA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💪 Malate de magnésium\u003c\/h3\u003e\n\u003cdiv class=\"mg-dosage\"\u003e1 020 mg \u003csmall\u003e\/ jour\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cp\u003eSoutien ciblé pour les muscles et le système osseux, favorise l'énergie cellulaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌊 Laitue de mer bio\u003c\/h3\u003e\n\u003cdiv class=\"mg-dosage\"\u003e375 mg \u003csmall\u003e\/ jour\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cp\u003eSource naturelle bretonne titrée à 25% de magnésium, l'une des plus concentrées au monde\u003c\/p\u003e\n\u003cspan class=\"mg-origin\"\u003e🇫🇷 Bio Bretagne\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⚡ Taurate de magnésium\u003c\/h3\u003e\n\u003cdiv class=\"mg-dosage\"\u003e210 mg \u003csmall\u003e\/ jour\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cp\u003eFavorise un métabolisme énergétique normal et la santé cérébrale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-synergy-box\"\u003e\n\u003cdiv class=\"mg-synergy-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv class=\"mg-synergy-content\"\u003e\n\u003ch3\u003e+ Vitamine B6 active (P-5-P)\u003c\/h3\u003e\n\u003cp\u003eLa forme pyridoxal-5-phosphate, directement assimilable, renforce l'action du magnésium sur le système nerveux et le métabolisme énergétique. Une synergie scientifiquement prouvée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits scientifiquement reconnus\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n\u003cp\u003eContribue au fonctionnement normal du système nerveux et à des fonctions psychologiques normales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💪 Fonction musculaire\u003c\/h3\u003e\n\u003cp\u003eSoutient une fonction musculaire normale et aide à réduire les crampes et tensions\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⚡ Énergie \u0026amp; vitalité\u003c\/h3\u003e\n\u003cp\u003eContribue à un métabolisme énergétique normal et aide à réduire la fatigue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🦴 Os \u0026amp; dents\u003c\/h3\u003e\n\u003cp\u003eParticipe au maintien d'une ossature et d'une dentition normales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre électrolytique\u003c\/h3\u003e\n\u003cp\u003eContribue à l'équilibre électrolytique de l'organisme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧬 Division cellulaire\u003c\/h3\u003e\n\u003cp\u003eJoue un rôle dans le processus de division cellulaire et la synthèse protéique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003e🎯 Pourquoi choisir Magform Inolab ?\u003c\/h2\u003e\n\u003cdiv class=\"mg-features-grid\"\u003e\n\u003cdiv class=\"mg-feature-card\"\u003e\n\u003cdiv class=\"mg-feature-number\"\u003e4\u003c\/div\u003e\n\u003ch3\u003eFormes complémentaires\u003c\/h3\u003e\n\u003cp\u003eSynergie unique pour une action globale sur l'organisme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature-card\"\u003e\n\u003cdiv class=\"mg-feature-number\"\u003e100%\u003c\/div\u003e\n\u003ch3\u003eBiodisponibilité optimale\u003c\/h3\u003e\n\u003cp\u003eFormes hautement assimilables pour une efficacité maximale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature-card\"\u003e\n\u003cdiv class=\"mg-feature-number\"\u003e0\u003c\/div\u003e\n\u003ch3\u003eTroubles digestifs\u003c\/h3\u003e\n\u003cp\u003eExcellente tolérance digestive, sans effet laxatif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature-card\"\u003e\n\u003cdiv class=\"mg-feature-number\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003e100% végétal\u003c\/h3\u003e\n\u003cp\u003eGélules HPMC, convient aux végétariens et végétaliens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"mg-timeline\"\u003e\n\u003cdiv class=\"mg-step\"\u003e\n\u003cdiv class=\"mg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mg-step-content\"\u003e\n\u003ch3\u003eAdultes\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e2 à 3 gélules par jour\u003c\/strong\u003e pendant un repas, avec un grand verre d'eau ou de jus de fruit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-step\"\u003e\n\u003cdiv class=\"mg-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mg-step-content\"\u003e\n\u003ch3\u003eEnfants\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eDès 11 ans : 2 gélules par jour.\u003c\/strong\u003e \u003cstrong\u003eDès 4 ans : 1 gélule par jour.\u003c\/strong\u003e Ouvrir la gélule et mélanger son contenu à la nourriture (yaourt, compote).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-step\"\u003e\n\u003cdiv class=\"mg-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mg-step-content\"\u003e\n\u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e3 mois\u003c\/strong\u003e, à prendre en continu pour des effets durables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-tip\"\u003e\n\u003cp\u003e💡 \u003cstrong\u003eConseil d'expert :\u003c\/strong\u003e Pour les troubles du sommeil, privilégiez la prise le soir au dîner pour bénéficier de l'effet relaxant du magnésium.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003e👥 Pour qui est conçu Magform ?\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e😫 Fatigue chronique\u003c\/h3\u003e\n\u003cp\u003ePersonnes souffrant de fatigue persistante, manque d'énergie et épuisement nerveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e😰 Stress \u0026amp; nervosité\u003c\/h3\u003e\n\u003cp\u003eIndividus exposés au stress quotidien, anxiété, irritabilité et tensions nerveuses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003ePratiquants d'activités physiques régulières sujets aux crampes et tensions musculaires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌱 Végétariens \u0026amp; végétaliens\u003c\/h3\u003e\n\u003cp\u003ePersonnes recherchant une source de magnésium bien tolérée et 100% végétale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eAdapté aux adultes et aux enfants dès 4 ans, avec une posologie adaptée à l'âge\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e😴 Troubles du sommeil\u003c\/h3\u003e\n\u003cp\u003ePersonnes ayant des difficultés d'endormissement ou un sommeil non réparateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003e📊 Composition détaillée\u003c\/h2\u003e\n\u003cp class=\"mg-compo-intro\"\u003eÀ la dose recommandée de \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e : \u003cstrong\u003e300 mg de magnésium élément\u003c\/strong\u003e (80 % des VNR) et \u003cstrong\u003e2,1 mg de vitamine B6\u003c\/strong\u003e active.\u003c\/p\u003e\n\u003cdiv class=\"mg-accordion\"\u003e\n\u003cdetails class=\"mg-accordion-item\"\u003e\n\u003csummary class=\"mg-accordion-header\"\u003e📊 Valeurs nutritionnelles\u003c\/summary\u003e\n\u003cdiv class=\"mg-accordion-content\"\u003e\n\u003cdiv class=\"mg-nutri-wrap\"\u003e\n\u003ctable class=\"mg-nutri\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eIngrédient\u003c\/th\u003e\n\u003cth\u003e1 gélule\u003c\/th\u003e\n\u003cth\u003e3 gélules\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eMagnésium malate\u003c\/td\u003e\n\u003ctd\u003e340 mg\u003c\/td\u003e\n\u003ctd\u003e1 020 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLaitue de mer bio \u003cspan class=\"mg-nutri-sub\"\u003etitrée à 25 % de magnésium\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e125 mg\u003c\/td\u003e\n\u003ctd\u003e375 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMagnésium bisglycinate chélaté \u003cspan class=\"mg-nutri-sub\"\u003eAlbion TRAACS®\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e125 mg\u003c\/td\u003e\n\u003ctd\u003e375 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTaurate de magnésium\u003c\/td\u003e\n\u003ctd\u003e70 mg\u003c\/td\u003e\n\u003ctd\u003e210 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"mg-nutri-hl\"\u003e\n\u003ctd\u003eMagnésium élément total\u003c\/td\u003e\n\u003ctd\u003e100 mg\u003c\/td\u003e\n\u003ctd\u003e300 mg\u003cspan class=\"mg-nutri-vnr\"\u003e80 % VNR*\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"mg-nutri-hl\"\u003e\n\u003ctd\u003eVitamine B6 \u003cspan class=\"mg-nutri-sub\"\u003eP-5-P (forme active)\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e0,7 mg\u003c\/td\u003e\n\u003ctd\u003e2,1 mg\u003cspan class=\"mg-nutri-vnr\"\u003e150 % VNR*\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFibregum® \u003cspan class=\"mg-nutri-sub\"\u003edont fibres d'acacia 8,37 mg \/ 25,11 mg\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e9,3 mg\u003c\/td\u003e\n\u003ctd\u003e27,9 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"mg-note\"\u003e3 gélules = dose journalière recommandée pour un adulte. *VNR : valeurs nutritionnelles de référence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mg-accordion-item\"\u003e\n\u003csummary class=\"mg-accordion-header\"\u003e📋 Ingrédients et origines\u003c\/summary\u003e\n\u003cdiv class=\"mg-accordion-content\"\u003e\n\u003cp\u003eMagnésium malate (Allemagne), laitue de mer bio titrée à 25 % de magnésium (Bretagne, France), magnésium bisglycinate chélaté Albion TRAACS® (États-Unis), taurate de magnésium (États-Unis), Fibregum® – fibres d'acacia (France), vitamine B6 P-5-P, gélule d'origine 100 % végétale (HPMC, hydroxypropylméthylcellulose).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003e🏆 Qualité \u0026amp; engagements\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eProduction française, standards pharmaceutiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans OGM, colorants ni conservateurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌿 100% végétal\u003c\/h3\u003e\n\u003cp\u003eGélules HPMC d'origine végétale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔬 Laboratoire certifié\u003c\/h3\u003e\n\u003cp\u003eINOLAB, nutraceutique de pointe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🏅 Ingrédients brevetés\u003c\/h3\u003e\n\u003cp\u003eBisglycinate Albion TRAACS®\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eEmballage recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"mg-accordion\"\u003e\n\u003cdetails class=\"mg-accordion-item\"\u003e\n\u003csummary class=\"mg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"mg-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n\u003cli\u003eNe se substitue pas à une alimentation variée et équilibrée\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n\u003cli\u003eConsulter un professionnel de santé en cas de grossesse, allaitement ou traitement médical\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mg-accordion-item\"\u003e\n\u003csummary class=\"mg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"mg-accordion-content\"\u003e\n\u003cp\u003eConserver à température stable et modérée, à l'abri de la lumière, de l'air et de l'humidité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mg-accordion-item\"\u003e\n\u003csummary class=\"mg-accordion-header\"\u003e📦 Contenance \u0026amp; durée\u003c\/summary\u003e\n\u003cdiv class=\"mg-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003e120 gélules\u003c\/strong\u003e par boîte, soit \u003cstrong\u003e40 à 60 jours\u003c\/strong\u003e de cure selon la posologie (2 à 3 gélules\/jour).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mg-cta-box\"\u003e\n\u003ch3\u003eFaites le choix de l'excellence\u003c\/h3\u003e\n\u003cp\u003eMagform Inolab combine science, innovation et naturalité pour vous offrir le meilleur du magnésium. Une formule premium pensée pour votre bien-être quotidien.\u003c\/p\u003e\n\u003cp class=\"mg-cta-details\"\u003e\u003cstrong\u003e120 gélules • 40 à 60 jours de cure • Fabriqué en France\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --mg-cream: #f7f9fc;\n --mg-white: #ffffff;\n --mg-primary: #1e3a5f;\n --mg-primary-dark: #0f2233;\n --mg-primary-light: #e8f1f8;\n --mg-secondary: #5ba3d9;\n --mg-accent: #c9a227;\n --mg-green: #7cb342;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a5a5a;\n --mg-border: #e0e0e0;\n --mg-shadow: 0 4px 24px rgba(30, 58, 95, 0.08);\n --mg-shadow-lg: 0 12px 48px rgba(30, 58, 95, 0.15);\n --mg-radius: 20px;\n --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mg-text);\n line-height: 1.6;\n}\n\n.mg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-secondary) 50%, var(--mg-primary-dark) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .05;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.mg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mg-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.mg-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.mg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mg-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mg-primary), var(--mg-secondary));\n border-radius: 2px;\n}\n\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mg-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mg-shadow-lg);\n border-color: var(--mg-secondary);\n}\n\n.mg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mg-dosage {\n font-size: clamp(20px, 3.5vw, 26px);\n font-weight: 900;\n color: var(--mg-secondary);\n margin: .5rem 0;\n}\n\n.mg-origin {\n display: inline-block;\n margin-top: .75rem;\n padding: 5px 12px;\n background: var(--mg-primary-light);\n color: var(--mg-primary-dark);\n border-radius: 999px;\n font-size: 11px;\n font-weight: 700;\n}\n\n.mg-synergy-box {\n background: linear-gradient(135deg, var(--mg-primary-light) 0%, rgba(91, 163, 217, 0.1) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n margin-top: 1.5rem;\n border-left: 4px solid var(--mg-accent);\n display: flex;\n align-items: center;\n gap: 1.5rem;\n}\n\n.mg-synergy-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.mg-synergy-content h3 {\n text-align: left;\n margin-bottom: .5rem;\n}\n\n.mg-synergy-content p {\n text-align: left;\n margin: 0;\n}\n\n.mg-features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.mg-feature-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--mg-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.mg-feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--mg-primary), var(--mg-secondary));\n}\n\n.mg-feature-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mg-shadow-lg);\n border-color: var(--mg-secondary);\n}\n\n.mg-feature-number {\n font-size: clamp(40px, 8vw, 60px);\n font-weight: 900;\n line-height: 1;\n margin-bottom: .5rem;\n background: linear-gradient(135deg, var(--mg-secondary), var(--mg-primary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.mg-feature-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 700;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mg-feature-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text-light);\n margin: 0;\n}\n\n.mg-timeline {\n max-width: 800px;\n margin: 0 auto;\n}\n\n.mg-step {\n display: flex;\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n align-items: flex-start;\n}\n\n.mg-step-num {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--mg-primary), var(--mg-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(30, 58, 95, 0.2);\n}\n\n.mg-step-content {\n flex: 1;\n background: var(--mg-white);\n padding: 1.25rem;\n border-radius: var(--mg-radius-sm);\n box-shadow: var(--mg-shadow);\n}\n\n.mg-step-content h3 {\n text-align: left;\n font-size: clamp(15px, 2.5vw, 17px);\n margin-bottom: .35rem;\n}\n\n.mg-step-content p {\n margin: 0;\n text-align: left;\n}\n\n.mg-tip {\n background: linear-gradient(135deg, rgba(201, 162, 39, 0.1), rgba(201, 162, 39, 0.05));\n border-left: 4px solid var(--mg-accent);\n border-radius: var(--mg-radius-sm);\n padding: 1.25rem;\n margin-top: 1.5rem;\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mg-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.mg-tip p {\n margin: 0;\n color: var(--mg-text);\n}\n\n.mg-table {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n overflow: hidden;\n box-shadow: var(--mg-shadow);\n margin-bottom: .75rem;\n}\n\n.mg-table-row {\n display: grid;\n grid-template-columns: 2fr 1fr 0.8fr;\n gap: .75rem;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--mg-border);\n font-size: clamp(13px, 2vw, 15px);\n transition: background .2s ease;\n}\n\n.mg-table-row:hover {\n background: var(--mg-primary-light);\n}\n\n.mg-table-row:last-child {\n border-bottom: none;\n}\n\n.mg-table-header {\n background: var(--mg-primary);\n color: white;\n font-weight: 700;\n font-size: clamp(12px, 1.8vw, 14px);\n}\n\n.mg-table-header:hover {\n background: var(--mg-primary);\n}\n\n.mg-highlight {\n background: var(--mg-primary-light);\n font-weight: 700;\n color: var(--mg-primary-dark);\n}\n\n.mg-table-cell {\n display: flex;\n align-items: center;\n}\n\n.mg-note {\n font-size: 12px;\n font-style: italic;\n color: var(--mg-text-light);\n text-align: center;\n margin: 0;\n}\n\n.mg-accordion {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n box-shadow: var(--mg-shadow);\n overflow: hidden;\n}\n\n.mg-accordion-item {\n border-bottom: 1px solid var(--mg-border);\n margin: 0;\n padding: 0;\n}\n\n.mg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mg-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mg-accordion-header:hover {\n background: var(--mg-primary-light);\n}\n\n.mg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mg-secondary);\n transition: transform .2s ease;\n}\n\n.mg-accordion-item[open] .mg-accordion-header::after {\n content: '−';\n}\n\n.mg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.mg-accordion-content p {\n margin: 0;\n}\n\n.mg-accordion-content ul {\n margin: .5rem 0 0 0;\n padding-left: 1.25rem;\n list-style: disc;\n}\n\n.mg-accordion-content li {\n margin-bottom: .35rem;\n}\n\n.mg-accordion-content li::before {\n display: none;\n}\n\n.mg-cta-box {\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mg-cta-box h3 {\n color: white;\n font-size: clamp(20px, 4vw, 28px);\n margin-bottom: 1rem;\n}\n\n.mg-cta-box p {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n margin-bottom: .75rem;\n}\n\n.mg-cta-details {\n margin-top: 1rem !important;\n font-size: clamp(14px, 2vw, 16px) !important;\n}\n\n@media (max-width: 767px) {\n .mg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mg-grid-compact {\n gap: .625rem;\n }\n \n .mg-grid-compact .mg-card {\n padding: .75rem;\n }\n \n .mg-grid-compact .mg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .mg-grid-compact .mg-card p {\n font-size: 12px;\n }\n \n .mg-features-grid {\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n }\n \n .mg-feature-card {\n padding: 1rem;\n }\n \n .mg-feature-number {\n font-size: 36px;\n }\n \n .mg-card {\n padding: 1.125rem;\n }\n \n .mg-section {\n margin-bottom: 1.75rem;\n }\n \n .mg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mg-radius-sm);\n }\n \n .mg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mg-synergy-box {\n flex-direction: column;\n text-align: center;\n gap: 1rem;\n }\n \n .mg-synergy-content h3,\n .mg-synergy-content p {\n text-align: center;\n }\n \n .mg-step {\n flex-direction: column;\n gap: .75rem;\n }\n \n .mg-step-num {\n margin: 0 auto;\n width: 38px;\n height: 38px;\n font-size: 18px;\n }\n \n .mg-step-content {\n text-align: center;\n }\n \n .mg-step-content h3,\n .mg-step-content p {\n text-align: center;\n }\n \n .mg-tip {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .mg-table-row {\n grid-template-columns: 2fr 1fr 0.7fr;\n gap: .5rem;\n padding: .75rem 1rem;\n font-size: 13px;\n }\n \n .mg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .mg-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mg-card:nth-child(1) { animation-delay: .05s; }\n .mg-card:nth-child(2) { animation-delay: .1s; }\n .mg-card:nth-child(3) { animation-delay: .15s; }\n .mg-card:nth-child(4) { animation-delay: .2s; }\n .mg-card:nth-child(5) { animation-delay: .25s; }\n .mg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n\/* Tableau de composition *\/\n.mg-compo-intro { text-align: center; max-width: 720px; margin: 0 auto 1.25rem; color: var(--mg-text-light); line-height: 1.7; }\n.mg-compo-intro strong { color: var(--mg-primary); }\n.mg-dosage small { font-size: .55em; font-weight: 600; opacity: .7; }\n.mg-nutri-wrap { overflow-x: auto; max-width: 720px; margin: .5rem auto 0; }\n.mg-premium table.mg-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--mg-text); word-break: normal; }\n.mg-premium table.mg-nutri th, .mg-premium table.mg-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--mg-border); padding: .6rem .75rem !important; box-shadow: none; vertical-align: middle; }\n.mg-premium table.mg-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--mg-secondary); border-bottom: 2px solid var(--mg-primary); }\n.mg-premium table.mg-nutri tbody tr:last-child td { border-bottom: none; }\n.mg-premium table.mg-nutri tbody tr:nth-child(even) td { background: var(--mg-primary-light); }\n.mg-premium table.mg-nutri th:not(:first-child), .mg-premium table.mg-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.mg-premium table.mg-nutri td:last-child { font-weight: 700; color: var(--mg-primary); }\n.mg-premium table.mg-nutri tr.mg-nutri-hl td { font-weight: 700; }\n.mg-nutri-sub { display: block; font-size: 12px; font-weight: 400; color: var(--mg-text-light); }\n.mg-nutri-vnr { display: block; font-size: 11px; font-weight: 600; color: var(--mg-accent); }\n@media (max-width: 767px) { .mg-premium table.mg-nutri { font-size: 13px; } .mg-premium table.mg-nutri th, .mg-premium table.mg-nutri td { padding: .5rem .4rem !important; } .mg-premium table.mg-nutri th { letter-spacing: 0; } }\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55084715639161,"sku":"53015013","price":18.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/packshot-avant-magform-inolab.webp?v=1769595968"},{"product_id":"b12form-vitamine-b12-75µg-bio-60-comprimes-inolab","title":"Inolab B12form : Vitamine B12 vegan bio issue du shiitake - 60 caps.","description":"\u003cdiv class=\"b12-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"b12-hero\"\u003e\n \u003cdiv class=\"b12-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"b12-hero-content\"\u003e\n \u003cdiv class=\"b12-badges-top\"\u003e\n \u003cspan class=\"b12-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"b12-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n \u003cspan class=\"b12-badge\"\u003e🍄 Extrait de Shiitake\u003c\/span\u003e\n \u003cspan class=\"b12-badge\"\u003e💊 60 gélules — Programme 60 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"b12-hero-title\"\u003eInolab B12form — Vitamine B12 vegan bio\u003c\/span\u003e\n \u003cp class=\"b12-subtitle\"\u003e75 µg de vitamine B12 naturelle par gélule, issue du shiitake biologique\u003c\/p\u003e\n \u003cp class=\"b12-description\"\u003eTrois formes actives — hydroxocobalamine, méthylcobalamine et adénosylcobalamine — pour une assimilation optimale, sans cyanocobalamine synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"b12-section\"\u003e\n \u003ch2\u003eVitamine B12 bio et vegan : le meilleur du shiitake dans chaque gélule\u003c\/h2\u003e\n \u003cp class=\"b12-section-intro\"\u003eVous cherchez la \u003cstrong\u003emeilleure vitamine B12 vegan\u003c\/strong\u003e d'origine naturelle ? \u003cstrong\u003eB12form d'Inolab\u003c\/strong\u003e vous apporte \u003cstrong\u003e75 µg de vitamine B12 bio\u003c\/strong\u003e par gélule, extraite exclusivement du \u003cstrong\u003eshiitake certifié Agriculture Biologique\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"b12-grid-compact\"\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🍄 Shiitake bio\u003c\/h3\u003e\n \u003cp\u003eExtraction naturelle à partir du champignon Lentinula edodes, cultivé en agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🔬 3 formes actives\u003c\/h3\u003e\n \u003cp\u003eHydroxocobalamine, méthylcobalamine et adénosylcobalamine réunies dans une seule gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🚫 Zéro synthétique\u003c\/h3\u003e\n \u003cp\u003eAucune cyanocobalamine : uniquement des formes que votre corps reconnaît et utilise directement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e⚡ 3 000 % VNR\u003c\/h3\u003e\n \u003cp\u003e75 µg par gélule pour combler efficacement les déficits, même importants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"b12-section\"\u003e\n \u003ch2\u003ePourquoi cette vitamine B12 naturelle bio est différente\u003c\/h2\u003e\n \u003cp class=\"b12-section-intro\"\u003eLa plupart des compléments de \u003cstrong\u003evitamine B12 vegan en pharmacie\u003c\/strong\u003e utilisent de la cyanocobalamine, une forme synthétique que l'organisme doit convertir avant de pouvoir l'exploiter. B12form prend le contre-pied de cette approche.\u003c\/p\u003e\n \u003cdiv class=\"b12-comparison\"\u003e\n \u003cdiv class=\"b12-comparison-col b12-comparison-bad\"\u003e\n \u003ch3\u003e❌ B12 classique (synthétique)\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eCyanocobalamine produite en laboratoire\u003c\/li\u003e\n \u003cli\u003eConversion nécessaire par l'organisme\u003c\/li\u003e\n \u003cli\u003eAucun co-facteur naturel\u003c\/li\u003e\n \u003cli\u003eBiodisponibilité limitée\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-comparison-col b12-comparison-good\"\u003e\n \u003ch3\u003e✅ B12form (naturelle bio)\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eExtraite du shiitake biologique\u003c\/li\u003e\n \u003cli\u003eAssimilation directe sans conversion\u003c\/li\u003e\n \u003cli\u003eCo-facteurs enzymatiques conservés\u003c\/li\u003e\n \u003cli\u003eSynergie des 3 formes actives\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-tip\"\u003e\n \u003cspan class=\"b12-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eC'est cette synergie entre les trois formes actives et les co-facteurs du shiitake qui fait de B12form l'un des \u003cstrong\u003emeilleurs compléments de vitamine B12 bio\u003c\/strong\u003e disponibles aujourd'hui.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"b12-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de la vitamine B12 au quotidien\u003c\/h2\u003e\n \u003cp class=\"b12-section-intro\"\u003eLa \u003cstrong\u003evitamine B12\u003c\/strong\u003e est essentielle à de nombreuses fonctions vitales. Avec une prise quotidienne de B12form, vous contribuez à :\u003c\/p\u003e\n \u003cdiv class=\"b12-grid\"\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e⚡ Réduire la fatigue\u003c\/h3\u003e\n \u003cp\u003eLa B12 soutient votre métabolisme énergétique, vous aidant à retrouver du dynamisme au fil des jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🧠 Protéger votre système nerveux\u003c\/h3\u003e\n \u003cp\u003eElle participe au maintien de fonctions neurologiques normales et soutient l'équilibre psychologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🩸 Former les globules rouges\u003c\/h3\u003e\n \u003cp\u003eIndispensables au transport de l'oxygène, ils jouent un rôle clé dans votre vitalité globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🛡️ Renforcer vos défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eLa vitamine B12 contribue au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"b12-section\"\u003e\n \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n \u003cdiv class=\"b12-composition-box\"\u003e\n \u003cdiv class=\"b12-compo-header\"\u003e\n \u003ch3\u003e🍄 Ingrédients pour 1 gélule (dose journalière recommandée)\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-compo-body\"\u003e\n \u003cdiv class=\"b12-compo-row\"\u003e\n \u003cspan class=\"b12-compo-label\"\u003ePoudre de shiitake biologique (\u003cem\u003eLentinula edodes\u003c\/em\u003e)\u003c\/span\u003e\n \u003cspan class=\"b12-compo-value\"\u003e\u003cstrong\u003e75 µg de vitamine B12\u003c\/strong\u003e\u003cbr\u003e\u003csmall\u003e3 000 % des VNR*\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-compo-row\"\u003e\n \u003cspan class=\"b12-compo-label\"\u003eEnveloppe de la gélule\u003c\/span\u003e\n \u003cspan class=\"b12-compo-value\"\u003eHypromellose (gélule végétale)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"b12-compo-footnote\"\u003e*VNR : Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"b12-timeline\"\u003e\n \u003cdiv class=\"b12-timeline-item\"\u003e\n \u003cdiv class=\"b12-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"b12-timeline-content\"\u003e\n \u003ch3\u003ePrenez 1 gélule par jour\u003c\/h3\u003e\n \u003cp\u003eAvec un grand verre d'eau, de préférence au cours d'un repas pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-timeline-item\"\u003e\n \u003cdiv class=\"b12-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"b12-timeline-content\"\u003e\n \u003ch3\u003eProgramme complet de 60 jours\u003c\/h3\u003e\n \u003cp\u003eLe sachet contient 60 gélules, soit un programme de deux mois. Maintenez la cure sur la durée pour un résultat optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"b12-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e⚖️ Poids net\u003c\/h3\u003e\n \u003cp\u003e42 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e💊 Contenance\u003c\/h3\u003e\n \u003cp\u003e60 gélules végétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"b12-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse B12form ?\u003c\/h2\u003e\n \u003cdiv class=\"b12-grid\"\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🌱 Végétaliens \u0026amp; végétariens\u003c\/h3\u003e\n \u003cp\u003eL'alimentation végétale ne fournit pas suffisamment de B12. Ce complément comble ce déficit de manière naturelle et certifiée bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e👴 Personnes de plus de 50 ans\u003c\/h3\u003e\n \u003cp\u003eL'absorption naturelle de la B12 diminue avec l'âge. B12form compense cette baisse grâce à ses formes hautement biodisponibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eToute personne ressentant une fatigue liée à un déficit en B12 bénéficiera d'une supplémentation adaptée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-tip\"\u003e\n \u003cspan class=\"b12-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eCertifié \u003cstrong\u003e100 % vegan\u003c\/strong\u003e et labellisé \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e, B12form ne contient aucun additif artificiel, aucun excipient controversé et aucun ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"b12-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"b12-accordion\"\u003e\n \u003cdetails class=\"b12-accordion-item\" open\u003e\n \u003csummary class=\"b12-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"b12-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Respectez la dose journalière conseillée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"b12-accordion-item\"\u003e\n \u003csummary class=\"b12-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"b12-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de l'humidité, hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"b12-accordion-item\"\u003e\n \u003csummary class=\"b12-accordion-header\"\u003e🤰 Grossesse et traitement médical\u003c\/summary\u003e\n \u003cdiv class=\"b12-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médical, de grossesse ou d'allaitement, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"b12-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"b12-cta-box\"\u003e\n \u003cp\u003e🍄 Offrez à votre corps une \u003cstrong\u003evitamine B12 bio et naturelle\u003c\/strong\u003e, extraite du shiitake — sans compromis sur la qualité, l'éthique et l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"b12-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --b12-cream: #f5f7f2;\n --b12-white: #ffffff;\n --b12-primary: #4a8c3f;\n --b12-primary-dark: #2d5a25;\n --b12-primary-light: #e8f2e5;\n --b12-secondary: #6db85a;\n --b12-accent: #8bc34a;\n --b12-text: #1a1a1a;\n --b12-text-light: #5a5a5a;\n --b12-border: #dde6d9;\n --b12-shadow: 0 4px 24px rgba(45,90,37,.08);\n --b12-shadow-lg: 0 12px 48px rgba(45,90,37,.15);\n --b12-radius: 20px;\n --b12-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.b12-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--b12-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.b12-premium *, .b12-premium *::before, .b12-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.b12-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5a25 0%, #4a8c3f 45%, #6db85a 100%);\n border-radius: var(--b12-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--b12-shadow-lg);\n}\n\n.b12-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(139,195,74,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.b12-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.b12-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.b12-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 8px rgba(0,0,0,.12);\n}\n\n.b12-description {\n color: rgba(255,255,255,.82);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.b12-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.b12-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--b12-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.b12-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.b12-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.b12-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--b12-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.b12-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--b12-primary), var(--b12-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.b12-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--b12-text-light);\n margin-bottom: 1.5rem;\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.b12-section-intro strong {\n color: var(--b12-text);\n}\n\n\/* === CARDS === *\/\n.b12-card {\n background: var(--b12-white);\n border-radius: var(--b12-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--b12-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.b12-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--b12-shadow-lg);\n border-color: var(--b12-primary);\n}\n\n.b12-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--b12-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.b12-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--b12-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.b12-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.b12-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.b12-grid-compact .b12-card {\n padding: 1rem;\n}\n\n.b12-grid-compact .b12-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.b12-grid-compact .b12-card p {\n font-size: 12px;\n}\n\n\/* === COMPARISON === *\/\n.b12-comparison {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.b12-comparison-col {\n border-radius: var(--b12-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--b12-shadow);\n}\n\n.b12-comparison-col h3 {\n font-size: clamp(14px, 2.2vw, 17px);\n font-weight: 800;\n margin: 0 0 .75rem 0;\n}\n\n.b12-comparison-col ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.b12-comparison-col ul li {\n font-size: clamp(13px, 2vw, 15px);\n padding: .4rem 0;\n line-height: 1.5;\n}\n\n.b12-comparison-bad {\n background: #fef3f2;\n border: 2px solid #fecaca;\n}\n\n.b12-comparison-bad h3 {\n color: #b91c1c;\n}\n\n.b12-comparison-bad ul li {\n color: #7f1d1d;\n}\n\n.b12-comparison-bad ul li::before {\n content: '• ';\n color: #dc2626;\n font-weight: 700;\n}\n\n.b12-comparison-good {\n background: var(--b12-primary-light);\n border: 2px solid var(--b12-primary);\n}\n\n.b12-comparison-good h3 {\n color: var(--b12-primary-dark);\n}\n\n.b12-comparison-good ul li {\n color: var(--b12-primary-dark);\n}\n\n.b12-comparison-good ul li::before {\n content: '• ';\n color: var(--b12-primary);\n font-weight: 700;\n}\n\n\/* === COMPOSITION BOX === *\/\n.b12-composition-box {\n background: var(--b12-white);\n border-radius: var(--b12-radius);\n box-shadow: var(--b12-shadow);\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.b12-compo-header {\n background: linear-gradient(135deg, var(--b12-primary), var(--b12-secondary));\n padding: 1rem 1.5rem;\n}\n\n.b12-compo-header h3 {\n color: white;\n font-size: clamp(14px, 2.2vw, 17px);\n font-weight: 700;\n margin: 0;\n}\n\n.b12-compo-body {\n padding: 0;\n}\n\n.b12-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(--b12-border);\n gap: 1rem;\n}\n\n.b12-compo-row:last-child {\n border-bottom: none;\n}\n\n.b12-compo-label {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--b12-text);\n flex: 1;\n}\n\n.b12-compo-value {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--b12-primary-dark);\n font-weight: 700;\n text-align: right;\n flex-shrink: 0;\n}\n\n.b12-compo-value small {\n font-weight: 500;\n color: var(--b12-text-light);\n font-size: 12px;\n}\n\n.b12-compo-footnote {\n padding: .75rem 1.5rem;\n font-size: 12px;\n color: var(--b12-text-light);\n font-style: italic;\n margin: 0;\n background: var(--b12-primary-light);\n}\n\n\/* === TIMELINE === *\/\n.b12-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.b12-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.b12-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--b12-primary), var(--b12-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.b12-timeline-content {\n flex: 1;\n background: var(--b12-white);\n padding: 1rem 1.25rem;\n border-radius: var(--b12-radius-sm);\n box-shadow: var(--b12-shadow);\n}\n\n.b12-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--b12-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.b12-timeline-content p {\n font-size: 14px;\n color: var(--b12-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.b12-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--b12-primary-light);\n border-radius: var(--b12-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.b12-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.b12-tip p {\n font-size: 14px;\n color: var(--b12-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.b12-tip p strong {\n color: var(--b12-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.b12-testimonial {\n background: var(--b12-white);\n border-radius: var(--b12-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--b12-shadow);\n border-left: 4px solid var(--b12-primary);\n}\n\n.b12-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--b12-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.b12-accordion {\n background: var(--b12-white);\n border-radius: var(--b12-radius);\n box-shadow: var(--b12-shadow);\n overflow: hidden;\n}\n\n.b12-accordion-item {\n border-bottom: 1px solid var(--b12-border);\n margin: 0;\n padding: 0;\n}\n\n.b12-accordion-item:last-child {\n border-bottom: none;\n}\n\n.b12-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--b12-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.b12-accordion-header:hover {\n background: var(--b12-primary-light);\n}\n\n.b12-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.b12-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--b12-primary);\n transition: transform .2s ease;\n}\n\n.b12-accordion-item[open] .b12-accordion-header::after {\n content: '−';\n}\n\n.b12-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--b12-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.b12-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.b12-cta-box {\n background: linear-gradient(135deg, var(--b12-primary) 0%, var(--b12-primary-dark) 100%);\n border-radius: var(--b12-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.b12-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(139,195,74,.2) 0%, transparent 60%);\n}\n\n.b12-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.b12-disclaimer {\n font-size: 12px;\n color: var(--b12-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .b12-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .b12-card {\n padding: 1.125rem;\n }\n\n .b12-section {\n margin-bottom: 1.75rem;\n }\n\n .b12-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--b12-radius-sm);\n }\n\n .b12-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .b12-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .b12-grid-compact {\n gap: .625rem;\n }\n\n .b12-grid-compact .b12-card {\n padding: .75rem;\n }\n\n .b12-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .b12-comparison-col {\n padding: 1rem;\n }\n\n .b12-comparison-col h3 {\n font-size: 14px;\n }\n\n .b12-comparison-col ul li {\n font-size: 13px;\n }\n\n .b12-compo-row {\n flex-direction: column;\n gap: .35rem;\n padding: .875rem 1rem;\n }\n\n .b12-compo-value {\n text-align: left;\n }\n\n .b12-compo-header {\n padding: .875rem 1rem;\n }\n\n .b12-compo-footnote {\n padding: .625rem 1rem;\n }\n\n .b12-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .b12-timeline-content {\n padding: .875rem 1rem;\n }\n\n .b12-timeline-content h3 {\n font-size: 14px;\n }\n\n .b12-timeline-content p {\n font-size: 13px;\n }\n\n .b12-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .b12-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .b12-testimonial {\n padding: 1.25rem;\n }\n\n .b12-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .b12-card {\n animation: b12FadeInUp .5s ease backwards;\n }\n .b12-card:nth-child(1) { animation-delay: .05s; }\n .b12-card:nth-child(2) { animation-delay: .1s; }\n .b12-card:nth-child(3) { animation-delay: .15s; }\n .b12-card:nth-child(4) { animation-delay: .2s; }\n .b12-card:nth-child(5) { animation-delay: .25s; }\n .b12-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes b12FadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .b12-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55144534966649,"sku":"53015005","price":18.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/inolab-b12form-vitamine-b12-vegan-bio-issue-du-shiitake-60-c-packshothd.webp?v=1773076203"},{"product_id":"duovia-vitamine-d3-k2-mk7-flacon-20-ml-inolab","title":"Duovia Vitamine D3 K2 MK7 - flacon 20 ml - INOLAB","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Duovia Vitamine D3 K2 MK7\nPalette détectée:\n - Primaire: #E67E3A (Orange chaleureux du logo et des badges D3\/K2)\n - Secondaire: #5B7A5F (Vert olive naturel\/bio des visuels)\n - Accent: #F4B942 (Jaune doré des cercles vitamines)\nAmbiance: Naturel\/Bio, clean et professionnel, santé au naturel, laboratoire scientifique avec touche organique\nStyle: Premium naturel avec codes visuels laboratoire\/santé\nPréfixe CSS: dv\n--\u003e\n\u003cdiv class=\"dv-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"dv-hero\"\u003e\n\u003cdiv class=\"dv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dv-hero-content\"\u003e\n\u003cdiv class=\"dv-badges-top\"\u003e\n\u003cspan class=\"dv-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"dv-badge\"\u003e🔬 Laboratoire Inolab\u003c\/span\u003e \u003cspan class=\"dv-badge\"\u003e💧 Forme liquide\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"dv-hero-title\"\u003eLa synergie ultime pour vos os et votre cœur\u003c\/span\u003e\n\u003cp class=\"dv-description\"\u003eUn duo de vitamines naturelles en formule liquide hautement biodisponible. Une association scientifiquement prouvée pour renforcer votre santé osseuse, cardiovasculaire et immunitaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES CLÉS --\u003e\n\u003csection class=\"dv-section\"\u003e\n\u003ch2\u003eLes 4 actions essentielles de Duovia\u003c\/h2\u003e\n\u003cdiv class=\"dv-grid\"\u003e\n\u003cdiv class=\"dv-card\"\u003e\n\u003cdiv class=\"dv-icon\"\u003e🦴\u003c\/div\u003e\n\u003cdiv class=\"dv-card-title\"\u003eRenforce l'immunité\u003c\/div\u003e\n\u003cp\u003eLa vitamine D3 module efficacement votre système immunitaire pour une meilleure résistance naturelle face aux agressions extérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-card\"\u003e\n\u003cdiv class=\"dv-icon\"\u003e💪\u003c\/div\u003e\n\u003cdiv class=\"dv-card-title\"\u003eSoutient la vitalité musculaire\u003c\/div\u003e\n\u003cp\u003eLa vitamine D3 contribue au bon fonctionnement musculaire et aide à maintenir votre force physique au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-card\"\u003e\n\u003cdiv class=\"dv-icon\"\u003e🦷\u003c\/div\u003e\n\u003cdiv class=\"dv-card-title\"\u003eFavorise la croissance osseuse\u003c\/div\u003e\n\u003cp\u003eLa synergie D3 + K2 MK7 permet une fixation optimale du calcium sur les os, réduisant les risques d'ostéoporose et de fragilité osseuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-card\"\u003e\n\u003cdiv class=\"dv-icon\"\u003e❤️\u003c\/div\u003e\n\u003cdiv class=\"dv-card-title\"\u003eContribue à la santé dentaire\u003c\/div\u003e\n\u003cp\u003eLe calcium fixé grâce à la vitamine K2 participe également à la minéralisation des dents pour un sourire éclatant de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION SCIENTIFIQUE --\u003e\n\u003csection class=\"dv-section\"\u003e\n\u003ch2\u003eUne formule scientifique d'exception\u003c\/h2\u003e\n\u003cdiv class=\"dv-composition-grid\"\u003e\n\u003cdiv class=\"dv-ingredient-card dv-primary-ingredient\"\u003e\n\u003cdiv class=\"dv-vitamin-badge\"\u003e\u003cspan class=\"dv-vitamin-label\"\u003eD3\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"dv-ingredient-name\"\u003eVitamine D3\u003c\/div\u003e\n\u003cdiv class=\"dv-dosage\"\u003e1000 UI\u003c\/div\u003e\n\u003cdiv class=\"dv-dosage-detail\"\u003epar 2 gouttes\u003c\/div\u003e\n\u003cp\u003eCholécalciférol d'origine naturelle (lanoline). Essentielle pour l'absorption du calcium et du phosphore, elle maintient la densité osseuse et soutient l'immunité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-ingredient-card dv-secondary-ingredient\"\u003e\n\u003cdiv class=\"dv-vitamin-badge dv-k2-badge\"\u003e\u003cspan class=\"dv-vitamin-label\"\u003eK2\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"dv-ingredient-name\"\u003eVitamine K2 MK7\u003c\/div\u003e\n\u003cdiv class=\"dv-dosage\"\u003e50 µg\u003c\/div\u003e\n\u003cdiv class=\"dv-dosage-detail\"\u003eForme MenaQ7®\u003c\/div\u003e\n\u003cp\u003eIssue de la fermentation naturelle de pois chiches. Active l'ostéocalcine pour fixer le calcium dans les os et non dans les artères. Biodisponibilité exceptionnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-ingredient-card\"\u003e\n\u003cdiv class=\"dv-icon-small\"\u003e🌻\u003c\/div\u003e\n\u003cdiv class=\"dv-ingredient-name\"\u003eHuile de tournesol\u003c\/div\u003e\n\u003cdiv class=\"dv-dosage-detail\"\u003eBase huileuse vierge\u003c\/div\u003e\n\u003cp\u003eSupport naturel qui optimise l'absorption des vitamines liposolubles D3 et K2 pour une efficacité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-ingredient-card\"\u003e\n\u003cdiv class=\"dv-icon-small\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"dv-ingredient-name\"\u003eVitamine E\u003c\/div\u003e\n\u003cdiv class=\"dv-dosage-detail\"\u003eD-alpha-tocophérol\u003c\/div\u003e\n\u003cp\u003eAntioxydant naturel qui protège les huiles de l'oxydation et garantit la stabilité et la qualité du produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POURQUOI CE DUO EST UNIQUE --\u003e\n\u003csection class=\"dv-section\"\u003e\n\u003ch2\u003ePourquoi D3 et K2 sont indissociables ?\u003c\/h2\u003e\n\u003cdiv class=\"dv-synergy-box\"\u003e\n\u003cdiv class=\"dv-synergy-content\"\u003e\n\u003cdiv class=\"dv-synergy-item\"\u003e\n\u003cdiv class=\"dv-synergy-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"dv-synergy-text\"\u003e\n\u003cstrong\u003eLa vitamine D3 augmente l'absorption du calcium\u003c\/strong\u003e\n\u003cp\u003eElle permet à votre organisme d'absorber efficacement le calcium provenant de votre alimentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-synergy-item\"\u003e\n\u003cdiv class=\"dv-synergy-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"dv-synergy-text\"\u003e\n\u003cstrong\u003eLa vitamine K2 dirige le calcium vers les os\u003c\/strong\u003e\n\u003cp\u003eElle active les protéines qui fixent le calcium sur les os et empêchent sa déposition dans les artères.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-synergy-item\"\u003e\n\u003cdiv class=\"dv-synergy-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"dv-synergy-text\"\u003e\n\u003cstrong\u003eRésultat : protection complète\u003c\/strong\u003e\n\u003cp\u003eOs solides, artères propres, cœur protégé. Une synergie scientifiquement prouvée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"dv-section\"\u003e\n\u003ch2\u003eMode d'emploi simplifié\u003c\/h2\u003e\n\u003cdiv class=\"dv-usage-timeline\"\u003e\n\u003cdiv class=\"dv-usage-step\"\u003e\n\u003cdiv class=\"dv-step-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"dv-step-content\"\u003e\n\u003cdiv class=\"dv-step-title\"\u003eDosage quotidien\u003c\/div\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 à 3 gouttes par jour\u003c\/strong\u003e directement dans la bouche ou diluées dans une cuillère d'huile alimentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-usage-step\"\u003e\n\u003cdiv class=\"dv-step-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"dv-step-content\"\u003e\n\u003cdiv class=\"dv-step-title\"\u003eMoment idéal\u003c\/div\u003e\n\u003cp\u003eDe préférence lors d'un repas contenant des matières grasses pour optimiser l'absorption des vitamines liposolubles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-usage-step\"\u003e\n\u003cdiv class=\"dv-step-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"dv-step-content\"\u003e\n\u003cdiv class=\"dv-step-title\"\u003eDurée de cure\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003e2 à 3 mois minimum\u003c\/strong\u003e pour des résultats optimaux. Le flacon de 20ml contient 320 gouttes, soit environ 5 mois à raison de 2 gouttes\/jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- RÉSULTATS ATTENDUS --\u003e\n\u003csection class=\"dv-section\"\u003e\n\u003ch2\u003eLes bénéfices visibles de votre cure\u003c\/h2\u003e\n\u003cdiv class=\"dv-results-grid\"\u003e\n\u003cdiv class=\"dv-result-card\"\u003e\n\u003cdiv class=\"dv-result-timeline\"\u003eDès 2 semaines\u003c\/div\u003e\n\u003cdiv class=\"dv-result-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"dv-result-title\"\u003eÉnergie musculaire\u003c\/div\u003e\n\u003cp\u003eAmélioration notable de la vitalité musculaire et réduction de la fatigue physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-result-card\"\u003e\n\u003cdiv class=\"dv-result-timeline\"\u003eAprès 1 mois\u003c\/div\u003e\n\u003cdiv class=\"dv-result-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"dv-result-title\"\u003eImmunité renforcée\u003c\/div\u003e\n\u003cp\u003eSystème immunitaire plus réactif face aux agressions saisonnières.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-result-card\"\u003e\n\u003cdiv class=\"dv-result-timeline\"\u003eAprès 2-3 mois\u003c\/div\u003e\n\u003cdiv class=\"dv-result-icon\"\u003e🦴\u003c\/div\u003e\n\u003cdiv class=\"dv-result-title\"\u003eSanté osseuse\u003c\/div\u003e\n\u003cp\u003eAmélioration de la densité osseuse et réduction du risque de fragilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-result-card\"\u003e\n\u003cdiv class=\"dv-result-timeline\"\u003eSur le long terme\u003c\/div\u003e\n\u003cdiv class=\"dv-result-icon\"\u003e❤️\u003c\/div\u003e\n\u003cdiv class=\"dv-result-title\"\u003eProtection cardiovasculaire\u003c\/div\u003e\n\u003cp\u003ePrévention des dépôts calciques dans les artères grâce à la vitamine K2.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI ? --\u003e\n\u003csection class=\"dv-section\"\u003e\n\u003ch2\u003eDuovia est fait pour vous si...\u003c\/h2\u003e\n\u003cdiv class=\"dv-grid\"\u003e\n\u003cdiv class=\"dv-card dv-profile-card\"\u003e\n\u003cdiv class=\"dv-profile-icon\"\u003e☀️\u003c\/div\u003e\n\u003cdiv class=\"dv-profile-title\"\u003eVous manquez de soleil\u003c\/div\u003e\n\u003cp\u003eEn hiver ou si vous sortez peu, vous êtes probablement carencé en vitamine D. Duovia compense ce déficit naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-card dv-profile-card\"\u003e\n\u003cdiv class=\"dv-profile-icon\"\u003e👴\u003c\/div\u003e\n\u003cdiv class=\"dv-profile-title\"\u003eVous avez plus de 50 ans\u003c\/div\u003e\n\u003cp\u003eLa synthèse de vitamine D diminue avec l'âge. Le duo D3+K2 est essentiel pour préserver votre capital osseux et cardiovasculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-card dv-profile-card\"\u003e\n\u003cdiv class=\"dv-profile-icon\"\u003e🏃\u003c\/div\u003e\n\u003cdiv class=\"dv-profile-title\"\u003eVous êtes actif\u003c\/div\u003e\n\u003cp\u003eLes sportifs ont des besoins accrus en vitamine D pour la fonction musculaire et la récupération.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-card dv-profile-card\"\u003e\n\u003cdiv class=\"dv-profile-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"dv-profile-title\"\u003eVous recherchez du naturel\u003c\/div\u003e\n\u003cp\u003eFormule 100% naturelle, certifiée bio, sans excipients artificiels. Forme liquide pour une absorption optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-card dv-profile-card\"\u003e\n\u003cdiv class=\"dv-profile-icon\"\u003e🦴\u003c\/div\u003e\n\u003cdiv class=\"dv-profile-title\"\u003eVous souhaitez protéger vos os\u003c\/div\u003e\n\u003cp\u003eFemmes ménopausées, personnes à risque d'ostéoporose : la synergie D3+K2 est votre meilleure alliée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-card dv-profile-card\"\u003e\n\u003cdiv class=\"dv-profile-icon\"\u003e💊\u003c\/div\u003e\n\u003cdiv class=\"dv-profile-title\"\u003eVous prenez du calcium\u003c\/div\u003e\n\u003cp\u003eSi vous vous supplémentez en calcium, le duo D3+K2 est INDISPENSABLE pour qu'il se fixe au bon endroit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- AVANTAGES PRODUIT --\u003e\n\u003csection class=\"dv-section\"\u003e\n\u003ch2\u003eLes atouts exclusifs de Duovia\u003c\/h2\u003e\n\u003cdiv class=\"dv-advantages-grid\"\u003e\n\u003cdiv class=\"dv-advantage-item\"\u003e\n\u003cdiv class=\"dv-advantage-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-content\"\u003e\n\u003cdiv class=\"dv-advantage-title\"\u003eForme liquide optimale\u003c\/div\u003e\n\u003cp\u003eAbsorption immédiate et complète grâce à la base huileuse. Bien supérieure aux gélules ou comprimés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-item\"\u003e\n\u003cdiv class=\"dv-advantage-icon\"\u003e🏆\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-content\"\u003e\n\u003cdiv class=\"dv-advantage-title\"\u003eK2 MenaQ7® brevetée\u003c\/div\u003e\n\u003cp\u003eLa forme de vitamine K2 la plus étudiée et la plus biodisponible du marché. Efficacité scientifiquement prouvée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-item\"\u003e\n\u003cdiv class=\"dv-advantage-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-content\"\u003e\n\u003cdiv class=\"dv-advantage-title\"\u003e100% d'origine naturelle\u003c\/div\u003e\n\u003cp\u003eD3 issue de lanoline, K2 de fermentation de pois chiches. Aucun ingrédient de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-item\"\u003e\n\u003cdiv class=\"dv-advantage-icon\"\u003e📏\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-content\"\u003e\n\u003cdiv class=\"dv-advantage-title\"\u003eDosage précis et facile\u003c\/div\u003e\n\u003cp\u003eCompte-gouttes intégré pour un dosage millimétré. 2-3 gouttes suffisent, pas de surdosage possible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-item\"\u003e\n\u003cdiv class=\"dv-advantage-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-content\"\u003e\n\u003cdiv class=\"dv-advantage-title\"\u003eQualité laboratoire Inolab\u003c\/div\u003e\n\u003cp\u003eFabriqué en France selon les normes pharmaceutiques les plus strictes. Traçabilité totale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-item\"\u003e\n\u003cdiv class=\"dv-advantage-icon\"\u003e🌱\u003c\/div\u003e\n\u003cdiv class=\"dv-advantage-content\"\u003e\n\u003cdiv class=\"dv-advantage-title\"\u003eConvient aux végétariens\u003c\/div\u003e\n\u003cp\u003eFormulation adaptée aux régimes végétariens (D3 issue de lanoline végétale).\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=\"dv-section\"\u003e\n\u003cdiv class=\"dv-warning-box\"\u003e\n\u003cdiv class=\"dv-warning-content\"\u003e\n\u003cdiv class=\"dv-warning-title\"\u003e⚠️ Précautions d'emploi\u003c\/div\u003e\n\u003cul class=\"dv-warning-list\" style=\"list-style: none;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eContre-indication importante :\u003c\/strong\u003e Ce produit est déconseillé aux personnes sous traitement anticoagulant (warfarine, AVK) en raison de la présence de vitamine K2 qui peut interférer avec l'efficacité du traitement.\u003c\/li\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée de 2-3 gouttes.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eEn cas de grossesse ou d'allaitement, demandez conseil à votre médecin.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"dv-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"dv-info-grid\"\u003e\n\u003cdiv class=\"dv-info-card\"\u003e\n\u003cdiv class=\"dv-info-label\"\u003eContenance\u003c\/div\u003e\n\u003cdiv class=\"dv-info-value\"\u003e20 ml\u003c\/div\u003e\n\u003cdiv class=\"dv-info-detail\"\u003e320 gouttes (environ 160 doses)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-info-card\"\u003e\n\u003cdiv class=\"dv-info-label\"\u003eDurée\u003c\/div\u003e\n\u003cdiv class=\"dv-info-value\"\u003e5 mois\u003c\/div\u003e\n\u003cdiv class=\"dv-info-detail\"\u003eÀ raison de 2 gouttes\/jour\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-info-card\"\u003e\n\u003cdiv class=\"dv-info-label\"\u003ePosologie\u003c\/div\u003e\n\u003cdiv class=\"dv-info-value\"\u003e2-3 gouttes\u003c\/div\u003e\n\u003cdiv class=\"dv-info-detail\"\u003eUne fois par jour au repas\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dv-info-card\"\u003e\n\u003cdiv class=\"dv-info-label\"\u003eConservation\u003c\/div\u003e\n\u003cdiv class=\"dv-info-value\"\u003e24 mois\u003c\/div\u003e\n\u003cdiv class=\"dv-info-detail\"\u003eÀ l'abri de la lumière\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"dv-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"dv-cta-box\"\u003e\n\u003cdiv class=\"dv-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dv-cta-content\"\u003e\n\u003cdiv class=\"dv-cta-icon\"\u003e✨\u003c\/div\u003e\n\u003cp class=\"dv-cta-text\"\u003eNe laissez plus le manque de soleil affaiblir votre santé. Offrez à votre corps la synergie naturelle D3 + K2 MK7 pour des os solides, un cœur protégé et une immunité au top. Une simple goutte par jour peut transformer votre bien-être !\u003c\/p\u003e\n\u003cdiv class=\"dv-cta-highlight\"\u003e\n\u003cspan class=\"dv-cta-badge\"\u003e🎁 Flacon = 5 mois de cure\u003c\/span\u003e \u003cspan class=\"dv-cta-badge\"\u003e🌿 100% naturel certifié\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --dv-cream: #faf8f5;\n --dv-white: #ffffff;\n --dv-primary: #E67E3A;\n --dv-primary-dark: #c86929;\n --dv-primary-light: #fef3ec;\n --dv-secondary: #5B7A5F;\n --dv-secondary-light: #e8f0e9;\n --dv-accent: #F4B942;\n --dv-accent-light: #fef8e7;\n --dv-text: #1a1a1a;\n --dv-text-light: #5a5a5a;\n --dv-border: #e0e0e0;\n --dv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --dv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --dv-radius: 20px;\n --dv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.dv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--dv-text);\n}\n\n\/* === HERO === *\/\n.dv-hero {\n position: relative;\n background: linear-gradient(135deg, var(--dv-primary) 0%, #d86f2a 50%, var(--dv-accent) 100%);\n border-radius: var(--dv-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--dv-shadow-lg);\n}\n\n.dv-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px);\n}\n\n.dv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dv-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.dv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--dv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.dv-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.dv-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(19px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.dv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 1px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.dv-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.dv-premium h2 {\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 900;\n color: var(--dv-primary-dark);\n margin-bottom: clamp(2rem, 3vw, 3rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.dv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 70px;\n height: 4px;\n background: linear-gradient(90deg, var(--dv-primary), var(--dv-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLE BASIQUE === *\/\n.dv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.dv-card {\n background: var(--dv-white);\n border-radius: var(--dv-radius);\n padding: clamp(1.8rem, 3vw, 2.5rem);\n box-shadow: var(--dv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dv-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--dv-shadow-lg);\n border-color: var(--dv-primary);\n}\n\n.dv-icon {\n font-size: clamp(42px, 6vw, 56px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.dv-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--dv-primary-dark);\n margin-bottom: 0.8rem;\n letter-spacing: -.02em;\n}\n\n.dv-card p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--dv-text-light);\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.dv-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.dv-ingredient-card {\n background: var(--dv-white);\n border-radius: var(--dv-radius);\n padding: clamp(2rem, 3vw, 2.5rem);\n box-shadow: var(--dv-shadow);\n border: 2px solid var(--dv-border);\n transition: all .3s ease;\n position: relative;\n text-align: center;\n}\n\n.dv-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--dv-shadow-lg);\n}\n\n.dv-primary-ingredient {\n background: linear-gradient(135deg, var(--dv-accent-light) 0%, var(--dv-white) 100%);\n border-color: var(--dv-accent);\n}\n\n.dv-secondary-ingredient {\n background: linear-gradient(135deg, var(--dv-secondary-light) 0%, var(--dv-white) 100%);\n border-color: var(--dv-secondary);\n}\n\n.dv-vitamin-badge {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--dv-accent) 0%, #f0a820 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1.5rem;\n box-shadow: 0 6px 24px rgba(244, 185, 66, .3);\n}\n\n.dv-k2-badge {\n background: linear-gradient(135deg, var(--dv-secondary) 0%, #4a6350 100%);\n box-shadow: 0 6px 24px rgba(91, 122, 95, .3);\n}\n\n.dv-vitamin-label {\n font-size: 28px;\n font-weight: 900;\n color: white;\n text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.dv-icon-small {\n font-size: 36px;\n margin-bottom: 1rem;\n}\n\n.dv-ingredient-name {\n font-size: clamp(19px, 2.5vw, 23px);\n font-weight: 800;\n color: var(--dv-primary-dark);\n margin-bottom: 0.8rem;\n}\n\n.dv-dosage {\n font-size: clamp(32px, 4vw, 42px);\n font-weight: 900;\n color: var(--dv-primary);\n margin-bottom: 0.3rem;\n letter-spacing: -.02em;\n}\n\n.dv-dosage-detail {\n font-size: 14px;\n font-weight: 700;\n color: var(--dv-text-light);\n margin-bottom: 1rem;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SYNERGIE === *\/\n.dv-synergy-box {\n background: linear-gradient(135deg, var(--dv-primary-light) 0%, var(--dv-accent-light) 100%);\n border-radius: var(--dv-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n border: 3px solid var(--dv-primary);\n box-shadow: var(--dv-shadow-lg);\n}\n\n.dv-synergy-content {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n}\n\n.dv-synergy-item {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--dv-white);\n padding: 1.8rem;\n border-radius: var(--dv-radius-sm);\n box-shadow: var(--dv-shadow);\n}\n\n.dv-synergy-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--dv-primary), var(--dv-accent));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 16px rgba(230, 126, 58, .3);\n}\n\n.dv-synergy-text strong {\n display: block;\n font-size: clamp(17px, 2.5vw, 20px);\n color: var(--dv-primary-dark);\n margin-bottom: 0.5rem;\n font-weight: 800;\n}\n\n.dv-synergy-text p {\n margin: 0;\n font-size: 15px;\n line-height: 1.7;\n color: var(--dv-text-light);\n}\n\n.dv-synergy-arrow {\n text-align: center;\n font-size: 32px;\n font-weight: 900;\n color: var(--dv-primary);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.dv-usage-timeline {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.dv-usage-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--dv-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--dv-radius);\n box-shadow: var(--dv-shadow);\n border-left: 5px solid var(--dv-primary);\n transition: all .3s ease;\n}\n\n.dv-usage-step:hover {\n transform: translateX(8px);\n box-shadow: var(--dv-shadow-lg);\n}\n\n.dv-step-number {\n flex-shrink: 0;\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--dv-primary), var(--dv-primary-dark));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 16px rgba(230, 126, 58, .3);\n}\n\n.dv-step-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--dv-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.dv-step-content p {\n margin: 0;\n font-size: 15px;\n line-height: 1.7;\n color: var(--dv-text-light);\n}\n\n.dv-step-content strong {\n color: var(--dv-primary);\n font-weight: 800;\n}\n\n\/* === RÉSULTATS === *\/\n.dv-results-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.dv-result-card {\n background: var(--dv-white);\n border-radius: var(--dv-radius);\n padding: clamp(1.8rem, 3vw, 2.5rem);\n box-shadow: var(--dv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.dv-result-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--dv-primary), var(--dv-accent));\n}\n\n.dv-result-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--dv-shadow-lg);\n border-color: var(--dv-primary);\n}\n\n.dv-result-timeline {\n display: inline-block;\n padding: 6px 14px;\n background: var(--dv-primary-light);\n color: var(--dv-primary-dark);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 1rem;\n}\n\n.dv-result-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.dv-result-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--dv-primary-dark);\n margin-bottom: 0.8rem;\n}\n\n.dv-result-card p {\n margin: 0;\n font-size: 15px;\n line-height: 1.7;\n color: var(--dv-text-light);\n}\n\n\/* === PROFILS === *\/\n.dv-profile-card {\n border: 2px solid var(--dv-border);\n}\n\n.dv-profile-card:hover {\n border-color: var(--dv-secondary);\n}\n\n.dv-profile-icon {\n font-size: 52px;\n margin-bottom: 1rem;\n}\n\n.dv-profile-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--dv-secondary);\n margin-bottom: 0.8rem;\n}\n\n\/* === AVANTAGES === *\/\n.dv-advantages-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.dv-advantage-item {\n display: flex;\n gap: 1.2rem;\n align-items: flex-start;\n background: var(--dv-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--dv-radius-sm);\n box-shadow: var(--dv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dv-advantage-item:hover {\n transform: translateX(8px);\n box-shadow: var(--dv-shadow-lg);\n border-color: var(--dv-primary);\n}\n\n.dv-advantage-icon {\n flex-shrink: 0;\n font-size: 38px;\n}\n\n.dv-advantage-title {\n font-size: clamp(16px, 2.2vw, 19px);\n font-weight: 800;\n color: var(--dv-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.dv-advantage-content p {\n margin: 0;\n font-size: 14px;\n line-height: 1.7;\n color: var(--dv-text-light);\n}\n\n\/* === WARNING BOX === *\/\n.dv-warning-box {\n background: linear-gradient(135deg, #fff8e1 0%, #fff3cd 100%);\n border: 3px solid #f4b942;\n border-radius: var(--dv-radius);\n padding: clamp(2rem, 4vw, 3rem);\n display: flex;\n gap: 1.5rem;\n box-shadow: var(--dv-shadow-lg);\n}\n\n.dv-warning-icon {\n flex-shrink: 0;\n font-size: 48px;\n}\n\n.dv-warning-title {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 800;\n color: #c86929;\n margin-bottom: 1rem;\n}\n\n.dv-warning-list {\n margin: 0;\n padding-left: 1.5rem;\n list-style: none;\n}\n\n.dv-warning-list li {\n position: relative;\n font-size: 15px;\n line-height: 1.8;\n color: var(--dv-text);\n margin-bottom: 0.8rem;\n padding-left: 1.5rem;\n}\n\n.dv-warning-list li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: var(--dv-primary);\n font-weight: 900;\n}\n\n.dv-warning-list strong {\n color: #c86929;\n font-weight: 800;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.dv-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1.5rem;\n}\n\n.dv-info-card {\n background: var(--dv-white);\n border-radius: var(--dv-radius-sm);\n padding: 1.8rem;\n box-shadow: var(--dv-shadow);\n border: 2px solid var(--dv-border);\n text-align: center;\n transition: all .3s ease;\n}\n\n.dv-info-card:hover {\n transform: translateY(-5px);\n border-color: var(--dv-primary);\n box-shadow: var(--dv-shadow-lg);\n}\n\n.dv-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--dv-text-light);\n text-transform: uppercase;\n letter-spacing: .08em;\n margin-bottom: 0.8rem;\n}\n\n.dv-info-value {\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: var(--dv-primary);\n margin-bottom: 0.5rem;\n letter-spacing: -.02em;\n}\n\n.dv-info-detail {\n font-size: 14px;\n color: var(--dv-text-light);\n font-weight: 600;\n}\n\n\/* === CTA FINAL === *\/\n.dv-cta-box {\n background: linear-gradient(135deg, var(--dv-primary) 0%, var(--dv-primary-dark) 100%);\n border-radius: var(--dv-radius);\n padding: clamp(3rem, 6vw, 5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--dv-shadow-lg);\n}\n\n.dv-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.dv-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.dv-cta-icon {\n font-size: 64px;\n margin-bottom: 1.5rem;\n display: block;\n}\n\n.dv-cta-text {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.8;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 2rem 0;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.dv-cta-highlight {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n}\n\n.dv-cta-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 15px;\n font-weight: 800;\n color: var(--dv-primary-dark);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .dv-grid,\n .dv-composition-grid,\n .dv-results-grid,\n .dv-advantages-grid,\n .dv-info-grid {\n grid-template-columns: 1fr;\n }\n\n .dv-synergy-content {\n gap: 1.5rem;\n }\n\n .dv-synergy-item {\n flex-direction: column;\n text-align: center;\n }\n\n .dv-synergy-arrow {\n transform: rotate(90deg);\n margin: 0.5rem 0;\n }\n\n .dv-warning-box {\n flex-direction: column;\n text-align: center;\n }\n\n .dv-advantage-item {\n flex-direction: column;\n text-align: center;\n }\n\n .dv-usage-step {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dv-card,\n .dv-ingredient-card,\n .dv-result-card,\n .dv-advantage-item,\n .dv-info-card {\n animation: dvFadeInUp .6s ease backwards;\n }\n\n .dv-card:nth-child(1),\n .dv-ingredient-card:nth-child(1) { animation-delay: .1s; }\n .dv-card:nth-child(2),\n .dv-ingredient-card:nth-child(2) { animation-delay: .2s; }\n .dv-card:nth-child(3),\n .dv-ingredient-card:nth-child(3) { animation-delay: .3s; }\n .dv-card:nth-child(4),\n .dv-ingredient-card:nth-child(4) { animation-delay: .4s; }\n .dv-card:nth-child(5) { animation-delay: .5s; }\n .dv-card:nth-child(6) { animation-delay: .6s; }\n\n .dv-usage-step:nth-child(1) { animation: dvFadeInUp .6s ease .1s backwards; }\n .dv-usage-step:nth-child(2) { animation: dvFadeInUp .6s ease .2s backwards; }\n .dv-usage-step:nth-child(3) { animation: dvFadeInUp .6s ease .3s backwards; }\n}\n\n@keyframes dvFadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .dv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .dv-premium {\n --dv-shadow: 0 4px 24px rgba(0,0,0,.25);\n --dv-shadow-lg: 0 12px 48px rgba(0,0,0,.35);\n }\n\n .dv-card,\n .dv-ingredient-card,\n .dv-result-card {\n border-width: 3px;\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .dv-premium {\n background: white;\n padding: 1rem;\n }\n\n .dv-hero,\n .dv-cta-box {\n background: white;\n color: black;\n border: 2px solid black;\n }\n\n .dv-card,\n .dv-ingredient-card {\n box-shadow: none;\n border: 1px solid black;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55156527726969,"sku":"53015017","price":12.33,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/duovia-vitamine-d3-k2-mk7-flacon-20-ml-inolab-packshothd.webp?v=1785937370"},{"product_id":"collagene-marin-acide-hyaluronique-citron-inolab","title":"Skinform Collagène Marin + Acide Hyaluronique - Saveur citron - Inolab","description":"\u003cdiv class=\"skf-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"skf-hero\"\u003e\n\u003cdiv class=\"skf-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"skf-hero-content\"\u003e\n\u003cdiv class=\"skf-badges-top\"\u003e\n\u003cspan class=\"skf-badge\"\u003e🐟 Collagène Naticol® 5000mg\u003c\/span\u003e \u003cspan class=\"skf-badge\"\u003e💧 Acide Hyaluronique 100mg\u003c\/span\u003e \u003cspan class=\"skf-badge\"\u003e🍋 Saveur citron\u003c\/span\u003e \u003cspan class=\"skf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"skf-hero-title\"\u003eCollagène Marin + Acide Hyaluronique\u003c\/span\u003e\n\u003cp class=\"skf-subtitle\"\u003eFormule Skinform by Inolab\u003c\/p\u003e\n\u003cp class=\"skf-description\"\u003eUne formule complète en poudre associant \u003cstrong\u003epeptides de collagène marin Naticol®\u003c\/strong\u003e, \u003cstrong\u003eacide hyaluronique\u003c\/strong\u003e et \u003cstrong\u003evitamine C naturelle\u003c\/strong\u003e pour soutenir l'élasticité de votre peau et le confort de vos articulations. Cure de 45 jours au délicieux goût citron, sans sucre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"skf-section\"\u003e\n\u003ch2\u003eQuels sont les bienfaits ?\u003c\/h2\u003e\n\u003cp class=\"skf-section-intro\"\u003eLe collagène marin est un composant clé de nos tissus conjonctifs. Avec l'âge, sa production diminue naturellement. Cette formule complète vous aide à :\u003c\/p\u003e\n\u003cdiv class=\"skf-grid\"\u003e\n\u003cdiv class=\"skf-card\"\u003e\n\u003ch3\u003e✨ Élasticité \u0026amp; fermeté\u003c\/h3\u003e\n\u003cp\u003ePréserve l'élasticité et la fermeté de la peau en compensant la perte naturelle de collagène liée à l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-card\"\u003e\n\u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n\u003cp\u003eSoutient le confort articulaire au quotidien pour une meilleure mobilité et souplesse des articulations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-card\"\u003e\n\u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n\u003cp\u003eAméliore l'hydratation cutanée grâce à l'association synergique avec l'acide hyaluronique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-card\"\u003e\n\u003ch3\u003e💅 Ongles \u0026amp; cheveux\u003c\/h3\u003e\n\u003cp\u003eRenforce les ongles et cheveux fragiles ou cassants pour une beauté complète de l'intérieur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-tip\"\u003e\n\u003cspan class=\"skf-tip-icon\"\u003e🍋\u003c\/span\u003e\n\u003cp\u003eLe goût citron naturel, \u003cstrong\u003esans sucre ni arômes artificiels\u003c\/strong\u003e, rend la prise quotidienne agréable sur la durée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FOCUS NATICOL --\u003e\n\u003csection class=\"skf-section\"\u003e\n\u003ch2\u003eFocus sur le Collagène Naticol®\u003c\/h2\u003e\n\u003cdiv class=\"skf-highlight-box\"\u003e\n\u003cdiv class=\"skf-highlight-badge\"\u003e🔬 BREVET WEISHARDT\u003c\/div\u003e\n\u003cp\u003eLe \u003cstrong\u003eNaticol®\u003c\/strong\u003e est un collagène marin de \u003cstrong\u003etype I\u003c\/strong\u003e, obtenu à partir de peaux de poissons sauvages (sans élevage), hydrolysé pour une absorption optimale. Il est reconnu pour sa \u003cstrong\u003etraçabilité, sa pureté et son efficacité prouvée\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eFabriqué par le groupe français \u003cstrong\u003eWeishardt\u003c\/strong\u003e, il est issu d'un \u003cstrong\u003eprocessus breveté\u003c\/strong\u003e garantissant une concentration optimale en peptides bioactifs.\u003c\/p\u003e\n\u003cdiv class=\"skf-grid-compact\"\u003e\n\u003cdiv class=\"skf-card\"\u003e\n\u003ch3\u003e🐟 Poissons sauvages\u003c\/h3\u003e\n\u003cp\u003eSans élevage intensif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-card\"\u003e\n\u003ch3\u003e⚗️ Hydrolysé\u003c\/h3\u003e\n\u003cp\u003eAbsorption optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-card\"\u003e\n\u003ch3\u003e🇫🇷 Weishardt France\u003c\/h3\u003e\n\u003cp\u003eBrevet exclusif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-card\"\u003e\n\u003ch3\u003e✅ Traçabilité totale\u003c\/h3\u003e\n\u003cp\u003eQualité contrôlée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"skf-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cdiv class=\"skf-grid\"\u003e\n\u003cdiv class=\"skf-card skf-card-featured\"\u003e\n\u003ch3\u003e🐟 Collagène marin Naticol®\u003c\/h3\u003e\n\u003cdiv class=\"skf-dose\"\u003e5000 mg\u003c\/div\u003e\n\u003cp\u003ePeptides bioactifs de type I, issus de poissons sauvages. Hydrolysé pour une absorption maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-card skf-card-featured\"\u003e\n\u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n\u003cdiv class=\"skf-dose\"\u003e100 mg\u003c\/div\u003e\n\u003cp\u003eMolécule star de l'hydratation cutanée. Maintient l'eau dans les tissus pour une peau repulpée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-card\"\u003e\n\u003ch3\u003e🍊 Vitamine C naturelle\u003c\/h3\u003e\n\u003cdiv class=\"skf-dose\"\u003e80 mg\u003c\/div\u003e\n\u003cp\u003eIssue d'acérola. Contribue à la formation normale de collagène et protège du stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-card\"\u003e\n\u003ch3\u003e🍋 Arôme naturel citron\u003c\/h3\u003e\n\u003cdiv class=\"skf-dose\"\u003eSans sucre\u003c\/div\u003e\n\u003cp\u003eSaveur fraîche et agréable, sans édulcorants ni colorants artificiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"skf-section\"\u003e\n\u003ch2\u003eComment le prendre ?\u003c\/h2\u003e\n\u003cdiv class=\"skf-timeline\"\u003e\n\u003cdiv class=\"skf-timeline-item\"\u003e\n\u003cdiv class=\"skf-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"skf-timeline-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e1 dose de 5 g par jour\u003c\/strong\u003e – La cuillère doseuse est incluse dans le sachet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-timeline-item\"\u003e\n\u003cdiv class=\"skf-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"skf-timeline-content\"\u003e\n\u003ch3\u003ePréparation\u003c\/h3\u003e\n\u003cp\u003eMélanger dans \u003cstrong\u003e200 ml d'eau ou de jus\u003c\/strong\u003e. Bien agiter pour une dissolution complète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-timeline-item\"\u003e\n\u003cdiv class=\"skf-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"skf-timeline-content\"\u003e\n\u003ch3\u003eMoment idéal\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLe matin de préférence\u003c\/strong\u003e, à jeun, pour optimiser l'assimilation des peptides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-tip\"\u003e\n\u003cspan class=\"skf-tip-icon\"\u003e📅\u003c\/span\u003e\n\u003cp\u003eUn sachet de \u003cstrong\u003e242 g\u003c\/strong\u003e correspond à une \u003cstrong\u003ecure de 45 jours\u003c\/strong\u003e. Pour des résultats optimaux, suivez une cure de \u003cstrong\u003e3 mois minimum\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- QUALITÉ --\u003e\n\u003csection class=\"skf-section\"\u003e\n\u003ch2\u003eQualité \u0026amp; Origine\u003c\/h2\u003e\n\u003cdiv class=\"skf-grid-compact\"\u003e\n\u003cdiv class=\"skf-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eNormes strictes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-card\"\u003e\n\u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eHaute tolérance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-card\"\u003e\n\u003ch3\u003e🥛 Sans lactose\u003c\/h3\u003e\n\u003cp\u003eDigestion facilitée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-card\"\u003e\n\u003ch3\u003e🧬 Sans OGM\u003c\/h3\u003e\n\u003cp\u003eIngrédients naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-card\"\u003e\n\u003ch3\u003e🔍 Traçabilité\u003c\/h3\u003e\n\u003cp\u003eSource au produit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-card\"\u003e\n\u003ch3\u003e✅ Contrôlé\u003c\/h3\u003e\n\u003cp\u003eQualité certifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- AVIS \u0026 PRÉCAUTIONS --\u003e\n\u003csection class=\"skf-section\"\u003e\n\u003ch2\u003eAvis \u0026amp; Précautions\u003c\/h2\u003e\n\u003cdiv class=\"skf-testimonial\"\u003e\n\u003cp class=\"skf-testimonial-text\"\u003e\"Les utilisateurs notent généralement une bonne tolérance digestive et une amélioration visible de la souplesse cutanée après quelques semaines. De rares cas de ballonnements peuvent survenir les premiers jours, le temps que l'organisme s'adapte.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-accordion\"\u003e\n\u003cdetails class=\"skf-accordion-item\"\u003e\n\u003csummary class=\"skf-accordion-header\"\u003e🐟 Contient du poisson\u003c\/summary\u003e\n\u003cdiv class=\"skf-accordion-content\"\u003e\n\u003cp\u003eCe produit contient du collagène marin issu de poissons. Déconseillé en cas d'allergie aux produits de la mer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"skf-accordion-item\"\u003e\n\u003csummary class=\"skf-accordion-header\"\u003e⚠️ Complément alimentaire\u003c\/summary\u003e\n\u003cdiv class=\"skf-accordion-content\"\u003e\n\u003cp\u003eNe remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Respecter les doses recommandées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"skf-accordion-item\"\u003e\n\u003csummary class=\"skf-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n\u003cdiv class=\"skf-accordion-content\"\u003e\n\u003cp\u003eDemander l'avis d'un professionnel de santé avant utilisation pendant la grossesse ou l'allaitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"skf-accordion-item\"\u003e\n\u003csummary class=\"skf-accordion-header\"\u003e💊 Pas un médicament\u003c\/summary\u003e\n\u003cdiv class=\"skf-accordion-content\"\u003e\n\u003cp\u003eCe produit ne se substitue pas à un traitement médical. En cas de doute, consultez votre médecin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"skf-section\"\u003e\n\u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n\u003cdiv class=\"skf-grid-compact\"\u003e\n\u003cdiv class=\"skf-card\"\u003e\n\u003ch3\u003e👵 Seniors 50+\u003c\/h3\u003e\n\u003cp\u003eMaintenir élasticité \u0026amp; mobilité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-card\"\u003e\n\u003ch3\u003e💆♀️ Peau mature\u003c\/h3\u003e\n\u003cp\u003ePrévenir relâchement \u0026amp; rides\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-card\"\u003e\n\u003ch3\u003e🏃♂️ Sportifs\u003c\/h3\u003e\n\u003cp\u003eSoutenir articulations \u0026amp; tendons\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"skf-card\"\u003e\n\u003ch3\u003e💅 Beauté complète\u003c\/h3\u003e\n\u003cp\u003eRenforcer ongles \u0026amp; cheveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"skf-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"skf-cta-box\"\u003e\n\u003cp\u003eOffrez à votre peau et à vos articulations le soutien qu'ils méritent avec cette formule complète à base de \u003cstrong\u003ecollagène marin Naticol®\u003c\/strong\u003e, d'\u003cstrong\u003eacide hyaluronique\u003c\/strong\u003e et de \u003cstrong\u003evitamine C naturelle\u003c\/strong\u003e. Programme 45 jours, saveur citron rafraîchissante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"skf-disclaimer\"\u003eComplément alimentaire · Ne pas dépasser la dose journalière recommandée · Tenir hors de portée des enfants\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES SKINFORM === *\/\n:root {\n --skf-cream: #f8fafa;\n --skf-white: #ffffff;\n --skf-primary: #2a8b8b;\n --skf-primary-dark: #1e5f6b;\n --skf-primary-light: #e0f2f2;\n --skf-secondary: #f7d44c;\n --skf-accent: #ff9f43;\n --skf-text: #1a1a1a;\n --skf-text-light: #5a5a5a;\n --skf-border: #d4e5e5;\n --skf-shadow: 0 4px 24px rgba(42, 139, 139, .08);\n --skf-shadow-lg: 0 12px 48px rgba(42, 139, 139, .15);\n --skf-radius: 20px;\n --skf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.skf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--skf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.skf-hero {\n position: relative;\n background: linear-gradient(135deg, #1e5f6b 0%, #2a8b8b 50%, #3da8a0 100%);\n border-radius: var(--skf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--skf-shadow-lg);\n}\n\n.skf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 15% 85%, rgba(247, 212, 76, .15) 0%, transparent 40%),\n radial-gradient(circle at 85% 20%, rgba(255, 255, 255, .1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.skf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.skf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.skf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--skf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.skf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.skf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.skf-subtitle {\n color: var(--skf-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.skf-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.2vw, 17px);\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 1px 3px rgba(0,0,0,.1);\n}\n\n.skf-description strong {\n color: white;\n font-weight: 700;\n}\n\n\/* === SECTIONS === *\/\n.skf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.skf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--skf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.skf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--skf-primary), var(--skf-secondary));\n border-radius: 2px;\n}\n\n.skf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--skf-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.skf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.skf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.skf-card {\n background: var(--skf-white);\n border-radius: var(--skf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--skf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.skf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--skf-shadow-lg);\n border-color: var(--skf-primary);\n}\n\n.skf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--skf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.skf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--skf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.skf-card-featured {\n border: 2px solid var(--skf-primary);\n background: linear-gradient(135deg, var(--skf-primary-light) 0%, var(--skf-white) 100%);\n}\n\n.skf-dose {\n font-size: clamp(20px, 4vw, 26px);\n font-weight: 900;\n color: var(--skf-primary);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.skf-grid-compact .skf-card {\n padding: 1rem;\n}\n\n.skf-grid-compact .skf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.skf-grid-compact .skf-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX (Naticol) === *\/\n.skf-highlight-box {\n background: var(--skf-white);\n border-radius: var(--skf-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--skf-shadow-lg);\n border: 3px solid var(--skf-primary);\n position: relative;\n}\n\n.skf-highlight-badge {\n position: absolute;\n top: -14px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--skf-primary) 0%, var(--skf-primary-dark) 100%);\n color: white;\n padding: 8px 24px;\n border-radius: 999px;\n font-size: 11px;\n font-weight: 900;\n letter-spacing: 1.5px;\n box-shadow: 0 4px 12px rgba(42, 139, 139, .4);\n white-space: nowrap;\n}\n\n.skf-highlight-box p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n color: var(--skf-text-light);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.skf-highlight-box p:last-of-type {\n margin-bottom: 1.5rem;\n}\n\n.skf-highlight-box strong {\n color: var(--skf-text);\n font-weight: 700;\n}\n\n.skf-highlight-box .skf-grid-compact {\n margin-top: 1.5rem;\n}\n\n\/* === TIMELINE === *\/\n.skf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.skf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.skf-timeline-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--skf-primary), var(--skf-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 20px;\n box-shadow: 0 4px 16px rgba(42, 139, 139, .3);\n}\n\n.skf-timeline-content {\n flex: 1;\n background: var(--skf-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--skf-radius-sm);\n box-shadow: var(--skf-shadow);\n}\n\n.skf-timeline-content h3 {\n font-size: 17px;\n font-weight: 700;\n color: var(--skf-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.skf-timeline-content p {\n font-size: 15px;\n color: var(--skf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.skf-timeline-content strong {\n color: var(--skf-text);\n}\n\n\/* === TIP BOX === *\/\n.skf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--skf-primary-light);\n border-radius: var(--skf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--skf-primary);\n}\n\n.skf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.skf-tip p {\n font-size: 14px;\n color: var(--skf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.skf-tip strong {\n color: var(--skf-primary-dark);\n font-weight: 700;\n}\n\n\/* === TESTIMONIAL === *\/\n.skf-testimonial {\n background: var(--skf-white);\n border-radius: var(--skf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--skf-shadow);\n border-left: 4px solid var(--skf-secondary);\n margin-bottom: 1.5rem;\n}\n\n.skf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--skf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.skf-accordion {\n background: var(--skf-white);\n border-radius: var(--skf-radius);\n box-shadow: var(--skf-shadow);\n overflow: hidden;\n}\n\n.skf-accordion-item {\n border-bottom: 1px solid var(--skf-border);\n margin: 0;\n padding: 0;\n}\n\n.skf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.skf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--skf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.skf-accordion-header:hover {\n background: var(--skf-primary-light);\n}\n\n.skf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.skf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--skf-primary);\n transition: transform .2s ease;\n}\n\n.skf-accordion-item[open] .skf-accordion-header::after {\n content: '−';\n}\n\n.skf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--skf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.skf-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.skf-cta-box {\n background: linear-gradient(135deg, var(--skf-primary) 0%, var(--skf-primary-dark) 100%);\n border-radius: var(--skf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.skf-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(247, 212, 76, .15) 0%, transparent 50%);\n}\n\n.skf-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.skf-cta-box strong {\n color: var(--skf-secondary);\n}\n\n\/* === DISCLAIMER === *\/\n.skf-disclaimer {\n font-size: 12px;\n color: var(--skf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .skf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .skf-card {\n padding: 1.125rem;\n }\n \n .skf-section {\n margin-bottom: 1.75rem;\n }\n \n .skf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--skf-radius-sm);\n }\n \n .skf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .skf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .skf-grid-compact {\n gap: .625rem;\n }\n \n .skf-grid-compact .skf-card {\n padding: .75rem;\n }\n \n .skf-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .skf-timeline-content {\n padding: .875rem 1rem;\n }\n \n .skf-timeline-content h3 {\n font-size: 15px;\n }\n \n .skf-timeline-content p {\n font-size: 13px;\n }\n \n .skf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .skf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .skf-testimonial {\n padding: 1.25rem;\n }\n \n .skf-testimonial-text {\n font-size: 14px;\n }\n \n .skf-highlight-box {\n padding: 1.5rem 1.25rem;\n padding-top: 2rem;\n }\n \n .skf-highlight-badge {\n font-size: 10px;\n padding: 6px 16px;\n }\n \n .skf-tip {\n flex-direction: column;\n gap: .5rem;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .skf-card {\n animation: skfFadeInUp .5s ease backwards;\n }\n .skf-card:nth-child(1) { animation-delay: .05s; }\n .skf-card:nth-child(2) { animation-delay: .1s; }\n .skf-card:nth-child(3) { animation-delay: .15s; }\n .skf-card:nth-child(4) { animation-delay: .2s; }\n .skf-card:nth-child(5) { animation-delay: .25s; }\n .skf-card:nth-child(6) { animation-delay: .3s; }\n \n .skf-timeline-item {\n animation: skfFadeInUp .5s ease backwards;\n }\n .skf-timeline-item:nth-child(1) { animation-delay: .1s; }\n .skf-timeline-item:nth-child(2) { animation-delay: .2s; }\n .skf-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes skfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .skf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55198598398329,"sku":"SKINFORMCITRON","price":22.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene-marin-acide-hyaluronique-saveur-citron-242g-inolab_1_11zon.jpg?v=1749230894"},{"product_id":"collagene-marin-acide-hyaluronique-saveur-fruits-rouges-242g-inolab","title":"Skinform Collagène Marin + Acide Hyaluronique - Fruits rouges - 242g - Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Skinform Collagène Marin + Acide Hyaluronique - Fruits rouges\nPalette détectée:\n - Primaire: #2D5A6B (bleu-gris foncé du packaging, partie haute)\n - Secondaire: #1AAFA8 (turquoise\/teal vibrant, partie basse)\n - Accent: #E63946 (rouge fruits rouges, touches décoratives)\n - Background: #F8F9FA (gris très clair, neutre)\nAmbiance: Premium\/santé, fraîcheur marine, naturalité, féminité subtile, univers beauté\/bien-être\nPréfixe CSS: sf\n--\u003e\n\n\u003cdiv class=\"sf-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"sf-hero\"\u003e\n \u003cdiv class=\"sf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sf-hero-content\"\u003e\n \u003cdiv class=\"sf-badges-top\"\u003e\n \u003cspan class=\"sf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sf-badge\"\u003e🐟 Collagène Naticol®\u003c\/span\u003e\n \u003cspan class=\"sf-badge\"\u003e🍒 Saveur fruits rouges\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sf-hero-title\"\u003eCollagène Marin + Acide Hyaluronique\u003c\/span\u003e\n \u003cp class=\"sf-subtitle\"\u003eSkinform — Le duo anti-âge par excellence\u003c\/p\u003e\n \u003cp class=\"sf-description\"\u003e5000 mg de collagène marin français Naticol® + acide hyaluronique + vitamine C naturelle d'acérola. Une formule complète pour la fermeté de votre peau et le confort articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de cette formule\u003c\/h2\u003e\n \u003cdiv class=\"sf-grid\"\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eL'acide hyaluronique retient jusqu'à 1000 fois son poids en eau pour une peau repulpée de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🎯 Fermeté \u0026amp; élasticité\u003c\/h3\u003e\n \u003cp\u003eLe collagène de type I maintient la structure et la tonicité cutanée pour atténuer rides et ridules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eLes peptides de 2000 daltons soutiennent la mobilité et le bien-être de vos articulations au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e💅 Ongles \u0026amp; cheveux\u003c\/h3\u003e\n \u003cp\u003eRenforcez vos ongles cassants et redonnez vitalité à vos cheveux fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🍊 Vitamine C naturelle\u003c\/h3\u003e\n \u003cp\u003e100% des AJR en vitamine C d'acérola pour une synthèse optimale du collagène par votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🌟 Éclat du teint\u003c\/h3\u003e\n \u003cp\u003eRetrouvez un teint lumineux et unifié grâce à l'action antioxydante de la vitamine C.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e🧪 Composition par dose (5 g)\u003c\/h2\u003e\n \u003cdiv class=\"sf-grid\"\u003e\n \u003cdiv class=\"sf-card sf-card-ingredient\"\u003e\n \u003ch3\u003e🐟 Collagène Naticol®\u003c\/h3\u003e\n \u003cp class=\"sf-dosage\"\u003e5000 mg\u003c\/p\u003e\n \u003cp\u003eCollagène marin hydrolysé de type I, peptides de 2000 daltons pour une absorption maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-card-ingredient\"\u003e\n \u003ch3\u003e💎 Acide hyaluronique\u003c\/h3\u003e\n \u003cp class=\"sf-dosage\"\u003e100 mg\u003c\/p\u003e\n \u003cp\u003eHyaluronate de sodium haute qualité pour une hydratation profonde des tissus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-card-ingredient\"\u003e\n \u003ch3\u003e🍒 Vitamine C acérola\u003c\/h3\u003e\n \u003cp class=\"sf-dosage\"\u003e80 mg (100% AJR)\u003c\/p\u003e\n \u003cp\u003eExtrait naturel d'acérola, indispensable à la formation normale du collagène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-clean-label\"\u003e\n \u003cspan\u003e✓ Sans sucre\u003c\/span\u003e\n \u003cspan\u003e✓ Sans gluten\u003c\/span\u003e\n \u003cspan\u003e✓ Sans OGM\u003c\/span\u003e\n \u003cspan\u003e✓ Sans colorants artificiels\u003c\/span\u003e\n \u003cspan\u003e✓ Sans conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POURQUOI NATICOL --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e🏆 Pourquoi le collagène Naticol® ?\u003c\/h2\u003e\n \u003cdiv class=\"sf-grid-compact\"\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🔬 Ultra-assimilable\u003c\/h3\u003e\n \u003cp\u003ePeptides de 2000 daltons qui traversent facilement la barrière intestinale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🇫🇷 100% français\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France à partir de poissons sauvages issus de pêche durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🧬 Type I identique\u003c\/h3\u003e\n \u003cp\u003eLe même type de collagène que celui naturellement présent dans votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e✅ Efficacité prouvée\u003c\/h3\u003e\n \u003cp\u003eÉtudes cliniques démontrant l'amélioration de l'hydratation et de l'élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e📋 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"sf-steps\"\u003e\n \u003cdiv class=\"sf-step\"\u003e\n \u003cdiv class=\"sf-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sf-step-content\"\u003e\n \u003ch3\u003eMesurez\u003c\/h3\u003e\n \u003cp\u003eVersez 5 g de poudre (cuillère doseuse incluse) dans un verre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-step\"\u003e\n \u003cdiv class=\"sf-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sf-step-content\"\u003e\n \u003ch3\u003eMélangez\u003c\/h3\u003e\n \u003cp\u003eAjoutez 200 ml d'eau fraîche et remuez jusqu'à dissolution complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-step\"\u003e\n \u003cdiv class=\"sf-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sf-step-content\"\u003e\n \u003ch3\u003eSavourez\u003c\/h3\u003e\n \u003cp\u003eDégustez le matin à jeun pour une absorption optimale. Aucun arrière-goût de poisson !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e👤 Pour qui est ce produit ?\u003c\/h2\u003e\n \u003cdiv class=\"sf-grid\"\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e👩 +30 ans\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez prévenir les premiers signes du vieillissement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🪞 Perte de fermeté\u003c\/h3\u003e\n \u003cp\u003eVous constatez une diminution de l'éclat et de l'élasticité de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un soutien pour vos articulations sollicitées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e💅 Ongles fragiles\u003c\/h3\u003e\n \u003cp\u003eVos ongles sont cassants ou vos cheveux manquent de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🌿 Amateurs de naturel\u003c\/h3\u003e\n \u003cp\u003eVous préférez les formules clean sans additifs chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e💊 Format poudre\u003c\/h3\u003e\n \u003cp\u003eVous appréciez les formats plus faciles à assimiler que les gélules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- RÉSULTATS --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e📈 Résultats attendus\u003c\/h2\u003e\n \u003cdiv class=\"sf-timeline\"\u003e\n \u003cdiv class=\"sf-timeline-item\"\u003e\n \u003cdiv class=\"sf-timeline-marker\"\u003e2-4 sem.\u003c\/div\u003e\n \u003cdiv class=\"sf-timeline-content\"\u003e\n \u003ch3\u003ePremiers effets\u003c\/h3\u003e\n \u003cp\u003ePeau plus souple, mieux hydratée. Sensation de confort accrue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-timeline-item\"\u003e\n \u003cdiv class=\"sf-timeline-marker\"\u003e4-6 sem.\u003c\/div\u003e\n \u003cdiv class=\"sf-timeline-content\"\u003e\n \u003ch3\u003eÉclat visible\u003c\/h3\u003e\n \u003cp\u003eTeint plus lumineux et unifié. Ongles plus résistants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-timeline-item\"\u003e\n \u003cdiv class=\"sf-timeline-marker\"\u003e8+ sem.\u003c\/div\u003e\n \u003cdiv class=\"sf-timeline-content\"\u003e\n \u003ch3\u003eRésultats optimaux\u003c\/h3\u003e\n \u003cp\u003eDiminution visible des ridules. Confort articulaire amélioré au réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"sf-grid-compact\"\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n \u003cp\u003e242 g de poudre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e📅 Programme\u003c\/h3\u003e\n \u003cp\u003eCure de 45 jours\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🥄 Dose journalière\u003c\/h3\u003e\n \u003cp\u003e5 g par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🌊 Origine collagène\u003c\/h3\u003e\n \u003cp\u003ePêche durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"sf-accordion\"\u003e\n \u003cdetails class=\"sf-accordion-item\"\u003e\n \u003csummary class=\"sf-accordion-header\"\u003e📝 Liste complète des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"sf-accordion-content\"\u003e\n \u003cp\u003eHydrolysat de collagène marin (poisson) Naticol®, acide hyaluronique (hyaluronate de sodium), extrait d'acérola titré en vitamine C, arôme naturel fruits rouges, poudre de betterave (colorant naturel).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sf-accordion-item\"\u003e\n \u003csummary class=\"sf-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sf-accordion-content\"\u003e\n \u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sf-accordion-item\"\u003e\n \u003csummary class=\"sf-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"sf-accordion-content\"\u003e\n \u003cp\u003eRespectez la dose journalière recommandée (5 g par jour). En cas de sensibilité digestive, commencez par une demi-dose la première semaine.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003e\u003cstrong\u003eContre-indications :\u003c\/strong\u003e Allergie connue au poisson ou aux produits de la mer. Femmes enceintes ou allaitantes : demandez l'avis de votre médecin.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003e\u003cem\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sf-accordion-item\"\u003e\n \u003csummary class=\"sf-accordion-header\"\u003e💡 Conseils d'utilisation optimale\u003c\/summary\u003e\n \u003cdiv class=\"sf-accordion-content\"\u003e\n \u003cp\u003ePour des résultats visibles et durables, réalisez au minimum 2 à 3 cures par an, notamment aux changements de saison. La régularité reste la clé d'une cure réussie.\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=\"sf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sf-cta-box\"\u003e\n \u003cp\u003e🌟 Offrez à votre peau et vos articulations le meilleur de la nutricosmétique française.\u003cbr\u003e45 jours de cure pour révéler votre éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sf-cream: #F8F9FA;\n --sf-white: #ffffff;\n --sf-primary: #2D5A6B;\n --sf-primary-dark: #1E3D4A;\n --sf-primary-light: #E8F4F6;\n --sf-secondary: #1AAFA8;\n --sf-secondary-light: #E0F7F6;\n --sf-accent: #E63946;\n --sf-text: #1a1a1a;\n --sf-text-light: #5a5a5a;\n --sf-border: #e0e0e0;\n --sf-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sf-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sf-radius: 20px;\n --sf-radius-sm: 12px;\n}\n\n.sf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sf-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sf-primary) 0%, #3A6B7D 40%, var(--sf-secondary) 100%);\n border-radius: var(--sf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sf-shadow-lg);\n}\n\n.sf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 40% 40%, rgba(230,57,70,.1) 0%, transparent 30%);\n opacity: 1;\n}\n\n.sf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sf-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.sf-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.sf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sf-secondary), var(--sf-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.sf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.sf-card {\n background: var(--sf-white);\n border-radius: var(--sf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sf-shadow-lg);\n border-color: var(--sf-secondary);\n}\n\n.sf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sf-card-ingredient {\n background: linear-gradient(135deg, var(--sf-white) 0%, var(--sf-secondary-light) 100%);\n}\n\n.sf-dosage {\n font-size: clamp(20px, 4vw, 28px) !important;\n font-weight: 900 !important;\n color: var(--sf-secondary) !important;\n margin: .25rem 0 .75rem 0 !important;\n}\n\n\/* === CLEAN LABEL === *\/\n.sf-clean-label {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-top: 1.5rem;\n padding: 1.25rem;\n background: var(--sf-white);\n border-radius: var(--sf-radius-sm);\n box-shadow: var(--sf-shadow);\n}\n\n.sf-clean-label span {\n font-size: 13px;\n font-weight: 600;\n color: var(--sf-secondary);\n padding: 6px 12px;\n background: var(--sf-secondary-light);\n border-radius: 999px;\n}\n\n\/* === STEPS === *\/\n.sf-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sf-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--sf-white);\n border-radius: var(--sf-radius);\n padding: 1.5rem;\n box-shadow: var(--sf-shadow);\n transition: all .3s ease;\n}\n\n.sf-step:hover {\n transform: translateX(8px);\n box-shadow: var(--sf-shadow-lg);\n}\n\n.sf-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--sf-secondary), var(--sf-primary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 12px rgba(26,175,168,.3);\n}\n\n.sf-step-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--sf-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.sf-step-content p {\n font-size: 14px;\n color: var(--sf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.sf-timeline {\n position: relative;\n padding-left: 2rem;\n}\n\n.sf-timeline::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 4px;\n background: linear-gradient(180deg, var(--sf-secondary), var(--sf-primary), var(--sf-accent));\n border-radius: 2px;\n}\n\n.sf-timeline-item {\n position: relative;\n padding-bottom: 1.5rem;\n padding-left: 1.5rem;\n}\n\n.sf-timeline-item:last-child {\n padding-bottom: 0;\n}\n\n.sf-timeline-marker {\n position: absolute;\n left: -2rem;\n top: 0;\n transform: translateX(-50%);\n background: var(--sf-secondary);\n color: white;\n font-size: 11px;\n font-weight: 800;\n padding: 6px 10px;\n border-radius: 999px;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(26,175,168,.3);\n}\n\n.sf-timeline-content {\n background: var(--sf-white);\n border-radius: var(--sf-radius);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--sf-shadow);\n margin-left: 1rem;\n}\n\n.sf-timeline-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sf-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.sf-timeline-content p {\n font-size: 14px;\n color: var(--sf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sf-accordion {\n background: var(--sf-white);\n border-radius: var(--sf-radius);\n box-shadow: var(--sf-shadow);\n overflow: hidden;\n}\n\n.sf-accordion-item {\n border-bottom: 1px solid var(--sf-border);\n margin: 0;\n padding: 0;\n}\n\n.sf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sf-accordion-header:hover {\n background: var(--sf-primary-light);\n}\n\n.sf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sf-secondary);\n transition: transform .2s ease;\n}\n\n.sf-accordion-item[open] .sf-accordion-header::after {\n content: '−';\n}\n\n.sf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.sf-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.sf-cta-box {\n background: linear-gradient(135deg, var(--sf-secondary) 0%, var(--sf-primary) 100%);\n border-radius: var(--sf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sf-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n}\n\n.sf-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sf-grid-compact {\n gap: .625rem;\n }\n \n .sf-grid-compact .sf-card {\n padding: .75rem;\n }\n \n .sf-grid-compact .sf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .sf-grid-compact .sf-card p {\n font-size: 12px;\n }\n \n .sf-card {\n padding: 1.125rem;\n }\n \n .sf-section {\n margin-bottom: 1.75rem;\n }\n \n .sf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sf-radius-sm);\n }\n \n .sf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sf-badges-top {\n gap: 8px;\n }\n \n .sf-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .sf-step {\n padding: 1.125rem;\n gap: 1rem;\n }\n \n .sf-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .sf-timeline {\n padding-left: 1.5rem;\n }\n \n .sf-timeline-marker {\n font-size: 10px;\n padding: 4px 8px;\n left: -1.5rem;\n }\n \n .sf-timeline-content {\n padding: 1rem;\n margin-left: .5rem;\n }\n \n .sf-clean-label {\n gap: .5rem;\n padding: 1rem;\n }\n \n .sf-clean-label span {\n font-size: 11px;\n padding: 5px 10px;\n }\n \n .sf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sf-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sf-card:nth-child(1) { animation-delay: .05s; }\n .sf-card:nth-child(2) { animation-delay: .1s; }\n .sf-card:nth-child(3) { animation-delay: .15s; }\n .sf-card:nth-child(4) { animation-delay: .2s; }\n .sf-card:nth-child(5) { animation-delay: .25s; }\n .sf-card:nth-child(6) { animation-delay: .3s; }\n \n .sf-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .sf-step:nth-child(1) { animation-delay: .1s; }\n .sf-step:nth-child(2) { animation-delay: .2s; }\n .sf-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55199285739897,"sku":"SKINFORMFRUITSROUGES","price":22.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/skinform-collagene-marin-acide-hyaluronique-fruits-rouges-24-packshothd.webp?v=1787583282"},{"product_id":"collagene-marin-175g-inolab","title":"Collagène Marin - 2000 Da Haute assimilation - 175g - Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Collagène Marin Inolab 2000 Da\nPalette détectée:\n - Primaire: #2BA5A5 (turquoise\/teal dominant du packaging)\n - Secondaire: #1E6E7E (bleu-vert foncé du haut du sachet)\n - Accent: #3CC0B0 (turquoise clair, vague décorative)\nAmbiance: Marin, scientifique\/technique, clean, premium santé, naturel avec caution médicale\nPréfixe CSS: cm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Quels sont les bienfaits du collagène marin Inolab 2000 Da ?\"\n 2. \"Comment utiliser le Collagène Marin 2000 Da ?\"\n 3. \"Composition, origine et qualité\"\n 4. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cm-hero\"\u003e\n \u003cdiv class=\"cm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cm-hero-content\"\u003e\n \u003cdiv class=\"cm-badges-top\"\u003e\n \u003cspan class=\"cm-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e🐟 Naticol®\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e⚡ 2000 Daltons\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e🧪 Haute assimilation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cm-hero-title\"\u003eCollagène Marin Inolab\u003c\/span\u003e\n \u003cp class=\"cm-subtitle\"\u003ePeptides hydrolysés 2000 Da — Goût neutre — 175 g\u003c\/p\u003e\n \u003cp class=\"cm-description\"\u003eUne poudre pure de peptides de collagène marin Naticol®, sans arôme ni additif. Grâce à son ultra-faible poids moléculaire de 2000 Da, une absorption optimale pour soutenir votre peau, vos articulations et vos cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eQuels sont les bienfaits du collagène marin Inolab 2000 Da ?\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eCe collagène marin hydrolysé contribue à des résultats visibles sur l'ensemble de votre corps :\u003c\/p\u003e\n \u003cdiv class=\"cm-grid\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e✨ Élasticité \u0026amp; fermeté de la peau\u003c\/h3\u003e\n \u003cp\u003eMaintient l'hydratation profonde et la fermeté cutanée pour une peau visiblement plus lisse et repulpée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🦴 Souplesse \u0026amp; confort articulaire\u003c\/h3\u003e\n \u003cp\u003ePréserve la souplesse des articulations et soutient le cartilage pour un confort de mouvement au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e💅 Ongles \u0026amp; cheveux renforcés\u003c\/h3\u003e\n \u003cp\u003eRenforce la structure des ongles cassants et redonne vitalité et brillance aux cheveux fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-tip\"\u003e\n \u003cspan class=\"cm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eLe petit + :\u003c\/strong\u003e Sa forme en poudre au goût totalement neutre permet une intégration facile dans toutes vos boissons ou préparations culinaires, sans altérer le goût !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eComment utiliser le Collagène Marin 2000 Da ?\u003c\/h2\u003e\n \u003cdiv class=\"cm-timeline\"\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eDosez votre portion\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e5 g par jour\u003c\/strong\u003e (environ 1 cuillère doseuse). En cas de besoin accru, la dose peut être augmentée à \u003cstrong\u003e10 g\/jour\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eMélangez dans votre boisson\u003c\/h3\u003e\n \u003cp\u003eDiluez la poudre dans la boisson de votre choix : eau, jus, smoothie, café, thé… Le goût neutre se fond parfaitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eSuivez votre cure\u003c\/h3\u003e\n \u003cp\u003eUn sachet de 175 g correspond à une \u003cstrong\u003ecure de 35 jours\u003c\/strong\u003e à raison de 5 g\/jour. Régularité = résultats.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-tip\"\u003e\n \u003cspan class=\"cm-tip-icon\"\u003e📌\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eNote :\u003c\/strong\u003e La cuillère doseuse n'est pas incluse dans ce format.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eComposition, origine et qualité\u003c\/h2\u003e\n \u003cdiv class=\"cm-grid\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🐟 Ingrédient unique\u003c\/h3\u003e\n \u003cp\u003eHydrolysat de collagène de poisson \u003cstrong\u003eNaticol®\u003c\/strong\u003e — Origine France, traçabilité complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e⚗️ Poids moléculaire\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2000 Daltons\u003c\/strong\u003e — Un poids ultra-faible pour une assimilation maximale par l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🏅 Certifications\u003c\/h3\u003e\n \u003cp\u003ePêche durable \u003cstrong\u003eFriend of the Sea\u003c\/strong\u003e, certifié Halal et Casher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-grid-compact\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🚫 Sans arôme\u003c\/h3\u003e\n \u003cp\u003eGoût neutre, aucun arôme ajouté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🚫 Sans sucre\u003c\/h3\u003e\n \u003cp\u003eZéro sucre, zéro additif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🚫 Sans gluten\u003c\/h3\u003e\n \u003cp\u003eConvient aux intolérants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n \u003cp\u003eSans lactose ni OGM\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-tip\"\u003e\n \u003cspan class=\"cm-tip-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cp\u003eProduit \u003cstrong\u003efabriqué en France\u003c\/strong\u003e, avec des normes de qualité strictes et une traçabilité complète de la matière première.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cm-accordion\"\u003e\n \u003cdetails class=\"cm-accordion-item\" open\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e⚠️ Allergènes\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eContient du poisson.\u003c\/strong\u003e Si vous êtes allergique aux produits de la mer, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e📋 Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"cm-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée, équilibrée et un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --cm-cream: #f4f9f9;\n --cm-white: #ffffff;\n --cm-primary: #2BA5A5;\n --cm-primary-dark: #1E6E7E;\n --cm-primary-light: #e6f5f3;\n --cm-secondary: #3CC0B0;\n --cm-accent: #1A8C8C;\n\n --cm-text: #1a1a1a;\n --cm-text-light: #5a6a6a;\n\n --cm-border: #d8e8e8;\n --cm-shadow: 0 4px 24px rgba(30, 110, 126, .08);\n --cm-shadow-lg: 0 12px 48px rgba(30, 110, 126, .15);\n --cm-radius: 20px;\n --cm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--cm-primary-dark) 0%, var(--cm-primary) 50%, var(--cm-secondary) 100%);\n border-radius: var(--cm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cm-shadow-lg);\n}\n\n.cm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.cm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.cm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.cm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cm-primary), var(--cm-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.cm-card {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cm-shadow-lg);\n border-color: var(--cm-primary);\n}\n\n.cm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.25rem;\n}\n\n.cm-grid-compact .cm-card {\n padding: 1rem;\n}\n\n.cm-grid-compact .cm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cm-grid-compact .cm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cm-primary), var(--cm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cm-timeline-content {\n flex: 1;\n background: var(--cm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cm-radius-sm);\n box-shadow: var(--cm-shadow);\n}\n\n.cm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cm-timeline-content p {\n font-size: 14px;\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cm-primary-light);\n border-radius: var(--cm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cm-tip p {\n font-size: 14px;\n color: var(--cm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cm-accordion {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n box-shadow: var(--cm-shadow);\n overflow: hidden;\n}\n\n.cm-accordion-item {\n border-bottom: 1px solid var(--cm-border);\n margin: 0;\n padding: 0;\n}\n\n.cm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cm-accordion-header:hover {\n background: var(--cm-primary-light);\n}\n\n.cm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cm-primary);\n transition: transform .2s ease;\n}\n\n.cm-accordion-item[open] .cm-accordion-header::after {\n content: '−';\n}\n\n.cm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cm-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cm-disclaimer {\n font-size: 12px;\n color: var(--cm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cm-card {\n padding: 1.125rem;\n }\n\n .cm-section {\n margin-bottom: 1.75rem;\n }\n\n .cm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cm-radius-sm);\n }\n\n .cm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cm-grid-compact {\n gap: .625rem;\n }\n\n .cm-grid-compact .cm-card {\n padding: .75rem;\n }\n\n .cm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cm-timeline-content h3 {\n font-size: 14px;\n }\n\n .cm-timeline-content p {\n font-size: 13px;\n }\n\n .cm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cm-card {\n animation: cmFadeInUp .5s ease backwards;\n }\n .cm-card:nth-child(1) { animation-delay: .05s; }\n .cm-card:nth-child(2) { animation-delay: .1s; }\n .cm-card:nth-child(3) { animation-delay: .15s; }\n .cm-card:nth-child(4) { animation-delay: .2s; }\n .cm-card:nth-child(5) { animation-delay: .25s; }\n .cm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55199385780601,"sku":"SEAFORM","price":14.37,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene-marin-2000-da-haute-assimilation-175g-inolab-packshothd_9ff95364-735f-4724-b6b9-79640a2af60e.webp?v=1787579114"},{"product_id":"omega-3-caps-epa-dha-inolab","title":"Omega 3 Caps - EPA \u0026 DHA - Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Omega 3 Caps - EPA \u0026 DHA - Inolab\nPalette détectée:\n - Primaire: #F5A623 (jaune-orangé doré du packaging - couleur dominante)\n - Secondaire: #E8941F (orange plus soutenu pour les accents)\n - Accent: #FFD93D (jaune lumineux pour highlights)\nAmbiance: Santé\/bien-être, scientifique mais accessible, moderne et lumineux, confiance et vitalité\nPréfixe CSS: om3\n--\u003e\n\n\u003cdiv class=\"om3-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"om3-hero\"\u003e\n \u003cdiv class=\"om3-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"om3-hero-content\"\u003e\n \u003cdiv class=\"om3-badges-top\"\u003e\n \u003cspan class=\"om3-badge\"\u003e🐟 Huile EPAX® premium\u003c\/span\u003e\n \u003cspan class=\"om3-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"om3-badge\"\u003e💛 80% EPA + DHA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"om3-hero-title\"\u003eOmega 3 Caps EPA \u0026amp; DHA\u003c\/span\u003e\n \u003cp class=\"om3-subtitle\"\u003eVotre triple soutien : cœur, cerveau et vision\u003c\/p\u003e\n \u003cp class=\"om3-description\"\u003e1200 mg d'oméga 3 par jour issus d'huile de poissons sauvages certifiée EPAX®. Une pureté exceptionnelle avec un indice TotOx ultra-bas pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e🎯 Les bienfaits prouvés des oméga 3\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e❤️ Soutien cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eL'EPA et le DHA contribuent au fonctionnement normal du cœur. Effet bénéfique dès 250 mg\/jour selon l'EFSA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🧠 Fonction cérébrale optimisée\u003c\/h3\u003e\n \u003cp\u003eLe DHA participe au maintien d'une fonction cérébrale normale : mémoire, concentration, clarté mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e👁️ Vision préservée\u003c\/h3\u003e\n \u003cp\u003eLe DHA contribue au maintien d'une vision normale, particulièrement précieux face aux écrans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e🔬 Gélules ultra-concentrée\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n \u003ch3\u003e🐟 Huile de poisson EPAX®\u003c\/h3\u003e\n \u003cp class=\"om3-dosage\"\u003e1500 mg \/ jour\u003c\/p\u003e\n \u003cp\u003eMatière première premium issue de poissons sauvages de pêcheries durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n \u003ch3\u003e💛 Oméga 3 totaux\u003c\/h3\u003e\n \u003cp class=\"om3-dosage\"\u003e1200 mg \/ jour\u003c\/p\u003e\n \u003cp\u003eConcentration exceptionnelle de 80% en acides gras essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n \u003ch3\u003e⚡ EPA\u003c\/h3\u003e\n \u003cp class=\"om3-dosage\"\u003e600 mg \/ jour\u003c\/p\u003e\n \u003cp\u003eAcide eicosapentaénoïque pour le système cardiovasculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n \u003ch3\u003e🧬 DHA\u003c\/h3\u003e\n \u003cp class=\"om3-dosage\"\u003e450 mg \/ jour\u003c\/p\u003e\n \u003cp\u003eAcide docosahexaénoïque ciblant cerveau et rétine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CE QUI DISTINGUE --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e✨ Pourquoi choisir les gélules Omega 3 Caps Inolab ?\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🏆 Huile EPAX® certifiée\u003c\/h3\u003e\n \u003cp\u003eRéférence mondiale en huile de poisson purifiée. Garantie sans métaux lourds, PCB ni contaminants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🧪 Indice TotOx ultra-bas\u003c\/h3\u003e\n \u003cp\u003eIndicateur de fraîcheur et stabilité. Plus il est bas, plus l'huile est pure et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e😌 Aucun goût de poisson\u003c\/h3\u003e\n \u003cp\u003eFini les renvois désagréables ! Gélules parfaitement tolérées, même par les estomacs sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eChaque étape de production réalisée en France avec contrôles qualité rigoureux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🍽️ Mangeurs de peu de poisson\u003c\/h3\u003e\n \u003cp\u003eVous consommez moins de 2 poissons gras par semaine ? Cette supplémentation comble vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e💼 Travailleurs intellectuels\u003c\/h3\u003e\n \u003cp\u003eÉtudiants, cadres, seniors : préservez vos capacités cognitives et votre concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e💻 Digital workers\u003c\/h3\u003e\n \u003cp\u003eLongues heures devant les écrans ? Prenez soin de votre vision avec le DHA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n \u003cp\u003eFavorisez votre récupération et soutenez votre système cardiovasculaire naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e📋 Comment prendre Omega 3 Caps ?\u003c\/h2\u003e\n \u003cdiv class=\"om3-timeline\"\u003e\n \u003cdiv class=\"om3-step\"\u003e\n \u003cdiv class=\"om3-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"om3-step-content\"\u003e\n \u003ch3\u003eAdultes : 3 capsules par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence au cours du repas du soir. Les graisses de votre assiette favorisent l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-step\"\u003e\n \u003cdiv class=\"om3-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"om3-step-content\"\u003e\n \u003ch3\u003eEnfants dès 10 ans : 1 capsule par jour\u003c\/h3\u003e\n \u003cp\u003eSi l'enfant peut avaler une gélule sans difficulté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-step\"\u003e\n \u003cdiv class=\"om3-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"om3-step-content\"\u003e\n \u003ch3\u003eCure recommandée : 3 mois minimum\u003c\/h3\u003e\n \u003cp\u003eLe temps nécessaire pour reconstituer vos réserves et observer des effets durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- RÉSULTATS ATTENDUS --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e📈 Quand ressentirez-vous les effets ?\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e⏱️ Après 2-3 semaines\u003c\/h3\u003e\n \u003cp\u003eMeilleure concentration, peau plus souple, moins de fatigue visuelle pour certains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e📅 Après 1 mois\u003c\/h3\u003e\n \u003cp\u003eEffets sur l'humeur et la clarté mentale plus perceptibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🎯 Après 3 mois\u003c\/h3\u003e\n \u003cp\u003eImpact global sur votre bien-être cardiovasculaire et cognitif pleinement évaluable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid-compact\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e💊 90 capsules\u003c\/h3\u003e\n \u003cp\u003eProgramme 30 jours\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e⚖️ Poids net\u003c\/h3\u003e\n \u003cp\u003e60 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🏭 Origine\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e✅ Qualité\u003c\/h3\u003e\n \u003cp\u003eHuile EPAX® certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON - INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"om3-accordion\"\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e📝 Liste complète des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-1\"\u003e\n \u003cp\u003eHuile de poisson EPAX®*, gélatine de poisson*, humectant : glycérol, antioxydants : extrait de romarin (\u003cem\u003eRosmarinus officinalis\u003c\/em\u003e) et vitamine E (mélange de tocophérols).\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Contient du poisson et produits dérivés.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-1\"\u003e\n \u003cp\u003e\u003cstrong\u003eAllergie au poisson :\u003c\/strong\u003e Ce produit contient de l'huile et de la gélatine de poisson. Déconseillé aux personnes allergiques.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eTraitement anticoagulant :\u003c\/strong\u003e Les oméga 3 peuvent avoir un effet fluidifiant sur le sang. Consultez votre médecin.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eGrossesse et allaitement :\u003c\/strong\u003e Demandez l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003cp\u003eCe complément ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e❓ Questions fréquentes\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-1\"\u003e\n \u003cp\u003e\u003cstrong\u003ePeut-on prendre des oméga 3 tous les jours ?\u003c\/strong\u003e\u003cbr\u003eOui, une prise quotidienne est recommandée. Ces acides gras ne sont pas stockés longtemps par le corps.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eLes oméga 3 font-ils grossir ?\u003c\/strong\u003e\u003cbr\u003eNon. Aux doses recommandées, ils ne favorisent pas la prise de poids et participent à un métabolisme lipidique équilibré.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eQuelle différence entre EPA et DHA ?\u003c\/strong\u003e\u003cbr\u003eL'EPA agit sur le système cardiovasculaire, le DHA cible cerveau et rétine. La formule Inolab apporte les deux.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003ePourquoi choisir une huile EPAX® ?\u003c\/strong\u003e\u003cbr\u003eEPAX® garantit l'absence de métaux lourds, PCB et contaminants, avec une concentration élevée en acides gras actifs.\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=\"om3-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"om3-cta-box\"\u003e\n \u003cp\u003e🐟 \u003cstrong\u003e1200 mg d'oméga 3 par jour\u003c\/strong\u003e • Huile EPAX® ultra-pure de poissons sauvages • Triple action cœur, cerveau, vision • Haute tolérance digestive sans goût de poisson • Fabrication française avec traçabilité complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --om3-cream: #FFFBF5;\n --om3-white: #ffffff;\n --om3-primary: #F5A623;\n --om3-primary-dark: #D4890A;\n --om3-primary-light: #FFF5E6;\n --om3-secondary: #E8941F;\n --om3-accent: #FFD93D;\n\n \/* Textes *\/\n --om3-text: #1a1a1a;\n --om3-text-light: #5a5a5a;\n\n \/* Effets *\/\n --om3-border: #e0e0e0;\n --om3-shadow: 0 4px 24px rgba(0,0,0,.08);\n --om3-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --om3-radius: 20px;\n --om3-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.om3-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--om3-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.om3-hero {\n position: relative;\n background: linear-gradient(135deg, #FFD93D 0%, #F5A623 50%, #D4890A 100%);\n border-radius: var(--om3-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--om3-shadow-lg);\n}\n\n.om3-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5C17.3 5 5 17.3 5 30s12.3 25 25 25 25-12.3 25-25S42.7 5 30 5zm0 40c-8.3 0-15-6.7-15-15s6.7-15 15-15 15 6.7 15 15-6.7 15-15 15z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.om3-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.om3-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.om3-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--om3-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.om3-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE === *\/\n.om3-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.om3-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.om3-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.om3-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.om3-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--om3-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.om3-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--om3-primary), var(--om3-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.om3-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.om3-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.om3-card {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--om3-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.om3-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--om3-shadow-lg);\n border-color: var(--om3-primary);\n}\n\n.om3-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.om3-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--om3-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.om3-card-highlight {\n background: linear-gradient(135deg, var(--om3-primary-light) 0%, var(--om3-white) 100%);\n border: 2px solid var(--om3-primary);\n}\n\n.om3-dosage {\n font-size: clamp(20px, 4vw, 28px) !important;\n font-weight: 900 !important;\n color: var(--om3-primary) !important;\n margin: .5rem 0 !important;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.om3-grid-compact .om3-card {\n padding: 1rem;\n}\n\n.om3-grid-compact .om3-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.om3-grid-compact .om3-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.om3-timeline {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.om3-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--om3-shadow);\n transition: all .3s ease;\n}\n\n.om3-step:hover {\n transform: translateX(8px);\n box-shadow: var(--om3-shadow-lg);\n}\n\n.om3-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--om3-primary), var(--om3-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 12px rgba(245,166,35,.4);\n}\n\n.om3-step-content h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.om3-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--om3-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.om3-accordion {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n box-shadow: var(--om3-shadow);\n overflow: hidden;\n}\n\n.om3-accordion-item {\n border-bottom: 1px solid var(--om3-border);\n margin: 0;\n padding: 0;\n}\n\n.om3-accordion-item:last-child {\n border-bottom: none;\n}\n\n.om3-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--om3-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.om3-accordion-header:hover {\n background: var(--om3-primary-light);\n}\n\n.om3-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.om3-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--om3-primary);\n transition: transform .2s ease;\n}\n\n.om3-accordion-item[open] .om3-accordion-header::after {\n content: '−';\n}\n\n.om3-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--om3-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.om3-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.om3-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.mt-1 {\n margin-top: 5px;\n}\n\n\/* === CTA FINAL === *\/\n.om3-cta-box {\n background: linear-gradient(135deg, var(--om3-primary) 0%, var(--om3-primary-dark) 100%);\n border-radius: var(--om3-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.om3-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .om3-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .om3-card {\n padding: 1.125rem;\n }\n \n .om3-section {\n margin-bottom: 1.75rem;\n }\n \n .om3-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--om3-radius-sm);\n }\n \n .om3-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .om3-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .om3-badges-top {\n gap: 8px;\n }\n \n .om3-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .om3-grid-compact {\n gap: .625rem;\n }\n \n .om3-grid-compact .om3-card {\n padding: .75rem;\n }\n \n .om3-step {\n padding: 1rem;\n gap: 1rem;\n }\n \n .om3-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .om3-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .om3-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .om3-card {\n animation: fadeInUp .5s ease backwards;\n }\n .om3-card:nth-child(1) { animation-delay: .05s; }\n .om3-card:nth-child(2) { animation-delay: .1s; }\n .om3-card:nth-child(3) { animation-delay: .15s; }\n .om3-card:nth-child(4) { animation-delay: .2s; }\n .om3-card:nth-child(5) { animation-delay: .25s; }\n .om3-card:nth-child(6) { animation-delay: .3s; }\n \n .om3-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .om3-step:nth-child(1) { animation-delay: .1s; }\n .om3-step:nth-child(2) { animation-delay: .2s; }\n .om3-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .om3-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55203003957625,"sku":"OMEGAFORM","price":15.43,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/omega-3-caps-epa-dha-inolab-packshothd.webp?v=1785936622"},{"product_id":"curaform-curcuma-60-comprimes-inolab","title":"Curaform - Curcuma titré en curcumine CurQfen® - 60 comprimés - Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Curaform - Curcuma CurQfen® Bio\nPalette détectée:\n - Primaire: #F39432 (Orange curcuma chaud et naturel du packaging)\n - Secondaire: #FFB86B (Orange plus clair pour les dégradés)\n - Accent: #7AB547 (Vert bio du label AB)\n - Neutre: #FFF5E8 (Beige crème chaleureux)\nAmbiance: Naturel\/Bio premium avec une touche scientifique\/innovation. Le produit conjugue authenticité (curcuma, bio) et technologie (CurQfen®, FenuMAT™). Style chaleureux et rassurant avec des notes d'expertise.\nPréfixe CSS: cura\n--\u003e\n\n\u003cdiv class=\"cura-premium\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"cura-hero\"\u003e\n \u003cdiv class=\"cura-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cura-hero-content\"\u003e\n \u003cdiv class=\"cura-badges-top\"\u003e\n \u003cspan class=\"cura-badge\"\u003e🌿 100% Bio certifié\u003c\/span\u003e\n \u003cspan class=\"cura-badge\"\u003e🔬 Technologie brevetée\u003c\/span\u003e\n \u003cspan class=\"cura-badge\"\u003e📊 Biodisponibilité x45,5\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cura-hero-title\"\u003eCuraform Curcuma CurQfen®\u003c\/span\u003e\n \u003cp class=\"cura-subtitle\"\u003eLa révolution du curcuma hautement assimilable\u003c\/p\u003e\n \u003cp class=\"cura-description\"\u003eUne curcumine microencapsulée pour un confort articulaire durable, avec une diffusion prolongée de 12 heures et une biodisponibilité scientifiquement prouvée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Points forts --\u003e\n \u003csection class=\"cura-section\"\u003e\n \u003ch2\u003e✨ Les atouts uniques de Curaform\u003c\/h2\u003e\n \u003cdiv class=\"cura-grid\"\u003e\n \u003cdiv class=\"cura-card\"\u003e\n \u003cdiv class=\"cura-icon\"\u003e📈\u003c\/div\u003e\n \u003cdiv class=\"cura-card-title\"\u003eBiodisponibilité exceptionnelle\u003c\/div\u003e\n \u003cp\u003eLa technologie CurQfen® multiplie par \u003cstrong\u003e45,5\u003c\/strong\u003e l'absorption de la curcumine par rapport aux extraits standards. Chaque dose compte réellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cura-card\"\u003e\n \u003cdiv class=\"cura-icon\"\u003e⏱️\u003c\/div\u003e\n \u003cdiv class=\"cura-card-title\"\u003eDiffusion prolongée 12h\u003c\/div\u003e\n \u003cp\u003eGrâce aux microbilles adhésives naturelles, la curcumine est libérée progressivement pendant plus de \u003cstrong\u003e12 heures\u003c\/strong\u003e après une seule prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cura-card\"\u003e\n \u003cdiv class=\"cura-icon\"\u003e🌾\u003c\/div\u003e\n \u003cdiv class=\"cura-card-title\"\u003eTechnologie FenuMAT™\u003c\/div\u003e\n \u003cp\u003eMicroencapsulation 100% naturelle dans des fibres biologiques de fenugrec, pour une protection et une libération optimales des curcuminoïdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cura-card\"\u003e\n \u003cdiv class=\"cura-icon\"\u003e🦴\u003c\/div\u003e\n \u003cdiv class=\"cura-card-title\"\u003eConfort articulaire durable\u003c\/div\u003e\n \u003cp\u003eLe curcuma contribue naturellement au maintien de la santé des articulations et soutient la flexibilité, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cura-card\"\u003e\n \u003cdiv class=\"cura-icon\"\u003e🍃\u003c\/div\u003e\n \u003cdiv class=\"cura-card-title\"\u003eCertifié bio \u0026amp; vegan\u003c\/div\u003e\n \u003cp\u003eIngrédients issus de l'agriculture biologique (FR-BIO-01), convient aux végétariens et véganes. Sans compromis sur la qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cura-card\"\u003e\n \u003cdiv class=\"cura-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"cura-card-title\"\u003eFabriqué en France\u003c\/div\u003e\n \u003cp\u003eProduction française selon les standards pharmaceutiques les plus exigeants. Emballage recyclable pour respecter notre planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Composition détaillée --\u003e\n \u003csection class=\"cura-section\"\u003e\n \u003ch2\u003e🧬 Composition scientifique\u003c\/h2\u003e\n \u003cdiv class=\"cura-composition-box\"\u003e\n \u003cdiv class=\"cura-composition-header\"\u003e\n \u003cdiv class=\"cura-dosage-circle\"\u003e\n \u003cspan class=\"cura-dosage-number\"\u003e500\u003c\/span\u003e\n \u003cspan class=\"cura-dosage-unit\"\u003emg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cura-composition-title\"\u003e\n \u003cstrong\u003eCurQfen® bio\u003c\/strong\u003e\n \u003cp\u003ePour 2 comprimés (dose journalière)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-ingredients-grid\"\u003e\n \u003cdiv class=\"cura-ingredient-card\"\u003e\n \u003cdiv class=\"cura-ingredient-icon\"\u003e🌟\u003c\/div\u003e\n \u003cdiv class=\"cura-ingredient-name\"\u003eCurcuminoïdes totaux\u003c\/div\u003e\n \u003cdiv class=\"cura-ingredient-dose\"\u003e175 mg\u003c\/div\u003e\n \u003cdiv class=\"cura-ingredient-detail\"\u003eDont curcumine : 150 mg\u003cbr\u003eDMC : 22 mg | BDMC : 3 mg\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-ingredient-card\"\u003e\n \u003cdiv class=\"cura-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"cura-ingredient-name\"\u003eFibres de fenugrec\u003c\/div\u003e\n \u003cdiv class=\"cura-ingredient-dose\"\u003e150 mg\u003c\/div\u003e\n \u003cdiv class=\"cura-ingredient-detail\"\u003eSupport naturel de microencapsulation\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-ingredient-card\"\u003e\n \u003cdiv class=\"cura-ingredient-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"cura-ingredient-name\"\u003eFibres d'acacia Fibregum™\u003c\/div\u003e\n \u003cdiv class=\"cura-ingredient-dose\"\u003e504 mg\u003c\/div\u003e\n \u003cdiv class=\"cura-ingredient-detail\"\u003ePrébiotique naturel pour le confort digestif\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-bio-label\"\u003e\n \u003cspan class=\"cura-bio-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eTous les ingrédients sont issus de l'agriculture biologique certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Mode d'emploi --\u003e\n \u003csection class=\"cura-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi \u0026amp; posologie\u003c\/h2\u003e\n \u003cdiv class=\"cura-usage-container\"\u003e\n \u003cdiv class=\"cura-usage-card cura-usage-main\"\u003e\n \u003cdiv class=\"cura-usage-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"cura-usage-title\"\u003eDosage quotidien\u003c\/div\u003e\n \u003cdiv class=\"cura-usage-dose\"\u003e1 à 2 comprimés par jour\u003c\/div\u003e\n \u003cp\u003eSelon vos besoins et votre ressenti. Commencez par 1 comprimé et ajustez si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-usage-card\"\u003e\n \u003cdiv class=\"cura-usage-icon\"\u003e🌅\u003c\/div\u003e\n \u003cdiv class=\"cura-usage-title\"\u003eMoment de prise\u003c\/div\u003e\n \u003cp\u003eLe matin et\/ou le soir, de préférence au cours des repas pour une meilleure absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-usage-card\"\u003e\n \u003cdiv class=\"cura-usage-icon\"\u003e📅\u003c\/div\u003e\n \u003cdiv class=\"cura-usage-title\"\u003eDurée de cure\u003c\/div\u003e\n \u003cp\u003eProgramme de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e, renouvelable après une pause de 2 à 4 semaines pour optimiser les résultats.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-usage-card\"\u003e\n \u003cdiv class=\"cura-usage-icon\"\u003e📦\u003c\/div\u003e\n \u003cdiv class=\"cura-usage-title\"\u003eContenu du sachet\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003e60 comprimés\u003c\/strong\u003e = 30 à 60 jours de programme selon votre posologie (38g net).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Bénéfices attendus --\u003e\n \u003csection class=\"cura-section\"\u003e\n \u003ch2\u003e🎯 Résultats attendus\u003c\/h2\u003e\n \u003cdiv class=\"cura-timeline\"\u003e\n \u003cdiv class=\"cura-timeline-item\"\u003e\n \u003cdiv class=\"cura-timeline-marker\"\u003e1-7j\u003c\/div\u003e\n \u003cdiv class=\"cura-timeline-content\"\u003e\n \u003cdiv class=\"cura-timeline-title\"\u003ePhase de démarrage\u003c\/div\u003e\n \u003cp\u003eAbsorption progressive de la curcumine dans l'organisme. Les premiers effets sur le confort peuvent se faire ressentir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-timeline-item\"\u003e\n \u003cdiv class=\"cura-timeline-marker\"\u003e2-4sem\u003c\/div\u003e\n \u003cdiv class=\"cura-timeline-content\"\u003e\n \u003cdiv class=\"cura-timeline-title\"\u003eEffets notables\u003c\/div\u003e\n \u003cp\u003eAmélioration significative du confort articulaire et de la mobilité. La diffusion prolongée optimise les bénéfices au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-timeline-item\"\u003e\n \u003cdiv class=\"cura-timeline-marker\"\u003e1-3mois\u003c\/div\u003e\n \u003cdiv class=\"cura-timeline-content\"\u003e\n \u003cdiv class=\"cura-timeline-title\"\u003eRésultats optimaux\u003c\/div\u003e\n \u003cp\u003eBénéfices durables et stabilisés. Soutien articulaire, flexibilité et bien-être général renforcés pour une qualité de vie améliorée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Pour qui --\u003e\n \u003csection class=\"cura-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse Curaform ?\u003c\/h2\u003e\n \u003cdiv class=\"cura-grid\"\u003e\n \u003cdiv class=\"cura-profile-card\"\u003e\n \u003cdiv class=\"cura-profile-icon\"\u003e🏃\u003c\/div\u003e\n \u003cdiv class=\"cura-profile-title\"\u003eSportifs \u0026amp; actifs\u003c\/div\u003e\n \u003cp\u003ePour préserver vos articulations sollicitées et récupérer plus efficacement après l'effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-profile-card\"\u003e\n \u003cdiv class=\"cura-profile-icon\"\u003e👴\u003c\/div\u003e\n \u003cdiv class=\"cura-profile-title\"\u003eSeniors\u003c\/div\u003e\n \u003cp\u003ePour maintenir la souplesse articulaire et la mobilité avec l'âge, naturellement et durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-profile-card\"\u003e\n \u003cdiv class=\"cura-profile-icon\"\u003e💼\u003c\/div\u003e\n \u003cdiv class=\"cura-profile-title\"\u003eVie professionnelle\u003c\/div\u003e\n \u003cp\u003eSi vous passez de longues heures assis ou debout, préservez votre confort articulaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-profile-card\"\u003e\n \u003cdiv class=\"cura-profile-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"cura-profile-title\"\u003eAdeptes du naturel\u003c\/div\u003e\n \u003cp\u003ePour ceux qui privilégient les solutions bio et scientifiquement validées pour leur santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Précautions --\u003e\n \u003csection class=\"cura-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cura-warning-box\"\u003e\n \u003cdiv class=\"cura-warning-grid\"\u003e\n \u003cdiv class=\"cura-warning-item\"\u003e\n \u003cspan class=\"cura-warning-icon\"\u003e💊\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAnticoagulants\u003c\/strong\u003e : déconseillé aux personnes sous traitement anticoagulant sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-warning-item\"\u003e\n \u003cspan class=\"cura-warning-icon\"\u003e🤰\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eGrossesse \u0026amp; allaitement\u003c\/strong\u003e : consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-warning-item\"\u003e\n \u003cspan class=\"cura-warning-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eEnfants\u003c\/strong\u003e : tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-warning-item\"\u003e\n \u003cspan class=\"cura-warning-icon\"\u003e📏\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eDosage\u003c\/strong\u003e : ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-warning-item\"\u003e\n \u003cspan class=\"cura-warning-icon\"\u003e🥗\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAlimentation\u003c\/strong\u003e : ce complément ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-warning-item\"\u003e\n \u003cspan class=\"cura-warning-icon\"\u003e🩺\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSanté\u003c\/strong\u003e : en cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Infos pratiques --\u003e\n \u003csection class=\"cura-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"cura-info-grid\"\u003e\n \u003cdiv class=\"cura-info-card\"\u003e\n \u003cdiv class=\"cura-info-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"cura-info-label\"\u003eCertification\u003c\/div\u003e\n \u003cdiv class=\"cura-info-value\"\u003e100% Bio\u003c\/div\u003e\n \u003cp\u003eFR-BIO-01 \/ NPOP-NAB-004\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-info-card\"\u003e\n \u003cdiv class=\"cura-info-icon\"\u003e💚\u003c\/div\u003e\n \u003cdiv class=\"cura-info-label\"\u003eRégime alimentaire\u003c\/div\u003e\n \u003cdiv class=\"cura-info-value\"\u003eVegan\u003c\/div\u003e\n \u003cp\u003eConvient aux végétariens et véganes\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-info-card\"\u003e\n \u003cdiv class=\"cura-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"cura-info-label\"\u003eFabrication\u003c\/div\u003e\n \u003cdiv class=\"cura-info-value\"\u003eFrance\u003c\/div\u003e\n \u003cp\u003eStandards pharmaceutiques\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-info-card\"\u003e\n \u003cdiv class=\"cura-info-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv class=\"cura-info-label\"\u003eEmballage\u003c\/div\u003e\n \u003cdiv class=\"cura-info-value\"\u003eRecyclable\u003c\/div\u003e\n \u003cp\u003eRespect de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-info-card\"\u003e\n \u003cdiv class=\"cura-info-icon\"\u003e⚖️\u003c\/div\u003e\n \u003cdiv class=\"cura-info-label\"\u003eContenance\u003c\/div\u003e\n \u003cdiv class=\"cura-info-value\"\u003e60 comprimés\u003c\/div\u003e\n \u003cp\u003ePoids net : 38g\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"cura-info-card\"\u003e\n \u003cdiv class=\"cura-info-icon\"\u003e📅\u003c\/div\u003e\n \u003cdiv class=\"cura-info-label\"\u003eProgramme\u003c\/div\u003e\n \u003cdiv class=\"cura-info-value\"\u003e30 jours\u003c\/div\u003e\n \u003cp\u003eÀ 2 comprimés par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA Final --\u003e\n \u003csection class=\"cura-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cura-cta-box\"\u003e\n \u003cdiv class=\"cura-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cura-cta-content\"\u003e\n \u003cdiv class=\"cura-cta-icon\"\u003e✨\u003c\/div\u003e\n \u003cp\u003eOffrez à vos articulations le meilleur du curcuma avec la technologie CurQfen® : une biodisponibilité scientifiquement prouvée, une diffusion prolongée de 12 heures et la garantie d'une qualité 100% bio. Curaform, c'est l'alliance parfaite entre nature et innovation pour votre bien-être articulaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --cura-cream: #FFF5E8;\n --cura-white: #ffffff;\n --cura-primary: #F39432;\n --cura-primary-dark: #D97817;\n --cura-primary-light: #FFF0DE;\n --cura-secondary: #FFB86B;\n --cura-accent: #7AB547;\n --cura-text: #1a1a1a;\n --cura-text-light: #5a5a5a;\n --cura-border: #e0e0e0;\n --cura-shadow: 0 4px 24px rgba(243,148,50,.08);\n --cura-shadow-lg: 0 12px 48px rgba(243,148,50,.15);\n --cura-radius: 20px;\n --cura-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cura-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cura-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--cura-text);\n}\n\n\/* === HERO === *\/\n.cura-hero {\n position: relative;\n background: linear-gradient(135deg, var(--cura-primary) 0%, var(--cura-secondary) 50%, var(--cura-primary-dark) 100%);\n border-radius: var(--cura-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--cura-shadow-lg);\n}\n\n.cura-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: \n radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n radial-gradient(circle at 60% 70%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 20%, white 1.5px, transparent 1.5px),\n radial-gradient(circle at 40% 90%, white 1.5px, transparent 1.5px);\n background-size: 80px 80px, 100px 100px, 60px 60px, 90px 90px;\n background-position: 0 0, 40px 40px, 20px 60px, 70px 10px;\n}\n\n.cura-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cura-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.cura-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cura-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cura-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.cura-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cura-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n letter-spacing: -.02em;\n}\n\n.cura-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.7;\n font-weight: 500;\n}\n\n\/* === SECTIONS === *\/\n.cura-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.cura-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--cura-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cura-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cura-primary), var(--cura-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.cura-card {\n background: var(--cura-white);\n border-radius: var(--cura-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--cura-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n height: 100%;\n}\n\n.cura-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--cura-shadow-lg);\n border-color: var(--cura-primary);\n}\n\n.cura-icon {\n font-size: clamp(36px, 5vw, 48px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.cura-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--cura-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.cura-card p {\n color: var(--cura-text-light);\n font-size: clamp(14px, 1.8vw, 16px);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === GRILLES === *\/\n.cura-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === COMPOSITION === *\/\n.cura-composition-box {\n background: var(--cura-white);\n border-radius: var(--cura-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--cura-shadow);\n border: 3px solid var(--cura-primary-light);\n}\n\n.cura-composition-header {\n display: flex;\n align-items: center;\n gap: 2rem;\n margin-bottom: 2.5rem;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n.cura-dosage-circle {\n width: 120px;\n height: 120px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--cura-primary), var(--cura-secondary));\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-shadow: 0 8px 32px rgba(243,148,50,.3);\n flex-shrink: 0;\n}\n\n.cura-dosage-number {\n font-size: 42px;\n font-weight: 900;\n color: white;\n line-height: 1;\n text-shadow: 0 2px 8px rgba(0,0,0,.2);\n}\n\n.cura-dosage-unit {\n font-size: 16px;\n font-weight: 700;\n color: rgba(255,255,255,.9);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.cura-composition-title {\n flex: 1;\n min-width: 200px;\n text-align: center;\n}\n\n.cura-composition-title strong {\n display: block;\n font-size: clamp(22px, 3vw, 28px);\n color: var(--cura-primary-dark);\n font-weight: 900;\n margin-bottom: .5rem;\n}\n\n.cura-composition-title p {\n color: var(--cura-text-light);\n font-size: clamp(14px, 1.8vw, 16px);\n margin: 0;\n}\n\n.cura-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.cura-ingredient-card {\n background: var(--cura-primary-light);\n border-radius: var(--cura-radius-sm);\n padding: 1.5rem;\n text-align: center;\n border: 2px solid var(--cura-primary);\n transition: all .3s ease;\n}\n\n.cura-ingredient-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 8px 24px rgba(243,148,50,.2);\n}\n\n.cura-ingredient-icon {\n font-size: 32px;\n margin-bottom: .75rem;\n}\n\n.cura-ingredient-name {\n font-size: 16px;\n font-weight: 800;\n color: var(--cura-primary-dark);\n margin-bottom: .5rem;\n}\n\n.cura-ingredient-dose {\n font-size: 28px;\n font-weight: 900;\n color: var(--cura-primary);\n margin-bottom: .5rem;\n}\n\n.cura-ingredient-detail {\n font-size: 13px;\n color: var(--cura-text-light);\n line-height: 1.6;\n}\n\n.cura-bio-label {\n background: linear-gradient(135deg, var(--cura-accent), #8CC653);\n border-radius: var(--cura-radius-sm);\n padding: 1.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n}\n\n.cura-bio-icon {\n font-size: 28px;\n}\n\n.cura-bio-label p {\n color: white;\n font-size: 15px;\n font-weight: 700;\n margin: 0;\n text-shadow: 0 1px 4px rgba(0,0,0,.1);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.cura-usage-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.cura-usage-card {\n background: var(--cura-white);\n border-radius: var(--cura-radius);\n padding: 1.75rem;\n box-shadow: var(--cura-shadow);\n border-left: 4px solid var(--cura-primary);\n transition: all .3s ease;\n}\n\n.cura-usage-card:hover {\n transform: translateX(4px);\n box-shadow: var(--cura-shadow-lg);\n}\n\n.cura-usage-main {\n grid-column: 1 \/ -1;\n background: linear-gradient(135deg, var(--cura-primary-light) 0%, var(--cura-white) 100%);\n border: 3px solid var(--cura-primary);\n border-left: 3px solid var(--cura-primary);\n text-align: center;\n}\n\n.cura-usage-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n}\n\n.cura-usage-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--cura-primary-dark);\n margin-bottom: .75rem;\n display: block;\n}\n\n.cura-usage-dose {\n font-size: 28px;\n font-weight: 900;\n color: var(--cura-primary);\n margin-bottom: 1rem;\n display: block;\n}\n\n.cura-usage-card p {\n color: var(--cura-text-light);\n font-size: 15px;\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.cura-timeline {\n position: relative;\n padding-left: clamp(2rem, 5vw, 4rem);\n}\n\n.cura-timeline::before {\n content: '';\n position: absolute;\n left: 15px;\n top: 0;\n bottom: 0;\n width: 4px;\n background: linear-gradient(180deg, var(--cura-primary), var(--cura-accent));\n border-radius: 2px;\n}\n\n.cura-timeline-item {\n position: relative;\n margin-bottom: 2.5rem;\n padding-left: 2.5rem;\n}\n\n.cura-timeline-item:last-child {\n margin-bottom: 0;\n}\n\n.cura-timeline-marker {\n position: absolute;\n left: 0;\n top: 0;\n width: 34px;\n height: 34px;\n background: linear-gradient(135deg, var(--cura-primary), var(--cura-secondary));\n border: 4px solid var(--cura-cream);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 16px rgba(243,148,50,.3);\n z-index: 1;\n}\n\n.cura-timeline-content {\n background: var(--cura-white);\n border-radius: var(--cura-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--cura-shadow);\n border-left: 3px solid var(--cura-primary);\n}\n\n.cura-timeline-title {\n font-size: 19px;\n font-weight: 800;\n color: var(--cura-primary-dark);\n margin-bottom: .75rem;\n display: block;\n}\n\n.cura-timeline-content p {\n color: var(--cura-text-light);\n font-size: 15px;\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === PROFILS === *\/\n.cura-profile-card {\n background: var(--cura-white);\n border-radius: var(--cura-radius);\n padding: 1.75rem;\n text-align: center;\n box-shadow: var(--cura-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.cura-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--cura-shadow-lg);\n border-color: var(--cura-primary);\n}\n\n.cura-profile-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.cura-profile-title {\n font-size: 19px;\n font-weight: 800;\n color: var(--cura-primary-dark);\n margin-bottom: .75rem;\n}\n\n.cura-profile-card p {\n color: var(--cura-text-light);\n font-size: 15px;\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.cura-warning-box {\n background: linear-gradient(135deg, #FFF4E6 0%, var(--cura-white) 100%);\n border-radius: var(--cura-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 3px solid #FFBE76;\n}\n\n.cura-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.cura-warning-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--cura-white);\n padding: 1.25rem;\n border-radius: var(--cura-radius-sm);\n box-shadow: 0 2px 12px rgba(0,0,0,.06);\n}\n\n.cura-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.cura-warning-item p {\n color: var(--cura-text);\n font-size: 14px;\n line-height: 1.7;\n margin: 0;\n}\n\n.cura-warning-item strong {\n color: var(--cura-primary-dark);\n}\n\n\/* === INFOS PRATIQUES === *\/\n.cura-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.cura-info-card {\n background: var(--cura-white);\n border-radius: var(--cura-radius);\n padding: 1.75rem;\n text-align: center;\n box-shadow: var(--cura-shadow);\n border-top: 4px solid var(--cura-primary);\n transition: all .3s ease;\n}\n\n.cura-info-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cura-shadow-lg);\n}\n\n.cura-info-icon {\n font-size: 38px;\n margin-bottom: .75rem;\n display: block;\n}\n\n.cura-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--cura-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .5rem;\n}\n\n.cura-info-value {\n font-size: 22px;\n font-weight: 900;\n color: var(--cura-primary-dark);\n margin-bottom: .5rem;\n}\n\n.cura-info-card p {\n color: var(--cura-text-light);\n font-size: 13px;\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === CTA FINAL === *\/\n.cura-cta-box {\n background: linear-gradient(135deg, var(--cura-primary) 0%, var(--cura-primary-dark) 100%);\n border-radius: var(--cura-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cura-shadow-lg);\n}\n\n.cura-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n repeating-linear-gradient(45deg, white 0px, white 2px, transparent 2px, transparent 10px),\n repeating-linear-gradient(-45deg, white 0px, white 2px, transparent 2px, transparent 10px);\n}\n\n.cura-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.cura-cta-icon {\n font-size: 52px;\n margin-bottom: 1.5rem;\n display: block;\n filter: drop-shadow(0 4px 12px rgba(0,0,0,.2));\n}\n\n.cura-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n max-width: 900px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .cura-grid,\n .cura-ingredients-grid,\n .cura-usage-container,\n .cura-warning-grid,\n .cura-info-grid {\n grid-template-columns: 1fr;\n }\n \n .cura-usage-main {\n grid-column: 1;\n }\n \n .cura-composition-header {\n flex-direction: column;\n text-align: center;\n }\n \n .cura-timeline {\n padding-left: 2rem;\n }\n \n .cura-timeline::before {\n left: 8px;\n }\n \n .cura-timeline-item {\n padding-left: 2rem;\n }\n \n .cura-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cura-card,\n .cura-profile-card,\n .cura-info-card,\n .cura-ingredient-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .cura-card:nth-child(1),\n .cura-profile-card:nth-child(1),\n .cura-info-card:nth-child(1) { animation-delay: .1s; }\n .cura-card:nth-child(2),\n .cura-profile-card:nth-child(2),\n .cura-info-card:nth-child(2) { animation-delay: .2s; }\n .cura-card:nth-child(3),\n .cura-profile-card:nth-child(3),\n .cura-info-card:nth-child(3) { animation-delay: .3s; }\n .cura-card:nth-child(4),\n .cura-profile-card:nth-child(4),\n .cura-info-card:nth-child(4) { animation-delay: .4s; }\n .cura-card:nth-child(5),\n .cura-profile-card:nth-child(5),\n .cura-info-card:nth-child(5) { animation-delay: .5s; }\n .cura-card:nth-child(6),\n .cura-profile-card:nth-child(6),\n .cura-info-card:nth-child(6) { animation-delay: .6s; }\n \n .cura-timeline-item {\n animation: fadeInLeft .6s ease backwards;\n }\n \n .cura-timeline-item:nth-child(1) { animation-delay: .2s; }\n .cura-timeline-item:nth-child(2) { animation-delay: .4s; }\n .cura-timeline-item:nth-child(3) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(-30px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cura-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .cura-premium {\n --cura-primary: #E67700;\n --cura-primary-dark: #C55F00;\n }\n \n .cura-card,\n .cura-profile-card,\n .cura-info-card {\n border-width: 3px;\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .cura-premium {\n background: white;\n }\n \n .cura-card,\n .cura-profile-card,\n .cura-info-card {\n break-inside: avoid;\n box-shadow: none;\n border: 2px solid var(--cura-border);\n }\n \n .cura-hero {\n box-shadow: none;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55258900758905,"sku":"CURAFORM","price":18.1,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/curcuma-curaform-inolab-60-gelules.webp?v=1748258877"},{"product_id":"collagene-marin-acide-hyaluronique-saveur-cafe-242g-inolab","title":"Inolab Skinform : Collagène Marin + Acide Hyaluronique - Café","description":"\u003cdiv class=\"sk-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sk-hero\"\u003e\n \u003cdiv class=\"sk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sk-hero-content\"\u003e\n \u003cdiv class=\"sk-badges-top\"\u003e\n \u003cspan class=\"sk-badge\"\u003e🇫🇷 Collagène marin français\u003c\/span\u003e\n \u003cspan class=\"sk-badge\"\u003e☕ Saveur café\u003c\/span\u003e\n \u003cspan class=\"sk-badge\"\u003e⏱️ Programme 45 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sk-hero-title\"\u003eInolab Skinform : Collagène Marin + Acide Hyaluronique\u003c\/span\u003e\n \u003cp class=\"sk-subtitle\"\u003eLa formule beauté anti-âge triple action au délicieux arôme de café\u003c\/p\u003e\n \u003cp class=\"sk-description\"\u003e5 000 mg de collagène Naticol® + 100 mg d'acide hyaluronique + vitamine C d'acérola — sans sucre, sans gluten, sans additifs artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003eCollagène marin et acide hyaluronique saveur café : la formule anti-âge complète\u003c\/h2\u003e\n \u003cp class=\"sk-section-intro\"\u003eVous cherchez le \u003cstrong\u003emeilleur collagène marin et acide hyaluronique\u003c\/strong\u003e pour prendre soin de votre peau, de vos articulations et de vos cheveux ? Le \u003cstrong\u003eSkinform d'Inolab\u003c\/strong\u003e réunit trois actifs puissants — collagène marin Naticol®, acide hyaluronique et vitamine C d'acérola — dans une poudre au délicieux arôme de café, sans sucre ni additifs artificiels. Un rituel beauté et bien-être aussi simple qu'agréable, à intégrer dès 30 ans.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003ePourquoi associer collagène marin et acide hyaluronique ?\u003c\/h2\u003e\n \u003cp class=\"sk-section-intro\"\u003eDès 25 ans, votre corps produit de moins en moins de collagène. Résultat : la peau perd en fermeté, les premières rides apparaissent, et le confort articulaire diminue progressivement. L'association d'\u003cstrong\u003eacide hyaluronique et collagène marin\u003c\/strong\u003e agit en synergie pour répondre à ces préoccupations :\u003c\/p\u003e\n \u003cdiv class=\"sk-grid\"\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e💧 Peau repulpée et hydratée\u003c\/h3\u003e\n \u003cp\u003eL'acide hyaluronique retient l'eau dans les tissus tandis que le collagène soutient la structure cutanée en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e✨ Fermeté et élasticité retrouvées\u003c\/h3\u003e\n \u003cp\u003eLes peptides de collagène stimulent le renouvellement des fibres de soutien de la peau pour un effet liftant naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire amélioré\u003c\/h3\u003e\n \u003cp\u003eLes peptides de seulement 2 000 daltons ciblent aussi les cartilages, tendons et ligaments pour un meilleur confort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e💅 Cheveux et ongles renforcés\u003c\/h3\u003e\n \u003cp\u003eLa vitamine C naturelle favorise la synthèse du collagène endogène, bénéfique pour les phanères et la vitalité capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-tip\"\u003e\n \u003cspan class=\"sk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement à un collagène beauté classique, cette formule Inolab mise sur un \u003cstrong\u003ecollagène marin français breveté\u003c\/strong\u003e et une biodisponibilité optimale, là où de nombreux concurrents utilisent des sources moins traçables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003eNaticol® : un collagène marin français d'exception\u003c\/h2\u003e\n \u003cdiv class=\"sk-grid-compact\"\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🐟 Pêche durable\u003c\/h3\u003e\n \u003cp\u003eExtrait de peaux de poissons sauvages issus de la pêche responsable et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🔬 2 000 daltons\u003c\/h3\u003e\n \u003cp\u003ePeptides de très faible poids moléculaire pour une absorption rapide et une efficacité prouvée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eTraçabilité totale, de la matière première au produit fini, avec un procédé breveté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🧬 Acides aminés clés\u003c\/h3\u003e\n \u003cp\u003eRiche en glycine, proline et hydroxyproline pour nourrir la peau et les tissus conjonctifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003eComposition détaillée par dose journalière (5,4 g)\u003c\/h2\u003e\n \u003cdiv class=\"sk-composition\"\u003e\n \u003cdiv class=\"sk-compo-item\"\u003e\n \u003cdiv class=\"sk-compo-value\"\u003e5 000 mg\u003c\/div\u003e\n \u003cdiv class=\"sk-compo-label\"\u003eCollagène marin hydrolysé Naticol®\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-compo-item\"\u003e\n \u003cdiv class=\"sk-compo-value\"\u003e100 mg\u003c\/div\u003e\n \u003cdiv class=\"sk-compo-label\"\u003eAcide hyaluronique\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-compo-item\"\u003e\n \u003cdiv class=\"sk-compo-value\"\u003e80 mg\u003c\/div\u003e\n \u003cdiv class=\"sk-compo-label\"\u003eVitamine C naturelle d'acérola \u003cspan class=\"sk-compo-sub\"\u003e100 % des apports recommandés\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-tip\"\u003e\n \u003cspan class=\"sk-tip-icon\"\u003e☕\u003c\/span\u003e\n \u003cp\u003eArôme naturel de café — \u003cstrong\u003esans édulcorants, sans gluten, sans colorants ni conservateurs\u003c\/strong\u003e. Poids net : 242 g — programme complet de 45 jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003eComment prendre le collagène marin acide hyaluronique Inolab ?\u003c\/h2\u003e\n \u003cdiv class=\"sk-timeline\"\u003e\n \u003cdiv class=\"sk-timeline-item\"\u003e\n \u003cdiv class=\"sk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-content\"\u003e\n \u003ch3\u003eDosez votre poudre\u003c\/h3\u003e\n \u003cp\u003eChaque matin, prélevez \u003cstrong\u003eune cuillère doseuse rase (5,4 g)\u003c\/strong\u003e de poudre Skinform.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-item\"\u003e\n \u003cdiv class=\"sk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-content\"\u003e\n \u003ch3\u003eDiluez et dégustez\u003c\/h3\u003e\n \u003cp\u003eMélangez dans \u003cstrong\u003e200 ml d'eau, de lait végétal ou de boisson chaude\u003c\/strong\u003e. La poudre se dissout instantanément et libère un véritable arôme de café, sans arrière-goût de poisson.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-item\"\u003e\n \u003cdiv class=\"sk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-content\"\u003e\n \u003ch3\u003eOptimisez l'absorption\u003c\/h3\u003e\n \u003cp\u003ePour une assimilation optimale, prenez-la de préférence \u003cstrong\u003eà jeun ou en dehors des repas\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-item\"\u003e\n \u003cdiv class=\"sk-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-content\"\u003e\n \u003ch3\u003eObservez les résultats\u003c\/h3\u003e\n \u003cp\u003eLes premiers résultats sur l'hydratation et l'éclat de la peau sont généralement perceptibles après \u003cstrong\u003e3 à 4 semaines\u003c\/strong\u003e de cure régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"sk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sk-accordion\"\u003e\n \u003cdetails class=\"sk-accordion-item\"\u003e\n \u003csummary class=\"sk-accordion-header\"\u003e⚠️ Tolérance et adaptation\u003c\/summary\u003e\n \u003cdiv class=\"sk-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire à base d'\u003cstrong\u003eacide hyaluronique collagène marin\u003c\/strong\u003e est très bien toléré. De rares inconforts digestifs peuvent survenir en début de cure, notamment à jeun. Dans ce cas, commencez par une demi-dose pendant cinq jours avant de passer à la dose complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sk-accordion-item\"\u003e\n \u003csummary class=\"sk-accordion-header\"\u003e🐟 Allergènes\u003c\/summary\u003e\n \u003cdiv class=\"sk-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé aux personnes allergiques aux poissons.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sk-accordion-item\"\u003e\n \u003csummary class=\"sk-accordion-header\"\u003e📋 Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"sk-accordion-content mt-3\"\u003e\n \u003cp\u003eRespectez la dose quotidienne recommandée. Ce produit ne remplace ni une alimentation variée et équilibrée, ni un traitement médical. En cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sk-cream: #f5f7f9;\n --sk-white: #ffffff;\n --sk-primary: #2a9d8f;\n --sk-primary-dark: #1a3a4a;\n --sk-primary-light: #e8f6f4;\n --sk-secondary: #3d8b99;\n --sk-accent: #6b4c3b;\n --sk-text: #1a1a1a;\n --sk-text-light: #5a5a5a;\n --sk-border: #e0e0e0;\n --sk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sk-radius: 20px;\n --sk-radius-sm: 12px;\n}\n\n.sk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sk-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sk-primary-dark) 0%, var(--sk-secondary) 50%, var(--sk-primary) 100%);\n border-radius: var(--sk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sk-shadow-lg);\n}\n\n.sk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(107,76,59,.1) 0%, transparent 60%);\n opacity: .6;\n}\n\n.sk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.sk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sk-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.sk-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.sk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.sk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sk-primary), var(--sk-accent));\n border-radius: 2px;\n}\n\n.sk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sk-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.sk-section-intro strong {\n color: var(--sk-text);\n}\n\n\/* === CARDS === *\/\n.sk-card {\n background: var(--sk-white);\n border-radius: var(--sk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sk-shadow-lg);\n border-color: var(--sk-primary);\n}\n\n.sk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sk-grid-compact .sk-card {\n padding: 1rem;\n}\n\n.sk-grid-compact .sk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sk-grid-compact .sk-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION === *\/\n.sk-composition {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.sk-compo-item {\n background: var(--sk-white);\n border-radius: var(--sk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sk-shadow);\n text-align: center;\n border-top: 4px solid var(--sk-primary);\n transition: all .3s ease;\n}\n\n.sk-compo-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--sk-shadow-lg);\n}\n\n.sk-compo-value {\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n color: var(--sk-primary);\n letter-spacing: -.03em;\n line-height: 1;\n margin-bottom: .5rem;\n}\n\n.sk-compo-label {\n font-size: clamp(13px, 2vw, 15px);\n font-weight: 700;\n color: var(--sk-primary-dark);\n line-height: 1.4;\n}\n\n.sk-compo-sub {\n display: block;\n font-size: 12px;\n font-weight: 500;\n color: var(--sk-text-light);\n margin-top: .25rem;\n}\n\n\/* === TIMELINE === *\/\n.sk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sk-primary), var(--sk-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sk-timeline-content {\n flex: 1;\n background: var(--sk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sk-radius-sm);\n box-shadow: var(--sk-shadow);\n}\n\n.sk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sk-timeline-content p {\n font-size: 14px;\n color: var(--sk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sk-timeline-content p strong {\n color: var(--sk-text);\n}\n\n\/* === TIP BOX === *\/\n.sk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sk-primary-light);\n border-radius: var(--sk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sk-tip p {\n font-size: 14px;\n color: var(--sk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sk-tip p strong {\n color: var(--sk-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.sk-accordion {\n background: var(--sk-white);\n border-radius: var(--sk-radius);\n box-shadow: var(--sk-shadow);\n overflow: hidden;\n}\n\n.sk-accordion-item {\n border-bottom: 1px solid var(--sk-border);\n margin: 0;\n padding: 0;\n}\n\n.sk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sk-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sk-accordion-header:hover {\n background: var(--sk-primary-light);\n}\n\n.sk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sk-primary);\n transition: transform .2s ease;\n}\n\n.sk-accordion-item[open] .sk-accordion-header::after {\n content: '−';\n}\n\n.sk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sk-accordion-content p {\n margin: 0;\n}\n\n.sk-accordion-content p strong {\n color: var(--sk-text);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sk-card {\n padding: 1.125rem;\n }\n\n .sk-section {\n margin-bottom: 1.75rem;\n }\n\n .sk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sk-radius-sm);\n }\n\n .sk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sk-grid-compact {\n gap: .625rem;\n }\n\n .sk-grid-compact .sk-card {\n padding: .75rem;\n }\n\n .sk-composition {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n\n .sk-compo-item {\n padding: 1rem;\n }\n\n .sk-compo-value {\n font-size: 28px;\n }\n\n .sk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sk-timeline-content h3 {\n font-size: 14px;\n }\n\n .sk-timeline-content p {\n font-size: 13px;\n }\n\n .sk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sk-tip {\n padding: .875rem 1rem;\n }\n\n .sk-tip-icon {\n font-size: 20px;\n }\n\n .sk-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sk-card, .sk-compo-item {\n animation: skFadeInUp .5s ease backwards;\n }\n .sk-card:nth-child(1), .sk-compo-item:nth-child(1) { animation-delay: .05s; }\n .sk-card:nth-child(2), .sk-compo-item:nth-child(2) { animation-delay: .1s; }\n .sk-card:nth-child(3), .sk-compo-item:nth-child(3) { animation-delay: .15s; }\n .sk-card:nth-child(4) { animation-delay: .2s; }\n .sk-card:nth-child(5) { animation-delay: .25s; }\n .sk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes skFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55290513228153,"sku":"SKINFORMCAFE","price":22.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/inolab-skinform-collagene-marin-acide-hyaluronique-cafe-packshothd.webp?v=1787583794"},{"product_id":"collagene-marin-acide-hyaluronique-saveur-chocolat-242g-inolab","title":"Skinform Collagène Marin + Acide Hyaluronique - Chocolat 242g - Inolab","description":"\u003cdiv class=\"sk-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sk-hero\"\u003e\n \u003cdiv class=\"sk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sk-hero-content\"\u003e\n \u003cdiv class=\"sk-badges-top\"\u003e\n \u003cspan class=\"sk-badge\"\u003e🇫🇷 Collagène Naticol® français\u003c\/span\u003e\n \u003cspan class=\"sk-badge\"\u003e🍫 Saveur chocolat\u003c\/span\u003e\n \u003cspan class=\"sk-badge\"\u003e📅 Programme 45 jours\u003c\/span\u003e\n \u003cspan class=\"sk-badge\"\u003e⭐ 4.5\/5 — 69 avis\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sk-hero-title\"\u003eSkinform Collagène Marin + Acide Hyaluronique\u003c\/span\u003e\n \u003cp class=\"sk-subtitle\"\u003eLa cure beauté \u0026amp; articulations au goût irrésistible de chocolat\u003c\/p\u003e\n \u003cp class=\"sk-description\"\u003e5 000 mg de peptides marins Naticol® + 100 mg d'acide hyaluronique + vitamine C d'acérola — dans une formule sans sucre ajouté, fabriquée en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003eCollagène marin et acide hyaluronique saveur chocolat : votre allié peau et articulations\u003c\/h2\u003e\n \u003cp class=\"sk-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecollagène marin en poudre\u003c\/strong\u003e efficace, facile à prendre et agréable en bouche ? Le \u003cstrong\u003eSkinform Collagène Marin + Acide Hyaluronique d'Inolab\u003c\/strong\u003e réunit dans une seule formule trois actifs complémentaires — collagène Naticol®, acide hyaluronique et vitamine C d'acérola — avec une délicieuse saveur chocolat qui transforme votre cure quotidienne en véritable moment de plaisir.\u003c\/p\u003e\n \u003cdiv class=\"sk-grid-compact\"\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🧬 Collagène Naticol®\u003c\/h3\u003e\n \u003cp\u003e5 000 mg de peptides marins français de haute biodisponibilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n \u003cp\u003e100 mg pour une hydratation profonde des tissus cutanés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🍒 Vitamine C acérola\u003c\/h3\u003e\n \u003cp\u003e80 mg naturels — 100 % des apports journaliers recommandés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🍫 Saveur chocolat\u003c\/h3\u003e\n \u003cp\u003eArôme naturel pour un rituel beauté aussi gourmand qu'efficace\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003eLes bienfaits du collagène marin associé à l'acide hyaluronique\u003c\/h2\u003e\n \u003cp class=\"sk-section-intro\"\u003eDès 25-30 ans, votre organisme produit de moins en moins de collagène. Résultat : la peau perd en fermeté, les premières rides s'installent et les articulations peuvent devenir moins souples. Apporter du \u003cstrong\u003ecollagène marin\u003c\/strong\u003e par voie orale aide à compenser ce déclin naturel. Combiné à l'acide hyaluronique, les \u003cstrong\u003ebienfaits du collagène marin\u003c\/strong\u003e se renforcent :\u003c\/p\u003e\n \u003cdiv class=\"sk-grid\"\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e✨ Fermeté et élasticité de la peau\u003c\/h3\u003e\n \u003cp\u003eLes peptides de collagène stimulent le renouvellement des fibres cutanées, tandis que l'acide hyaluronique retient l'eau dans les tissus pour une hydratation profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🪞 Réduction visible des rides\u003c\/h3\u003e\n \u003cp\u003eUne peau mieux nourrie de l'intérieur retrouve un grain plus lisse et un éclat naturel, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire au quotidien\u003c\/h3\u003e\n \u003cp\u003eLes peptides de faible poids moléculaire (2 000 daltons) atteignent facilement les cartilages, favorisant souplesse et mobilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e💅 Ongles et cheveux renforcés\u003c\/h3\u003e\n \u003cp\u003eLe collagène contribue à la solidité de la kératine, pour des ongles moins cassants et des cheveux plus résistants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003eNaticol® : un collagène marin français de haute qualité\u003c\/h2\u003e\n \u003cdiv class=\"sk-testimonial\"\u003e\n \u003cp class=\"sk-testimonial-text\"\u003eLe collagène marin \u003cstrong\u003eNaticol®\u003c\/strong\u003e est issu de peaux de poissons sauvages, transformées en France selon un procédé breveté garantissant une \u003cstrong\u003ebiodisponibilité optimale\u003c\/strong\u003e. Grâce à ses peptides ultra-fins de 2 000 daltons, il est absorbé rapidement par l'organisme, là où de nombreux collagènes classiques restent mal assimilés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🐟 Pêche durable\u003c\/h3\u003e\n \u003cp\u003ePoissons sauvages, filière traçable et responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🔬 2 000 daltons\u003c\/h3\u003e\n \u003cp\u003ePeptides ultra-fins pour une absorption rapide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProcédé breveté, contrôles rigoureux à chaque étape\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e✅ Sécurité prouvée\u003c\/h3\u003e\n \u003cp\u003eAucun risque aux doses recommandées, hors allergie au poisson\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-tip\"\u003e\n \u003cspan class=\"sk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eVous vous demandez quels sont les \u003cstrong\u003edangers du collagène marin\u003c\/strong\u003e ? Rassurez-vous : le Naticol® est rigoureusement contrôlé et ne présente aucun risque particulier aux doses recommandées, hormis une contre-indication en cas d'allergie au poisson.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003eComposition détaillée par dose journalière (5,4 g)\u003c\/h2\u003e\n \u003cdiv class=\"sk-composition-table\"\u003e\n \u003cdiv class=\"sk-compo-row\"\u003e\n \u003cspan class=\"sk-compo-label\"\u003e🧬 Peptides de collagène marin Naticol®\u003c\/span\u003e\n \u003cspan class=\"sk-compo-value\"\u003e5 000 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-compo-row\"\u003e\n \u003cspan class=\"sk-compo-label\"\u003e💧 Acide hyaluronique\u003c\/span\u003e\n \u003cspan class=\"sk-compo-value\"\u003e100 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-compo-row\"\u003e\n \u003cspan class=\"sk-compo-label\"\u003e🍒 Vitamine C naturelle d'acérola\u003c\/span\u003e\n \u003cspan class=\"sk-compo-value\"\u003e80 mg \u003csmall\u003e(100 % AJR)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-compo-row\"\u003e\n \u003cspan class=\"sk-compo-label\"\u003e🍫 Arôme naturel de chocolat\u003c\/span\u003e\n \u003cspan class=\"sk-compo-value\"\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-clean-badges\"\u003e\n \u003cspan class=\"sk-clean-badge\"\u003eSans sucre ajouté\u003c\/span\u003e\n \u003cspan class=\"sk-clean-badge\"\u003eSans gluten\u003c\/span\u003e\n \u003cspan class=\"sk-clean-badge\"\u003eSans colorant\u003c\/span\u003e\n \u003cspan class=\"sk-clean-badge\"\u003eSans conservateur\u003c\/span\u003e\n \u003cspan class=\"sk-clean-badge\"\u003eSans édulcorant artificiel\u003c\/span\u003e\n \u003cspan class=\"sk-clean-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"sk-disclaimer\"\u003ePoids net : 242 g.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003eComment prendre votre collagène chocolat ?\u003c\/h2\u003e\n \u003cdiv class=\"sk-timeline\"\u003e\n \u003cdiv class=\"sk-timeline-item\"\u003e\n \u003cdiv class=\"sk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003ePrélevez \u003cstrong\u003eune dose de 5,4 g\u003c\/strong\u003e à l'aide de la cuillère doseuse incluse dans le sachet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-item\"\u003e\n \u003cdiv class=\"sk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-content\"\u003e\n \u003ch3\u003eMélangez\u003c\/h3\u003e\n \u003cp\u003eDiluez dans \u003cstrong\u003e200 ml d'eau, de lait ou de boisson végétale\u003c\/strong\u003e tiède à chaude. La saveur chocolat se révèle pleinement dans une boisson chaude, comme un cacao matinal enrichi en actifs beauté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-item\"\u003e\n \u003cdiv class=\"sk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-content\"\u003e\n \u003ch3\u003eSavourez chaque matin\u003c\/h3\u003e\n \u003cp\u003ePrenez-le de préférence \u003cstrong\u003eà jeun ou en dehors des repas\u003c\/strong\u003e pour une absorption maximale. Un sachet correspond à un \u003cstrong\u003eprogramme de 45 jours\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-tip\"\u003e\n \u003cspan class=\"sk-tip-icon\"\u003e⏳\u003c\/span\u003e\n \u003cp\u003eLes premiers résultats sur l'éclat de la peau et le confort articulaire se font généralement sentir après \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e de prise régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"sk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sk-accordion\"\u003e\n \u003cdetails class=\"sk-accordion-item\"\u003e\n \u003csummary class=\"sk-accordion-header\"\u003e⚠️ Tolérance et premiers jours\u003c\/summary\u003e\n \u003cdiv class=\"sk-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire est très bien toléré. De légers inconforts digestifs peuvent apparaître les premiers jours ; dans ce cas, commencez par une demi-dose pendant une semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sk-accordion-item\"\u003e\n \u003csummary class=\"sk-accordion-header\"\u003e🐟 Allergie au poisson\u003c\/summary\u003e\n \u003cdiv class=\"sk-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé aux personnes allergiques au poisson\u003c\/strong\u003e et aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sk-accordion-item\"\u003e\n \u003csummary class=\"sk-accordion-header\"\u003e📋 Mentions réglementaires\u003c\/summary\u003e\n \u003cdiv class=\"sk-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne se substitue ni à une alimentation variée et équilibrée, ni à un mode de vie sain, et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-cta-box\" style=\"margin-top:clamp(2rem, 4vw, 3rem);\"\u003e\n \u003cp\u003e🍫 Offrez à votre peau, vos articulations et vos cheveux le meilleur du collagène marin français — avec la gourmandise du chocolat en plus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sk-cream: #f5f2ee;\n --sk-white: #ffffff;\n --sk-primary: #2a8c96;\n --sk-primary-dark: #1b5e6b;\n --sk-primary-light: #e8f4f6;\n --sk-secondary: #5a3825;\n --sk-accent: #d4a574;\n --sk-text: #1a1a1a;\n --sk-text-light: #5a5a5a;\n --sk-border: #e0e0e0;\n --sk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sk-radius: 20px;\n --sk-radius-sm: 12px;\n}\n\n.sk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.sk-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.sk-hero {\n position: relative;\n background: linear-gradient(135deg, #1b5e6b 0%, #2a8c96 40%, #5a3825 100%);\n border-radius: var(--sk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sk-shadow-lg);\n}\n\n.sk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(212,165,116,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(42,140,150,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.sk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.sk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sk-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.sk-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.sk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.sk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sk-primary), var(--sk-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.sk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sk-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.sk-section-intro strong {\n color: var(--sk-text);\n}\n\n\/* === CARDS === *\/\n.sk-card {\n background: var(--sk-white);\n border-radius: var(--sk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sk-shadow-lg);\n border-color: var(--sk-primary);\n}\n\n.sk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sk-card p strong {\n color: var(--sk-text);\n}\n\n\/* === GRILLES === *\/\n.sk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sk-grid-compact .sk-card {\n padding: 1rem;\n}\n\n.sk-grid-compact .sk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sk-grid-compact .sk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sk-primary), var(--sk-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sk-timeline-content {\n flex: 1;\n background: var(--sk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sk-radius-sm);\n box-shadow: var(--sk-shadow);\n}\n\n.sk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sk-timeline-content p {\n font-size: 14px;\n color: var(--sk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sk-timeline-content p strong {\n color: var(--sk-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.sk-testimonial {\n background: var(--sk-white);\n border-radius: var(--sk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sk-shadow);\n border-left: 4px solid var(--sk-primary);\n}\n\n.sk-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sk-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.sk-testimonial-text strong {\n color: var(--sk-primary-dark);\n}\n\n\/* === COMPOSITION TABLE === *\/\n.sk-composition-table {\n background: var(--sk-white);\n border-radius: var(--sk-radius);\n box-shadow: var(--sk-shadow);\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.sk-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.25rem;\n border-bottom: 1px solid var(--sk-border);\n transition: background .2s ease;\n}\n\n.sk-compo-row:last-child {\n border-bottom: none;\n}\n\n.sk-compo-row:hover {\n background: var(--sk-primary-light);\n}\n\n.sk-compo-label {\n font-size: 15px;\n font-weight: 600;\n color: var(--sk-text);\n}\n\n.sk-compo-value {\n font-size: 15px;\n font-weight: 800;\n color: var(--sk-primary-dark);\n white-space: nowrap;\n}\n\n.sk-compo-value small {\n font-size: 12px;\n font-weight: 600;\n color: var(--sk-text-light);\n}\n\n\/* === CLEAN BADGES === *\/\n.sk-clean-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-top: 1rem;\n}\n\n.sk-clean-badge {\n display: inline-flex;\n align-items: center;\n padding: 6px 14px;\n background: var(--sk-primary-light);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: var(--sk-primary-dark);\n border: 1px solid rgba(42,140,150,.15);\n}\n\n\/* === TIP BOX === *\/\n.sk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sk-primary-light);\n border-radius: var(--sk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sk-tip p {\n font-size: 14px;\n color: var(--sk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sk-tip p strong {\n color: var(--sk-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.sk-accordion {\n background: var(--sk-white);\n border-radius: var(--sk-radius);\n box-shadow: var(--sk-shadow);\n overflow: hidden;\n}\n\n.sk-accordion-item {\n border-bottom: 1px solid var(--sk-border);\n margin: 0;\n padding: 0;\n}\n\n.sk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sk-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sk-accordion-header:hover {\n background: var(--sk-primary-light);\n}\n\n.sk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sk-primary);\n transition: transform .2s ease;\n}\n\n.sk-accordion-item[open] .sk-accordion-header::after {\n content: '−';\n}\n\n.sk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sk-accordion-content p {\n margin: 0;\n}\n\n.sk-accordion-content p strong {\n color: var(--sk-text);\n}\n\n\/* === CTA FINAL === *\/\n.sk-cta-box {\n background: linear-gradient(135deg, var(--sk-primary) 0%, var(--sk-primary-dark) 100%);\n border-radius: var(--sk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sk-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sk-disclaimer {\n font-size: 12px;\n color: var(--sk-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sk-card {\n padding: 1.125rem;\n }\n\n .sk-section {\n margin-bottom: 1.75rem;\n }\n\n .sk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sk-radius-sm);\n }\n\n .sk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sk-grid-compact {\n gap: .625rem;\n }\n\n .sk-grid-compact .sk-card {\n padding: .75rem;\n }\n\n .sk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sk-timeline-content h3 {\n font-size: 14px;\n }\n\n .sk-timeline-content p {\n font-size: 13px;\n }\n\n .sk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sk-testimonial {\n padding: 1.25rem;\n }\n\n .sk-testimonial-text {\n font-size: 14px;\n }\n\n .sk-compo-row {\n padding: .75rem 1rem;\n flex-direction: column;\n align-items: flex-start;\n gap: .25rem;\n }\n\n .sk-compo-label {\n font-size: 13px;\n }\n\n .sk-compo-value {\n font-size: 14px;\n }\n\n .sk-section-intro {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sk-card {\n animation: skFadeInUp .5s ease backwards;\n }\n .sk-card:nth-child(1) { animation-delay: .05s; }\n .sk-card:nth-child(2) { animation-delay: .1s; }\n .sk-card:nth-child(3) { animation-delay: .15s; }\n .sk-card:nth-child(4) { animation-delay: .2s; }\n .sk-card:nth-child(5) { animation-delay: .25s; }\n .sk-card:nth-child(6) { animation-delay: .3s; }\n\n .sk-timeline-item {\n animation: skFadeInUp .5s ease backwards;\n }\n .sk-timeline-item:nth-child(1) { animation-delay: .1s; }\n .sk-timeline-item:nth-child(2) { animation-delay: .2s; }\n .sk-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes skFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55290534429049,"sku":"SKINFORMCHOCOLAT","price":22.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene-marin-acide-hyaluronique-saveur-chocolat-242g-inolab-2.webp?v=1773084755"},{"product_id":"acide-hyaluronique-gelules-hydraform-inolab","title":"Hydraform Acide Hyaluronique 30 gélules - 20-50 kDA - Inolab","description":"\u003cdiv class=\"ah-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ah-hero\"\u003e\n \u003cdiv class=\"ah-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ah-hero-content\"\u003e\n \u003cdiv class=\"ah-badges-top\"\u003e\n \u003cspan class=\"ah-badge\"\u003e🌿 100 % vegan\u003c\/span\u003e\n \u003cspan class=\"ah-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ah-badge\"\u003e💊 1 gélule \/ jour\u003c\/span\u003e\n \u003cspan class=\"ah-badge\"\u003e📅 Programme 30 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ah-hero-title\"\u003eHydraform Acide Hyaluronique\u003c\/span\u003e\n \u003cp class=\"ah-subtitle\"\u003e200 mg · Bas poids moléculaire 20-50 kDa · Gélule gastro-résistante\u003c\/p\u003e\n \u003cp class=\"ah-description\"\u003eL'alternative naturelle aux injections : repulpez, hydratez et raffermissez votre peau de l'intérieur grâce à la forme d'acide hyaluronique la mieux absorbée du marché.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ah-section\"\u003e\n \u003ch2\u003eL'acide hyaluronique en gélules à bas poids moléculaire : l'alternative naturelle aux injections\u003c\/h2\u003e\n \u003cp class=\"ah-section-intro\"\u003eVous cherchez à retrouver une peau repulpée et bien hydratée \u003cstrong\u003esans passer par les injections d'acide hyaluronique\u003c\/strong\u003e ? La formule \u003cstrong\u003eHydraform d'Inolab\u003c\/strong\u003e vous propose un véritable soin de beauté par voie orale : une gélule par jour suffit pour apporter à votre organisme \u003cstrong\u003e200 mg d'acide hyaluronique à bas poids moléculaire (20-50 kDa)\u003c\/strong\u003e, la forme la mieux absorbée par le corps.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ah-section\"\u003e\n \u003ch2\u003ePourquoi le poids moléculaire change tout\u003c\/h2\u003e\n \u003cp class=\"ah-section-intro\"\u003eTous les compléments d'acide hyaluronique ne se valent pas. La différence se joue principalement sur le \u003cstrong\u003epoids moléculaire\u003c\/strong\u003e. Plus il est bas, plus la molécule traverse facilement la barrière intestinale pour atteindre les couches profondes de la peau.\u003c\/p\u003e\n \u003cdiv class=\"ah-grid-compact\"\u003e\n \u003cdiv class=\"ah-card\"\u003e\n \u003ch3\u003e🔬 20-50 kDa\u003c\/h3\u003e\n \u003cp\u003ePoids moléculaire ultra-bas pour une absorption maximale par l'intestin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-card\"\u003e\n \u003ch3\u003e🛡️ Gélule gastro-résistante\u003c\/h3\u003e\n \u003cp\u003eEnveloppe HPMC végétale protégeant l'actif des sucs gastriques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-card\"\u003e\n \u003ch3\u003e🎯 Action en profondeur\u003c\/h3\u003e\n \u003cp\u003eAgit de l'intérieur pour nourrir véritablement les tissus en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-card\"\u003e\n \u003ch3\u003e⚡ Assimilation optimale\u003c\/h3\u003e\n \u003cp\u003eL'actif arrive intact dans l'intestin grâce à la protection gastro-résistante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ah-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"ah-grid\"\u003e\n \u003cdiv class=\"ah-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde de la peau\u003c\/h3\u003e\n \u003cp\u003eL'acide hyaluronique peut fixer jusqu'à \u003cstrong\u003e1000 fois son poids en eau\u003c\/strong\u003e, contribuant à repulper visiblement l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-card\"\u003e\n \u003ch3\u003e✨ Réduction de l'apparence des rides\u003c\/h3\u003e\n \u003cp\u003eEn restaurant les réserves naturelles, la peau retrouve \u003cstrong\u003efermeté et élasticité\u003c\/strong\u003e jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eSoutient les tissus conjonctifs — cartilage, tendons, ligaments — souvent sollicités avec l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-card\"\u003e\n \u003ch3\u003e🌿 Formule 100 % vegan\u003c\/h3\u003e\n \u003cp\u003eSans allergènes ni additifs artificiels. Une formule propre et respectueuse de votre corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-card\"\u003e\n \u003ch3\u003e💊 Routine ultra simple\u003c\/h3\u003e\n \u003cp\u003eUne seule gélule par jour, à jeun ou pendant un repas. Rien de plus facile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ah-section\"\u003e\n \u003ch2\u003eComposition détaillée pour une gélule\u003c\/h2\u003e\n \u003cdiv class=\"ah-grid\"\u003e\n \u003cdiv class=\"ah-card ah-card-compo\"\u003e\n \u003ch3\u003e🧪 Sodium hyaluronate\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e210,7 mg\u003c\/strong\u003e dont \u003cstrong\u003e200 mg d'acide hyaluronique pur\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-card ah-card-compo\"\u003e\n \u003ch3\u003e🌾 Fibregum™\u003c\/h3\u003e\n \u003cp\u003eFibres d'acacia bio (\u003cem\u003eAcacia seyal delile\u003c\/em\u003e), améliorant la tolérance digestive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-card ah-card-compo\"\u003e\n \u003ch3\u003e🍚 Antiagglomérant\u003c\/h3\u003e\n \u003cp\u003eAmidon de riz biologique pour une formulation pure et naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-card ah-card-compo\"\u003e\n \u003ch3\u003e💊 Enveloppe de la gélule\u003c\/h3\u003e\n \u003cp\u003eHPMC gastro-résistante végétale pour une protection optimale de l'actif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-tip\"\u003e\n \u003cspan class=\"ah-tip-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eFabriqué en France · Sans OGM · Packaging recyclable\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ah-section\"\u003e\n \u003ch2\u003ePosologie et conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"ah-timeline\"\u003e\n \u003cdiv class=\"ah-timeline-item\"\u003e\n \u003cdiv class=\"ah-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ah-timeline-content\"\u003e\n \u003ch3\u003eDose recommandée\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e, c'est tout ce qu'il vous faut.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-timeline-item\"\u003e\n \u003cdiv class=\"ah-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ah-timeline-content\"\u003e\n \u003ch3\u003eQuand la prendre\u003c\/h3\u003e\n \u003cp\u003eLe matin \u003cstrong\u003eà jeun\u003c\/strong\u003e pour une absorption optimale, ou au cours d'un repas si vous êtes sensible au niveau digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-timeline-item\"\u003e\n \u003cdiv class=\"ah-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ah-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eProgramme de \u003cstrong\u003e30 jours\u003c\/strong\u003e, idéalement renouvelé sur \u003cstrong\u003e3 mois\u003c\/strong\u003e pour des résultats durables. Les premiers effets apparaissent entre \u003cstrong\u003e4 et 8 semaines\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-tip\"\u003e\n \u003cspan class=\"ah-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour amplifier les résultats, associez votre cure à un sérum à l'acide hyaluronique appliqué en topique. L'action combinée intérieure et extérieure offre une synergie particulièrement efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 \u0026 7 — ACCORDÉON --\u003e\n \u003csection class=\"ah-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ah-accordion\"\u003e\n \u003cdetails class=\"ah-accordion-item\" open\u003e\n \u003csummary class=\"ah-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ah-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière indiquée. Ce complément alimentaire \u003cstrong\u003ene se substitue pas à une alimentation variée et équilibrée\u003c\/strong\u003e ni à un mode de vie sain. Déconseillé aux femmes enceintes ou allaitantes. Si vous suivez un traitement médical ou envisagez une injection d'acide hyaluronique en médecine esthétique, consultez votre professionnel de santé avant toute supplémentation. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ah-section\"\u003e\n \u003ch2\u003eConservation\u003c\/h2\u003e\n \u003cdiv class=\"ah-accordion\"\u003e\n \u003cdetails class=\"ah-accordion-item\" open\u003e\n \u003csummary class=\"ah-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ah-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver dans un endroit sec, à température modérée, à l'abri de la lumière et de l'humidité. Bien refermer le sachet après chaque utilisation.\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=\"ah-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ah-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre peau une hydratation profonde et durable — \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e pour retrouver éclat, fermeté et confort articulaire. Commencez votre cure Hydraform dès aujourd'hui.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ah-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --ah-cream: #fdf8f5;\n --ah-white: #ffffff;\n --ah-primary: #d4896a;\n --ah-primary-dark: #a85d42;\n --ah-primary-light: #fdf0ea;\n --ah-secondary: #e8a98e;\n --ah-accent: #c27252;\n\n \/* Textes *\/\n --ah-text: #1a1a1a;\n --ah-text-light: #5a5a5a;\n\n \/* Effets *\/\n --ah-border: #f0e0d6;\n --ah-shadow: 0 4px 24px rgba(164,93,66,.08);\n --ah-shadow-lg: 0 12px 48px rgba(164,93,66,.15);\n --ah-radius: 20px;\n --ah-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ah-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ah-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ah-hero {\n position: relative;\n background: linear-gradient(135deg, #a85d42 0%, #d4896a 50%, #e8a98e 100%);\n border-radius: var(--ah-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ah-shadow-lg);\n}\n\n.ah-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(ellipse at 30% 20%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 80%, rgba(255,255,255,.08) 0%, transparent 50%);\n opacity: 1;\n}\n\n.ah-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ah-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ah-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.ah-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ah-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ah-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ah-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ah-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ah-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ah-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ah-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ah-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ah-primary), var(--ah-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ah-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ah-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n}\n\n\/* === CARDS === *\/\n.ah-card {\n background: var(--ah-white);\n border-radius: var(--ah-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ah-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ah-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ah-shadow-lg);\n border-color: var(--ah-primary);\n}\n\n.ah-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ah-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ah-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ah-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ah-card-compo {\n border-left: 4px solid var(--ah-secondary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.ah-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ah-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ah-grid-compact .ah-card {\n padding: 1rem;\n}\n\n.ah-grid-compact .ah-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ah-grid-compact .ah-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ah-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ah-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ah-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ah-primary), var(--ah-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ah-timeline-content {\n flex: 1;\n background: var(--ah-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ah-radius-sm);\n box-shadow: var(--ah-shadow);\n}\n\n.ah-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ah-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ah-timeline-content p {\n font-size: 14px;\n color: var(--ah-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ah-testimonial {\n background: var(--ah-white);\n border-radius: var(--ah-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ah-shadow);\n border-left: 4px solid var(--ah-primary);\n}\n\n.ah-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ah-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ah-accordion {\n background: var(--ah-white);\n border-radius: var(--ah-radius);\n box-shadow: var(--ah-shadow);\n overflow: hidden;\n}\n\n.ah-accordion-item {\n border-bottom: 1px solid var(--ah-border);\n margin: 0;\n padding: 0;\n}\n\n.ah-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ah-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ah-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ah-accordion-header:hover {\n background: var(--ah-primary-light);\n}\n\n.ah-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ah-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ah-primary);\n transition: transform .2s ease;\n}\n\n.ah-accordion-item[open] .ah-accordion-header::after {\n content: '−';\n}\n\n.ah-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ah-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ah-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ah-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ah-primary-light);\n border-radius: var(--ah-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ah-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ah-tip p {\n font-size: 14px;\n color: var(--ah-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ah-cta-box {\n background: linear-gradient(135deg, var(--ah-primary) 0%, var(--ah-primary-dark) 100%);\n border-radius: var(--ah-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ah-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ah-disclaimer {\n font-size: 12px;\n color: var(--ah-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ah-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ah-card {\n padding: 1.125rem;\n }\n\n .ah-section {\n margin-bottom: 1.75rem;\n }\n\n .ah-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ah-radius-sm);\n }\n\n .ah-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ah-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ah-grid-compact {\n gap: .625rem;\n }\n\n .ah-grid-compact .ah-card {\n padding: .75rem;\n }\n\n .ah-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ah-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ah-timeline-content h3 {\n font-size: 14px;\n }\n\n .ah-timeline-content p {\n font-size: 13px;\n }\n\n .ah-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ah-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ah-testimonial {\n padding: 1.25rem;\n }\n\n .ah-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ah-card {\n animation: ahFadeInUp .5s ease backwards;\n }\n .ah-card:nth-child(1) { animation-delay: .05s; }\n .ah-card:nth-child(2) { animation-delay: .1s; }\n .ah-card:nth-child(3) { animation-delay: .15s; }\n .ah-card:nth-child(4) { animation-delay: .2s; }\n .ah-card:nth-child(5) { animation-delay: .25s; }\n .ah-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ahFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ah-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55294065246585,"sku":"HYDRAFORM","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/hydraform-acide-hyaluronique-30-gelules-20-50-kda-inolab-packshothd.webp?v=1785937238"},{"product_id":"imuniform-multivitamines-mineraux-plantes-120-gelules-inolab","title":"Imuniform : Multivitamines, minéraux \u0026 plantes - 120 gélules - Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Imuniform - Multivitamines, minéraux \u0026 plantes\nPalette détectée:\n - Primaire: #F5A623 (orange chaleureux du packaging dominant)\n - Secondaire: #E8941F (orange plus soutenu pour les accents)\n - Accent: #FFF5E6 (crème\/beige clair du fond du sachet)\nAmbiance: Vitalité, énergie douce, naturel\/santé, chaleureux et accessible\nStyle: Premium santé naturelle, clean et lumineux\nPréfixe CSS: imf\n--\u003e\n\n\u003cdiv class=\"imf-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"imf-hero\"\u003e\n \u003cdiv class=\"imf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"imf-hero-content\"\u003e\n \u003cdiv class=\"imf-badges-top\"\u003e\n \u003cspan class=\"imf-badge\"\u003e🛡️ Immunité\u003c\/span\u003e\n \u003cspan class=\"imf-badge\"\u003e⚡ Tonus\u003c\/span\u003e\n \u003cspan class=\"imf-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n \u003cspan class=\"imf-badge\"\u003e🔬 Quatrefolic®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"imf-hero-title\"\u003eImuniform\u003c\/span\u003e\n \u003cp class=\"imf-subtitle\"\u003eLe complexe multivitamines premium enrichi en plantes\u003c\/p\u003e\n \u003cp class=\"imf-description\"\u003e13 vitamines • 2 minéraux essentiels • 4 extraits végétaux\u003cbr\u003eVotre bouclier vitalité au quotidien\u003c\/p\u003e\n \u003cdiv class=\"imf-hero-stats\"\u003e\n \u003cdiv class=\"imf-stat\"\u003e\n \u003cspan class=\"imf-stat-number\"\u003e120\u003c\/span\u003e\n \u003cspan class=\"imf-stat-label\"\u003eGélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-stat\"\u003e\n \u003cspan class=\"imf-stat-number\"\u003e30\u003c\/span\u003e\n \u003cspan class=\"imf-stat-label\"\u003eJours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-stat\"\u003e\n \u003cspan class=\"imf-stat-number\"\u003e1000mg\u003c\/span\u003e\n \u003cspan class=\"imf-stat-label\"\u003eGinseng\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- PROMESSE --\u003e\n \u003csection class=\"imf-section\"\u003e\n \u003cdiv class=\"imf-promise-box\"\u003e\n \u003cp\u003eContrairement aux formules classiques de pharmacie, Imuniform intègre des \u003cstrong\u003eactifs brevetés\u003c\/strong\u003e comme le Quatrefolic® et une \u003cstrong\u003evitamine D3 végétale\u003c\/strong\u003e issue du lichen. Une supplémentation de qualité supérieure, pensée pour être réellement assimilée par votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POURQUOI CHOISIR --\u003e\n \u003csection class=\"imf-section\"\u003e\n \u003ch2\u003ePourquoi choisir Imuniform ?\u003c\/h2\u003e\n \u003cdiv class=\"imf-grid\"\u003e\n \u003cdiv class=\"imf-card\"\u003e\n \u003ch3\u003e🌿 Synergie plantes-vitamines unique\u003c\/h3\u003e\n \u003cp\u003eGinseng sibérien (1000 mg), échinacée pourpre et cynorrhodon travaillent en harmonie avec les vitamines pour un effet global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-card\"\u003e\n \u003ch3\u003e🎯 Formes hautement assimilables\u003c\/h3\u003e\n \u003cp\u003eZinc bisglycinate, magnésium de qualité, vitamine B9 Quatrefolic® – votre corps les absorbe efficacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-card\"\u003e\n \u003ch3\u003e✨ Zéro additif superflu\u003c\/h3\u003e\n \u003cp\u003ePas de dioxyde de titane, pas de conservateurs controversés, gélule végétale HPMC.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-card\"\u003e\n \u003ch3\u003e📅 Programme 30 jours complet\u003c\/h3\u003e\n \u003cp\u003e120 gélules parfaitement dosées pour une cure d'un mois, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"imf-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets sur votre quotidien\u003c\/h2\u003e\n \u003cdiv class=\"imf-benefits\"\u003e\n \u003cdiv class=\"imf-benefit-card imf-benefit-immunity\"\u003e\n \u003cdiv class=\"imf-benefit-header\"\u003e\n \u003cspan class=\"imf-benefit-icon\"\u003e🛡️\u003c\/span\u003e\n \u003ch3\u003eRenforcez vos défenses naturelles\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eLa vitamine C issue du cynorrhodon, le zinc et la vitamine D3 contribuent au \u003cstrong\u003efonctionnement normal du système immunitaire\u003c\/strong\u003e. L'échinacée pourpre complète cette action de façon traditionnelle.\u003c\/p\u003e\n \u003cdiv class=\"imf-benefit-tag\"\u003eIdéal aux changements de saison\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-benefit-card imf-benefit-energy\"\u003e\n \u003cdiv class=\"imf-benefit-header\"\u003e\n \u003cspan class=\"imf-benefit-icon\"\u003e⚡\u003c\/span\u003e\n \u003ch3\u003eDites adieu à la fatigue persistante\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eLes \u003cstrong\u003e8 vitamines du groupe B\u003c\/strong\u003e, associées au magnésium et à la vitamine C, contribuent à réduire la fatigue et à maintenir un métabolisme énergétique normal.\u003c\/p\u003e\n \u003cdiv class=\"imf-benefit-tag\"\u003eRésultats dès 2-3 semaines\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-benefit-card imf-benefit-boost\"\u003e\n \u003cdiv class=\"imf-benefit-header\"\u003e\n \u003cspan class=\"imf-benefit-icon\"\u003e🚀\u003c\/span\u003e\n \u003ch3\u003eCoup de boost adaptogène\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eLe \u003cstrong\u003eginseng sibérien\u003c\/strong\u003e (1000 mg\/jour) aide votre organisme à mieux s'adapter aux situations de stress et de surmenage. Le thé vert apporte ses vertus antioxydantes (53 mg d'EGCG).\u003c\/p\u003e\n \u003cdiv class=\"imf-benefit-tag\"\u003ePlantes adaptogènes puissantes\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION VEDETTE --\u003e\n \u003csection class=\"imf-section\"\u003e\n \u003ch2\u003eLes actifs stars de la formule\u003c\/h2\u003e\n \u003cdiv class=\"imf-ingredients-grid\"\u003e\n \u003cdiv class=\"imf-ingredient\"\u003e\n \u003cdiv class=\"imf-ingredient-badge\"\u003e1000 mg\u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch4\u003eGinseng sibérien\u003c\/h4\u003e\n \u003cp\u003eAdaptogène tonifiant pour lutter contre le stress et la fatigue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient\"\u003e\n \u003cdiv class=\"imf-ingredient-badge\"\u003e156 mg\u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient-icon\"\u003e🫐\u003c\/div\u003e\n \u003ch4\u003eCynorrhodon\u003c\/h4\u003e\n \u003cp\u003eSource naturelle de vitamine C (80 mg = 100% VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient\"\u003e\n \u003cdiv class=\"imf-ingredient-badge\"\u003e120 mg\u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch4\u003eÉchinacée pourpre\u003c\/h4\u003e\n \u003cp\u003eSoutien traditionnel des défenses immunitaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient\"\u003e\n \u003cdiv class=\"imf-ingredient-badge\"\u003e100 mg\u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient-icon\"\u003e🍵\u003c\/div\u003e\n \u003ch4\u003eThé vert\u003c\/h4\u003e\n \u003cp\u003eRiche en EGCG antioxydant (53 mg)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient\"\u003e\n \u003cdiv class=\"imf-ingredient-badge\"\u003e100% VNR\u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient-icon\"\u003e☀️\u003c\/div\u003e\n \u003ch4\u003eVitamine D3 végétale\u003c\/h4\u003e\n \u003cp\u003eIssue du lichen, 100% végétalienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient\"\u003e\n \u003cdiv class=\"imf-ingredient-badge\"\u003eBreveté\u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient-icon\"\u003e🧬\u003c\/div\u003e\n \u003ch4\u003eQuatrefolic®\u003c\/h4\u003e\n \u003cp\u003eVitamine B9 de haute biodisponibilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- TABLEAU COMPOSITION --\u003e\n \u003csection class=\"imf-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 4 gélules\u003c\/h2\u003e\n \u003cdiv class=\"imf-table-container\"\u003e\n \u003ctable class=\"imf-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eIngrédient actif\u003c\/th\u003e\n \u003cth\u003eQuantité\u003c\/th\u003e\n \u003cth\u003e% VNR*\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr class=\"imf-table-highlight\"\u003e\n \u003ctd\u003e\u003cstrong\u003e🌱 Extrait de ginseng sibérien\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e1000 mg\u003c\/td\u003e\n \u003ctd\u003e-\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cstrong\u003e🫐 Extrait de cynorrhodon\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e156 mg\u003c\/td\u003e\n \u003ctd\u003e-\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"imf-table-sub\"\u003e\n \u003ctd\u003e↳ dont vitamine C naturelle\u003c\/td\u003e\n \u003ctd\u003e80 mg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cstrong\u003e🔬 N-acétyl-cystéine\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e120 mg\u003c\/td\u003e\n \u003ctd\u003e-\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cstrong\u003e🌸 Poudre d'échinacée pourpre\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e120 mg\u003c\/td\u003e\n \u003ctd\u003e-\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cstrong\u003e🍵 Extrait de thé vert\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e100 mg\u003c\/td\u003e\n \u003ctd\u003e-\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"imf-table-sub\"\u003e\n \u003ctd\u003e↳ dont EGCG\u003c\/td\u003e\n \u003ctd\u003e53 mg\u003c\/td\u003e\n \u003ctd\u003e-\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cstrong\u003e⚡ Magnésium\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e93,75 mg\u003c\/td\u003e\n \u003ctd\u003e25%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cstrong\u003e🛡️ Zinc (bisglycinate)\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e10 mg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\n\u003cstrong\u003e☀️ Vitamine D3\u003c\/strong\u003e (lichen)\u003c\/td\u003e\n \u003ctd\u003e5 µg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\n\u003cstrong\u003e🦴 Vitamine K2\u003c\/strong\u003e (MK-7)\u003c\/td\u003e\n \u003ctd\u003e75 µg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\n\u003cstrong\u003eVitamine B1\u003c\/strong\u003e (thiamine)\u003c\/td\u003e\n \u003ctd\u003e1,10 mg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\n\u003cstrong\u003eVitamine B2\u003c\/strong\u003e (riboflavine)\u003c\/td\u003e\n \u003ctd\u003e1,40 mg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\n\u003cstrong\u003eVitamine B3\u003c\/strong\u003e (niacine)\u003c\/td\u003e\n \u003ctd\u003e16 mg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\n\u003cstrong\u003eVitamine B5\u003c\/strong\u003e (acide pantothénique)\u003c\/td\u003e\n \u003ctd\u003e6 mg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\n\u003cstrong\u003eVitamine B6\u003c\/strong\u003e (pyridoxine)\u003c\/td\u003e\n \u003ctd\u003e1,40 mg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\n\u003cstrong\u003eVitamine B8\u003c\/strong\u003e (biotine)\u003c\/td\u003e\n \u003ctd\u003e50 µg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\n\u003cstrong\u003eVitamine B9\u003c\/strong\u003e (Quatrefolic®)\u003c\/td\u003e\n \u003ctd\u003e200 µg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\n\u003cstrong\u003eVitamine B12\u003c\/strong\u003e (méthylcobalamine)\u003c\/td\u003e\n \u003ctd\u003e2,50 µg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003cp class=\"imf-table-note\"\u003e*VNR : Valeurs Nutritionnelles de Référence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"imf-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse Imuniform ?\u003c\/h2\u003e\n \u003cdiv class=\"imf-profiles-grid\"\u003e\n \u003cdiv class=\"imf-profile\"\u003e\n \u003cspan class=\"imf-profile-icon\"\u003e😓\u003c\/span\u003e\n \u003cp\u003ePersonnes en période de \u003cstrong\u003efatigue ou stress intense\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-profile\"\u003e\n \u003cspan class=\"imf-profile-icon\"\u003e❄️\u003c\/span\u003e\n \u003cp\u003eCeux qui veulent \u003cstrong\u003epréparer l'hiver\u003c\/strong\u003e sereinement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-profile\"\u003e\n \u003cspan class=\"imf-profile-icon\"\u003e🍔\u003c\/span\u003e\n \u003cp\u003eAlimentation \u003cstrong\u003edéséquilibrée\u003c\/strong\u003e ou peu variée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-profile\"\u003e\n \u003cspan class=\"imf-profile-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eVégétariens et \u003cstrong\u003evégétaliens\u003c\/strong\u003e exigeants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-profile\"\u003e\n \u003cspan class=\"imf-profile-icon\"\u003e🏃\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSportifs\u003c\/strong\u003e cherchant une meilleure récupération\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-profile\"\u003e\n \u003cspan class=\"imf-profile-icon\"\u003e💼\u003c\/span\u003e\n \u003cp\u003eActifs avec un \u003cstrong\u003erythme de vie soutenu\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"imf-section\"\u003e\n \u003ch2\u003eComment prendre Imuniform ?\u003c\/h2\u003e\n \u003cdiv class=\"imf-usage-container\"\u003e\n \u003cdiv class=\"imf-usage-timeline\"\u003e\n \u003cdiv class=\"imf-usage-step\"\u003e\n \u003cdiv class=\"imf-step-time\"\u003e🌅 Matin\u003c\/div\u003e\n \u003cdiv class=\"imf-step-content\"\u003e\n \u003cspan class=\"imf-step-pills\"\u003e2 gélules\u003c\/span\u003e\n \u003cp\u003eAu petit-déjeuner avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-usage-step\"\u003e\n \u003cdiv class=\"imf-step-time\"\u003e☀️ Midi\u003c\/div\u003e\n \u003cdiv class=\"imf-step-content\"\u003e\n \u003cspan class=\"imf-step-pills\"\u003e2 gélules\u003c\/span\u003e\n \u003cp\u003eAu déjeuner pour une absorption optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-usage-tip\"\u003e\n \u003cdiv class=\"imf-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv class=\"imf-tip-content\"\u003e\n \u003cstrong\u003eConseil de pro\u003c\/strong\u003e\n \u003cp\u003ePrendre au cours du repas pour une meilleure absorption des vitamines liposolubles (D3, K2). Durée de cure recommandée : \u003cb\u003e3 mois\u003c\/b\u003e pour des résultats durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- TIMELINE RÉSULTATS --\u003e\n \u003csection class=\"imf-section\"\u003e\n \u003ch2\u003eQuand voir les premiers résultats ?\u003c\/h2\u003e\n \u003cdiv class=\"imf-results-timeline\"\u003e\n \u003cdiv class=\"imf-result-point\"\u003e\n \u003cdiv class=\"imf-result-week\"\u003eSemaine 2-3\u003c\/div\u003e\n \u003cdiv class=\"imf-result-desc\"\u003ePremiers effets sur la fatigue ressentie\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-result-point\"\u003e\n \u003cdiv class=\"imf-result-week\"\u003eSemaine 4-6\u003c\/div\u003e\n \u003cdiv class=\"imf-result-desc\"\u003eSoutien optimal de l'immunité\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-result-point\"\u003e\n \u003cdiv class=\"imf-result-week\"\u003eMois 3\u003c\/div\u003e\n \u003cdiv class=\"imf-result-desc\"\u003eBénéfices durables et consolidés\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"imf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"imf-cta-box\"\u003e\n \u003cdiv class=\"imf-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"imf-cta-content\"\u003e\n \u003cspan class=\"imf-cta-icon\"\u003e🛡️\u003c\/span\u003e\n \u003cp\u003eOffrez à votre corps la \u003cstrong\u003esynergie parfaite\u003c\/strong\u003e entre vitamines, minéraux et plantes adaptogènes. Imuniform, c'est votre allié \u003cstrong\u003eimmunité et vitalité\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"imf-cta-features\"\u003e\n \u003cspan\u003e✓ 13 vitamines\u003c\/span\u003e\n \u003cspan\u003e✓ 2 minéraux\u003c\/span\u003e\n \u003cspan\u003e✓ 4 plantes\u003c\/span\u003e\n \u003cspan\u003e✓ 100% végétal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --imf-cream: #FFFBF5;\n --imf-white: #ffffff;\n --imf-primary: #F5A623;\n --imf-primary-dark: #D4880E;\n --imf-primary-light: #FFF5E6;\n --imf-secondary: #E8941F;\n --imf-accent: #FFD093;\n --imf-text: #1a1a1a;\n --imf-text-light: #5a5a5a;\n --imf-border: #F0E6DA;\n --imf-shadow: 0 4px 24px rgba(245,166,35,.12);\n --imf-shadow-lg: 0 12px 48px rgba(245,166,35,.18);\n --imf-radius: 20px;\n --imf-radius-sm: 12px;\n}\n\n.imf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--imf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--imf-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.imf-hero {\n position: relative;\n background: linear-gradient(135deg, #F5A623 0%, #E8941F 50%, #D4880E 100%);\n border-radius: var(--imf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--imf-shadow-lg);\n}\n\n.imf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 20 L50 20 L38 30 L43 45 L30 35 L17 45 L22 30 L10 20 L25 20 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.imf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.imf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.imf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--imf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.imf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.imf-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.imf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.imf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n margin: 0 0 2rem 0;\n line-height: 1.7;\n}\n\n.imf-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.imf-stat {\n text-align: center;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n padding: 1rem 1.5rem;\n border-radius: var(--imf-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.imf-stat-number {\n display: block;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: white;\n}\n\n.imf-stat-label {\n font-size: 13px;\n color: rgba(255,255,255,.85);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.imf-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.imf-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--imf-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.imf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--imf-primary), var(--imf-secondary));\n border-radius: 2px;\n}\n\n\/* === PROMISE BOX === *\/\n.imf-promise-box {\n background: linear-gradient(135deg, var(--imf-primary-light) 0%, #FFF9F0 100%);\n border-radius: var(--imf-radius);\n padding: clamp(2rem, 4vw, 3rem);\n text-align: center;\n border: 2px solid var(--imf-accent);\n position: relative;\n}\n\n.imf-promise-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.imf-promise-box p {\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.8;\n color: var(--imf-text);\n margin: 0;\n}\n\n\/* === CARDS GRID === *\/\n.imf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.imf-card {\n background: var(--imf-white);\n border-radius: var(--imf-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--imf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.imf-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--imf-shadow-lg);\n border-color: var(--imf-primary);\n}\n\n.imf-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.imf-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--imf-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.imf-card p {\n font-size: 15px;\n color: var(--imf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BENEFITS === *\/\n.imf-benefits {\n display: grid;\n gap: 1.5rem;\n}\n\n.imf-benefit-card {\n background: var(--imf-white);\n border-radius: var(--imf-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--imf-shadow);\n border-left: 5px solid var(--imf-primary);\n transition: all .3s ease;\n}\n\n.imf-benefit-card:hover {\n transform: translateX(8px);\n box-shadow: var(--imf-shadow-lg);\n}\n\n.imf-benefit-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.imf-benefit-icon {\n font-size: 36px;\n}\n\n.imf-benefit-header h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--imf-primary-dark);\n margin: 0;\n}\n\n.imf-benefit-card p {\n font-size: 16px;\n line-height: 1.7;\n color: var(--imf-text-light);\n margin: 0 0 1rem 0;\n}\n\n.imf-benefit-tag {\n display: inline-block;\n background: var(--imf-primary-light);\n color: var(--imf-primary-dark);\n font-size: 13px;\n font-weight: 700;\n padding: 6px 14px;\n border-radius: 999px;\n}\n\n\/* === INGREDIENTS GRID === *\/\n.imf-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1.25rem;\n}\n\n.imf-ingredient {\n background: var(--imf-white);\n border-radius: var(--imf-radius);\n padding: 1.5rem 1rem;\n text-align: center;\n box-shadow: var(--imf-shadow);\n position: relative;\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.imf-ingredient:hover {\n transform: translateY(-6px);\n border-color: var(--imf-primary);\n}\n\n.imf-ingredient-badge {\n position: absolute;\n top: -10px;\n right: -10px;\n background: linear-gradient(135deg, var(--imf-primary), var(--imf-secondary));\n color: white;\n font-size: 11px;\n font-weight: 800;\n padding: 5px 10px;\n border-radius: 999px;\n box-shadow: 0 2px 8px rgba(245,166,35,.3);\n}\n\n.imf-ingredient-icon {\n font-size: 40px;\n margin-bottom: .75rem;\n}\n\n.imf-ingredient h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--imf-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.imf-ingredient p {\n font-size: 13px;\n color: var(--imf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TABLE === *\/\n.imf-table-container {\n background: var(--imf-white);\n border-radius: var(--imf-radius);\n padding: clamp(1rem, 3vw, 2rem);\n box-shadow: var(--imf-shadow);\n overflow-x: auto;\n}\n\n.imf-table {\n width: 100%;\n border-collapse: collapse;\n}\n\n.imf-table th,\n.imf-table td {\n padding: 12px 16px;\n text-align: left;\n border-bottom: 1px solid var(--imf-border);\n}\n\n.imf-table th {\n background: var(--imf-primary-light);\n font-weight: 700;\n color: var(--imf-primary-dark);\n font-size: 14px;\n}\n\n.imf-table th:nth-child(2),\n.imf-table th:nth-child(3),\n.imf-table td:nth-child(2),\n.imf-table td:nth-child(3) {\n text-align: center;\n}\n\n.imf-table td {\n font-size: 14px;\n color: var(--imf-text);\n}\n\n.imf-table-highlight {\n background: var(--imf-primary-light);\n}\n\n.imf-table-sub td {\n padding-left: 32px;\n color: var(--imf-text-light);\n font-size: 13px;\n}\n\n.imf-table tbody tr:hover {\n background: #FFFAF5;\n}\n\n.imf-table-note {\n font-size: 13px;\n color: var(--imf-text-light);\n margin: 1rem 0 0 0;\n font-style: italic;\n}\n\n\/* === PROFILES === *\/\n.imf-profiles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.imf-profile {\n background: var(--imf-white);\n border-radius: var(--imf-radius);\n padding: 1.5rem 1rem;\n text-align: center;\n box-shadow: var(--imf-shadow);\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.imf-profile:hover {\n transform: translateY(-4px);\n border-color: var(--imf-primary);\n}\n\n.imf-profile-icon {\n font-size: 36px;\n display: block;\n margin-bottom: .75rem;\n}\n\n.imf-profile p {\n font-size: 14px;\n color: var(--imf-text);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === USAGE === *\/\n.imf-usage-container {\n background: var(--imf-white);\n border-radius: var(--imf-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--imf-shadow);\n}\n\n.imf-usage-timeline {\n display: flex;\n justify-content: center;\n gap: clamp(2rem, 6vw, 5rem);\n flex-wrap: wrap;\n margin-bottom: 2rem;\n}\n\n.imf-usage-step {\n text-align: center;\n}\n\n.imf-step-time {\n font-size: 18px;\n font-weight: 800;\n color: var(--imf-primary-dark);\n margin-bottom: .75rem;\n}\n\n.imf-step-content {\n background: var(--imf-primary-light);\n border-radius: var(--imf-radius-sm);\n padding: 1.25rem 2rem;\n}\n\n.imf-step-pills {\n display: block;\n font-size: 24px;\n font-weight: 900;\n color: var(--imf-primary);\n margin-bottom: .5rem;\n}\n\n.imf-step-content p {\n font-size: 14px;\n color: var(--imf-text-light);\n margin: 0;\n}\n\n.imf-usage-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, #FFF9F0 0%, var(--imf-primary-light) 100%);\n border-radius: var(--imf-radius-sm);\n padding: 1.25rem;\n border-left: 4px solid var(--imf-primary);\n}\n\n.imf-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.imf-tip-content strong {\n display: block;\n color: var(--imf-primary-dark);\n margin-bottom: .25rem;\n}\n\n.imf-tip-content p {\n font-size: 14px;\n color: var(--imf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === RESULTS TIMELINE === *\/\n.imf-results-timeline {\n display: flex;\n justify-content: center;\n gap: 0;\n flex-wrap: wrap;\n position: relative;\n}\n\n.imf-results-timeline::before {\n content: '';\n position: absolute;\n top: 24px;\n left: 15%;\n right: 15%;\n height: 4px;\n background: linear-gradient(90deg, var(--imf-primary-light), var(--imf-primary), var(--imf-primary-dark));\n border-radius: 2px;\n z-index: 0;\n}\n\n.imf-result-point {\n text-align: center;\n padding: 0 clamp(1rem, 3vw, 2.5rem);\n position: relative;\n z-index: 1;\n}\n\n.imf-result-week {\n background: linear-gradient(135deg, var(--imf-primary), var(--imf-secondary));\n color: white;\n font-size: 14px;\n font-weight: 800;\n padding: 10px 20px;\n border-radius: 999px;\n margin-bottom: 1rem;\n box-shadow: 0 4px 12px rgba(245,166,35,.3);\n}\n\n.imf-result-desc {\n font-size: 14px;\n color: var(--imf-text);\n font-weight: 600;\n max-width: 150px;\n}\n\n\/* === FAQ === *\/\n.imf-faq {\n display: grid;\n gap: 1rem;\n}\n\n.imf-faq-item {\n background: var(--imf-white);\n border-radius: var(--imf-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--imf-shadow);\n transition: all .3s ease;\n}\n\n.imf-faq-item:hover {\n box-shadow: var(--imf-shadow-lg);\n}\n\n.imf-faq-q {\n display: flex;\n align-items: center;\n gap: .75rem;\n font-size: 17px;\n font-weight: 700;\n color: var(--imf-primary-dark);\n margin-bottom: .75rem;\n}\n\n.imf-faq-icon {\n font-size: 20px;\n}\n\n.imf-faq-a {\n font-size: 15px;\n line-height: 1.7;\n color: var(--imf-text-light);\n margin: 0;\n padding-left: 2rem;\n}\n\n\/* === WARNING === *\/\n.imf-warning-box {\n background: linear-gradient(135deg, #FFF9F0 0%, #FFF5E6 100%);\n border-radius: var(--imf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border: 2px solid var(--imf-accent);\n}\n\n.imf-warning-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1rem;\n}\n\n.imf-warning-icon {\n font-size: 28px;\n}\n\n.imf-warning-header h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--imf-primary-dark);\n margin: 0;\n}\n\n.imf-warning-list {\n margin: 0 0 1rem 0;\n padding-left: 1.5rem;\n}\n\n.imf-warning-list li {\n font-size: 15px;\n color: var(--imf-text);\n margin-bottom: .5rem;\n line-height: 1.5;\n}\n\n.imf-warning-note {\n font-size: 14px;\n color: var(--imf-text-light);\n margin: 0;\n font-style: italic;\n padding-top: 1rem;\n border-top: 1px solid var(--imf-border);\n}\n\n\/* === INGREDIENTS FULL === *\/\n.imf-ingredients-full {\n background: var(--imf-white);\n border-radius: var(--imf-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--imf-shadow);\n}\n\n.imf-ingredients-full p {\n font-size: 14px;\n line-height: 1.8;\n color: var(--imf-text-light);\n margin: 0 0 1rem 0;\n}\n\n.imf-clean-badges {\n display: flex;\n flex-wrap: wrap;\n gap: .75rem;\n padding-top: 1rem;\n border-top: 1px solid var(--imf-border);\n}\n\n.imf-clean-badges span {\n background: var(--imf-primary-light);\n color: var(--imf-primary-dark);\n font-size: 13px;\n font-weight: 700;\n padding: 8px 14px;\n border-radius: 999px;\n}\n\n\/* === INFO GRID === *\/\n.imf-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1rem;\n}\n\n.imf-info-item {\n background: var(--imf-white);\n border-radius: var(--imf-radius);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--imf-shadow);\n transition: all .3s ease;\n}\n\n.imf-info-item:hover {\n transform: translateY(-4px);\n}\n\n.imf-info-icon {\n font-size: 28px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.imf-info-label {\n display: block;\n font-size: 12px;\n color: var(--imf-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .25rem;\n}\n\n.imf-info-value {\n font-size: 15px;\n font-weight: 700;\n color: var(--imf-primary-dark);\n}\n\n\/* === CTA === *\/\n.imf-cta-box {\n background: linear-gradient(135deg, var(--imf-primary) 0%, var(--imf-primary-dark) 100%);\n border-radius: var(--imf-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.imf-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: \n radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 40%);\n}\n\n.imf-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.imf-cta-icon {\n font-size: 56px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.imf-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 1.5rem 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.imf-cta-features {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.imf-cta-features span {\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n color: white;\n font-size: 14px;\n font-weight: 700;\n padding: 8px 16px;\n border-radius: 999px;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .imf-card,\n .imf-benefit-card,\n .imf-ingredient,\n .imf-profile,\n .imf-faq-item,\n .imf-info-item {\n animation: imfFadeInUp .6s ease backwards;\n }\n \n .imf-card:nth-child(1), .imf-ingredient:nth-child(1) { animation-delay: .1s; }\n .imf-card:nth-child(2), .imf-ingredient:nth-child(2) { animation-delay: .2s; }\n .imf-card:nth-child(3), .imf-ingredient:nth-child(3) { animation-delay: .3s; }\n .imf-card:nth-child(4), .imf-ingredient:nth-child(4) { animation-delay: .4s; }\n .imf-ingredient:nth-child(5) { animation-delay: .5s; }\n .imf-ingredient:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes imfFadeInUp {\n from { \n opacity: 0; \n transform: translateY(40px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .imf-grid {\n grid-template-columns: 1fr;\n }\n \n .imf-ingredients-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .imf-profiles-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .imf-results-timeline::before {\n display: none;\n }\n \n .imf-results-timeline {\n flex-direction: column;\n align-items: center;\n gap: 1.5rem;\n }\n \n .imf-usage-timeline {\n flex-direction: column;\n align-items: center;\n gap: 1.5rem;\n }\n}\n\n@media (max-width: 480px) {\n .imf-ingredients-grid {\n grid-template-columns: 1fr;\n }\n \n .imf-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .imf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .imf-card,\n .imf-benefit-card,\n .imf-profile,\n .imf-faq-item {\n border: 2px solid var(--imf-text);\n }\n \n .imf-badge {\n border: 2px solid var(--imf-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55298181398905,"sku":"IMMUNIFORM","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/imuniform-multivitamines-mineraux-plantes-120-gelules-inolab-packshothd.webp?v=1785937016"},{"product_id":"c-form-vitamine-c-liposomale-1428-mg-60-gelules-inolab","title":"C+Form Vitamine C Liposomale 1000 mg - 60 gélules - Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: C+Form Vitamine C Liposomale - Inolab\nPalette détectée:\n - Primaire: #F5A623 (orange vif\/lumineux du packaging)\n - Secondaire: #E8941C (orange foncé pour accents)\n - Accent: #4A90D9 (bleu du logo PureWay-C)\n - Fond: #FFF8F0 (crème chaud légèrement orangé)\nAmbiance: Dynamique, vitaminé, santé\/bien-être, lumineux, moderne, scientifique mais accessible\nPréfixe CSS: vcf\n--\u003e\n\u003cdiv class=\"vcf-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"vcf-hero\"\u003e\n\u003cdiv class=\"vcf-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vcf-hero-content\"\u003e\n\u003cdiv class=\"vcf-badges-top\"\u003e\n\u003cspan class=\"vcf-badge\"\u003e🔬 Technologie PureWay-C®\u003c\/span\u003e \u003cspan class=\"vcf-badge\"\u003e🇩🇪 Fabriqué en Allemagne\u003c\/span\u003e \u003cspan class=\"vcf-badge\"\u003e🌱 100% vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"vcf-hero-title\"\u003eVitamine C liposomale\u003c\/span\u003e\n\u003cp class=\"vcf-subtitle\"\u003e1000 mg de vitamine C pour 2 gélules • 60 gélules végétales\u003c\/p\u003e\n\u003cp class=\"vcf-description\"\u003eC+Form associe une vitamine C hautement dosée à la technologie brevetée PureWay-C®, avec phospholipides et bioflavonoïdes d’agrumes, pour favoriser une bonne assimilation tout en préservant le confort digestif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CHIFFRES CLÉS --\u003e\n\u003csection class=\"vcf-section\"\u003e\n\u003cdiv class=\"vcf-stats-bar\"\u003e\n\u003cdiv class=\"vcf-stat-item\"\u003e\n\u003cspan class=\"vcf-stat-number\"\u003e+233%\u003c\/span\u003e \u003cspan class=\"vcf-stat-label\"\u003eRétention corporelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-stat-item\"\u003e\n\u003cspan class=\"vcf-stat-number\"\u003e1000 mg\u003c\/span\u003e \u003cspan class=\"vcf-stat-label\"\u003eVitamine C \/ 2 gélules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-stat-item\"\u003e\n\u003cspan class=\"vcf-stat-number\"\u003e60\u003c\/span\u003e \u003cspan class=\"vcf-stat-label\"\u003eGélules végétales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BÉNÉFICES CLÉS --\u003e\n\u003csection class=\"vcf-section\"\u003e\n\u003ch2\u003e🍊 Vitamine C, énergie et défenses naturelles\u003c\/h2\u003e\n\u003cdiv class=\"vcf-grid\"\u003e\n\u003cdiv class=\"vcf-card\"\u003e\n\u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue au fonctionnement normal du système immunitaire, notamment lors des changements de saison ou en période de fatigue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-card\"\u003e\n\u003ch3\u003e⚡ Fatigue et vitalité\u003c\/h3\u003e\n\u003cp\u003eElle contribue à réduire la fatigue et participe à un métabolisme énergétique normal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-card\"\u003e\n\u003ch3\u003e🧬 Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C aide à protéger les cellules contre le stress oxydatif. La technologie PureWay-C® indique également +12% d’antioxydants délivrés efficacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-card\"\u003e\n\u003ch3\u003e✨ Peau, gencives et collagène\u003c\/h3\u003e\n\u003cp\u003eElle contribue à la formation normale de collagène pour assurer le fonctionnement normal de la peau, des gencives, des os, des cartilages et des dents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-card\"\u003e\n\u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue au fonctionnement normal du système nerveux et à des fonctions psychologiques normales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-card\"\u003e\n\u003ch3\u003e🥗 Absorption du fer\u003c\/h3\u003e\n\u003cp\u003eElle accroît l’absorption du fer, un point intéressant pour les personnes ayant une alimentation pauvre en fer ou majoritairement végétale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- TECHNOLOGIE PUREWAY-C --\u003e\n\u003csection class=\"vcf-section\"\u003e\n\u003ch2\u003e🔬 La technologie PureWay-C® brevetée\u003c\/h2\u003e\n\u003cdiv class=\"vcf-tech-box\"\u003e\n\u003cp class=\"vcf-tech-lead\"\u003eUne forme liposomale conçue pour améliorer l’assimilation de la vitamine C\u003c\/p\u003e\n\u003cp class=\"vcf-tech-desc\"\u003eLa technologie PureWay-C® associe vitamine C, phospholipides de tournesol et bioflavonoïdes d’agrumes. Cette structure liposomale aide à protéger la vitamine C des sucs digestifs et favorise son assimilation par l’organisme.\u003c\/p\u003e\n\u003cdiv class=\"vcf-grid-compact\"\u003e\n\u003cdiv class=\"vcf-card\"\u003e\n\u003ch3\u003e🔬 Efficacité étudiée\u003c\/h3\u003e\n\u003cp\u003eTechnologie validée par des études scientifiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-card\"\u003e\n\u003ch3\u003e💚 Assimilation optimisée\u003c\/h3\u003e\n\u003cp\u003eForme conçue pour favoriser le passage et l’utilisation de la vitamine C\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-card\"\u003e\n\u003ch3\u003e😌 Confort digestif\u003c\/h3\u003e\n\u003cp\u003eUne forme plus douce pour l’estomac que certaines vitamines C classiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-card\"\u003e\n\u003ch3\u003e✅ Haute biodisponibilité\u003c\/h3\u003e\n\u003cp\u003e+233% de rétention corporelle selon les données PureWay-C®\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"vcf-section\"\u003e\n\u003ch2\u003e🧪 Une formule clean et transparente\u003c\/h2\u003e\n\u003cdiv class=\"vcf-composition-grid\"\u003e\n\u003cdiv class=\"vcf-ingredient-main\"\u003e\n\u003cdiv class=\"vcf-ingredient-header\"\u003e\n\u003cspan class=\"vcf-ing-icon\"\u003e🍊\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003ePureWay-C® liposomal\u003c\/h3\u003e\n\u003cspan class=\"vcf-origin\"\u003eDosages indiqués pour 2 gélules • Origine USA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-doses\"\u003e\n\u003cdiv class=\"vcf-dose-row\"\u003e\n\u003cspan\u003eLiposomal PureWay® C\u003c\/span\u003e \u003cstrong\u003e1428 mg\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-dose-row vcf-highlight\"\u003e\n\u003cspan\u003edont Vitamine C\u003c\/span\u003e \u003cstrong\u003e1000 mg \u003csmall\u003e(1250% VNR)\u003c\/small\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-dose-row\"\u003e\n\u003cspan\u003edont Phospholipides\u003c\/span\u003e \u003cstrong\u003e257 mg\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-dose-row\"\u003e\n\u003cspan\u003edont Bioflavonoïdes\u003c\/span\u003e \u003cstrong\u003e21,4 mg\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"vcf-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"vcf-steps\"\u003e\n\u003cdiv class=\"vcf-step\"\u003e\n\u003cdiv class=\"vcf-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"vcf-step-text\"\u003e\n\u003ch4\u003eDosage quotidien\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e selon vos besoins, de préférence le matin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-step\"\u003e\n\u003cdiv class=\"vcf-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"vcf-step-text\"\u003e\n\u003ch4\u003eAvec de l'eau\u003c\/h4\u003e\n\u003cp\u003eAvalez avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e, à jeun ou pendant le petit-déjeuner selon votre tolérance digestive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-step\"\u003e\n\u003cdiv class=\"vcf-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"vcf-step-text\"\u003e\n\u003ch4\u003eCure recommandée\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e de supplémentation, renouvelable selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-tip\"\u003e\n\u003cstrong\u003e💡 Astuce :\u003c\/strong\u003e Si votre estomac est sensible, commencez par 1 gélule le matin, puis augmentez progressivement à 2 gélules par jour si nécessaire. La prise pendant le petit-déjeuner peut aussi améliorer le confort digestif.\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"vcf-section\"\u003e\n\u003ch2\u003e👥 Pour qui est C+Form ?\u003c\/h2\u003e\n\u003cdiv class=\"vcf-grid-compact\"\u003e\n\u003cdiv class=\"vcf-profile\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-profile\"\u003e\n\u003ch3\u003e💼 Actifs fatigués\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-profile\"\u003e\n\u003ch3\u003e🥬 Végétariens\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-profile\"\u003e\n\u003ch3\u003e❄️ Sensibles aux changements de saison\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-profile\"\u003e\n\u003ch3\u003e😴 Personnes en période de fatigue\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-profile\"\u003e\n\u003ch3\u003e🤒 Besoins renforcés en vitamine C\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-profile\"\u003e\n\u003ch3\u003e🧴 Soucieux de leur peau\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-profile\"\u003e\n\u003ch3\u003e🌡️ Estomacs sensibles\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFORMATIONS COMPLÉMENTAIRES --\u003e\n\u003csection class=\"vcf-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"vcf-accordion\"\u003e\n\u003cdetails class=\"vcf-accordion-item\"\u003e\n\u003csummary class=\"vcf-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"vcf-accordion-content\"\u003e\n\u003cp\u003eConserver à température stable et modérée, à l’abri de la lumière, de l’air et de l’humidité. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vcf-accordion-item\"\u003e\n\u003csummary class=\"vcf-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"vcf-accordion-content\"\u003e\n\u003cp\u003eConvient à partir de 10 ans. Ne pas dépasser la dose journalière recommandée. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Les femmes enceintes ou allaitantes doivent consulter un professionnel de santé avant toute complémentation. En cas de prise de médicaments, demandez l’avis de votre médecin ou de votre pharmacien. Demandez l’avis de votre médecin traitant avant toute complémentation si vous souffrez d’une maladie rénale. Déconseillé en cas d’hémochromatose.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vcf-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"vcf-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n\u003cdiv class=\"vcf-accordion-content\"\u003e\n\u003cp\u003eFabriqué en Allemagne. La formule utilise la technologie brevetée PureWay-C® d’origine américaine. Packaging recyclable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"vcf-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"vcf-cta-box\"\u003e\n\u003cp\u003e🍊 C+Form vous accompagne au quotidien avec une vitamine C liposomale hautement dosée, vegan et pensée pour une bonne assimilation. Une formule intéressante pour soutenir le système immunitaire, réduire la fatigue et protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --vcf-cream: #FFF8F0;\n --vcf-white: #ffffff;\n --vcf-primary: #F5A623;\n --vcf-primary-dark: #D4820D;\n --vcf-primary-light: #FFF3E0;\n --vcf-secondary: #E8941C;\n --vcf-accent: #4A90D9;\n --vcf-text: #1a1a1a;\n --vcf-text-light: #5a5a5a;\n --vcf-border: #F0E6D9;\n --vcf-shadow: 0 4px 24px rgba(245,166,35,.12);\n --vcf-shadow-lg: 0 12px 48px rgba(245,166,35,.18);\n --vcf-radius: 20px;\n --vcf-radius-sm: 12px;\n}\n\n.vcf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vcf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--vcf-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.vcf-hero {\n position: relative;\n background: linear-gradient(135deg, #F5A623 0%, #E8941C 50%, #D4820D 100%);\n border-radius: var(--vcf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--vcf-shadow-lg);\n}\n\n.vcf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.vcf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.vcf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.vcf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--vcf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vcf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.vcf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vcf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.vcf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === STATS BAR === *\/\n.vcf-stats-bar {\n display: flex;\n justify-content: center;\n gap: clamp(1rem, 3vw, 2rem);\n flex-wrap: wrap;\n background: var(--vcf-white);\n border-radius: var(--vcf-radius);\n padding: 1.5rem;\n box-shadow: var(--vcf-shadow);\n}\n\n.vcf-stat-item {\n text-align: center;\n padding: 0 1rem;\n}\n\n.vcf-stat-number {\n display: block;\n color: var(--vcf-primary-dark);\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n letter-spacing: -.02em;\n}\n\n.vcf-stat-label {\n display: block;\n color: var(--vcf-text-light);\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .03em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.vcf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vcf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vcf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.vcf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--vcf-primary), var(--vcf-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.vcf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.vcf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.vcf-card {\n background: var(--vcf-white);\n border-radius: var(--vcf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vcf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vcf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vcf-shadow-lg);\n border-color: var(--vcf-primary);\n}\n\n.vcf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vcf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vcf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vcf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.vcf-grid-compact .vcf-card {\n padding: 1rem;\n}\n\n.vcf-grid-compact .vcf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vcf-grid-compact .vcf-card p {\n font-size: 12px;\n}\n\n\/* === TECH BOX === *\/\n.vcf-tech-box {\n background: linear-gradient(135deg, var(--vcf-primary-light) 0%, var(--vcf-white) 100%);\n border-radius: var(--vcf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border: 2px solid var(--vcf-primary);\n box-shadow: var(--vcf-shadow);\n}\n\n.vcf-tech-lead {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--vcf-primary-dark);\n text-align: center;\n margin: 0 0 0.5rem 0;\n}\n\n.vcf-tech-desc {\n color: var(--vcf-text-light);\n text-align: center;\n max-width: 600px;\n margin: 0 auto 1.5rem auto;\n font-size: clamp(13px, 2vw, 15px);\n}\n\n\/* === COMPOSITION === *\/\n.vcf-composition-grid {\n display: grid;\n grid-template-columns: 1fr 280px;\n gap: 1.5rem;\n align-items: start;\n}\n\n.vcf-ingredient-main {\n background: var(--vcf-white);\n border-radius: var(--vcf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vcf-shadow);\n border: 2px solid var(--vcf-primary);\n}\n\n.vcf-ingredient-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1.25rem;\n padding-bottom: 1rem;\n border-bottom: 1px solid var(--vcf-border);\n}\n\n.vcf-ing-icon {\n font-size: 42px;\n}\n\n.vcf-ingredient-header h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--vcf-primary-dark);\n margin: 0;\n}\n\n.vcf-origin {\n font-size: 11px;\n color: var(--vcf-text-light);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .03em;\n}\n\n.vcf-dose-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.6rem 0;\n border-bottom: 1px solid var(--vcf-border);\n font-size: 14px;\n}\n\n.vcf-dose-row:last-child {\n border-bottom: none;\n}\n\n.vcf-dose-row span {\n color: var(--vcf-text-light);\n}\n\n.vcf-dose-row strong {\n color: var(--vcf-text);\n font-weight: 700;\n}\n\n.vcf-dose-row.vcf-highlight {\n background: var(--vcf-primary-light);\n margin: 0 -1rem;\n padding: 0.6rem 1rem;\n border-radius: 8px;\n border: none;\n}\n\n.vcf-dose-row small {\n color: var(--vcf-primary-dark);\n font-weight: 600;\n font-size: 11px;\n}\n\n.vcf-purity-box {\n background: var(--vcf-white);\n border-radius: var(--vcf-radius);\n padding: 1.25rem;\n box-shadow: var(--vcf-shadow);\n}\n\n.vcf-purity-box h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--vcf-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.vcf-purity-box ul {\n list-style: none;\n padding: 0;\n margin: 0 0 1rem 0;\n}\n\n.vcf-purity-box li {\n padding: 0.4rem 0;\n font-size: 13px;\n color: var(--vcf-text);\n border-bottom: 1px solid var(--vcf-border);\n}\n\n.vcf-purity-box li:last-child {\n border-bottom: none;\n}\n\n.vcf-made-badge {\n display: flex;\n align-items: center;\n gap: 10px;\n background: linear-gradient(135deg, var(--vcf-primary) 0%, var(--vcf-secondary) 100%);\n border-radius: var(--vcf-radius-sm);\n padding: .875rem 1rem;\n color: white;\n}\n\n.vcf-made-badge span:first-child {\n font-size: 28px;\n}\n\n.vcf-made-badge strong {\n display: block;\n font-weight: 800;\n font-size: 13px;\n}\n\n.vcf-made-badge small {\n font-size: 11px;\n opacity: .9;\n}\n\n\/* === STEPS === *\/\n.vcf-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.vcf-step {\n display: flex;\n gap: .875rem;\n background: var(--vcf-white);\n padding: 1.25rem;\n border-radius: var(--vcf-radius);\n box-shadow: var(--vcf-shadow);\n transition: all .3s ease;\n}\n\n.vcf-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--vcf-shadow-lg);\n}\n\n.vcf-step-num {\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--vcf-primary) 0%, var(--vcf-secondary) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 900;\n flex-shrink: 0;\n}\n\n.vcf-step-text h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--vcf-primary-dark);\n margin: 0 0 0.35rem 0;\n}\n\n.vcf-step-text p {\n font-size: 13px;\n color: var(--vcf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.vcf-tip {\n background: linear-gradient(135deg, #E3F2FD 0%, var(--vcf-white) 100%);\n border: 2px solid var(--vcf-accent);\n border-radius: var(--vcf-radius);\n padding: 1.25rem;\n font-size: 13px;\n color: var(--vcf-text);\n line-height: 1.6;\n}\n\n.vcf-tip strong {\n color: var(--vcf-accent);\n}\n\n\/* === PROFILES === *\/\n.vcf-profile {\n background: var(--vcf-white);\n border-radius: var(--vcf-radius-sm);\n padding: 1rem .75rem;\n text-align: center;\n box-shadow: var(--vcf-shadow);\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.vcf-profile:hover {\n transform: translateY(-4px);\n border-color: var(--vcf-primary);\n}\n\n.vcf-profile h3 {\n font-size: 13px;\n font-weight: 700;\n color: var(--vcf-text);\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.vcf-accordion {\n background: var(--vcf-white);\n border-radius: var(--vcf-radius);\n box-shadow: var(--vcf-shadow);\n overflow: hidden;\n}\n\n.vcf-accordion-item {\n border-bottom: 1px solid var(--vcf-border);\n margin: 0;\n padding: 0;\n}\n\n.vcf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vcf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vcf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.vcf-accordion-header:hover {\n background: var(--vcf-primary-light);\n}\n\n.vcf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vcf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vcf-primary);\n transition: transform .2s ease;\n}\n\n.vcf-accordion-item[open] .vcf-accordion-header::after {\n content: '−';\n}\n\n.vcf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vcf-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.vcf-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.vcf-cta-box {\n background: linear-gradient(135deg, var(--vcf-primary) 0%, var(--vcf-primary-dark) 100%);\n border-radius: var(--vcf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vcf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .vcf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .vcf-card {\n padding: 1.125rem;\n }\n \n .vcf-section {\n margin-bottom: 1.75rem;\n }\n \n .vcf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vcf-radius-sm);\n }\n \n .vcf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .vcf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .vcf-stats-bar {\n flex-direction: column;\n gap: .75rem;\n padding: 1rem;\n }\n \n .vcf-stat-item {\n padding: .5rem 0;\n border-bottom: 1px solid var(--vcf-border);\n }\n \n .vcf-stat-item:last-child {\n border-bottom: none;\n }\n \n .vcf-composition-grid {\n grid-template-columns: 1fr;\n }\n \n .vcf-steps {\n grid-template-columns: 1fr;\n }\n \n .vcf-grid-compact {\n gap: .625rem;\n }\n \n .vcf-grid-compact .vcf-card {\n padding: .75rem;\n }\n \n .vcf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .vcf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .vcf-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vcf-card,\n .vcf-profile,\n .vcf-step {\n animation: vcfFadeInUp .5s ease backwards;\n }\n .vcf-card:nth-child(1), .vcf-profile:nth-child(1) { animation-delay: .05s; }\n .vcf-card:nth-child(2), .vcf-profile:nth-child(2) { animation-delay: .1s; }\n .vcf-card:nth-child(3), .vcf-profile:nth-child(3) { animation-delay: .15s; }\n .vcf-card:nth-child(4), .vcf-profile:nth-child(4) { animation-delay: .2s; }\n .vcf-card:nth-child(5), .vcf-profile:nth-child(5) { animation-delay: .25s; }\n .vcf-card:nth-child(6), .vcf-profile:nth-child(6) { animation-delay: .3s; }\n .vcf-profile:nth-child(7) { animation-delay: .35s; }\n .vcf-profile:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes vcfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .vcf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55298211185017,"sku":"C+FORM","price":17.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cform-vitamine-c-liposomale-1000-mg-60-gelules-inolab-packshothd.webp?v=1787584795"},{"product_id":"skinform-collagene-marin-acide-hyaluronique-inolab","title":"Skinform Collagène Marin + Acide Hyaluronique Inolab - 4 Saveurs au choix","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Skinform Collagène Marin + Acide Hyaluronique Inolab\nPalette détectée:\n - Primaire: #2D6B7A (bleu-vert profond du packaging, couleur dominante)\n - Secondaire: #3AA8A0 (turquoise\/teal de la bande inférieure)\n - Accent: #F5A623 (orange des illustrations citron)\n - Background: #F8F9FA (gris très clair, neutre et frais)\nAmbiance: Clean, scientifique mais accessible, univers beauté\/santé, tonalité fraîche et marine, touches fruitées (citron), premium mais naturel\nPréfixe CSS: sf\n--\u003e\n\n\u003cdiv class=\"sf-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"sf-hero\"\u003e\n \u003cdiv class=\"sf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sf-hero-content\"\u003e\n \u003cdiv class=\"sf-badges-top\"\u003e\n \u003cspan class=\"sf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sf-badge\"\u003e🐟 Collagène Naticol®\u003c\/span\u003e\n \u003cspan class=\"sf-badge\"\u003e🍋 4 saveurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sf-hero-title\"\u003eCollagène marin + acide hyaluronique\u003c\/span\u003e\n \u003cp class=\"sf-subtitle\"\u003eLa formule beauté globale pour une peau repulpée, des articulations souples et des cheveux éclatants\u003c\/p\u003e\n \u003cp class=\"sf-description\"\u003e5000 mg de peptides marins Naticol® • Vitamine C d'acérola • Programme 45 jours\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e✨ Vos résultats visibles\u003c\/h2\u003e\n \u003cdiv class=\"sf-grid\"\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e💧 Peau repulpée et hydratée\u003c\/h3\u003e\n \u003cp\u003eL'acide hyaluronique capte jusqu'à 1000 fois son poids en eau. Votre peau retrouve son moelleux et sa souplesse naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e✨ Rides atténuées\u003c\/h3\u003e\n \u003cp\u003eLes peptides de collagène restructurent la peau de l'intérieur. Les ridules s'estompent, le teint devient plus lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🦴 Articulations souples\u003c\/h3\u003e\n \u003cp\u003eLe collagène est essentiel au cartilage articulaire. Retrouvez confort et mobilité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e💇 Cheveux renforcés\u003c\/h3\u003e\n \u003cp\u003eFavorise une chevelure forte, brillante et pleine de vitalité. Réduit la chute saisonnière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e💅 Ongles fortifiés\u003c\/h3\u003e\n \u003cp\u003eFini les ongles cassants et mous. Ils poussent plus vite et deviennent plus résistants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🌟 Éclat du teint\u003c\/h3\u003e\n \u003cp\u003eLa vitamine C d'acérola stimule la synthèse naturelle de collagène et protège du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e🧬 Une synergie d'actifs premium\u003c\/h2\u003e\n \u003cdiv class=\"sf-grid\"\u003e\n \u003cdiv class=\"sf-card sf-card-ingredient\"\u003e\n \u003ch3\u003e🐟 Collagène marin Naticol®\u003c\/h3\u003e\n \u003cspan class=\"sf-dosage\"\u003e5000 mg\u003c\/span\u003e\n \u003cp\u003eType I, peptides de 2000 daltons. 1,5x plus biodisponible que le collagène bovin. Issu de pêche durable française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-card-ingredient\"\u003e\n \u003ch3\u003e💎 Acide hyaluronique\u003c\/h3\u003e\n \u003cspan class=\"sf-dosage\"\u003e100 mg\u003c\/span\u003e\n \u003cp\u003eBas poids moléculaire pour une action en profondeur. Réhydrate et repulpe les tissus cutanés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-card-ingredient\"\u003e\n \u003ch3\u003e🍒 Vitamine C d'acérola\u003c\/h3\u003e\n \u003cspan class=\"sf-dosage\"\u003e80 mg (100% VNR)\u003c\/span\u003e\n \u003cp\u003eNaturelle et bio. Indispensable à la synthèse du collagène par l'organisme. Antioxydant puissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POURQUOI NATICOL --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e🏆 L'excellence Naticol®\u003c\/h2\u003e\n \u003cdiv class=\"sf-highlight-box\"\u003e\n \u003cp class=\"sf-highlight-intro\"\u003eTous les collagènes ne se valent pas. Naticol® est produit par Weishardt, pionnier français depuis plus de 180 ans.\u003c\/p\u003e\n \u003cdiv class=\"sf-grid-compact\"\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🌊 100% marin\u003c\/h3\u003e\n \u003cp\u003ePoissons sauvages, pêche durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e⚗️ Hydrolyse brevetée\u003c\/h3\u003e\n \u003cp\u003ePeptides de 2000 daltons\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🔬 Pureté maximale\u003c\/h3\u003e\n \u003cp\u003eSans métaux lourds ni contaminants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e📋 Traçabilité totale\u003c\/h3\u003e\n \u003cp\u003eChaque lot retracé à l'origine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"sf-grid\"\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e👩 Préserver sa jeunesse\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez maintenir la fermeté et l'éclat de votre peau naturellement, dès 25 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n \u003cp\u003eVous pratiquez une activité régulière et voulez soutenir vos articulations et votre récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e💆 Cheveux fragilisés\u003c\/h3\u003e\n \u003cp\u003eVos cheveux sont fins, cassants ou vous constatez une chute saisonnière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du clean\u003c\/h3\u003e\n \u003cp\u003eVous privilégiez les produits naturels, sans additifs controversés, fabriqués en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sf-steps\"\u003e\n \u003cdiv class=\"sf-step\"\u003e\n \u003cspan class=\"sf-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"sf-step-content\"\u003e\n \u003ch4\u003eDosez\u003c\/h4\u003e\n \u003cp\u003ePrélevez 1 dose de 5 g avec la cuillère fournie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-step\"\u003e\n \u003cspan class=\"sf-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"sf-step-content\"\u003e\n \u003ch4\u003eDiluez\u003c\/h4\u003e\n \u003cp\u003eDans 150-200 ml d'eau, jus ou boisson végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-step\"\u003e\n \u003cspan class=\"sf-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"sf-step-content\"\u003e\n \u003ch4\u003eMélangez\u003c\/h4\u003e\n \u003cp\u003eQuelques secondes jusqu'à dissolution complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-step\"\u003e\n \u003cspan class=\"sf-step-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"sf-step-content\"\u003e\n \u003ch4\u003eDégustez\u003c\/h4\u003e\n \u003cp\u003eDe préférence le matin à jeun pour une absorption optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sf-tip\"\u003e💡 \u003cstrong\u003eConseil :\u003c\/strong\u003e Cure de 2 à 3 mois minimum pour des résultats durables. Les premiers effets apparaissent après 4 à 6 semaines.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SAVEURS --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e🍋 4 saveurs gourmandes\u003c\/h2\u003e\n \u003cdiv class=\"sf-flavors\"\u003e\n \u003cdiv class=\"sf-flavor\"\u003e\n \u003cspan class=\"sf-flavor-icon\"\u003e🍋\u003c\/span\u003e\n \u003cspan class=\"sf-flavor-name\"\u003eCitron\u003c\/span\u003e\n \u003cspan class=\"sf-flavor-desc\"\u003eFraîcheur idéale avec l'eau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-flavor\"\u003e\n \u003cspan class=\"sf-flavor-icon\"\u003e☕\u003c\/span\u003e\n \u003cspan class=\"sf-flavor-name\"\u003eCafé\u003c\/span\u003e\n \u003cspan class=\"sf-flavor-desc\"\u003eNote gourmande au petit-déj\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-flavor\"\u003e\n \u003cspan class=\"sf-flavor-icon\"\u003e🍫\u003c\/span\u003e\n \u003cspan class=\"sf-flavor-name\"\u003eChocolat\u003c\/span\u003e\n \u003cspan class=\"sf-flavor-desc\"\u003eParfait dans un smoothie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-flavor\"\u003e\n \u003cspan class=\"sf-flavor-icon\"\u003e🍓\u003c\/span\u003e\n \u003cspan class=\"sf-flavor-name\"\u003eFruits rouges\u003c\/span\u003e\n \u003cspan class=\"sf-flavor-desc\"\u003eÉgaye vos jus de fruits\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"sf-grid-compact\"\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n \u003cp\u003e242 g net\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e📅 Programme\u003c\/h3\u003e\n \u003cp\u003e45 jours de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card\"\u003e\n \u003ch3\u003e🌱 Clean label\u003c\/h3\u003e\n \u003cp\u003eSans sucre, gluten, OGM\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"sf-accordion\"\u003e\n \u003cdetails class=\"sf-accordion-item\"\u003e\n \u003csummary class=\"sf-accordion-header\"\u003e📝 Composition complète par dose (5 g)\u003c\/summary\u003e\n \u003cdiv class=\"sf-accordion-content\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003ePeptides de collagène marin Naticol®\u003c\/strong\u003e : 5000 mg\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAcide hyaluronique\u003c\/strong\u003e : 100 mg\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eVitamine C naturelle (acérola)\u003c\/strong\u003e : 80 mg (100% VNR)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eArôme naturel\u003c\/strong\u003e : selon la saveur choisie\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Peptides de collagène de poisson hydrolysé (Naticol®), acide hyaluronique (hyaluronate de sodium), extrait d'acérola titré en vitamine C, arôme naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sf-accordion-item\"\u003e\n \u003csummary class=\"sf-accordion-header\"\u003e✅ Engagements qualité\u003c\/summary\u003e\n \u003cdiv class=\"sf-accordion-content\"\u003e\n \u003cul\u003e\n \u003cli\u003eFabriqué en France dans des laboratoires certifiés\u003c\/li\u003e\n \u003cli\u003eCollagène issu de pêche durable\u003c\/li\u003e\n \u003cli\u003eSans gluten, sans lactose, sans OGM\u003c\/li\u003e\n \u003cli\u003eSans sucre ajouté, sans édulcorants, sans colorants\u003c\/li\u003e\n \u003cli\u003eContrôles qualité rigoureux à chaque étape\u003c\/li\u003e\n \u003cli\u003eEmballage recyclable\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sf-accordion-item\"\u003e\n \u003csummary class=\"sf-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"sf-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Déconseillé aux personnes allergiques au poisson. Réservé à l'adulte. Les femmes enceintes ou allaitantes doivent consulter un professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sf-accordion-item\"\u003e\n \u003csummary class=\"sf-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sf-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Bien refermer le sachet après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sf-accordion-item\"\u003e\n \u003csummary class=\"sf-accordion-header\"\u003e❓ Le collagène marin est-il sans danger ?\u003c\/summary\u003e\n \u003cdiv class=\"sf-accordion-content\"\u003e\n \u003cp\u003eLe collagène marin hydrolysé est généralement très bien toléré. Points à connaître :\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eAllergie au poisson\u003c\/strong\u003e : si vous êtes allergique, ce produit n'est pas adapté\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eTroubles digestifs passagers\u003c\/strong\u003e : légers ballonnements possibles les premiers jours\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eInteractions\u003c\/strong\u003e : aucune connue, mais consultez votre médecin en cas de doute\u003c\/li\u003e\n \u003c\/ul\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=\"sf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sf-cta-box\"\u003e\n \u003cp\u003e🌊 Offrez à votre peau, vos articulations et vos cheveux le meilleur du collagène marin français. Résultats visibles dès 4 à 6 semaines de cure quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --sf-cream: #F8F9FA;\n --sf-white: #ffffff;\n --sf-primary: #2D6B7A;\n --sf-primary-dark: #1E4A55;\n --sf-primary-light: #E8F4F6;\n --sf-secondary: #3AA8A0;\n --sf-accent: #F5A623;\n --sf-text: #1a1a1a;\n --sf-text-light: #5a5a5a;\n --sf-border: #e0e0e0;\n --sf-shadow: 0 4px 24px rgba(45,107,122,.08);\n --sf-shadow-lg: 0 12px 48px rgba(45,107,122,.15);\n --sf-radius: 20px;\n --sf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sf-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sf-primary) 0%, var(--sf-secondary) 50%, #5BC4B8 100%);\n border-radius: var(--sf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sf-shadow-lg);\n}\n\n.sf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.sf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.sf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n line-height: 1.4;\n}\n\n.sf-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n font-weight: 500;\n}\n\n\/* === SECTIONS === *\/\n.sf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sf-primary), var(--sf-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.sf-card {\n background: var(--sf-white);\n border-radius: var(--sf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sf-shadow-lg);\n border-color: var(--sf-primary);\n}\n\n.sf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGRÉDIENT === *\/\n.sf-card-ingredient {\n position: relative;\n}\n\n.sf-dosage {\n display: inline-block;\n background: linear-gradient(135deg, var(--sf-primary), var(--sf-secondary));\n color: white;\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 800;\n margin-bottom: .75rem;\n}\n\n\/* === GRILLES === *\/\n.sf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sf-grid-compact .sf-card {\n padding: 1rem;\n}\n\n.sf-grid-compact .sf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sf-grid-compact .sf-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.sf-highlight-box {\n background: var(--sf-primary-light);\n border-radius: var(--sf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border: 2px solid var(--sf-secondary);\n}\n\n.sf-highlight-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 18px);\n color: var(--sf-primary-dark);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n line-height: 1.5;\n}\n\n.sf-highlight-box .sf-grid-compact {\n margin-top: 1rem;\n}\n\n.sf-highlight-box .sf-card {\n background: var(--sf-white);\n}\n\n\/* === STEPS === *\/\n.sf-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.sf-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--sf-white);\n padding: 1.25rem;\n border-radius: var(--sf-radius);\n box-shadow: var(--sf-shadow);\n}\n\n.sf-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sf-primary), var(--sf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 18px;\n}\n\n.sf-step-content h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sf-step-content p {\n font-size: 13px;\n color: var(--sf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sf-tip {\n background: var(--sf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sf-radius-sm);\n border-left: 4px solid var(--sf-accent);\n font-size: 14px;\n color: var(--sf-text);\n margin: 0;\n}\n\n\/* === SAVEURS === *\/\n.sf-flavors {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1rem;\n}\n\n.sf-flavor {\n background: var(--sf-white);\n border-radius: var(--sf-radius);\n padding: 1.5rem 1rem;\n text-align: center;\n box-shadow: var(--sf-shadow);\n transition: all .3s ease;\n}\n\n.sf-flavor:hover {\n transform: translateY(-4px);\n box-shadow: var(--sf-shadow-lg);\n}\n\n.sf-flavor-icon {\n font-size: 36px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.sf-flavor-name {\n display: block;\n font-weight: 800;\n color: var(--sf-primary-dark);\n font-size: 15px;\n margin-bottom: .25rem;\n}\n\n.sf-flavor-desc {\n display: block;\n font-size: 12px;\n color: var(--sf-text-light);\n}\n\n\/* === ACCORDÉON === *\/\n.sf-accordion {\n background: var(--sf-white);\n border-radius: var(--sf-radius);\n box-shadow: var(--sf-shadow);\n overflow: hidden;\n}\n\n.sf-accordion-item {\n border-bottom: 1px solid var(--sf-border);\n margin: 0;\n padding: 0;\n}\n\n.sf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sf-accordion-header:hover {\n background: var(--sf-primary-light);\n}\n\n.sf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sf-primary);\n transition: transform .2s ease;\n}\n\n.sf-accordion-item[open] .sf-accordion-header::after {\n content: '−';\n}\n\n.sf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.sf-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.sf-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.sf-accordion-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.sf-accordion-content li {\n margin-bottom: .5rem;\n}\n\n.sf-accordion-content li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.sf-cta-box {\n background: linear-gradient(135deg, var(--sf-primary) 0%, var(--sf-primary-dark) 100%);\n border-radius: var(--sf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sf-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.sf-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sf-card {\n padding: 1.125rem;\n }\n \n .sf-section {\n margin-bottom: 1.75rem;\n }\n \n .sf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sf-radius-sm);\n }\n \n .sf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sf-grid-compact {\n gap: .625rem;\n }\n \n .sf-grid-compact .sf-card {\n padding: .75rem;\n }\n \n .sf-flavors {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n \n .sf-flavor {\n padding: 1rem .75rem;\n }\n \n .sf-flavor-icon {\n font-size: 28px;\n }\n \n .sf-steps {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n \n .sf-step {\n padding: 1rem;\n }\n \n .sf-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .sf-highlight-box {\n padding: 1.25rem;\n }\n \n .sf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sf-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sf-card:nth-child(1) { animation-delay: .05s; }\n .sf-card:nth-child(2) { animation-delay: .1s; }\n .sf-card:nth-child(3) { animation-delay: .15s; }\n .sf-card:nth-child(4) { animation-delay: .2s; }\n .sf-card:nth-child(5) { animation-delay: .25s; }\n .sf-card:nth-child(6) { animation-delay: .3s; }\n \n .sf-flavor {\n animation: fadeInUp .5s ease backwards;\n }\n .sf-flavor:nth-child(1) { animation-delay: .05s; }\n .sf-flavor:nth-child(2) { animation-delay: .1s; }\n .sf-flavor:nth-child(3) { animation-delay: .15s; }\n .sf-flavor:nth-child(4) { animation-delay: .2s; }\n \n .sf-step {\n animation: fadeInUp .5s ease backwards;\n }\n .sf-step:nth-child(1) { animation-delay: .05s; }\n .sf-step:nth-child(2) { animation-delay: .1s; }\n .sf-step:nth-child(3) { animation-delay: .15s; }\n .sf-step:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55309640892793,"sku":"SKINFORM","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/skinform-collagene-marin-acide-hyaluronique-inolab-4-saveurs-packshothd.webp?v=1787583324"},{"product_id":"inolab-sveltiform","title":"Inolab Sveltiform - Complément alimentaire à base de Morosil, Protéines \u0026 Minéraux","description":"\u003cdiv class=\"sv-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sv-hero\"\u003e\n\u003cdiv class=\"sv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-hero-content\"\u003e\n\u003cdiv class=\"sv-badges-top\"\u003e\n\u003cspan class=\"sv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"sv-badge\"\u003e🍊 400 mg Morosil®\u003c\/span\u003e \u003cspan class=\"sv-badge\"\u003e💪 18 g de protéines\u003c\/span\u003e \u003cspan class=\"sv-badge\"\u003e🍦 Goût vanille\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sv-hero-title\"\u003eSveltiform — Protéine, Minéraux \u0026amp; Morosil®\u003c\/span\u003e\n\u003cp class=\"sv-subtitle\"\u003eVotre allié minceur gourmand par Inolab\u003c\/p\u003e\n\u003cp class=\"sv-description\"\u003eProgramme 15 jours · 15 portions de 29,5 g · Whey française, chrome, magnésium breveté Givomag® et extrait d'orange sanguine pour sculpter votre silhouette sans sacrifier votre énergie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"sv-section\"\u003e\n\u003ch2\u003eSveltiform : le complément alimentaire minceur alliant Morosil®, protéines et minéraux\u003c\/h2\u003e\n\u003cp class=\"sv-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément minceur efficace\u003c\/strong\u003e qui ne sacrifie ni votre énergie ni votre masse musculaire ? \u003cstrong\u003eSveltiform\u003c\/strong\u003e d'Inolab a été formulé pour répondre exactement à ce besoin.\u003c\/p\u003e\n\u003cdiv class=\"sv-grid\"\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🏋️♀️ Sculptez votre silhouette\u003c\/h3\u003e\n\u003cp\u003eGrâce à l'isolat de whey française et au magnésium, vous préservez votre masse musculaire tout en affinant votre corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🍊 Morosil® breveté\u003c\/h3\u003e\n\u003cp\u003e400 mg d'extrait d'orange sanguine de Sicile, riche en anthocyanes, agissant sur le métabolisme lipidique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🍦 Plaisir vanille\u003c\/h3\u003e\n\u003cp\u003ePoudre goût vanille naturel sans arrière-goût artificiel. Un vrai petit-déjeuner protéiné gourmand chaque matin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"sv-section\"\u003e\n\u003ch2\u003ePourquoi Sveltiform est le meilleur complément alimentaire minceur pour votre routine ?\u003c\/h2\u003e\n\u003cp class=\"sv-section-intro\"\u003eContrairement à de nombreux compléments minceur naturels qui se limitent à un seul mécanisme d'action, Sveltiform combine \u003cstrong\u003equatre axes complémentaires\u003c\/strong\u003e :\u003c\/p\u003e\n\u003cdiv class=\"sv-grid\"\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e💪 18 g de protéines par dose\u003c\/h3\u003e\n\u003cp\u003eUn isolat de whey français hautement filtré, pauvre en lactose et en graisses, qui contribue au maintien de votre masse musculaire pendant la perte de poids.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🍊 400 mg de Morosil®\u003c\/h3\u003e\n\u003cp\u003eCet extrait d'orange sanguine de Sicile, riche en anthocyanes, a démontré son action sur le métabolisme lipidique dans des études cliniques rigoureuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🔬 Chrome picolinate (40 µg – 100 % VNR)\u003c\/h3\u003e\n\u003cp\u003eIl contribue au maintien d'une glycémie normale, un facteur clé pour limiter les fringales et les envies de sucre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e⚡ Givomag®, vitamines C et B6\u003c\/h3\u003e\n\u003cp\u003eIls soutiennent votre métabolisme énergétique et contribuent à réduire la fatigue, souvent ressentie lors d'un rééquilibrage alimentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"sv-section\"\u003e\n\u003ch2\u003eDes résultats cliniquement observés\u003c\/h2\u003e\n\u003cp class=\"sv-section-intro\"\u003eLe Morosil® contenu dans Sveltiform a fait l'objet d'une \u003cstrong\u003eétude clinique sur 180 personnes\u003c\/strong\u003e ayant un IMC compris entre 25 et 35 kg\/m², sur une période de six mois :\u003c\/p\u003e\n\u003cdiv class=\"sv-grid-compact\"\u003e\n\u003cdiv class=\"sv-card sv-card-stat\"\u003e\n\u003ch3\u003e📏 −3,6 %\u003c\/h3\u003e\n\u003cp\u003eRéduction du tour de taille*\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card sv-card-stat\"\u003e\n\u003ch3\u003e📐 −2,8 %\u003c\/h3\u003e\n\u003cp\u003eRéduction du tour de hanches*\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card sv-card-stat\"\u003e\n\u003ch3\u003e🔬 Scanner DEXA\u003c\/h3\u003e\n\u003cp\u003eDiminution mesurable de la masse grasse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card sv-card-stat\"\u003e\n\u003ch3\u003e🛑 Anti-adipogenèse\u003c\/h3\u003e\n\u003cp\u003eLimitation de la formation de nouvelles cellules graisseuses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"sv-disclaimer\"\u003e*Pourcentages par rapport aux valeurs initiales, chez des personnes en bonne santé suivant une alimentation équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"sv-section\"\u003e\n\u003ch2\u003eComposition complète par dose journalière (29,5 g)\u003c\/h2\u003e\n\u003cp class=\"sv-section-intro\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e protéines de lait, isolat de protéines de lactosérum (émulsifiant : lécithine de lait, origine France), arôme naturel vanille, glycérophosphate de magnésium (origine France), extrait de fruit d'oranger \u003cem\u003eCitrus sinensis\u003c\/em\u003e (Morosil®, origine Italie) dosé en vitamine C, poudre de jus concentré d'acérola (\u003cem\u003eMalpighia glabra\u003c\/em\u003e), gomme xanthane, glycosides de stéviol, pyridoxal-5-phosphate (vitamine B6), picolinate de chrome.\u003c\/p\u003e\n\u003cdiv class=\"sv-grid\"\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🥛 Protéines de lait\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e18 g\u003c\/strong\u003e par dose — isolat de whey française pour un apport protéique optimal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🧲 Magnésium Givomag®\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e56,25 mg\u003c\/strong\u003e (15 % VNR) — magnésium breveté à haute biodisponibilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🍊 Morosil®\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e400 mg\u003c\/strong\u003e — extrait d'orange sanguine de Sicile riche en anthocyanes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🍋 Vitamine C\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e80 mg\u003c\/strong\u003e (100 % VNR) — contribue à réduire la fatigue et soutient l'immunité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e⚡ Vitamine B6\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e1,4 mg\u003c\/strong\u003e (100 % VNR) — contribue au métabolisme normal des protéines et du glycogène.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🔬 Chrome\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e40 µg\u003c\/strong\u003e (100 % VNR) — contribue au maintien d'une glycémie normale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"sv-section\"\u003e\n\u003ch2\u003eComment prendre Sveltiform au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"sv-section-intro\"\u003ePrenez \u003cstrong\u003eune dosette rase de 29,5 g par jour\u003c\/strong\u003e, au petit-déjeuner ou en collation :\u003c\/p\u003e\n\u003cdiv class=\"sv-timeline\"\u003e\n\u003cdiv class=\"sv-timeline-item\"\u003e\n\u003cdiv class=\"sv-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sv-timeline-content\"\u003e\n\u003ch3\u003eChoisissez votre texture\u003c\/h3\u003e\n\u003cp\u003eTexture crème onctueuse ou boisson légère rafraîchissante, c'est vous qui décidez selon votre envie du moment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-timeline-item\"\u003e\n\u003cdiv class=\"sv-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sv-timeline-content\"\u003e\n\u003ch3\u003e🍨 Texture crème onctueuse\u003c\/h3\u003e\n\u003cp\u003eMélangez dans \u003cstrong\u003e80 à 100 ml\u003c\/strong\u003e d'eau ou de lait pour une consistance riche et gourmande.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-timeline-item\"\u003e\n\u003cdiv class=\"sv-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sv-timeline-content\"\u003e\n\u003ch3\u003e🥤 Boisson légère rafraîchissante\u003c\/h3\u003e\n\u003cp\u003eMélangez dans \u003cstrong\u003e150 à 200 ml\u003c\/strong\u003e d'eau ou de lait pour plus de gourmandise et de fraîcheur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-tip\"\u003e\n\u003cspan class=\"sv-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe goût vanille naturel rend chaque prise agréable, sans arrière-goût artificiel. C'est un vrai plaisir gourmand intégré à votre programme minceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 \u0026 H2 #7 regroupés en accordéon --\u003e\n\u003csection class=\"sv-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sv-accordion\"\u003e\n\u003cdetails class=\"sv-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"sv-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"sv-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants. En cas de prise de médicaments, demandez conseil à votre médecin. Ne pas dépasser la dose journalière recommandée. Ce \u003cstrong\u003ecomplément alimentaire minceur\u003c\/strong\u003e ne se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain. Conserver à l'abri de la lumière et de l'humidité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"sv-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"sv-grid-compact\"\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e📦 Format\u003c\/h3\u003e\n\u003cp\u003eSachet de 442 g — programme 15 jours (15 portions)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🍦 Goût\u003c\/h3\u003e\n\u003cp\u003eVanille naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🔒 Conditionnement\u003c\/h3\u003e\n\u003cp\u003eDoypack refermable avec zip\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n\u003cp\u003eFabriqué et conditionné en France (Roubaix)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🚫 Sans\u003c\/h3\u003e\n\u003cp\u003eGluten, sucre ajouté, colorant artificiel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🏭 Laboratoire\u003c\/h3\u003e\n\u003cp\u003eInolab — Damplé SARL, 139 rue des Arts, 59100 Roubaix\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"sv-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"sv-cta-box\"\u003e\n\u003cp\u003e✨ Offrez à votre corps le meilleur de la nutrition minceur : protéines françaises, Morosil® breveté et minéraux essentiels dans un délicieux shake vanille. Commencez votre programme Sveltiform dès aujourd'hui !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"sv-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sv-cream: #f9f6f8;\n --sv-white: #ffffff;\n --sv-primary: #8b6a94;\n --sv-primary-dark: #5a3d63;\n --sv-primary-light: #f0e8f3;\n --sv-secondary: #c7a4d4;\n --sv-accent: #d4a8c7;\n --sv-text: #1a1a1a;\n --sv-text-light: #5a5a5a;\n --sv-border: #e8dced;\n --sv-shadow: 0 4px 24px rgba(90, 61, 99, .08);\n --sv-shadow-lg: 0 12px 48px rgba(90, 61, 99, .15);\n --sv-radius: 20px;\n --sv-radius-sm: 12px;\n}\n\n.sv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sv-hero {\n position: relative;\n background: linear-gradient(135deg, #5a3d63 0%, #8b6a94 45%, #c7a4d4 100%);\n border-radius: var(--sv-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sv-shadow-lg);\n}\n\n.sv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n repeating-conic-gradient(from 0deg at 50% 50%, transparent 0deg, rgba(255,255,255,.02) 30deg, transparent 60deg);\n opacity: .6;\n}\n\n.sv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sv-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.sv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sv-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.sv-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.sv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.sv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sv-primary), var(--sv-secondary));\n border-radius: 2px;\n}\n\n.sv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sv-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sv-card {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sv-shadow-lg);\n border-color: var(--sv-primary);\n}\n\n.sv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sv-card-stat h3 {\n font-size: clamp(18px, 3vw, 24px);\n color: var(--sv-primary);\n}\n\n\/* === GRILLES === *\/\n.sv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sv-grid-compact .sv-card {\n padding: 1rem;\n}\n\n.sv-grid-compact .sv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sv-grid-compact .sv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sv-primary), var(--sv-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sv-timeline-content {\n flex: 1;\n background: var(--sv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sv-radius-sm);\n box-shadow: var(--sv-shadow);\n}\n\n.sv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sv-timeline-content p {\n font-size: 14px;\n color: var(--sv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sv-testimonial {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sv-shadow);\n border-left: 4px solid var(--sv-primary);\n}\n\n.sv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sv-accordion {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n box-shadow: var(--sv-shadow);\n overflow: hidden;\n}\n\n.sv-accordion-item {\n border-bottom: 1px solid var(--sv-border);\n margin: 0;\n padding: 0;\n}\n\n.sv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sv-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sv-accordion-header:hover {\n background: var(--sv-primary-light);\n}\n\n.sv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sv-primary);\n transition: transform .2s ease;\n}\n\n.sv-accordion-item[open] .sv-accordion-header::after {\n content: '−';\n}\n\n.sv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sv-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sv-primary-light);\n border-radius: var(--sv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sv-tip p {\n font-size: 14px;\n color: var(--sv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sv-cta-box {\n background: linear-gradient(135deg, var(--sv-primary) 0%, var(--sv-primary-dark) 100%);\n border-radius: var(--sv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sv-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sv-disclaimer {\n font-size: 12px;\n color: var(--sv-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sv-card {\n padding: 1.125rem;\n }\n\n .sv-section {\n margin-bottom: 1.75rem;\n }\n\n .sv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sv-radius-sm);\n }\n\n .sv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sv-grid-compact {\n gap: .625rem;\n }\n\n .sv-grid-compact .sv-card {\n padding: .75rem;\n }\n\n .sv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sv-timeline-content h3 {\n font-size: 14px;\n }\n\n .sv-timeline-content p {\n font-size: 13px;\n }\n\n .sv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sv-testimonial {\n padding: 1.25rem;\n }\n\n .sv-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sv-card {\n animation: svFadeInUp .5s ease backwards;\n }\n .sv-card:nth-child(1) { animation-delay: .05s; }\n .sv-card:nth-child(2) { animation-delay: .1s; }\n .sv-card:nth-child(3) { animation-delay: .15s; }\n .sv-card:nth-child(4) { animation-delay: .2s; }\n .sv-card:nth-child(5) { animation-delay: .25s; }\n .sv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes svFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55325734863225,"sku":"SVELTIFORM","price":28.31,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/inolab-sveltiform-complement-alimentaire-a-base-de-morosil-p-packshothd_1edb32b4-fed4-496c-886f-45f31f2caa79.webp?v=1785937004"},{"product_id":"huile-omega-3-150ml-inolab","title":"Huile d'Oméga 3 EPA DHA EPAX Ultra concentré - 150ml - Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile d'Oméga 3 EPA DHA EPAX Ultra concentré - Omégaform - Laboratoire Inolab\nPalette détectée:\n - Primaire: #E8B617 (jaune doré vif du packaging et des bandeaux)\n - Secondaire: #3AABD2 (bleu cyan\/turquoise des visuels et infographies)\n - Accent: #1A7FA0 (bleu plus foncé des textes sur fond cyan)\n - Fond sombre packaging: #4A2810 (flacon brun ambré)\nAmbiance: Santé\/bien-être familial, scientifique mais accessible, fraîcheur (citron), pureté nordique (EPAX Norvège), confiance laboratoire\nPréfixe CSS: of\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile d'Oméga 3 EPA DHA ultra-concentrée Omégaform – Qualité EPAX®\"\n 2. \"Ce qui rend cette huile riche en oméga-3 unique\"\n 3. \"Les bienfaits reconnus des oméga-3 EPA et DHA\"\n 4. \"Composition complète\"\n 5. \"Posologie et conseils d'utilisation\"\n 6. \"Notre conseil pour maximiser les résultats\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"of-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"of-hero\"\u003e\n \u003cdiv class=\"of-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"of-hero-content\"\u003e\n \u003cdiv class=\"of-badges-top\"\u003e\n \u003cspan class=\"of-badge\"\u003e🇳🇴 Qualité EPAX® Norvège\u003c\/span\u003e\n \u003cspan class=\"of-badge\"\u003e🍋 Goût citron naturel\u003c\/span\u003e\n \u003cspan class=\"of-badge\"\u003e💛 1838 mg d'oméga-3\/dose\u003c\/span\u003e\n \u003cspan class=\"of-badge\"\u003e👨‍👩‍👧‍👦 Format familial 150 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"of-hero-title\"\u003eOmégaform – Huile d'Oméga 3 ultra-concentrée\u003c\/span\u003e\n \u003cp class=\"of-subtitle\"\u003eLaboratoire Inolab · Huile de poisson EPAX® · EPA \u0026amp; DHA forme triglycérides\u003c\/p\u003e\n \u003cp class=\"of-description\"\u003eL'huile oméga-3 la plus concentrée et la plus pure du marché, avec un goût citron agréable même pour les enfants. Indice TotOx ultra-bas, absorption maximale, zéro arrière-goût de poisson.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"of-section\"\u003e\n \u003ch2\u003eHuile d'Oméga 3 EPA DHA ultra-concentrée Omégaform – Qualité EPAX®\u003c\/h2\u003e\n \u003cp class=\"of-section-intro\"\u003eVous cherchez une huile oméga-3 réellement concentrée, pure et agréable à prendre ? L'Omégaform du Laboratoire Inolab coche toutes les cases.\u003c\/p\u003e\n \u003cdiv class=\"of-highlight-box\"\u003e\n \u003cdiv class=\"of-highlight-grid\"\u003e\n \u003cdiv class=\"of-highlight-stat\"\u003e\n \u003cspan class=\"of-stat-number\"\u003e1838 mg\u003c\/span\u003e\n \u003cspan class=\"of-stat-label\"\u003ed'oméga-3 EPA DHA par dose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-highlight-stat\"\u003e\n \u003cspan class=\"of-stat-number\"\u003e90 %\u003c\/span\u003e\n \u003cspan class=\"of-stat-label\"\u003eforme triglycérides naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-highlight-stat\"\u003e\n \u003cspan class=\"of-stat-number\"\u003e\u0026lt; 10\u003c\/span\u003e\n \u003cspan class=\"of-stat-label\"\u003eindice TotOx garanti\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-highlight-stat\"\u003e\n \u003cspan class=\"of-stat-number\"\u003e60 jours\u003c\/span\u003e\n \u003cspan class=\"of-stat-label\"\u003ede cure pour un adulte\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"of-section-text\"\u003eFormulée à partir d'huile de poisson de qualité \u003cstrong\u003eEPAX®\u003c\/strong\u003e (Norvège), elle fournit \u003cstrong\u003e918 mg d'EPA\u003c\/strong\u003e et \u003cstrong\u003e689 mg de DHA\u003c\/strong\u003e par dose de 2,5 ml, sous forme triglycérides naturelle pour une absorption optimale par votre organisme. Et son arôme naturel de citron ? Il élimine totalement l'arrière-goût de poisson que beaucoup redoutent.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"of-section\"\u003e\n \u003ch2\u003eCe qui rend cette huile riche en oméga-3 unique\u003c\/h2\u003e\n \u003cdiv class=\"of-grid\"\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e⚡ Ultra-concentrée\u003c\/h3\u003e\n \u003cp\u003e2297 mg d'huile de poisson par dose de 2,5 ml, dont 918 mg d'EPA et 689 mg de DHA pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🏅 Qualité EPAX® certifiée\u003c\/h3\u003e\n \u003cp\u003eHuile ultra pure issue de petits poissons sauvages (anchois, sardines, maquereaux), contrôlée pour l'absence de métaux lourds, PCB et dioxines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🔬 Forme triglycérides à 90 %\u003c\/h3\u003e\n \u003cp\u003eBiodisponibilité supérieure aux formes éthyl-ester, meilleure tolérance digestive et absorption par l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🧊 Indice TotOx bas\u003c\/h3\u003e\n \u003cp\u003eGage d'une huile fraîche, peu oxydée et plus efficace. Omégaform garantit un indice TotOx toujours inférieur à 10.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🛡️ Conservation optimale\u003c\/h3\u003e\n \u003cp\u003eFlacon en verre fumé et boîte opaque, protégés par des antioxydants naturels (extrait de romarin, vitamine E).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🍋 Sans odeur de poisson\u003c\/h3\u003e\n \u003cp\u003eGoût citron naturel agréable, même pour les enfants. Fini les grimaces au moment de la prise !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Format familial 150 ml\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 60 jours pour un adulte, jusqu'à 10 mois pour un enfant. Une pipette graduée pour un dosage précis adapté à chaque âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"of-section\"\u003e\n \u003ch2\u003eLes bienfaits reconnus des oméga-3 EPA et DHA\u003c\/h2\u003e\n \u003cp class=\"of-section-intro\"\u003eLes oméga-3 EPA\/DHA sont des acides gras essentiels que votre corps ne sait pas fabriquer. Ils doivent être apportés par l'alimentation ou la supplémentation. Voici pourquoi ils comptent vraiment :\u003c\/p\u003e\n \u003cdiv class=\"of-grid-compact\"\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e❤️ Fonction cardiaque\u003c\/h3\u003e\n \u003cp\u003eL'EPA et le DHA contribuent au fonctionnement normal du cœur (effet obtenu dès 250 mg\/jour).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🧠 Cerveau et vision\u003c\/h3\u003e\n \u003cp\u003eLe DHA participe au maintien d'une fonction cérébrale et d'une vision normales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🩸 Tension artérielle\u003c\/h3\u003e\n \u003cp\u003eLe DHA et l'EPA aident à maintenir une pression sanguine normale (à partir de 3 g\/jour).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e💪 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eLes oméga-3 soutiennent l'équilibre inflammatoire global de l'organisme pour plus de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"of-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"of-accordion\"\u003e\n \u003cdetails class=\"of-accordion-item\" open\u003e\n \u003csummary class=\"of-accordion-header\"\u003e🧪 Ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"of-accordion-content mt-3\"\u003e\n \u003cp\u003eHuile de poisson qualité EPAX® (anchois, sardines, maquereaux), arôme naturel citron. \u003cstrong\u003eAntioxydants :\u003c\/strong\u003e extraits de romarin, vitamine E (mélange de tocophérols).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"of-accordion-item\"\u003e\n \u003csummary class=\"of-accordion-header\"\u003e📊 Apports pour 2,5 ml\u003c\/summary\u003e\n \u003cdiv class=\"of-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eHuile de poisson :\u003c\/strong\u003e 2297 mg\u003cbr\u003e\n \u003cstrong\u003eOméga-3 totaux :\u003c\/strong\u003e 1838 mg\u003cbr\u003e\n — dont \u003cstrong\u003eEPA :\u003c\/strong\u003e 918 mg\u003cbr\u003e\n — dont \u003cstrong\u003eDHA :\u003c\/strong\u003e 689 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"of-accordion-item\"\u003e\n \u003csummary class=\"of-accordion-header\"\u003e✅ Garanties qualité\u003c\/summary\u003e\n \u003cdiv class=\"of-accordion-content mt-3\"\u003e\n \u003cp\u003eSans colorant, sans conservateur artificiel, sans gélatine bovine. Compatible avec un régime cétogène. Forme triglycérides à 90 %. Indice TotOx garanti inférieur à 10.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"of-section\"\u003e\n \u003ch2\u003ePosologie et conseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"of-section-intro\"\u003ePrenez l'Omégaform au cours d'un repas pour favoriser l'absorption des acides gras :\u003c\/p\u003e\n \u003cdiv class=\"of-timeline\"\u003e\n \u003cdiv class=\"of-timeline-item\"\u003e\n \u003cdiv class=\"of-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"of-timeline-content\"\u003e\n \u003ch3\u003e👶 Enfants de 3 à 6 ans\u003c\/h3\u003e\n \u003cp\u003e0,5 ml\/jour à l'aide de la pipette graduée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-timeline-item\"\u003e\n \u003cdiv class=\"of-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"of-timeline-content\"\u003e\n \u003ch3\u003e🧒 Enfants de 6 à 12 ans\u003c\/h3\u003e\n \u003cp\u003e1 ml\/jour à l'aide de la pipette graduée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-timeline-item\"\u003e\n \u003cdiv class=\"of-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"of-timeline-content\"\u003e\n \u003ch3\u003e🧑 Adolescents et adultes\u003c\/h3\u003e\n \u003cp\u003e2,5 ml\/jour à l'aide de la pipette ou ½ cuillère à café.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-tip\"\u003e\n \u003cspan class=\"of-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAgitez bien le flacon avant chaque utilisation. Après ouverture, conservez au réfrigérateur et consommez dans les 3 mois. En cas de grossesse, d'allaitement ou de traitement médical, demandez conseil à votre médecin avant toute prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"of-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eNotre conseil pour maximiser les résultats\u003c\/h2\u003e\n \u003cdiv class=\"of-cta-box\"\u003e\n \u003cp\u003ePour tirer le meilleur parti de votre huile riche en oméga 3, associez-la à une alimentation variée incluant des \u003cstrong\u003epoissons gras deux fois par semaine\u003c\/strong\u003e, des noix et des graines de lin. Un apport régulier en \u003cstrong\u003evitamine D\u003c\/strong\u003e renforce la synergie avec les oméga-3 EPA DHA, notamment en hiver. Pensez-y : \u003cstrong\u003ela régularité compte davantage que la dose ponctuelle\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"of-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation équilibrée, un mode de vie sain, ni à un traitement médical. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --of-cream: #FAFAF5;\n --of-white: #ffffff;\n --of-primary: #E8B617;\n --of-primary-dark: #B8900E;\n --of-primary-light: #FFF8E1;\n --of-secondary: #3AABD2;\n --of-secondary-dark: #1A7FA0;\n --of-secondary-light: #E6F6FB;\n --of-accent: #1A7FA0;\n --of-text: #1a1a1a;\n --of-text-light: #5a5a5a;\n --of-border: #e0e0e0;\n --of-shadow: 0 4px 24px rgba(0,0,0,.08);\n --of-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --of-radius: 20px;\n --of-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.of-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--of-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.of-hero {\n position: relative;\n background: linear-gradient(135deg, var(--of-secondary-dark) 0%, var(--of-secondary) 40%, var(--of-primary) 100%);\n border-radius: var(--of-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--of-shadow-lg);\n}\n\n.of-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.03) 30px, rgba(255,255,255,.03) 60px);\n opacity: 1;\n}\n\n.of-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.of-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.of-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.of-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.of-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.of-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--of-secondary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.of-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.of-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.of-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--of-secondary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.of-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--of-primary), var(--of-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.of-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--of-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.of-section-text {\n text-align: center;\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--of-text-light);\n margin-top: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX (chiffres clés) === *\/\n.of-highlight-box {\n background: var(--of-white);\n border-radius: var(--of-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--of-shadow);\n border: 2px solid var(--of-primary);\n}\n\n.of-highlight-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1.25rem;\n text-align: center;\n}\n\n.of-highlight-stat {\n display: flex;\n flex-direction: column;\n gap: .25rem;\n}\n\n.of-stat-number {\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n color: var(--of-secondary-dark);\n letter-spacing: -.03em;\n line-height: 1.1;\n}\n\n.of-stat-label {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--of-text-light);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .04em;\n}\n\n\/* === CARDS === *\/\n.of-card {\n background: var(--of-white);\n border-radius: var(--of-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--of-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.of-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--of-shadow-lg);\n border-color: var(--of-primary);\n}\n\n.of-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--of-secondary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.of-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--of-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.of-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.of-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.of-grid-compact .of-card {\n padding: 1rem;\n}\n\n.of-grid-compact .of-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.of-grid-compact .of-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.of-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.of-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.of-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--of-secondary), var(--of-primary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(58,171,210,.3);\n}\n\n.of-timeline-content {\n flex: 1;\n background: var(--of-white);\n padding: 1rem 1.25rem;\n border-radius: var(--of-radius-sm);\n box-shadow: var(--of-shadow);\n}\n\n.of-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--of-secondary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.of-timeline-content p {\n font-size: 14px;\n color: var(--of-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.of-testimonial {\n background: var(--of-white);\n border-radius: var(--of-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--of-shadow);\n border-left: 4px solid var(--of-primary);\n}\n\n.of-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--of-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.of-accordion {\n background: var(--of-white);\n border-radius: var(--of-radius);\n box-shadow: var(--of-shadow);\n overflow: hidden;\n}\n\n.of-accordion-item {\n border-bottom: 1px solid var(--of-border);\n margin: 0;\n padding: 0;\n}\n\n.of-accordion-item:last-child {\n border-bottom: none;\n}\n\n.of-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--of-secondary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.of-accordion-header:hover {\n background: var(--of-secondary-light);\n}\n\n.of-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.of-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--of-secondary);\n transition: transform .2s ease;\n}\n\n.of-accordion-item[open] .of-accordion-header::after {\n content: '−';\n}\n\n.of-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--of-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.of-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.of-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--of-secondary-light);\n border-radius: var(--of-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.of-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.of-tip p {\n font-size: 14px;\n color: var(--of-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.of-cta-box {\n background: linear-gradient(135deg, var(--of-secondary) 0%, var(--of-secondary-dark) 100%);\n border-radius: var(--of-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.of-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(232,182,23,.15) 0%, transparent 60%);\n}\n\n.of-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.of-disclaimer {\n font-size: 12px;\n color: var(--of-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .of-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .of-card {\n padding: 1.125rem;\n }\n\n .of-section {\n margin-bottom: 1.75rem;\n }\n\n .of-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--of-radius-sm);\n }\n\n .of-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .of-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .of-highlight-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n\n .of-highlight-box {\n padding: 1.25rem;\n }\n\n .of-stat-number {\n font-size: 26px;\n }\n\n .of-stat-label {\n font-size: 11px;\n }\n\n \/* Grille compacte : 2 colonnes serrées *\/\n .of-grid-compact {\n gap: .625rem;\n }\n\n .of-grid-compact .of-card {\n padding: .75rem;\n }\n\n \/* Timeline mobile *\/\n .of-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .of-timeline-content {\n padding: .875rem 1rem;\n }\n\n .of-timeline-content h3 {\n font-size: 14px;\n }\n\n .of-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .of-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .of-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .of-testimonial {\n padding: 1.25rem;\n }\n\n .of-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .of-card {\n animation: of-fadeInUp .5s ease backwards;\n }\n .of-card:nth-child(1) { animation-delay: .05s; }\n .of-card:nth-child(2) { animation-delay: .1s; }\n .of-card:nth-child(3) { animation-delay: .15s; }\n .of-card:nth-child(4) { animation-delay: .2s; }\n .of-card:nth-child(5) { animation-delay: .25s; }\n .of-card:nth-child(6) { animation-delay: .3s; }\n .of-card:nth-child(7) { animation-delay: .35s; }\n\n .of-timeline-item {\n animation: of-fadeInUp .5s ease backwards;\n }\n .of-timeline-item:nth-child(1) { animation-delay: .1s; }\n .of-timeline-item:nth-child(2) { animation-delay: .2s; }\n .of-timeline-item:nth-child(3) { animation-delay: .3s; }\n\n .of-highlight-stat {\n animation: of-fadeInUp .5s ease backwards;\n }\n .of-highlight-stat:nth-child(1) { animation-delay: .05s; }\n .of-highlight-stat:nth-child(2) { animation-delay: .1s; }\n .of-highlight-stat:nth-child(3) { animation-delay: .15s; }\n .of-highlight-stat:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes of-fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .of-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55326300766585,"sku":"OMEGA3HUILEINOLAB","price":26.53,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-omega-3-epa-dha-epax-ultra-concentre-inolab-1-min.webp?v=1749729851"},{"product_id":"d3form-vitamine-d3-vegetale-lichen-bio-vegan-60-comprimes","title":"D3Form • Vitamine D3 végétale issue du lichen bio \u0026 vegan - 60 comprimés","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: D3Form - Vitamine D3 végétale issue du lichen bio\nPalette détectée:\n - Primaire: #2EBCB3 (turquoise\/teal caractéristique du packaging)\n - Secondaire: #1A8A82 (version foncée du turquoise)\n - Accent: #4CAF50 (vert bio\/naturel du logo AB)\nAmbiance: Clean, naturel, scientifique mais accessible, bio\/vegan, moderne et épuré\nPréfixe CSS: d3\n--\u003e\n\n\u003cdiv class=\"d3-premium\"\u003e\n \n \u003cdiv class=\"d3-hero\"\u003e\n \u003cdiv class=\"d3-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"d3-hero-content\"\u003e\n \u003cdiv class=\"d3-badges-top\"\u003e\n \u003cspan class=\"d3-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n \u003cspan class=\"d3-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"d3-badge\"\u003e✨ 2000 UI \/ comprimé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"d3-hero-title\"\u003eVitamine D3 végétale\u003c\/span\u003e\n \u003cp class=\"d3-subtitle\"\u003eIssue du lichen bio • Certifiée vegan\u003c\/p\u003e\n \u003cp class=\"d3-description\"\u003eLa vitamine D3 naturelle extraite de lichen pour soutenir votre immunité, renforcer vos os et maintenir votre vitalité musculaire. 60 comprimés pour 2 mois de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"d3-section\"\u003e\n \u003ch2\u003e☀️ Les bienfaits de la vitamine D3\u003c\/h2\u003e\n \u003cdiv class=\"d3-grid\"\u003e\n \u003cdiv class=\"d3-card\"\u003e\n \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n \u003cp\u003eContribue au fonctionnement normal de vos défenses naturelles, particulièrement précieux pendant les mois d'hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"d3-card\"\u003e\n \u003ch3\u003e🦴 Santé osseuse\u003c\/h3\u003e\n \u003cp\u003eFavorise l'absorption du calcium et du phosphore pour des os et des dents qui conservent leur solidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"d3-card\"\u003e\n \u003ch3\u003e💪 Fonction musculaire\u003c\/h3\u003e\n \u003cp\u003eParticipe au maintien d'une fonction musculaire normale pour préserver mobilité et tonus au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"d3-card\"\u003e\n \u003ch3\u003e⚡ Vitalité générale\u003c\/h3\u003e\n \u003cp\u003eUn taux optimal de vitamine D est associé à une meilleure énergie et une réduction de la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"d3-section\"\u003e\n \u003ch2\u003e🌱 Pourquoi D3Form est différent\u003c\/h2\u003e\n \u003cdiv class=\"d3-grid\"\u003e\n \u003cdiv class=\"d3-card\"\u003e\n \u003ch3\u003e🍃 Source 100% végétale\u003c\/h3\u003e\n \u003cp\u003eExtraite du lichen Cladonia rangiferina, contrairement aux vitamines D3 classiques issues de lanoline animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"d3-card\"\u003e\n \u003ch3\u003e🌾 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eTous les ingrédients sont issus de l'agriculture biologique certifiée. Label AB garanti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"d3-card\"\u003e\n \u003ch3\u003e📋 Formule minimaliste\u003c\/h3\u003e\n \u003cp\u003eSeulement 3 ingrédients, sans additifs controversés, sans OGM, sans gluten.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"d3-section\"\u003e\n \u003ch2\u003e🧪 Composition transparente\u003c\/h2\u003e\n \u003cdiv class=\"d3-grid\"\u003e\n \u003cdiv class=\"d3-card d3-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Poudre de lichen bio\u003c\/h3\u003e\n \u003cp\u003eCladonia rangiferina – Source naturelle de vitamine D3 végétale parfaitement assimilable.\u003c\/p\u003e\n \u003cspan class=\"d3-origin\"\u003eOrigine Inde\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"d3-card d3-card-ingredient\"\u003e\n \u003ch3\u003e🌳 Fibregum™\u003c\/h3\u003e\n \u003cp\u003eFibres d'acacia bio – Support naturel facilitant la compression du comprimé.\u003c\/p\u003e\n \u003cspan class=\"d3-origin\"\u003eOrigine France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"d3-card d3-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Amidon de riz bio\u003c\/h3\u003e\n \u003cp\u003eAnti-agglomérant naturel pour une formulation propre et efficace.\u003c\/p\u003e\n \u003cspan class=\"d3-origin\"\u003eOrigine UE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"d3-clean-label\"\u003e\n \u003ch3\u003e🚫 Ce que vous ne trouverez pas\u003c\/h3\u003e\n \u003cdiv class=\"d3-clean-grid\"\u003e\n \u003cspan\u003eAucun ingrédient animal\u003c\/span\u003e\n \u003cspan\u003eAucun OGM\u003c\/span\u003e\n \u003cspan\u003eAucun gluten\u003c\/span\u003e\n \u003cspan\u003eAucun additif controversé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"d3-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"d3-usage-box\"\u003e\n \u003cdiv class=\"d3-dosage\"\u003e\n \u003cspan class=\"d3-dosage-number\"\u003e1\u003c\/span\u003e\n \u003cspan class=\"d3-dosage-text\"\u003ecomprimé par jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"d3-usage-details\"\u003e\n \u003cdiv class=\"d3-usage-item\"\u003e\n \u003ch3\u003e⏰ Quand le prendre ?\u003c\/h3\u003e\n \u003cp\u003eAu cours d'un repas contenant des matières grasses (huile d'olive, avocat, oléagineux). Le petit-déjeuner ou déjeuner sont idéaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"d3-usage-item\"\u003e\n \u003ch3\u003e💡 Pourquoi avec du gras ?\u003c\/h3\u003e\n \u003cp\u003eLa vitamine D3 est liposoluble : elle s'absorbe beaucoup mieux en présence de lipides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"d3-nutrition-info\"\u003e\n \u003ch3\u003eApport par comprimé\u003c\/h3\u003e\n \u003cdiv class=\"d3-nutrition-row\"\u003e\n \u003cspan\u003eVitamine D3\u003c\/span\u003e\n \u003cspan class=\"d3-nutrition-value\"\u003e2000 UI (50 µg)\u003c\/span\u003e\n \u003cspan class=\"d3-nutrition-vnr\"\u003e1000% VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"d3-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse D3Form ?\u003c\/h2\u003e\n \u003cdiv class=\"d3-grid\"\u003e\n \u003cdiv class=\"d3-card\"\u003e\n \u003ch3\u003e🥗 Vegans \u0026amp; végétariens\u003c\/h3\u003e\n \u003cp\u003eLa seule vitamine D3 vraiment végétale, sans aucune origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"d3-card\"\u003e\n \u003ch3\u003e🏠 Sédentaires\u003c\/h3\u003e\n \u003cp\u003ePour ceux qui passent peu de temps à l'extérieur ou vivent dans une région peu ensoleillée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"d3-card\"\u003e\n \u003ch3\u003e❄️ Préparation hiver\u003c\/h3\u003e\n \u003cp\u003eIdéal pour renforcer votre immunité avant et pendant la saison froide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"d3-card\"\u003e\n \u003ch3\u003e🦴 Seniors 50+\u003c\/h3\u003e\n \u003cp\u003eParticulièrement adapté aux personnes soucieuses de la santé de leurs os.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"d3-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"d3-accordion\"\u003e\n \u003cdetails class=\"d3-accordion-item\"\u003e\n \u003csummary class=\"d3-accordion-header\"\u003e💊 Pourquoi un dosage de 2000 UI ?\u003c\/summary\u003e\n \u003cdiv class=\"d3-accordion-content mt-1\"\u003e\n \u003cp\u003eCe dosage correspond aux recommandations de nombreux professionnels de santé pour maintenir un taux sanguin optimal, surtout en période de faible ensoleillement. Il reste dans les limites de sécurité établies par les autorités sanitaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"d3-accordion-item\"\u003e\n \u003csummary class=\"d3-accordion-header\"\u003e📅 Peut-on prendre D3Form toute l'année ?\u003c\/summary\u003e\n \u003cdiv class=\"d3-accordion-content mt-1\"\u003e\n \u003cp\u003eVous pouvez faire une cure continue d'octobre à avril, période où le soleil ne permet pas de synthétiser suffisamment de vitamine D sous nos latitudes. En été, adaptez selon votre exposition solaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"d3-accordion-item\"\u003e\n \u003csummary class=\"d3-accordion-header\"\u003e🧬 Vitamine D3 seule ou D3 + K2 ?\u003c\/summary\u003e\n \u003cdiv class=\"d3-accordion-content mt-1\"\u003e\n \u003cp\u003eLa vitamine K2 aide à diriger le calcium vers les os. Si vous consommez régulièrement des légumes verts, produits fermentés ou fromage, votre apport en K2 est probablement suffisant. D3Form seul répond parfaitement à vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"d3-accordion-item\"\u003e\n \u003csummary class=\"d3-accordion-header\"\u003e👶 Ce produit convient-il aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"d3-accordion-content mt-1\"\u003e\n \u003cp\u003eD3Form est formulé pour les adultes. Pour les enfants, demandez l'avis de votre pédiatre qui pourra vous orienter vers un dosage adapté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"d3-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"d3-accordion\"\u003e\n \u003cdetails class=\"d3-accordion-item\"\u003e\n \u003csummary class=\"d3-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"d3-accordion-content mt-1\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité, dans son emballage d'origine. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"d3-accordion-item\"\u003e\n \u003csummary class=\"d3-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"d3-accordion-content mt-1\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Déconseillé aux enfants, aux femmes enceintes ou allaitantes sans avis médical préalable. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ce complément alimentaire ne remplace en aucun cas 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=\"d3-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"d3-grid-compact\"\u003e\n \u003cdiv class=\"d3-card\"\u003e\n \u003ch3\u003e💊 60 comprimés\u003c\/h3\u003e\n \u003cp\u003e2 mois de cure complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"d3-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eQualité et traçabilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"d3-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"d3-card\"\u003e\n \u003ch3\u003e✅ 100% vegan\u003c\/h3\u003e\n \u003cp\u003eSans origine animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"d3-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"d3-cta-box\"\u003e\n \u003cp\u003e☀️ En France, près de \u003cstrong\u003e80% de la population\u003c\/strong\u003e présente une insuffisance en vitamine D. Avec D3Form, offrez à votre corps la vitamine D3 végétale dont il a besoin pour traverser l'hiver en pleine forme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --d3-cream: #f8fafa;\n --d3-white: #ffffff;\n --d3-primary: #2EBCB3;\n --d3-primary-dark: #1A8A82;\n --d3-primary-light: #e6f7f6;\n --d3-secondary: #1E9E95;\n --d3-accent: #4CAF50;\n --d3-text: #1a1a1a;\n --d3-text-light: #5a6a6a;\n --d3-border: #e0e8e8;\n --d3-shadow: 0 4px 24px rgba(46,188,179,.08);\n --d3-shadow-lg: 0 12px 48px rgba(46,188,179,.15);\n --d3-radius: 20px;\n --d3-radius-sm: 12px;\n}\n\n.d3-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--d3-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.d3-hero {\n position: relative;\n background: linear-gradient(135deg, #2EBCB3 0%, #1A8A82 50%, #156b64 100%);\n border-radius: var(--d3-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--d3-shadow-lg);\n}\n\n.d3-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.d3-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.d3-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.d3-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--d3-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.d3-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.d3-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.d3-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.d3-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.d3-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.d3-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--d3-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.d3-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--d3-primary), var(--d3-accent));\n border-radius: 2px;\n}\n\n.d3-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.d3-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.d3-card {\n background: var(--d3-white);\n border-radius: var(--d3-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--d3-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.d3-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--d3-shadow-lg);\n border-color: var(--d3-primary);\n}\n\n.d3-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--d3-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.d3-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--d3-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.d3-grid-compact .d3-card {\n padding: 1rem;\n}\n\n.d3-grid-compact .d3-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.d3-grid-compact .d3-card p {\n font-size: 12px;\n}\n\n.d3-card-ingredient {\n position: relative;\n}\n\n.d3-origin {\n display: inline-block;\n margin-top: .75rem;\n padding: 4px 12px;\n background: var(--d3-primary-light);\n color: var(--d3-primary-dark);\n font-size: 11px;\n font-weight: 700;\n border-radius: 999px;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.d3-clean-label {\n margin-top: 1.5rem;\n background: var(--d3-white);\n border-radius: var(--d3-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--d3-shadow);\n text-align: center;\n}\n\n.d3-clean-label h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--d3-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.d3-clean-grid {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n}\n\n.d3-clean-grid span {\n padding: 8px 16px;\n background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);\n color: #dc2626;\n font-size: 13px;\n font-weight: 700;\n border-radius: 999px;\n}\n\n.d3-usage-box {\n background: var(--d3-white);\n border-radius: var(--d3-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--d3-shadow);\n}\n\n.d3-dosage {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px solid var(--d3-border);\n}\n\n.d3-dosage-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--d3-primary) 0%, var(--d3-primary-dark) 100%);\n color: white;\n font-size: 32px;\n font-weight: 900;\n border-radius: 50%;\n box-shadow: 0 8px 24px rgba(46,188,179,.3);\n}\n\n.d3-dosage-text {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--d3-primary-dark);\n}\n\n.d3-usage-details {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.d3-usage-item h3 {\n font-size: 15px;\n font-weight: 800;\n color: var(--d3-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.d3-usage-item p {\n font-size: 14px;\n color: var(--d3-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.d3-nutrition-info {\n background: var(--d3-primary-light);\n border-radius: var(--d3-radius-sm);\n padding: 1.25rem;\n}\n\n.d3-nutrition-info h3 {\n font-size: 14px;\n font-weight: 800;\n color: var(--d3-primary-dark);\n margin: 0 0 .75rem 0;\n text-align: center;\n}\n\n.d3-nutrition-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: .5rem;\n font-size: 14px;\n color: var(--d3-text);\n}\n\n.d3-nutrition-value {\n font-weight: 800;\n color: var(--d3-primary-dark);\n}\n\n.d3-nutrition-vnr {\n padding: 4px 10px;\n background: var(--d3-primary);\n color: white;\n font-size: 12px;\n font-weight: 700;\n border-radius: 999px;\n}\n\n.d3-accordion {\n background: var(--d3-white);\n border-radius: var(--d3-radius);\n box-shadow: var(--d3-shadow);\n overflow: hidden;\n}\n\n.d3-accordion-item {\n border-bottom: 1px solid var(--d3-border);\n margin: 0;\n padding: 0;\n}\n\n.d3-accordion-item:last-child {\n border-bottom: none;\n}\n\n.d3-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--d3-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.d3-accordion-header:hover {\n background: var(--d3-primary-light);\n}\n\n.d3-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.d3-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--d3-primary);\n transition: transform .2s ease;\n}\n\n.d3-accordion-item[open] .d3-accordion-header::after {\n content: '−';\n}\n\n.d3-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--d3-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.d3-accordion-content p {\n margin: 0;\n}\n\n.d3-cta-box {\n background: linear-gradient(135deg, var(--d3-primary) 0%, var(--d3-primary-dark) 100%);\n border-radius: var(--d3-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.d3-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.d3-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.d3-cta-box strong {\n color: #fef08a;\n}\n\n@media (max-width: 767px) {\n .d3-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .d3-card {\n padding: 1.125rem;\n }\n \n .d3-section {\n margin-bottom: 1.75rem;\n }\n \n .d3-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--d3-radius-sm);\n }\n \n .d3-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .d3-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .d3-badges-top {\n gap: 8px;\n }\n \n .d3-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .d3-grid-compact {\n gap: .625rem;\n }\n \n .d3-grid-compact .d3-card {\n padding: .75rem;\n }\n \n .d3-dosage-number {\n width: 56px;\n height: 56px;\n font-size: 26px;\n }\n \n .d3-usage-details {\n grid-template-columns: 1fr;\n }\n \n .d3-clean-grid span {\n font-size: 11px;\n padding: 6px 12px;\n }\n \n .d3-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .d3-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .d3-card {\n animation: fadeInUp .5s ease backwards;\n }\n .d3-card:nth-child(1) { animation-delay: .05s; }\n .d3-card:nth-child(2) { animation-delay: .1s; }\n .d3-card:nth-child(3) { animation-delay: .15s; }\n .d3-card:nth-child(4) { animation-delay: .2s; }\n .d3-card:nth-child(5) { animation-delay: .25s; }\n .d3-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .d3-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55337204351353,"sku":"D3FORM","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/d3form-vitamine-d3-vegetale-issue-du-lichen-bio-vegan-60-com-packshothd.webp?v=1787584744"},{"product_id":"glutathion-optiform-inolab","title":"Detox Foie Optiform Inolab : Complexe L-Glutathion \u0026 NAC, Chardon-Marie + Vitamine C","description":"\u003cdiv class=\"df-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"df-hero\"\u003e\n \u003cdiv class=\"df-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"df-hero-content\"\u003e\n \u003cdiv class=\"df-badges-top\"\u003e\n \u003cspan class=\"df-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"df-badge\"\u003e🌿 100 % vegan\u003c\/span\u003e\n \u003cspan class=\"df-badge\"\u003e💊 90 gélules végétales\u003c\/span\u003e\n \u003cspan class=\"df-badge\"\u003e📅 Programme 30 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"df-hero-title\"\u003eDétox Foie Optiform Inolab\u003c\/span\u003e\n \u003cp class=\"df-subtitle\"\u003eComplexe L-Glutathion \u0026amp; NAC, Chardon-Marie + Vitamine C\u003c\/p\u003e\n \u003cp class=\"df-description\"\u003eSoutenez la détoxification naturelle de votre foie grâce à une synergie de 4 actifs puissants. -40 % de stress oxydatif hépatique observé avec l'association Glutathion + NAC.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"df-section\"\u003e\n \u003ch2\u003eDétox Foie Optiform Inolab : votre cure détox du foie naturelle en 30 jours\u003c\/h2\u003e\n \u003cp class=\"df-section-intro\"\u003eVous ressentez une fatigue persistante, des lourdeurs digestives ou un teint terne ? Votre foie vous envoie peut-être un signal.\u003c\/p\u003e\n \u003cdiv class=\"df-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eComplexe Détox Foie Optiform d'Inolab\u003c\/strong\u003e est un complément alimentaire formulé pour \u003cstrong\u003esoutenir la détoxification naturelle du foie\u003c\/strong\u003e grâce à une association puissante de \u003cstrong\u003eL-Glutathion, NAC, Chardon-Marie et Vitamine C naturelle\u003c\/strong\u003e. Un programme de 30 jours, 90 gélules végétales, fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"df-section\"\u003e\n \u003ch2\u003ePourquoi faire une détox du foie ?\u003c\/h2\u003e\n \u003cp class=\"df-section-intro\"\u003eLe foie est votre principal organe de détoxification : il filtre chaque jour les toxines issues de l'alimentation, de l'environnement et du métabolisme.\u003c\/p\u003e\n \u003cdiv class=\"df-grid-compact\"\u003e\n \u003cdiv class=\"df-card\"\u003e\n \u003ch3\u003e🧬 Filtration quotidienne\u003c\/h3\u003e\n \u003cp\u003eQuand il est surchargé, votre organisme entier s'en ressent : fatigue, digestion lente, teint brouillé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"df-card\"\u003e\n \u003ch3\u003e🔬 Actifs ciblés\u003c\/h3\u003e\n \u003cp\u003eContrairement à une tisane détox, cette formule agit en profondeur grâce à des actifs dosés avec précision.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"df-card\"\u003e\n \u003ch3\u003e📊 -40 % de stress oxydatif\u003c\/h3\u003e\n \u003cp\u003eL'association Glutathion + NAC a montré une réduction de 40 % du stress oxydatif hépatique (source : PubMed).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"df-card\"\u003e\n \u003ch3\u003e📚 Validé par la science\u003c\/h3\u003e\n \u003cp\u003eDes actifs validés par la recherche scientifique, pour une action profonde et durable sur votre foie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"df-section\"\u003e\n \u003ch2\u003eUne synergie de 4 actifs complémentaires\u003c\/h2\u003e\n \u003cp class=\"df-section-intro\"\u003eCe qui distingue cette formule détox foie naturelle, c'est la \u003cstrong\u003ecomplémentarité de ses ingrédients\u003c\/strong\u003e, qui agissent en cascade.\u003c\/p\u003e\n \u003cdiv class=\"df-grid\"\u003e\n \u003cdiv class=\"df-card df-card-ingredient\"\u003e\n \u003ch3\u003e🛡️ L-Glutathion réduit (98 %)\u003c\/h3\u003e\n \u003cdiv class=\"df-dosage\"\u003e400,2 mg\/jour\u003c\/div\u003e\n \u003cp\u003eLe plus puissant antioxydant intracellulaire, essentiel pour neutraliser les radicaux libres et soutenir les fonctions hépatiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"df-card df-card-ingredient\"\u003e\n \u003ch3\u003e🔄 N-Acétylcystéine (NAC)\u003c\/h3\u003e\n \u003cdiv class=\"df-dosage\"\u003e200,1 mg\/jour\u003c\/div\u003e\n \u003cp\u003ePrécurseur naturel du glutathion, elle stimule sa régénération endogène et renforce les processus de détox du foie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"df-card df-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Extrait de Chardon-Marie\u003c\/h3\u003e\n \u003cdiv class=\"df-dosage\"\u003e200,1 mg\/jour · 80 % silymarine\u003c\/div\u003e\n \u003cp\u003ePlante hépatoprotectrice de référence, traditionnellement utilisée pour favoriser la régénération des cellules du foie. Soit 160 mg de silymarine active.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"df-card df-card-ingredient\"\u003e\n \u003ch3\u003e🍒 Extrait d'Acérola\u003c\/h3\u003e\n \u003cdiv class=\"df-dosage\"\u003e71,1 mg\/jour · 12 mg vitamine C (15 % VNR)\u003c\/div\u003e\n \u003cp\u003eComplète l'action antioxydante et soutient vos défenses immunitaires grâce à la vitamine C 100 % naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"df-tip\"\u003e\n \u003cspan class=\"df-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e fibres d'acacia (FibreGum™), enveloppe végétale (hydroxypropylméthylcellulose), anti-agglomérant : farine de riz bio. \u003cem\u003e58,29 % des ingrédients sont issus de l'agriculture biologique (certification FR-BIO-01). Emballage recyclable.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"df-section\"\u003e\n \u003ch2\u003eComment prendre votre cure détox foie ?\u003c\/h2\u003e\n \u003cdiv class=\"df-timeline\"\u003e\n \u003cdiv class=\"df-timeline-item\"\u003e\n \u003cdiv class=\"df-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"df-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e, idéalement une avant chaque repas, 30 minutes avant de manger, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"df-timeline-item\"\u003e\n \u003cdiv class=\"df-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"df-timeline-content\"\u003e\n \u003ch3\u003eEstomac sensible ?\u003c\/h3\u003e\n \u003cp\u003eAccompagnez la prise d'un petit en-cas pour un meilleur confort digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"df-timeline-item\"\u003e\n \u003cdiv class=\"df-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"df-timeline-content\"\u003e\n \u003ch3\u003eDurée du programme\u003c\/h3\u003e\n \u003cp\u003eSuivez une cure de \u003cstrong\u003e30 jours à raison de 5 jours par semaine\u003c\/strong\u003e (pause le week-end). Renouvelable aux changements de saison ou après des périodes d'excès alimentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"df-timeline-item\"\u003e\n \u003cdiv class=\"df-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"df-timeline-content\"\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp\u003eGardez le sachet dans un endroit frais, sec et à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"df-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets que vous pouvez attendre\u003c\/h2\u003e\n \u003cdiv class=\"df-grid-compact\"\u003e\n \u003cdiv class=\"df-card\"\u003e\n \u003ch3\u003e🫀 Soutien hépatique global\u003c\/h3\u003e\n \u003cp\u003eAidez votre foie à remplir ses fonctions de filtration au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"df-card\"\u003e\n \u003ch3\u003e🛡️ Protection cellulaire renforcée\u003c\/h3\u003e\n \u003cp\u003eLe duo Glutathion + NAC cible directement le stress oxydatif hépatique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"df-card\"\u003e\n \u003ch3\u003e🍃 Confort digestif amélioré\u003c\/h3\u003e\n \u003cp\u003eUn foie mieux soutenu contribue à une digestion plus légère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"df-card\"\u003e\n \u003ch3\u003e⚡ Vitalité retrouvée\u003c\/h3\u003e\n \u003cp\u003eQuand votre foie fonctionne mieux, votre énergie et votre teint s'améliorent naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"df-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"df-accordion\"\u003e\n \u003cdetails class=\"df-accordion-item\" open\u003e\n \u003csummary class=\"df-accordion-header\"\u003e⚠️ Avertissements importants\u003c\/summary\u003e\n \u003cdiv class=\"df-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. \u003cstrong\u003eDéconseillé aux femmes enceintes ou allaitantes.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"df-accordion-item\"\u003e\n \u003csummary class=\"df-accordion-header\"\u003e💊 Traitement médical en cours\u003c\/summary\u003e\n \u003cdiv class=\"df-accordion-content mt-3\"\u003e\n \u003cp\u003eSi vous suivez un traitement médical, demandez conseil à votre médecin avant de commencer cette cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"df-accordion-item\"\u003e\n \u003csummary class=\"df-accordion-header\"\u003e👶 Tenir hors de portée\u003c\/summary\u003e\n \u003cdiv class=\"df-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. 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 \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"df-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"df-cta-box\"\u003e\n \u003cp\u003eAvec le \u003cstrong\u003eComplexe Détox Foie Optiform Inolab\u003c\/strong\u003e, vous offrez à votre foie un véritable programme de soutien, alliant rigueur scientifique et ingrédients naturels. Une détox du foie naturelle, douce et efficace pour vous sentir plus léger, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"df-disclaimer\"\u003eComplément alimentaire · 90 gélules végétales · 41 g · Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --df-cream: #faf5f2;\n --df-white: #ffffff;\n --df-primary: #c4796b;\n --df-primary-dark: #8b3a2f;\n --df-primary-light: #f8eeeb;\n --df-secondary: #e8a99a;\n --df-accent: #d4645a;\n --df-text: #1a1a1a;\n --df-text-light: #5a5a5a;\n --df-border: #e8ddd8;\n --df-shadow: 0 4px 24px rgba(139, 58, 47, .08);\n --df-shadow-lg: 0 12px 48px rgba(139, 58, 47, .15);\n --df-radius: 20px;\n --df-radius-sm: 12px;\n}\n\n.df-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--df-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.df-hero {\n position: relative;\n background: linear-gradient(135deg, #c4796b 0%, #d4907e 40%, #e8a99a 70%, #8b3a2f 100%);\n border-radius: var(--df-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--df-shadow-lg);\n}\n\n.df-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.df-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.df-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.df-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--df-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.df-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.df-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.df-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.df-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.df-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.df-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--df-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.df-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--df-primary), var(--df-secondary));\n border-radius: 2px;\n}\n\n.df-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--df-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.df-highlight-box {\n background: var(--df-white);\n border-radius: var(--df-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--df-shadow);\n border-left: 4px solid var(--df-primary);\n}\n\n.df-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--df-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.df-card {\n background: var(--df-white);\n border-radius: var(--df-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--df-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.df-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--df-shadow-lg);\n border-color: var(--df-primary);\n}\n\n.df-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--df-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.df-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--df-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.df-card-ingredient {\n text-align: left;\n position: relative;\n}\n\n.df-dosage {\n display: inline-block;\n background: var(--df-primary-light);\n color: var(--df-primary-dark);\n font-size: 12px;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .75rem;\n letter-spacing: .02em;\n}\n\n\/* === GRILLES === *\/\n.df-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.df-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.df-grid-compact .df-card {\n padding: 1rem;\n}\n\n.df-grid-compact .df-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.df-grid-compact .df-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.df-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.df-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.df-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--df-primary), var(--df-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.df-timeline-content {\n flex: 1;\n background: var(--df-white);\n padding: 1rem 1.25rem;\n border-radius: var(--df-radius-sm);\n box-shadow: var(--df-shadow);\n}\n\n.df-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--df-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.df-timeline-content p {\n font-size: 14px;\n color: var(--df-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.df-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--df-primary-light);\n border-radius: var(--df-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.df-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.df-tip p {\n font-size: 14px;\n color: var(--df-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.df-accordion {\n background: var(--df-white);\n border-radius: var(--df-radius);\n box-shadow: var(--df-shadow);\n overflow: hidden;\n}\n\n.df-accordion-item {\n border-bottom: 1px solid var(--df-border);\n margin: 0;\n padding: 0;\n}\n\n.df-accordion-item:last-child {\n border-bottom: none;\n}\n\n.df-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--df-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.df-accordion-header:hover {\n background: var(--df-primary-light);\n}\n\n.df-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.df-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--df-primary);\n transition: transform .2s ease;\n}\n\n.df-accordion-item[open] .df-accordion-header::after {\n content: '−';\n}\n\n.df-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--df-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.df-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.df-cta-box {\n background: linear-gradient(135deg, var(--df-primary) 0%, var(--df-primary-dark) 100%);\n border-radius: var(--df-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.df-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.df-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.df-disclaimer {\n font-size: 12px;\n color: var(--df-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .df-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .df-card {\n padding: 1.125rem;\n }\n\n .df-card-ingredient {\n text-align: left;\n }\n\n .df-section {\n margin-bottom: 1.75rem;\n }\n\n .df-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--df-radius-sm);\n }\n\n .df-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .df-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .df-grid-compact {\n gap: .625rem;\n }\n\n .df-grid-compact .df-card {\n padding: .75rem;\n }\n\n .df-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .df-timeline-content {\n padding: .875rem 1rem;\n }\n\n .df-timeline-content h3 {\n font-size: 14px;\n }\n\n .df-timeline-content p {\n font-size: 13px;\n }\n\n .df-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .df-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .df-highlight-box {\n padding: 1.25rem;\n }\n\n .df-highlight-box p {\n font-size: 14px;\n }\n\n .df-tip {\n padding: .875rem 1rem;\n }\n\n .df-tip-icon {\n font-size: 20px;\n }\n\n .df-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .df-card {\n animation: dfFadeInUp .5s ease backwards;\n }\n .df-card:nth-child(1) { animation-delay: .05s; }\n .df-card:nth-child(2) { animation-delay: .1s; }\n .df-card:nth-child(3) { animation-delay: .15s; }\n .df-card:nth-child(4) { animation-delay: .2s; }\n .df-card:nth-child(5) { animation-delay: .25s; }\n .df-card:nth-child(6) { animation-delay: .3s; }\n\n .df-timeline-item {\n animation: dfFadeInUp .5s ease backwards;\n }\n .df-timeline-item:nth-child(1) { animation-delay: .05s; }\n .df-timeline-item:nth-child(2) { animation-delay: .1s; }\n .df-timeline-item:nth-child(3) { animation-delay: .15s; }\n .df-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes dfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .df-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55423715934585,"sku":"OPTIFORM90","price":26.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/detox-foie-optiform-inolab-complexe-l-glutathion-nac-chardon-packshothd.webp?v=1773059588"},{"product_id":"serenityform-inolab","title":"Complexe anti stress : Ashwagandha KSM66 \u0026 Rhodiola bio - SerenityForm Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: SerenityForm - Ashwagandha KSM-66 \u0026 Rhodiola Bio\nPalette détectée:\n - Primaire: #5B9A8B (vert sauge doux du packaging)\n - Secondaire: #7FB8A4 (vert menthe clair des bandes)\n - Accent: #E8F4F0 (blanc-vert très pâle pour les fonds)\nAmbiance: Naturel, apaisant, bien-être, bio, sérénité - univers zen et équilibré\nPréfixe CSS: sf\n--\u003e\n\n\u003cdiv class=\"sf-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"sf-hero\"\u003e\n \u003cdiv class=\"sf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sf-hero-content\"\u003e\n \u003cdiv class=\"sf-badges-top\"\u003e\n \u003cspan class=\"sf-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"sf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sf-badge\"\u003e✨ KSM-66®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sf-hero-title\"\u003eSerenityForm\u003c\/span\u003e\n \u003cp class=\"sf-subtitle\"\u003eVotre duo anti-stress naturel\u003c\/p\u003e\n \u003cp class=\"sf-description\"\u003eComplexe bio associant \u003cstrong\u003eAshwagandha KSM-66®\u003c\/strong\u003e et \u003cstrong\u003eRhodiola rosea\u003c\/strong\u003e pour apaiser le stress, soutenir votre équilibre émotionnel et booster votre énergie mentale et physique.\u003c\/p\u003e\n \u003cdiv class=\"sf-hero-tags\"\u003e\n \u003cspan class=\"sf-hero-tag\"\u003e🧘 Anti-stress\u003c\/span\u003e\n \u003cspan class=\"sf-hero-tag\"\u003e💤 Sommeil\u003c\/span\u003e\n \u003cspan class=\"sf-hero-tag\"\u003e🧠 Clarté mentale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003eLes bienfaits d'une formule synergique\u003c\/h2\u003e\n \u003cdiv class=\"sf-grid\"\u003e\n \u003cdiv class=\"sf-card sf-benefit-card\"\u003e\n \u003cdiv class=\"sf-card-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch3\u003eRéduction du stress\u003c\/h3\u003e\n \u003cp\u003eL'Ashwagandha KSM-66® est un adaptogène reconnu pour stabiliser le système nerveux et favoriser la détente naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-benefit-card\"\u003e\n \u003cdiv class=\"sf-card-icon\"\u003e💚\u003c\/div\u003e\n \u003ch3\u003eStabilité émotionnelle\u003c\/h3\u003e\n \u003cp\u003eContribue à la sérénité, aide à l'endormissement et soutient la clarté mentale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-benefit-card\"\u003e\n \u003cdiv class=\"sf-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eRésistance renforcée\u003c\/h3\u003e\n \u003cp\u003eLa Rhodiola améliore la tolérance à l'effort et protège des effets du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-benefit-card\"\u003e\n \u003cdiv class=\"sf-card-icon\"\u003e🧠\u003c\/div\u003e\n \u003ch3\u003eMémoire \u0026amp; concentration\u003c\/h3\u003e\n \u003cp\u003eCette synergie optimise vos capacités cognitives pour une meilleure performance mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003eComposition \u0026amp; dosages\u003c\/h2\u003e\n \u003cp class=\"sf-section-intro\"\u003ePour 2 comprimés par jour\u003c\/p\u003e\n \u003cdiv class=\"sf-grid sf-grid-3\"\u003e\n \u003cdiv class=\"sf-card sf-ingredient-card\"\u003e\n \u003cdiv class=\"sf-ingredient-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-name\"\u003eAshwagandha KSM-66®\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-dose\"\u003e400 mg\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-detail\"\u003eExtrait de racine bio\u003cbr\u003e\u003cem\u003edont 20 mg de withanolides\u003c\/em\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-ingredient-card\"\u003e\n \u003cdiv class=\"sf-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-name\"\u003eRhodiola rosea bio\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-dose\"\u003e300 mg\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-detail\"\u003eExtrait de racine certifié bio\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-ingredient-card\"\u003e\n \u003cdiv class=\"sf-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-name\"\u003eFibres d'acacia\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-dose\"\u003e544 mg\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-detail\"\u003eFibregum™ pour soutenir la digestion\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-quality-box\"\u003e\n \u003cdiv class=\"sf-quality-item\"\u003e🌿 Gélule 100% végétale\u003c\/div\u003e\n \u003cdiv class=\"sf-quality-item\"\u003e🌾 Anti-agglomérant : amidon de riz bio\u003c\/div\u003e\n \u003cdiv class=\"sf-quality-item\"\u003e♻️ Packaging recyclable\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003ePosologie \u0026amp; mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sf-usage-grid\"\u003e\n \u003cdiv class=\"sf-card sf-usage-card\"\u003e\n \u003cdiv class=\"sf-usage-icon\"\u003e👤\u003c\/div\u003e\n \u003cdiv class=\"sf-usage-title\"\u003eAdolescents dès 16 ans\u003c\/div\u003e\n \u003cdiv class=\"sf-usage-dose\"\u003e2 comprimés\/jour\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-usage-card\"\u003e\n \u003cdiv class=\"sf-usage-icon\"\u003e👥\u003c\/div\u003e\n \u003cdiv class=\"sf-usage-title\"\u003eAdultes\u003c\/div\u003e\n \u003cdiv class=\"sf-usage-dose\"\u003e2 à 3 comprimés\/jour\u003c\/div\u003e\n \u003cdiv class=\"sf-usage-detail\"\u003eIdéalement avant le repas du soir\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-tips-box\"\u003e\n \u003cdiv class=\"sf-tip\"\u003e\n \u003cspan class=\"sf-tip-icon\"\u003e💧\u003c\/span\u003e\n \u003cspan\u003eAvaler avec un grand verre d'eau ou un jus\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-tip\"\u003e\n \u003cspan class=\"sf-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cspan\u003eCure d'un mois, renouvelable avec une pause de 2 semaines entre les cures\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003ePourquoi choisir SerenityForm ?\u003c\/h2\u003e\n \u003cdiv class=\"sf-grid\"\u003e\n \u003cdiv class=\"sf-card sf-why-card\"\u003e\n \u003cspan class=\"sf-why-emoji\"\u003e🧘\u003c\/span\u003e\n \u003cp\u003eVous sentir plus \u003cstrong\u003ecalme et zen\u003c\/strong\u003e au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-why-card\"\u003e\n \u003cspan class=\"sf-why-emoji\"\u003e😴\u003c\/span\u003e\n \u003cp\u003eRetrouver un \u003cstrong\u003emeilleur sommeil\u003c\/strong\u003e et un mental plus clair\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-why-card\"\u003e\n \u003cspan class=\"sf-why-emoji\"\u003e💪\u003c\/span\u003e\n \u003cp\u003eAugmenter votre \u003cstrong\u003eendurance mentale et physique\u003c\/strong\u003e face au stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-why-card\"\u003e\n \u003cspan class=\"sf-why-emoji\"\u003e🌍\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003eclean et éco-responsable\u003c\/strong\u003e, fabriquée en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003ePrécautions \u0026amp; contre-indications\u003c\/h2\u003e\n \u003cdiv class=\"sf-warning-box\"\u003e\n \u003cdiv class=\"sf-warning-item\"\u003e\n \u003cspan class=\"sf-warning-icon\"\u003e🤰\u003c\/span\u003e\n \u003cspan\u003eDéconseillé aux femmes enceintes ou allaitantes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-warning-item\"\u003e\n \u003cspan class=\"sf-warning-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan\u003eNe pas associer avec des antidépresseurs, déconseillé en cas de bipolarité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-warning-item\"\u003e\n \u003cspan class=\"sf-warning-icon\"\u003e🏠\u003c\/span\u003e\n \u003cspan\u003eÀ conserver à température ambiante, à l'abri de l'air, de la lumière et de l'humidité.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"sf-info-grid\"\u003e\n \u003cdiv class=\"sf-info-item\"\u003e\n \u003cspan class=\"sf-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"sf-info-value\"\u003e60 comprimés (42g)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-info-item\"\u003e\n \u003cspan class=\"sf-info-label\"\u003eProgramme\u003c\/span\u003e\n \u003cspan class=\"sf-info-value\"\u003e30 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-info-item\"\u003e\n \u003cspan class=\"sf-info-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"sf-info-value\"\u003eAgriculture Biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-info-item\"\u003e\n \u003cspan class=\"sf-info-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"sf-info-value\"\u003eFrance 🇫🇷\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"sf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sf-cta-box\"\u003e\n \u003cdiv class=\"sf-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sf-cta-content\"\u003e\n \u003cp\u003e🌿 \u003cstrong\u003eSerenityForm\u003c\/strong\u003e est votre allié naturel pour rétablir calme, équilibre émotionnel et tonus mental, au quotidien et sans compromis.\u003c\/p\u003e\n \u003cp class=\"sf-cta-tagline\"\u003eTransformez vos jours de stress en moments de sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --sf-cream: #F8FAF9;\n --sf-white: #ffffff;\n --sf-primary: #5B9A8B;\n --sf-primary-dark: #4A7F72;\n --sf-primary-light: #E8F4F0;\n --sf-secondary: #7FB8A4;\n --sf-accent: #A8D5C8;\n\n \/* Textes *\/\n --sf-text: #1a1a1a;\n --sf-text-light: #5a5a5a;\n\n \/* Effets *\/\n --sf-border: #e0e0e0;\n --sf-shadow: 0 4px 24px rgba(91,154,139,.12);\n --sf-shadow-lg: 0 12px 48px rgba(91,154,139,.18);\n --sf-radius: 20px;\n --sf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sf-text);\n line-height: 1.6;\n}\n\n.sf-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.sf-hero {\n position: relative;\n background: linear-gradient(135deg, #5B9A8B 0%, #4A7F72 40%, #7FB8A4 100%);\n border-radius: var(--sf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--sf-shadow-lg);\n}\n\n.sf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.sf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sf-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.sf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 17px);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n line-height: 1.7;\n}\n\n.sf-description strong {\n color: white;\n}\n\n.sf-hero-tags {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n margin-top: 1.5rem;\n}\n\n.sf-hero-tag {\n padding: 10px 20px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.25);\n border-radius: 999px;\n color: white;\n font-size: 14px;\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.sf-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.sf-section-intro {\n text-align: center;\n color: var(--sf-text-light);\n font-size: 15px;\n margin-top: -1rem;\n margin-bottom: 2rem;\n}\n\n.sf-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--sf-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sf-primary), var(--sf-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.sf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.sf-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === CARDS === *\/\n.sf-card {\n background: var(--sf-white);\n border-radius: var(--sf-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.sf-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sf-shadow-lg);\n border-color: var(--sf-primary);\n}\n\n\/* Benefit Cards *\/\n.sf-benefit-card {\n text-align: center;\n}\n\n.sf-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.sf-benefit-card h3 {\n color: var(--sf-primary-dark);\n font-size: 18px;\n font-weight: 800;\n margin: 0 0 0.75rem 0;\n}\n\n.sf-benefit-card p {\n color: var(--sf-text-light);\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n}\n\n\/* Ingredient Cards *\/\n.sf-ingredient-card {\n text-align: center;\n background: linear-gradient(180deg, var(--sf-white) 0%, var(--sf-primary-light) 100%);\n}\n\n.sf-ingredient-icon {\n font-size: 40px;\n margin-bottom: 0.75rem;\n}\n\n.sf-ingredient-name {\n color: var(--sf-primary-dark);\n font-size: 16px;\n font-weight: 800;\n margin-bottom: 0.5rem;\n}\n\n.sf-ingredient-dose {\n background: var(--sf-primary);\n color: white;\n font-size: 20px;\n font-weight: 900;\n padding: 8px 20px;\n border-radius: 999px;\n display: inline-block;\n margin-bottom: 0.75rem;\n}\n\n.sf-ingredient-detail {\n color: var(--sf-text-light);\n font-size: 13px;\n line-height: 1.5;\n}\n\n.sf-ingredient-detail em {\n color: var(--sf-primary-dark);\n font-style: normal;\n font-weight: 600;\n}\n\n\/* Quality Box *\/\n.sf-quality-box {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n margin-top: 2rem;\n padding: 1.5rem;\n background: var(--sf-primary-light);\n border-radius: var(--sf-radius-sm);\n}\n\n.sf-quality-item {\n font-size: 14px;\n font-weight: 600;\n color: var(--sf-primary-dark);\n}\n\n\/* Usage Cards *\/\n.sf-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.sf-usage-card {\n text-align: center;\n background: linear-gradient(135deg, var(--sf-white) 0%, var(--sf-primary-light) 100%);\n}\n\n.sf-usage-icon {\n font-size: 40px;\n margin-bottom: 0.75rem;\n display: block;\n}\n\n.sf-usage-title {\n color: var(--sf-text);\n font-size: 16px;\n font-weight: 700;\n margin-bottom: 0.5rem;\n}\n\n.sf-usage-dose {\n background: var(--sf-primary);\n color: white;\n font-size: 18px;\n font-weight: 800;\n padding: 10px 24px;\n border-radius: 999px;\n display: inline-block;\n}\n\n.sf-usage-detail {\n color: var(--sf-text-light);\n font-size: 13px;\n margin-top: 0.75rem;\n}\n\n\/* Tips Box *\/\n.sf-tips-box {\n background: var(--sf-white);\n border-radius: var(--sf-radius);\n padding: 1.5rem 2rem;\n box-shadow: var(--sf-shadow);\n}\n\n.sf-tip {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 12px 0;\n border-bottom: 1px solid var(--sf-border);\n font-size: 15px;\n color: var(--sf-text);\n}\n\n.sf-tip:last-child {\n border-bottom: none;\n}\n\n.sf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n\/* Why Cards *\/\n.sf-why-card {\n display: flex;\n align-items: center;\n gap: 1rem;\n text-align: left;\n}\n\n.sf-why-emoji {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.sf-why-card p {\n margin: 0;\n font-size: 15px;\n color: var(--sf-text);\n}\n\n.sf-why-card strong {\n color: var(--sf-primary-dark);\n}\n\n\/* Warning Box *\/\n.sf-warning-box {\n background: linear-gradient(135deg, #FFF9E6 0%, #FFF5D6 100%);\n border: 2px solid #F5E6B3;\n border-radius: var(--sf-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n}\n\n.sf-warning-item {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n padding: 12px 0;\n border-bottom: 1px solid rgba(0,0,0,.08);\n font-size: 14px;\n color: var(--sf-text);\n}\n\n.sf-warning-item:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.sf-warning-item:first-child {\n padding-top: 0;\n}\n\n.sf-warning-icon {\n font-size: 20px;\n flex-shrink: 0;\n}\n\n\/* Info Grid *\/\n.sf-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.sf-info-item {\n background: var(--sf-white);\n border-radius: var(--sf-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--sf-shadow);\n}\n\n.sf-info-label {\n display: block;\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: .05em;\n color: var(--sf-text-light);\n margin-bottom: 0.5rem;\n}\n\n.sf-info-value {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--sf-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.sf-cta-box {\n background: linear-gradient(135deg, var(--sf-primary) 0%, var(--sf-primary-dark) 100%);\n border-radius: var(--sf-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sf-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 30%);\n}\n\n.sf-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.sf-cta-emoji {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.sf-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto 1rem auto;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.sf-cta-box p strong {\n font-weight: 800;\n}\n\n.sf-cta-tagline {\n font-size: clamp(18px, 3vw, 22px) !important;\n font-weight: 700 !important;\n margin-top: 1rem !important;\n opacity: .95;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .sf-grid,\n .sf-grid-3,\n .sf-usage-grid {\n grid-template-columns: 1fr;\n }\n \n .sf-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .sf-quality-box {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .sf-why-card {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sf-card {\n animation: sfFadeInUp .6s ease backwards;\n }\n .sf-card:nth-child(1) { animation-delay: .1s; }\n .sf-card:nth-child(2) { animation-delay: .2s; }\n .sf-card:nth-child(3) { animation-delay: .3s; }\n .sf-card:nth-child(4) { animation-delay: .4s; }\n \n .sf-badge {\n animation: sfFadeInDown .5s ease backwards;\n }\n .sf-badge:nth-child(1) { animation-delay: .2s; }\n .sf-badge:nth-child(2) { animation-delay: .3s; }\n .sf-badge:nth-child(3) { animation-delay: .4s; }\n}\n\n@keyframes sfFadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes sfFadeInDown {\n from { opacity: 0; transform: translateY(-20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .sf-card {\n border: 2px solid var(--sf-text);\n }\n \n .sf-badge {\n border: 2px solid var(--sf-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55423824265593,"sku":"SERENITYFORM","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serenityform-inolab-anti-stress.webp?v=1751875283"},{"product_id":"biotiform-complexe-cheveux-inolab","title":"BIOTIFORM – Complexe cheveux Biotine, Levure de bière, Zinc \u0026 Sélénium Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: BIOTIFORM – Complexe cheveux Biotine, Levure de bière, Zinc \u0026 Sélénium\nPalette détectée:\n - Primaire: #D4907C (couleur pêche\/corail du packaging - partie supérieure)\n - Secondaire: #C67B68 (version plus foncée du corail)\n - Accent: #E8B4A6 (rose poudré des icônes et vagues)\n - Background: #FBF7F4 (beige très clair, ambiance naturelle)\nAmbiance: Féminin, doux, naturel\/beauté, wellness premium, épuré et élégant\nPréfixe CSS: bio\n--\u003e\n\n\u003cdiv class=\"bio-premium\"\u003e\n \n \u003cdiv class=\"bio-hero\"\u003e\n \u003cdiv class=\"bio-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bio-hero-content\"\u003e\n \u003cdiv class=\"bio-badges-top\"\u003e\n \u003cspan class=\"bio-badge\"\u003e🌿 100% Vegan\u003c\/span\u003e\n \u003cspan class=\"bio-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"bio-badge\"\u003e🌾 Sans gluten\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bio-hero-title\"\u003eBIOTIFORM\u003c\/span\u003e\n \u003cp class=\"bio-subtitle\"\u003eComplexe cheveux haute performance\u003c\/p\u003e\n \u003cp class=\"bio-description\"\u003eLa synergie experte de Biotine, Levure de bière, Zinc \u0026amp; Sélénium pour des cheveux plus forts, plus brillants et pleins de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bio-section\"\u003e\n \u003ch2\u003e✨ Vos cheveux retrouvent leur éclat\u003c\/h2\u003e\n \u003cdiv class=\"bio-grid\"\u003e\n \u003cdiv class=\"bio-card\"\u003e\n \u003ch3\u003e💪 Force \u0026amp; résistance\u003c\/h3\u003e\n \u003cp\u003eRenforcez la fibre capillaire de l'intérieur grâce à la biotine qui soutient la synthèse de kératine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bio-card\"\u003e\n \u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n \u003cp\u003eLa levure de bière nourrit le bulbe capillaire pour une chevelure visiblement plus lumineuse et soyeuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bio-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eLe zinc et le sélénium protègent vos follicules pileux contre le stress oxydatif et les agressions quotidiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bio-card\"\u003e\n \u003ch3\u003e🌱 Croissance optimale\u003c\/h3\u003e\n \u003cp\u003eSoutenez le cycle naturel de vos cheveux pour favoriser une pousse saine et régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bio-card\"\u003e\n \u003ch3\u003e💅 Ongles renforcés\u003c\/h3\u003e\n \u003cp\u003eLes mêmes actifs agissent aussi sur vos ongles pour les rendre moins cassants et plus résistants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bio-card\"\u003e\n \u003ch3\u003e🍃 100% naturel\u003c\/h3\u003e\n \u003cp\u003eFormule vegan, sans gluten, sans conservateurs artificiels. Uniquement des ingrédients clean et efficaces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bio-section\"\u003e\n \u003ch2\u003e🧬 Composition premium\u003c\/h2\u003e\n \u003cp class=\"bio-intro-text\"\u003eChaque dose journalière (2 gélules) vous apporte :\u003c\/p\u003e\n \u003cdiv class=\"bio-grid\"\u003e\n \u003cdiv class=\"bio-card bio-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Levure de bière sans gluten\u003c\/h3\u003e\n \u003cdiv class=\"bio-dosage\"\u003e500 mg\u003c\/div\u003e\n \u003cp\u003eSource naturelle de vitamines B, protéines et minéraux pour nourrir la kératine en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bio-card bio-card-ingredient\"\u003e\n \u003ch3\u003e💊 Biotine (vitamine B8)\u003c\/h3\u003e\n \u003cdiv class=\"bio-dosage\"\u003e450 µg \u003cspan class=\"bio-vnr\"\u003e900% VNR\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cp\u003eLa vitamine de la beauté capillaire, essentielle à la synthèse de la kératine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bio-card bio-card-ingredient\"\u003e\n \u003ch3\u003e⚡ Zinc\u003c\/h3\u003e\n \u003cdiv class=\"bio-dosage\"\u003e12 mg \u003cspan class=\"bio-vnr\"\u003e120% VNR\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cp\u003eParticipe à la synthèse protéique et protège les cellules contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bio-card bio-card-ingredient\"\u003e\n \u003ch3\u003e🛡️ Sélénium\u003c\/h3\u003e\n \u003cdiv class=\"bio-dosage\"\u003e50 µg \u003cspan class=\"bio-vnr\"\u003e90% VNR\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cp\u003eAntioxydant puissant qui protège les follicules pileux des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"bio-footnote\"\u003eAutres ingrédients : Arôme naturel fruits rouges, colorants naturels (extrait de radis, cassis et pomme), gélule végétale HPMC, anti-agglomérants naturels.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bio-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"bio-steps\"\u003e\n \u003cdiv class=\"bio-step\"\u003e\n \u003cdiv class=\"bio-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bio-step-content\"\u003e\n \u003ch3\u003eMatin\u003c\/h3\u003e\n \u003cp\u003ePrenez 1 gélule au cours du petit-déjeuner avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bio-step\"\u003e\n \u003cdiv class=\"bio-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bio-step-content\"\u003e\n \u003ch3\u003eSoir\u003c\/h3\u003e\n \u003cp\u003ePrenez 1 gélule au cours du dîner avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bio-step\"\u003e\n \u003cdiv class=\"bio-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bio-step-content\"\u003e\n \u003ch3\u003eDurée\u003c\/h3\u003e\n \u003cp\u003eCure de 2 à 3 mois minimum pour des résultats visibles. Renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bio-tip\"\u003e\n \u003cp\u003e\u003cstrong\u003e💡 Astuce :\u003c\/strong\u003e Les cheveux poussent en moyenne d'1 cm par mois. Soyez patient et régulier pour laisser le temps aux actifs d'agir sur le cycle capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bio-section\"\u003e\n \u003ch2\u003e👩 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"bio-grid\"\u003e\n \u003cdiv class=\"bio-card\"\u003e\n \u003ch3\u003e💇‍♀️ Chute de cheveux\u003c\/h3\u003e\n \u003cp\u003eVous constatez une perte plus importante que d'habitude, notamment aux changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bio-card\"\u003e\n \u003ch3\u003e🪶 Cheveux fins\u003c\/h3\u003e\n \u003cp\u003eVotre chevelure manque de volume, de densité ou paraît molle et sans tenue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bio-card\"\u003e\n \u003ch3\u003e⚡ Manque de vitalité\u003c\/h3\u003e\n \u003cp\u003eVos cheveux sont ternes, cassants ou semblent dévitalisés et sans éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bio-card\"\u003e\n \u003ch3\u003e🌱 Végétariens \u0026amp; vegans\u003c\/h3\u003e\n \u003cp\u003eVous suivez un régime sans viande et souhaitez éviter les carences en vitamines B.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bio-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"bio-accordion\"\u003e\n \u003cdetails class=\"bio-accordion-item\"\u003e\n \u003csummary class=\"bio-accordion-header\"\u003e⏱️ Combien de temps avant les premiers résultats ?\u003c\/summary\u003e\n \u003cdiv class=\"bio-accordion-content\"\u003e\n \u003cp\u003eLes premiers effets sur la brillance et la texture peuvent apparaître dès 4 à 6 semaines. Pour la densité et la pousse, comptez plutôt 2 à 3 mois de cure régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bio-accordion-item\"\u003e\n \u003csummary class=\"bio-accordion-header\"\u003e💊 Peut-on associer BIOTIFORM avec d'autres compléments ?\u003c\/summary\u003e\n \u003cdiv class=\"bio-accordion-content\"\u003e\n \u003cp\u003eOui, mais veillez à ne pas cumuler les apports en zinc et sélénium pour éviter tout excès. En cas de doute, demandez conseil à votre pharmacien ou médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bio-accordion-item\"\u003e\n \u003csummary class=\"bio-accordion-header\"\u003e🌱 La biotine fait-elle vraiment pousser les cheveux ?\u003c\/summary\u003e\n \u003cdiv class=\"bio-accordion-content\"\u003e\n \u003cp\u003eLa biotine contribue au maintien de cheveux normaux selon l'EFSA (Autorité européenne de sécurité des aliments). Elle soutient la production de kératine, protéine essentielle à la structure capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bio-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"bio-accordion\"\u003e\n \u003cdetails class=\"bio-accordion-item\"\u003e\n \u003csummary class=\"bio-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"bio-accordion-content\"\u003e\n \u003cp\u003eConservez le sachet à température ambiante, à l'abri de la lumière, de la chaleur et de l'humidité. Tenez hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bio-accordion-item\"\u003e\n \u003csummary class=\"bio-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bio-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière indiquée (2 gélules par jour). Ce complément alimentaire ne remplace pas une alimentation variée, équilibrée et un mode de vie sain. Consultez un professionnel de santé si vous suivez un traitement médical. Réservé aux adultes. Déconseillé aux femmes enceintes, allaitantes et aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bio-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"bio-grid-compact\"\u003e\n \u003cdiv class=\"bio-card\"\u003e\n \u003ch3\u003e💊 60 gélules\u003c\/h3\u003e\n \u003cp\u003eProgramme complet de 30 jours\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bio-card\"\u003e\n \u003ch3\u003e🌿 Gélules végétales\u003c\/h3\u003e\n \u003cp\u003eHPMC, 100% vegan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bio-card\"\u003e\n \u003ch3\u003e🍓 Goût fruits rouges\u003c\/h3\u003e\n \u003cp\u003eArômes naturels agréables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bio-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003ePackaging recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bio-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bio-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à vos cheveux la nutrition qu'ils méritent avec BIOTIFORM : une formule complète, naturelle et fabriquée en France pour révéler toute la beauté de votre chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bio-cream: #FBF7F4;\n --bio-white: #ffffff;\n --bio-primary: #D4907C;\n --bio-primary-dark: #B5705D;\n --bio-primary-light: #F5E6E1;\n --bio-secondary: #C67B68;\n --bio-accent: #E8B4A6;\n --bio-text: #1a1a1a;\n --bio-text-light: #5a5a5a;\n --bio-border: #e8e0dc;\n --bio-shadow: 0 4px 24px rgba(180, 112, 93, .08);\n --bio-shadow-lg: 0 12px 48px rgba(180, 112, 93, .15);\n --bio-radius: 20px;\n --bio-radius-sm: 12px;\n}\n\n.bio-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bio-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bio-hero {\n position: relative;\n background: linear-gradient(135deg, #D4907C 0%, #C67B68 40%, #E8B4A6 100%);\n border-radius: var(--bio-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bio-shadow-lg);\n}\n\n.bio-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.bio-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bio-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.bio-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bio-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bio-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bio-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bio-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.bio-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.bio-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bio-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bio-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bio-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bio-primary), var(--bio-accent));\n border-radius: 2px;\n}\n\n.bio-intro-text {\n text-align: center;\n color: var(--bio-text-light);\n font-size: clamp(14px, 2vw, 16px);\n margin-bottom: 1.5rem;\n}\n\n.bio-footnote {\n text-align: center;\n color: var(--bio-text-light);\n font-size: 13px;\n font-style: italic;\n margin-top: 1.5rem;\n padding: 0 1rem;\n}\n\n\/* === CARDS === *\/\n.bio-card {\n background: var(--bio-white);\n border-radius: var(--bio-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bio-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bio-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bio-shadow-lg);\n border-color: var(--bio-primary);\n}\n\n.bio-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bio-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bio-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bio-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bio-card-ingredient {\n position: relative;\n}\n\n.bio-dosage {\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 900;\n color: var(--bio-primary);\n margin: .5rem 0;\n}\n\n.bio-vnr {\n font-size: 12px;\n font-weight: 600;\n color: var(--bio-accent);\n background: var(--bio-primary-light);\n padding: 2px 8px;\n border-radius: 999px;\n margin-left: 6px;\n}\n\n\/* === GRILLES === *\/\n.bio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bio-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bio-grid-compact .bio-card {\n padding: 1rem;\n}\n\n.bio-grid-compact .bio-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bio-grid-compact .bio-card p {\n font-size: 12px;\n}\n\n\/* === STEPS === *\/\n.bio-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.bio-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--bio-white);\n border-radius: var(--bio-radius);\n padding: 1.25rem;\n box-shadow: var(--bio-shadow);\n transition: all .3s ease;\n}\n\n.bio-step:hover {\n transform: translateX(6px);\n box-shadow: var(--bio-shadow-lg);\n}\n\n.bio-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--bio-primary), var(--bio-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 800;\n}\n\n.bio-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bio-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bio-step-content p {\n font-size: 14px;\n color: var(--bio-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.bio-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, var(--bio-primary-light), #fff);\n border-radius: var(--bio-radius);\n padding: 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--bio-primary);\n}\n\n.bio-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bio-tip p {\n font-size: 14px;\n color: var(--bio-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.bio-accordion {\n background: var(--bio-white);\n border-radius: var(--bio-radius);\n box-shadow: var(--bio-shadow);\n overflow: hidden;\n}\n\n.bio-accordion-item {\n border-bottom: 1px solid var(--bio-border);\n margin: 0;\n padding: 0;\n}\n\n.bio-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bio-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bio-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bio-accordion-header:hover {\n background: var(--bio-primary-light);\n}\n\n.bio-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bio-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bio-primary);\n transition: transform .2s ease;\n}\n\n.bio-accordion-item[open] .bio-accordion-header::after {\n content: '−';\n}\n\n.bio-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bio-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.bio-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bio-cta-box {\n background: linear-gradient(135deg, var(--bio-primary) 0%, var(--bio-primary-dark) 100%);\n border-radius: var(--bio-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bio-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n}\n\n.bio-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bio-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bio-card {\n padding: 1.125rem;\n }\n \n .bio-section {\n margin-bottom: 1.75rem;\n }\n \n .bio-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bio-radius-sm);\n }\n \n .bio-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bio-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bio-grid-compact {\n gap: .625rem;\n }\n \n .bio-grid-compact .bio-card {\n padding: .75rem;\n }\n \n .bio-step {\n padding: 1rem;\n }\n \n .bio-step-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .bio-tip {\n flex-direction: column;\n gap: .5rem;\n padding: 1rem;\n }\n \n .bio-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bio-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .bio-badges-top {\n gap: .375rem;\n }\n \n .bio-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bio-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bio-card:nth-child(1) { animation-delay: .05s; }\n .bio-card:nth-child(2) { animation-delay: .1s; }\n .bio-card:nth-child(3) { animation-delay: .15s; }\n .bio-card:nth-child(4) { animation-delay: .2s; }\n .bio-card:nth-child(5) { animation-delay: .25s; }\n .bio-card:nth-child(6) { animation-delay: .3s; }\n \n .bio-step {\n animation: fadeInUp .5s ease backwards;\n }\n .bio-step:nth-child(1) { animation-delay: .1s; }\n .bio-step:nth-child(2) { animation-delay: .2s; }\n .bio-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bio-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55424234750329,"sku":"BIOTIFORM_INOLAB","price":11.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/biotiform-complexe-cheveux-biotine-levure-de-biere-zinc-sele-packshothd.webp?v=1785936645"},{"product_id":"citrosante-pamplemousse-inolab","title":"CITROSanté® - Extrait de Pépins de Pamplemousse bio - Inolab","description":"\u003cdiv class=\"cs-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cs-hero\"\u003e\n \u003cdiv class=\"cs-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cs-hero-content\"\u003e\n \u003cdiv class=\"cs-badges-top\"\u003e\n \u003cspan class=\"cs-badge\"\u003e🍊 Extrait bio certifié AB\u003c\/span\u003e\n \u003cspan class=\"cs-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cs-badge\"\u003e🌿 Végan \u0026amp; sans alcool\u003c\/span\u003e\n \u003cspan class=\"cs-badge\"\u003e💧 Flacon 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cs-hero-title\"\u003eCITROSanté® – Extrait de pépins de pamplemousse bio\u003c\/span\u003e\n \u003cp class=\"cs-subtitle\"\u003eLaboratoire Inolab\u003c\/p\u003e\n \u003cp class=\"cs-description\"\u003eTitré en bioflavonoïdes \u0026amp; enrichi en vitamine C naturelle d'acérola bio du Brésil. Une formule douce, sans amertume, pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cs-section\"\u003e\n \u003ch2\u003eCITROSanté® : l'extrait de pépins de pamplemousse bio titré en bioflavonoïdes\u003c\/h2\u003e\n \u003cp class=\"cs-section-intro\"\u003eVous cherchez un extrait de pépins de pamplemousse bio de qualité, riche en vitamine C naturelle et véritablement efficace ? CITROSanté® d'Inolab est une référence en la matière.\u003c\/p\u003e\n \u003cdiv class=\"cs-grid-compact\"\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🌱 Origine bio\u003c\/h3\u003e\n \u003cp\u003ePépins et péricarpes de pamplemousse issus de l'agriculture biologique certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e❄️ Extraction à froid\u003c\/h3\u003e\n \u003cp\u003eProcédé hydro-glycériné sans alcool ni solvant pour préserver tous les actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🍒 Acérola bio du Brésil\u003c\/h3\u003e\n \u003cp\u003eEnrichi en vitamine C 100 % naturelle pour soutenir le système immunitaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e😋 Goût agréable\u003c\/h3\u003e\n \u003cp\u003eFormule douce, sans amertume, agréable à prendre pour toute la famille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cs-section\"\u003e\n \u003ch2\u003eBienfaits de l'extrait de pépins de pamplemousse CITROSanté®\u003c\/h2\u003e\n \u003cp class=\"cs-section-intro\"\u003eLes bienfaits de l'extrait de pépins de pamplemousse sont aujourd'hui bien documentés. CITROSanté® se distingue par sa haute concentration en bioflavonoïdes (jusqu'à 2 100 mg\/100 ml en méthode UV), des composés végétaux reconnus pour leur action antioxydante.\u003c\/p\u003e\n \u003cdiv class=\"cs-grid\"\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🛡️ Soutien des défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eIdéal aux changements de saison ou dès les premiers signes de refroidissement pour renforcer votre immunité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e⚡ Vitamine C naturelle\u003c\/h3\u003e\n \u003cp\u003eContribue à réduire la fatigue et à protéger les cellules contre le stress oxydatif au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e✨ Formule pure et végan\u003c\/h3\u003e\n \u003cp\u003eSans conservateurs, sans additifs, sans arôme ajouté. Une composition irréprochable pour votre bien-être\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Polyvalent\u003c\/h3\u003e\n \u003cp\u003eConvient aux adultes, aux enfants, et peut même être utilisé chez les animaux (sous conseil vétérinaire)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cs-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"cs-grid\"\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🍊 Extrait de pamplemousse bio\u003c\/h3\u003e\n \u003cp\u003eExtrait hydro-glycériné de pépins et péricarpe de pamplemousse bio (Citrus paradisi \/ Citrus maxima) : \u003cstrong\u003e94,7 %\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n \u003cp\u003eExtrait sec d'acérola bio (Malpighia glabra), source naturelle de vitamine C hautement assimilable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-card\"\u003e\n \u003ch3\u003e🧬 Antioxydant\u003c\/h3\u003e\n \u003cp\u003eAcide ascorbique pour une protection optimale et une stabilité parfaite de la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-tip\"\u003e\n \u003cspan class=\"cs-tip-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cp\u003eIngrédients issus de l'agriculture biologique – Certifié FR-BIO-01 (UE\/non UE)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-nutritional-box\"\u003e\n \u003ch3\u003e📊 Valeurs moyennes pour 90 gouttes (dose journalière)\u003c\/h3\u003e\n \u003cdiv class=\"cs-nutritional-grid\"\u003e\n \u003cdiv class=\"cs-nutritional-item\"\u003e\n \u003cspan class=\"cs-nutritional-value\"\u003e5 678 mg\u003c\/span\u003e\n \u003cspan class=\"cs-nutritional-label\"\u003eExtrait de pamplemousse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-nutritional-item\"\u003e\n \u003cspan class=\"cs-nutritional-value\"\u003e400 mg\/100 ml\u003c\/span\u003e\n \u003cspan class=\"cs-nutritional-label\"\u003eBioflavonoïdes titrés (HPLC)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-nutritional-item\"\u003e\n \u003cspan class=\"cs-nutritional-value\"\u003e24 mg\u003c\/span\u003e\n \u003cspan class=\"cs-nutritional-label\"\u003eVitamine C naturelle (30 % VNR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cs-nutritional-note\"\u003eProduit végan – Fabriqué en France – Flacon compte-gouttes de 50 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cs-section\"\u003e\n \u003ch2\u003eComment prendre CITROSanté® ? Posologie et conseils\u003c\/h2\u003e\n \u003cdiv class=\"cs-timeline\"\u003e\n \u003cdiv class=\"cs-timeline-item\"\u003e\n \u003cdiv class=\"cs-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cs-timeline-content\"\u003e\n \u003ch3\u003e👨 Adultes\u003c\/h3\u003e\n \u003cp\u003e15 à 30 gouttes, jusqu'à 3 fois par jour, pur ou dilué dans un peu d'eau ou de jus de fruits\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-timeline-item\"\u003e\n \u003cdiv class=\"cs-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cs-timeline-content\"\u003e\n \u003ch3\u003e👧 Enfants de 25 à 39 kg\u003c\/h3\u003e\n \u003cp\u003e10 à 25 gouttes par jour, à diluer dans de l'eau ou un jus pour faciliter la prise\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-timeline-item\"\u003e\n \u003cdiv class=\"cs-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cs-timeline-content\"\u003e\n \u003ch3\u003e🧑 Enfants dès 40 kg\u003c\/h3\u003e\n \u003cp\u003e20 à 40 gouttes par jour, pur ou dilué selon les préférences\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cs-tip\"\u003e\n \u003cspan class=\"cs-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePrenez-le idéalement \u003cstrong\u003ele matin et avant les repas\u003c\/strong\u003e. En cure préventive, suivez un programme de 3 semaines, renouvelable après une pause d'une semaine. En soutien ponctuel, utilisez la dose maximale pendant 7 jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"cs-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cs-accordion\"\u003e\n \u003cdetails class=\"cs-accordion-item\"\u003e\n \u003csummary class=\"cs-accordion-header\"\u003e⚠️ Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"cs-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas associer à des traitements médicamenteux sans avis médical, notamment les \u003cstrong\u003eanticoagulants et statines\u003c\/strong\u003e (risque d'interactions).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cs-accordion-item\"\u003e\n \u003csummary class=\"cs-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"cs-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cs-accordion-item\"\u003e\n \u003csummary class=\"cs-accordion-header\"\u003e📏 Posologie\u003c\/summary\u003e\n \u003cdiv class=\"cs-accordion-content mt-3\"\u003e\n \u003cp\u003eRespecter la posologie indiquée. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cs-accordion-item\"\u003e\n \u003csummary class=\"cs-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cs-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver au réfrigérateur après ouverture, à l'abri de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"cs-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical adapté.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"cs-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cs-cta-box\"\u003e\n \u003cp\u003e🍊 En choisissant CITROSanté®, vous optez pour un \u003cstrong\u003eextrait de pépins de pamplemousse bio\u003c\/strong\u003e certifié, concentré en bioflavonoïdes et enrichi en vitamine C naturelle d'acérola. Une formule douce, sans alcool, pensée pour accompagner toute la famille au quotidien et renforcer vos défenses naturelles avec simplicité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cs-cream: #fef9f4;\n --cs-white: #ffffff;\n --cs-primary: #5dab3e;\n --cs-primary-dark: #3a7a23;\n --cs-primary-light: #edf7e8;\n --cs-secondary: #f28c38;\n --cs-accent: #e85d75;\n --cs-text: #1a1a1a;\n --cs-text-light: #5a5a5a;\n --cs-border: #e0e0e0;\n --cs-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cs-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cs-radius: 20px;\n --cs-radius-sm: 12px;\n}\n\n.cs-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cs-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cs-hero {\n position: relative;\n background: linear-gradient(135deg, #3a7a23 0%, #5dab3e 40%, #f28c38 100%);\n border-radius: var(--cs-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cs-shadow-lg);\n}\n\n.cs-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.cs-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cs-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cs-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cs-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cs-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cs-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cs-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.cs-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.cs-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cs-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cs-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cs-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cs-primary), var(--cs-secondary));\n border-radius: 2px;\n}\n\n.cs-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cs-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cs-card {\n background: var(--cs-white);\n border-radius: var(--cs-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cs-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cs-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cs-shadow-lg);\n border-color: var(--cs-primary);\n}\n\n.cs-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cs-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cs-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cs-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cs-grid-compact .cs-card {\n padding: 1rem;\n}\n\n.cs-grid-compact .cs-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cs-grid-compact .cs-card p {\n font-size: 12px;\n}\n\n\/* === NUTRITIONAL BOX === *\/\n.cs-nutritional-box {\n background: var(--cs-white);\n border-radius: var(--cs-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cs-shadow);\n margin-top: 1.5rem;\n border: 2px solid var(--cs-primary-light);\n}\n\n.cs-nutritional-box h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cs-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n.cs-nutritional-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.cs-nutritional-item {\n text-align: center;\n padding: 1rem .5rem;\n background: var(--cs-primary-light);\n border-radius: var(--cs-radius-sm);\n}\n\n.cs-nutritional-value {\n display: block;\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 900;\n color: var(--cs-primary-dark);\n margin-bottom: .25rem;\n}\n\n.cs-nutritional-label {\n display: block;\n font-size: clamp(11px, 1.8vw, 13px);\n color: var(--cs-text-light);\n font-weight: 600;\n line-height: 1.3;\n}\n\n.cs-nutritional-note {\n font-size: 13px;\n color: var(--cs-text-light);\n text-align: center;\n margin: 0;\n font-weight: 600;\n}\n\n\/* === TIMELINE === *\/\n.cs-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cs-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cs-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cs-primary), var(--cs-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cs-timeline-content {\n flex: 1;\n background: var(--cs-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cs-radius-sm);\n box-shadow: var(--cs-shadow);\n}\n\n.cs-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cs-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cs-timeline-content p {\n font-size: 14px;\n color: var(--cs-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cs-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cs-primary-light);\n border-radius: var(--cs-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cs-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cs-tip p {\n font-size: 14px;\n color: var(--cs-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.cs-testimonial {\n background: var(--cs-white);\n border-radius: var(--cs-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cs-shadow);\n border-left: 4px solid var(--cs-primary);\n}\n\n.cs-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cs-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cs-accordion {\n background: var(--cs-white);\n border-radius: var(--cs-radius);\n box-shadow: var(--cs-shadow);\n overflow: hidden;\n}\n\n.cs-accordion-item {\n border-bottom: 1px solid var(--cs-border);\n margin: 0;\n padding: 0;\n}\n\n.cs-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cs-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cs-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cs-accordion-header:hover {\n background: var(--cs-primary-light);\n}\n\n.cs-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cs-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cs-primary);\n transition: transform .2s ease;\n}\n\n.cs-accordion-item[open] .cs-accordion-header::after {\n content: '−';\n}\n\n.cs-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cs-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cs-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.cs-cta-box {\n background: linear-gradient(135deg, var(--cs-primary) 0%, var(--cs-primary-dark) 100%);\n border-radius: var(--cs-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cs-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cs-disclaimer {\n font-size: 12px;\n color: var(--cs-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cs-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cs-card {\n padding: 1.125rem;\n }\n\n .cs-section {\n margin-bottom: 1.75rem;\n }\n\n .cs-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cs-radius-sm);\n }\n\n .cs-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cs-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cs-grid-compact {\n gap: .625rem;\n }\n\n .cs-grid-compact .cs-card {\n padding: .75rem;\n }\n\n .cs-nutritional-grid {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n\n .cs-nutritional-item {\n padding: .75rem;\n }\n\n .cs-nutritional-value {\n font-size: 22px;\n }\n\n .cs-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cs-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cs-timeline-content h3 {\n font-size: 14px;\n }\n\n .cs-timeline-content p {\n font-size: 13px;\n }\n\n .cs-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cs-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cs-testimonial {\n padding: 1.25rem;\n }\n\n .cs-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cs-card {\n animation: csFadeInUp .5s ease backwards;\n }\n .cs-card:nth-child(1) { animation-delay: .05s; }\n .cs-card:nth-child(2) { animation-delay: .1s; }\n .cs-card:nth-child(3) { animation-delay: .15s; }\n .cs-card:nth-child(4) { animation-delay: .2s; }\n .cs-card:nth-child(5) { animation-delay: .25s; }\n .cs-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes csFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cs-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55426396029305,"sku":"CITROSANTE_INOLAB","price":10.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/citrosante-extrait-de-pepins-de-pamplemousse-bio-inolab-packshothd.webp?v=1773134599"},{"product_id":"glowyform-bardane-artichaut-pensee-sauvage-bio-inolab","title":"GlowyForm Inolab – Complexe Détox Foie \u0026 Peau Nette Bio","description":"\u003cdiv class=\"gf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gf-hero\"\u003e\n \u003cdiv class=\"gf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gf-hero-content\"\u003e\n \u003cdiv class=\"gf-badges-top\"\u003e\n \u003cspan class=\"gf-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"gf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"gf-badge\"\u003e📅 Programme 30 jours\u003c\/span\u003e\n \u003cspan class=\"gf-badge\"\u003e🌱 Vegan \u0026amp; sans gluten\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gf-hero-title\"\u003eGlowyForm Inolab\u003c\/span\u003e\n \u003cp class=\"gf-subtitle\"\u003eComplexe détox foie \u0026amp; peau nette bio\u003c\/p\u003e\n \u003cp class=\"gf-description\"\u003eRetrouvez une peau nette, un teint éclatant et un organisme allégé des toxines grâce à une synergie de plantes bio reconnues. Hautement concentré, fabriqué en France, sans compromis sur la naturalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"gf-section\"\u003e\n \u003ch2\u003ePourquoi GlowyForm fait vraiment la différence ?\u003c\/h2\u003e\n \u003cdiv class=\"gf-grid\"\u003e\n \u003cdiv class=\"gf-card\"\u003e\n \u003ch3\u003e🫀 Détoxification hépatique puissante\u003c\/h3\u003e\n \u003cp\u003eFibregum®, chardon-marie et bardane agissent en soutien actif de la fonction hépatique, pour un foie qui élimine mieux les toxines et un organisme purifié en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-card\"\u003e\n \u003ch3\u003e✨ Teint lumineux \u0026amp; peau purifiée\u003c\/h3\u003e\n \u003cp\u003eLa bardane bio, réputée pour son action \"peau nette\", aide à diminuer boutons et excès de sébum. La chlorophylle soutient l'élimination des déchets et la vitalité cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-card\"\u003e\n \u003ch3\u003e🌸 Équilibre intérieur, beauté visible\u003c\/h3\u003e\n \u003cp\u003eQuand le foie fonctionne bien, tout le corps rayonne : énergie retrouvée, teint moins terne, sensation de légèreté et bien-être global au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-card\"\u003e\n \u003ch3\u003e🍃 Formule clean \u0026amp; bio\u003c\/h3\u003e\n \u003cp\u003e93,36 % d'ingrédients issus de l'agriculture biologique, sans additifs controversés. Fabrication française \u0026amp; pilulier recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"gf-disclaimer\"\u003eCe complément n'est pas un médicament et ne remplace pas l'avis d'un professionnel de santé en cas de pathologie.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"gf-section\"\u003e\n \u003ch2\u003eLes atouts clés de la formule\u003c\/h2\u003e\n \u003cp class=\"gf-section-intro\"\u003e4 actifs soigneusement sélectionnés pour une action détox complète, du foie jusqu'à la peau.\u003c\/p\u003e\n \u003cdiv class=\"gf-grid\"\u003e\n \u003cdiv class=\"gf-card gf-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Fibregum® (fibre d'acacia bio)\u003c\/h3\u003e\n \u003cp class=\"gf-dosage\"\u003e354 mg \/ comprimé\u003c\/p\u003e\n \u003cp\u003eFibre prébiotique qui soutient la flore digestive et aide à l'élimination des toxines de manière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-card gf-card-ingredient\"\u003e\n \u003ch3\u003e🌼 Chardon-marie bio\u003c\/h3\u003e\n \u003cp class=\"gf-dosage\"\u003e125 mg \/ comprimé\u003c\/p\u003e\n \u003cp\u003ePlante traditionnellement utilisée pour protéger et régénérer les cellules du foie, acteur clé de la détox.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-card gf-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Bardane bio\u003c\/h3\u003e\n \u003cp class=\"gf-dosage\"\u003e125 mg \/ comprimé\u003c\/p\u003e\n \u003cp\u003eAlliée des peaux à problèmes, elle favorise la purification et l'éclat du teint de façon durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-card gf-card-ingredient\"\u003e\n \u003ch3\u003e💚 Chlorophylle magnésienne 95 %\u003c\/h3\u003e\n \u003cp class=\"gf-dosage\"\u003e50 mg \/ comprimé\u003c\/p\u003e\n \u003cp\u003eAntioxydant naturel, elle accompagne le drainage et participe à l'équilibre acido-basique de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"gf-highlight-bar\"\u003e\n \u003cspan\u003e🌱 Formule vegan, sans gluten, sans excipient superflu\u003c\/span\u003e\n \u003cspan\u003e🇫🇷 Fabrication : France (Hauts-de-France)\u003c\/span\u003e\n \u003cspan\u003e♻️ Packaging recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c!-- Tableau dosages --\u003e\n \u003cdiv class=\"gf-table-wrapper\"\u003e\n \u003ctable class=\"gf-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eIngrédient\u003c\/th\u003e\n \u003cth\u003ePour 1 comprimé\u003c\/th\u003e\n \u003cth\u003ePour 2 comprimés\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eFibregum® (fibre d'acacia bio)\u003c\/td\u003e\n \u003ctd\u003e354 mg\u003c\/td\u003e\n \u003ctd\u003e708 mg\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eExtrait de chardon-marie bio\u003c\/td\u003e\n \u003ctd\u003e125 mg\u003c\/td\u003e\n \u003ctd\u003e250 mg\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eExtrait de bardane bio\u003c\/td\u003e\n \u003ctd\u003e125 mg\u003c\/td\u003e\n \u003ctd\u003e250 mg\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eChlorophylle magnésienne\u003c\/td\u003e\n \u003ctd\u003e50 mg\u003c\/td\u003e\n \u003ctd\u003e100 mg\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"gf-section\"\u003e\n \u003ch2\u003eComment bien utiliser GlowyForm ?\u003c\/h2\u003e\n \u003cdiv class=\"gf-timeline\"\u003e\n \u003cdiv class=\"gf-timeline-item\"\u003e\n \u003cdiv class=\"gf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gf-timeline-content\"\u003e\n \u003ch3\u003ePosologie recommandée\u003c\/h3\u003e\n \u003cp\u003e2 comprimés par jour, à avaler avec un grand verre d'eau, de préférence pendant le repas pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-timeline-item\"\u003e\n \u003cdiv class=\"gf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gf-timeline-content\"\u003e\n \u003ch3\u003eDurée conseillée\u003c\/h3\u003e\n \u003cp\u003eCure de 3 mois, renouvelable si besoin. Les premiers résultats visibles apparaissent généralement dès les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-timeline-item\"\u003e\n \u003cdiv class=\"gf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gf-timeline-content\"\u003e\n \u003ch3\u003eQuand l'utiliser ?\u003c\/h3\u003e\n \u003cp\u003eAux changements de saison, en cas de peau à imperfections, teint terne ou après des excès alimentaires. Idéal en cure saisonnière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-tip\"\u003e\n \u003cspan class=\"gf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConservation :\u003c\/strong\u003e garder à l'abri de la chaleur, de l'humidité et de la lumière. Bien refermer après chaque usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"gf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions \u0026amp; contre-indications\u003c\/h2\u003e\n \u003cdiv class=\"gf-accordion\"\u003e\n \u003cdetails class=\"gf-accordion-item\"\u003e\n \u003csummary class=\"gf-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"gf-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément est déconseillé aux femmes enceintes ou allaitantes. Consultez votre médecin avant toute prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gf-accordion-item\"\u003e\n \u003csummary class=\"gf-accordion-header\"\u003e💊 Suivi médical ou traitement en cours\u003c\/summary\u003e\n \u003cdiv class=\"gf-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez l'avis de votre médecin si vous suivez un traitement ou si vous souffrez d'une maladie chronique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gf-accordion-item\"\u003e\n \u003csummary class=\"gf-accordion-header\"\u003e⚠️ Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"gf-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. 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\n \u003cdiv class=\"gf-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre corps une détox naturelle \u0026amp; bio — retrouvez un teint lumineux, une peau purifiée et une énergie renouvelée avec GlowyForm Inolab.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gf-cream: #fdf8f5;\n --gf-white: #ffffff;\n --gf-primary: #e0917a;\n --gf-primary-dark: #b5654f;\n --gf-primary-light: #fceee9;\n --gf-secondary: #f5c4a8;\n --gf-accent: #c6735c;\n --gf-text: #1a1a1a;\n --gf-text-light: #5a5a5a;\n --gf-border: #f0e0d8;\n --gf-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gf-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gf-radius: 20px;\n --gf-radius-sm: 12px;\n}\n\n.gf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gf-hero {\n position: relative;\n background: linear-gradient(135deg, #e0917a 0%, #f5c4a8 50%, #f8ddd0 100%);\n border-radius: var(--gf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gf-shadow-lg);\n}\n\n.gf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.gf-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.gf-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.gf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gf-primary), var(--gf-secondary));\n border-radius: 2px;\n}\n\n.gf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gf-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.gf-card {\n background: var(--gf-white);\n border-radius: var(--gf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gf-shadow-lg);\n border-color: var(--gf-primary);\n}\n\n.gf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENT CARD DOSAGE === *\/\n.gf-card-ingredient .gf-dosage {\n display: inline-block;\n background: var(--gf-primary-light);\n color: var(--gf-accent);\n font-size: 12px;\n font-weight: 800;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .5rem;\n letter-spacing: .03em;\n}\n\n\/* === GRILLES === *\/\n.gf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === HIGHLIGHT BAR === *\/\n.gf-highlight-bar {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.gf-highlight-bar span {\n background: var(--gf-primary-light);\n color: var(--gf-primary-dark);\n font-size: 13px;\n font-weight: 700;\n padding: 8px 16px;\n border-radius: 999px;\n border: 1px solid var(--gf-border);\n}\n\n\/* === TABLE === *\/\n.gf-table-wrapper {\n overflow-x: auto;\n border-radius: var(--gf-radius-sm);\n box-shadow: var(--gf-shadow);\n}\n\n.gf-table {\n width: 100%;\n border-collapse: collapse;\n background: var(--gf-white);\n font-size: 14px;\n}\n\n.gf-table thead tr {\n background: linear-gradient(135deg, var(--gf-primary), var(--gf-secondary));\n}\n\n.gf-table th {\n padding: 12px 16px;\n color: white;\n font-weight: 700;\n text-align: left;\n font-size: 13px;\n letter-spacing: .02em;\n}\n\n.gf-table th:not(:first-child) {\n text-align: center;\n}\n\n.gf-table td {\n padding: 10px 16px;\n border-bottom: 1px solid var(--gf-border);\n color: var(--gf-text);\n}\n\n.gf-table td:not(:first-child) {\n text-align: center;\n font-weight: 700;\n color: var(--gf-accent);\n}\n\n.gf-table tbody tr:hover {\n background: var(--gf-primary-light);\n}\n\n.gf-table tbody tr:last-child td {\n border-bottom: none;\n}\n\n\/* === TIMELINE === *\/\n.gf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gf-primary), var(--gf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gf-timeline-content {\n flex: 1;\n background: var(--gf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gf-radius-sm);\n box-shadow: var(--gf-shadow);\n}\n\n.gf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gf-timeline-content p {\n font-size: 14px;\n color: var(--gf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gf-primary-light);\n border-radius: var(--gf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gf-tip p {\n font-size: 14px;\n color: var(--gf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gf-accordion {\n background: var(--gf-white);\n border-radius: var(--gf-radius);\n box-shadow: var(--gf-shadow);\n overflow: hidden;\n}\n\n.gf-accordion-item {\n border-bottom: 1px solid var(--gf-border);\n margin: 0;\n padding: 0;\n}\n\n.gf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gf-accordion-header:hover {\n background: var(--gf-primary-light);\n}\n\n.gf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gf-primary);\n transition: transform .2s ease;\n}\n\n.gf-accordion-item[open] .gf-accordion-header::after {\n content: '−';\n}\n\n.gf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gf-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gf-cta-box {\n background: linear-gradient(135deg, var(--gf-primary) 0%, var(--gf-primary-dark) 100%);\n border-radius: var(--gf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 2rem;\n}\n\n.gf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gf-disclaimer {\n font-size: 12px;\n color: var(--gf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gf-card {\n padding: 1.125rem;\n }\n\n .gf-section {\n margin-bottom: 1.75rem;\n }\n\n .gf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gf-radius-sm);\n }\n\n .gf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gf-timeline-content h3 {\n font-size: 14px;\n }\n\n .gf-timeline-content p {\n font-size: 13px;\n }\n\n .gf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gf-highlight-bar {\n flex-direction: column;\n align-items: center;\n }\n\n .gf-table {\n font-size: 12px;\n }\n\n .gf-table th, .gf-table td {\n padding: 8px 10px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gf-card {\n animation: gfFadeInUp .5s ease backwards;\n }\n .gf-card:nth-child(1) { animation-delay: .05s; }\n .gf-card:nth-child(2) { animation-delay: .1s; }\n .gf-card:nth-child(3) { animation-delay: .15s; }\n .gf-card:nth-child(4) { animation-delay: .2s; }\n .gf-card:nth-child(5) { animation-delay: .25s; }\n .gf-card:nth-child(6) { animation-delay: .3s; }\n\n .gf-timeline-item {\n animation: gfFadeInUp .5s ease backwards;\n }\n .gf-timeline-item:nth-child(1) { animation-delay: .05s; }\n .gf-timeline-item:nth-child(2) { animation-delay: .15s; }\n .gf-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes gfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55426478997881,"sku":"GLOWYFORM","price":16.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/draineur_glowyform_inolab.webp?v=1751901560"},{"product_id":"flexiform-articulations-60-gelules-inolab","title":"Flexiform - Complexe articulations - 60 gélules - Inolab","description":"\u003cdiv class=\"fx-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"fx-hero\"\u003e\n \u003cdiv class=\"fx-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fx-hero-content\"\u003e\n \u003cdiv class=\"fx-badges-top\"\u003e\n \u003cspan class=\"fx-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"fx-badge\"\u003e🥚 Collagène Ovomet®\u003c\/span\u003e\n \u003cspan class=\"fx-badge\"\u003e🌿 Boswellia \u0026amp; Curcuma\u003c\/span\u003e\n \u003cspan class=\"fx-badge\"\u003e📅 Programme 30 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fx-hero-title\"\u003eFlexiform – Complexe articulations\u003c\/span\u003e\n \u003cp class=\"fx-subtitle\"\u003eLa synergie de 4 actifs brevetés pour vos articulations\u003c\/p\u003e\n \u003cp class=\"fx-description\"\u003eCollagène Ovomet®, Turmacin®, Boswellia serrata et vitamine C d'acérola réunis dans une formule complète pour préserver votre mobilité, votre souplesse et votre confort articulaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"fx-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément articulation ?\u003c\/h2\u003e\n \u003cp class=\"fx-section-intro\"\u003eFlexiform a été pensé pour toutes les personnes qui veulent préserver ou retrouver un confort articulaire optimal, quel que soit leur profil.\u003c\/p\u003e\n \u003cdiv class=\"fx-grid\"\u003e\n \u003cdiv class=\"fx-card\"\u003e\n \u003ch3\u003e🏃 Sportifs exigeants\u003c\/h3\u003e\n \u003cp\u003eVous sollicitez vos articulations intensément ? Flexiform aide à préserver votre capital articulaire et à mieux récupérer après l'effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fx-card\"\u003e\n \u003ch3\u003e💼 Adultes actifs\u003c\/h3\u003e\n \u003cp\u003eRaideurs matinales, gêne après une longue journée ? Cette formule soutient votre mobilité et votre confort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fx-card\"\u003e\n \u003ch3\u003e🧓 Seniors en mouvement\u003c\/h3\u003e\n \u003cp\u003eMaintenez une bonne amplitude de mouvement et entretenez vos os et articulations sur le long terme grâce à des actifs ciblés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"fx-section\"\u003e\n \u003ch2\u003eUne synergie de 4 actifs brevetés et naturels\u003c\/h2\u003e\n \u003cdiv class=\"fx-grid\"\u003e\n \u003cdiv class=\"fx-card\"\u003e\n \u003ch3\u003e🥚 Ovomet® (300 mg)\u003c\/h3\u003e\n \u003cp\u003eCollagène issu de la membrane d'œuf, naturellement riche en \u003cstrong\u003eélastine\u003c\/strong\u003e, \u003cstrong\u003eacide hyaluronique\u003c\/strong\u003e, \u003cstrong\u003eglucosamine\u003c\/strong\u003e et \u003cstrong\u003echondroïtine\u003c\/strong\u003e. Il fournit les collagènes de types I, V et X, des composants essentiels du cartilage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fx-card\"\u003e\n \u003ch3\u003e🌾 Turmacin® (500 mg)\u003c\/h3\u003e\n \u003cp\u003eExtrait breveté de \u003cem\u003eCurcuma longa\u003c\/em\u003e standardisé en turmérosaccharides. Contrairement aux extraits classiques de curcumine, il offre un bon confort digestif tout en soutenant le bien-être articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fx-card\"\u003e\n \u003ch3\u003e🌿 Boswellia serrata (100 mg)\u003c\/h3\u003e\n \u003cp\u003eExtrait titré en acides boswelliques, utilisé depuis des siècles en médecine traditionnelle pour le \u003cstrong\u003econfort des articulations\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fx-card\"\u003e\n \u003ch3\u003e🍒 Acérola – Vitamine C (12 mg)\u003c\/h3\u003e\n \u003cp\u003eSoit 15 % des VNR. Contribue à la \u003cstrong\u003eformation normale du collagène\u003c\/strong\u003e pour assurer la fonction des cartilages et des os.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"fx-section\"\u003e\n \u003ch2\u003eComposition complète pour 2 comprimés\u003c\/h2\u003e\n \u003cp class=\"fx-section-intro\"\u003e\u003cstrong\u003eFormat :\u003c\/strong\u003e 60 comprimés de 609 mg – programme de 30 jours.\u003c\/p\u003e\n \u003cdiv class=\"fx-grid-compact\"\u003e\n \u003cdiv class=\"fx-card\"\u003e\n \u003ch3\u003e🌾 Turmacin®\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e500 mg\u003c\/strong\u003e\u003cbr\u003e\u003cem\u003eCurcuma longa\u003c\/em\u003e, origine Inde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fx-card\"\u003e\n \u003ch3\u003e🥚 Ovomet®\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e\u003cbr\u003eMembrane d'œuf, origine Espagne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fx-card\"\u003e\n \u003ch3\u003e🌿 Boswellia\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e\u003cbr\u003eTitré en acides boswelliques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fx-card\"\u003e\n \u003ch3\u003e🍒 Vitamine C\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e12 mg\u003c\/strong\u003e\u003cbr\u003eAcérola titré à 17 %\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fx-tip\"\u003e\n \u003cspan class=\"fx-tip-icon\"\u003e💊\u003c\/span\u003e\n \u003cp\u003eEnrobage végétal HPMC – formule adaptée aux végétariens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"fx-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"fx-timeline\"\u003e\n \u003cdiv class=\"fx-timeline-item\"\u003e\n \u003cdiv class=\"fx-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fx-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 comprimés par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours des repas : \u003cstrong\u003e1 le matin et 1 le soir\u003c\/strong\u003e, ou les deux ensemble le matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fx-timeline-item\"\u003e\n \u003cdiv class=\"fx-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fx-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eSuivez une \u003cstrong\u003ecure d'un mois\u003c\/strong\u003e, renouvelable selon vos besoins. La régularité est la clé pour observer les meilleurs résultats.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fx-timeline-item\"\u003e\n \u003cdiv class=\"fx-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fx-timeline-content\"\u003e\n \u003ch3\u003eOptimisez vos résultats\u003c\/h3\u003e\n \u003cp\u003ePensez à bien vous hydrater (au moins \u003cstrong\u003e1,5 L d'eau par jour\u003c\/strong\u003e) et à pratiquer des mouvements doux comme la marche ou les étirements, bénéfiques pour l'entretien du cartilage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"fx-section\"\u003e\n \u003ch2\u003ePrécautions et contre-indications\u003c\/h2\u003e\n \u003cdiv class=\"fx-accordion\"\u003e\n \u003cdetails class=\"fx-accordion-item\"\u003e\n \u003csummary class=\"fx-accordion-header\"\u003e⚠️ Personnes concernées par les contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"fx-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'adulte. Déconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e, aux personnes \u003cstrong\u003eallergiques à l'œuf\u003c\/strong\u003e et en cas de \u003cstrong\u003epathologie hépatique ou biliaire\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fx-accordion-item\"\u003e\n \u003csummary class=\"fx-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"fx-accordion-content mt-3\"\u003e\n \u003cp\u003eConsultez votre médecin si vous prenez des anticoagulants, anti-inflammatoires, hypoglycémiants ou immunosuppresseurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fx-accordion-item\"\u003e\n \u003csummary class=\"fx-accordion-header\"\u003e📋 Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"fx-accordion-content mt-3\"\u003e\n \u003cp\u003eCe \u003cstrong\u003ecomplément pour articulation\u003c\/strong\u003e ne remplace ni une alimentation variée et équilibrée, ni un traitement médical. En cas de douleur persistante, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"fx-section\"\u003e\n \u003ch2\u003eEngagements qualité Inolab\u003c\/h2\u003e\n \u003cdiv class=\"fx-grid-compact\"\u003e\n \u003cdiv class=\"fx-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué et conditionné en France, certification HACCP\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fx-card\"\u003e\n \u003ch3\u003e🌱 Formule clean\u003c\/h3\u003e\n \u003cp\u003eVégétarienne, halal, casher et sans gluten\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fx-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans polysorbate 80, sans stéarate de magnésium, sans additifs controversés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fx-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eDoypack recyclable opaque pour protéger les actifs de la lumière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"fx-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fx-cta-box\"\u003e\n \u003cp\u003eAvec Flexiform, offrez à vos articulations une \u003cstrong\u003eapproche complète\u003c\/strong\u003e alliant collagène, extraits végétaux et vitamine C. Deux comprimés par jour suffisent pour soutenir durablement votre confort et votre mobilité. Prenez soin de vos articulations, elles vous le rendront à chaque mouvement. 💛\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fx-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fx-cream: #faf7f2;\n --fx-white: #ffffff;\n --fx-primary: #d4972e;\n --fx-primary-dark: #8a5e12;\n --fx-primary-light: #fdf3e0;\n --fx-secondary: #e8b44c;\n --fx-accent: #c27d1a;\n --fx-text: #1a1a1a;\n --fx-text-light: #5a5a5a;\n --fx-border: #e8e0d4;\n --fx-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fx-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fx-radius: 20px;\n --fx-radius-sm: 12px;\n}\n\n.fx-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fx-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fx-hero {\n position: relative;\n background: linear-gradient(135deg, #c27d1a 0%, #d4972e 40%, #e8b44c 100%);\n border-radius: var(--fx-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fx-shadow-lg);\n}\n\n.fx-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.fx-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fx-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.fx-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.fx-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.fx-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fx-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fx-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fx-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fx-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fx-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fx-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.fx-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fx-primary), var(--fx-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.fx-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fx-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.fx-card {\n background: var(--fx-white);\n border-radius: var(--fx-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fx-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fx-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fx-shadow-lg);\n border-color: var(--fx-primary);\n}\n\n.fx-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fx-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fx-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fx-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fx-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fx-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fx-grid-compact .fx-card {\n padding: 1rem;\n}\n\n.fx-grid-compact .fx-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fx-grid-compact .fx-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fx-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fx-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fx-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fx-primary), var(--fx-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fx-timeline-content {\n flex: 1;\n background: var(--fx-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fx-radius-sm);\n box-shadow: var(--fx-shadow);\n}\n\n.fx-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fx-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fx-timeline-content p {\n font-size: 14px;\n color: var(--fx-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDION === *\/\n.fx-accordion {\n background: var(--fx-white);\n border-radius: var(--fx-radius);\n box-shadow: var(--fx-shadow);\n overflow: hidden;\n}\n\n.fx-accordion-item {\n border-bottom: 1px solid var(--fx-border);\n margin: 0;\n padding: 0;\n}\n\n.fx-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fx-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fx-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.fx-accordion-header:hover {\n background: var(--fx-primary-light);\n}\n\n.fx-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fx-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fx-primary);\n transition: transform .2s ease;\n}\n\n.fx-accordion-item[open] .fx-accordion-header::after {\n content: '−';\n}\n\n.fx-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fx-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fx-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP === *\/\n.fx-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fx-primary-light);\n border-radius: var(--fx-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fx-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fx-tip p {\n font-size: 14px;\n color: var(--fx-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.fx-cta-box {\n background: linear-gradient(135deg, var(--fx-primary) 0%, var(--fx-primary-dark) 100%);\n border-radius: var(--fx-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fx-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.fx-disclaimer {\n font-size: 12px;\n color: var(--fx-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .fx-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fx-card {\n padding: 1.125rem;\n }\n\n .fx-section {\n margin-bottom: 1.75rem;\n }\n\n .fx-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fx-radius-sm);\n }\n\n .fx-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fx-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fx-grid-compact {\n gap: .625rem;\n }\n\n .fx-grid-compact .fx-card {\n padding: .75rem;\n }\n\n .fx-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fx-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fx-timeline-content h3 {\n font-size: 14px;\n }\n\n .fx-timeline-content p {\n font-size: 13px;\n }\n\n .fx-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fx-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fx-badges-top {\n gap: 6px;\n }\n\n .fx-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fx-card {\n animation: fxFadeInUp .5s ease backwards;\n }\n .fx-card:nth-child(1) { animation-delay: .05s; }\n .fx-card:nth-child(2) { animation-delay: .1s; }\n .fx-card:nth-child(3) { animation-delay: .15s; }\n .fx-card:nth-child(4) { animation-delay: .2s; }\n .fx-card:nth-child(5) { animation-delay: .25s; }\n .fx-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fxFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fx-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55889910759801,"sku":"FLEXIFORMINOLAB","price":24.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/flexiform-complexe-articulations-60-gelules-inolab-packshothd.webp?v=1773059503"},{"product_id":"shilajit-gelules-vitalform-inolab","title":"Shilajit en gélules (x60) - Vitalform - INOLAB","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shilajit Vitalform INOLAB\nPalette détectée:\n - Primaire: #3A5F6F (Bleu-gris intense du packaging, évoque les montagnes et la nature)\n - Secondaire: #5DABB8 (Turquoise moderne du logo, évoque pureté et innovation)\n - Accent: #2B4854 (Gris anthracite profond, sophistication et sérieux)\n - Neutre: #F5F8FA (Fond clair glacé, évoque l'Himalaya et la pureté)\nAmbiance: Naturel premium, scientifique, minéral himalayen, masculin\/unisexe, sophistiqué, confiance et expertise\nType: Complément alimentaire en gélules\nStyle: Premium naturel avec touche scientifique\/technique, épuré et moderne\nPréfixe CSS: sh\n--\u003e\n\u003cdiv class=\"sh-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"sh-hero\"\u003e\n\u003cdiv class=\"sh-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sh-hero-content\"\u003e\n\u003cdiv class=\"sh-badges-top\"\u003e\n\u003cspan class=\"sh-badge\"\u003e🏔️ 100% Himalaya\u003c\/span\u003e \u003cspan class=\"sh-badge\"\u003e⚡ 1000mg par dose\u003c\/span\u003e \u003cspan class=\"sh-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sh-hero-title\"\u003eShilajit Vitalform\u003c\/span\u003e\n\u003cp class=\"sh-subtitle\"\u003eLa force minérale de l'Himalaya concentrée en gélules\u003c\/p\u003e\n\u003cp class=\"sh-description\"\u003e50% d'acides fulviques + Vitamine B6 active pour une énergie naturelle, un mental affûté et un équilibre hormonal optimal. Formule hautement purifiée, végétale et scientifiquement dosée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n\u003csection class=\"sh-section\"\u003e\n\u003ch2\u003eLes bienfaits scientifiquement prouvés\u003c\/h2\u003e\n\u003cdiv class=\"sh-grid\"\u003e\n\u003cdiv class=\"sh-card sh-card-benefit\"\u003e\n\u003cdiv class=\"sh-icon\"\u003e⚡\u003c\/div\u003e\n\u003cspan class=\"sh-card-title\"\u003eÉnergie \u0026amp; tonus\u003c\/span\u003e\n\u003cp\u003eLa vitamine B6 contribue à réduire la fatigue et soutient le métabolisme énergétique normal. Retrouvez votre vitalité naturelle sans stimulants artificiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-card-benefit\"\u003e\n\u003cdiv class=\"sh-icon\"\u003e🧠\u003c\/div\u003e\n\u003cspan class=\"sh-card-title\"\u003eBien-être mental\u003c\/span\u003e\n\u003cp\u003eSoutien du système nerveux et des fonctions psychologiques normales. Mental clair, meilleure résistance au stress et sérénité retrouvée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-card-benefit\"\u003e\n\u003cdiv class=\"sh-icon\"\u003e🔄\u003c\/div\u003e\n\u003cspan class=\"sh-card-title\"\u003eÉquilibre hormonal\u003c\/span\u003e\n\u003cp\u003eLa vitamine B6 contribue à réguler l'activité hormonale. Idéal pour un équilibre global du corps et de l'esprit, homme comme femme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-card-benefit\"\u003e\n\u003cdiv class=\"sh-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cspan class=\"sh-card-title\"\u003eDéfenses immunitaires\u003c\/span\u003e\n\u003cp\u003eSoutien du fonctionnement normal du système immunitaire. Renforcez vos défenses naturelles grâce aux minéraux essentiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-card-benefit\"\u003e\n\u003cdiv class=\"sh-icon\"\u003e💪\u003c\/div\u003e\n\u003cspan class=\"sh-card-title\"\u003eRécupération optimale\u003c\/span\u003e\n\u003cp\u003eSource minérale complète avec oligo-éléments et acides fulviques. Meilleure récupération après l'effort et résistance physique accrue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-card-benefit\"\u003e\n\u003cdiv class=\"sh-icon\"\u003e🌿\u003c\/div\u003e\n\u003cspan class=\"sh-card-title\"\u003e100% naturel\u003c\/span\u003e\n\u003cp\u003eTrésor minéral rare de l'Himalaya utilisé depuis des siècles dans la tradition ayurvédique. Formule pure sans stimulants artificiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"sh-section\"\u003e\n\u003ch2\u003eUne formule pure et hautement concentrée\u003c\/h2\u003e\n\u003cdiv class=\"sh-composition-highlight\"\u003e\n\u003cdiv class=\"sh-composition-main\"\u003e\n\u003cdiv class=\"sh-dosage-box\"\u003e\n\u003cspan class=\"sh-dosage-number\"\u003e1000\u003c\/span\u003e \u003cspan class=\"sh-dosage-unit\"\u003emg\u003c\/span\u003e\n\u003cp class=\"sh-dosage-label\"\u003eShilajit par dose\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-dosage-box\"\u003e\n\u003cspan class=\"sh-dosage-number\"\u003e50\u003c\/span\u003e \u003cspan class=\"sh-dosage-unit\"\u003e%\u003c\/span\u003e\n\u003cp class=\"sh-dosage-label\"\u003eAcides fulviques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-dosage-box\"\u003e\n\u003cspan class=\"sh-dosage-number\"\u003e500\u003c\/span\u003e \u003cspan class=\"sh-dosage-unit\"\u003eµg\u003c\/span\u003e\n\u003cp class=\"sh-dosage-label\"\u003eVitamine B6 active\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 2rem;\" class=\"sh-grid\"\u003e\n\u003cdiv class=\"sh-card sh-card-ingredient\"\u003e\n\u003cdiv class=\"sh-ingredient-icon\"\u003e🏔️\u003c\/div\u003e\n\u003cspan class=\"sh-ingredient-name\"\u003eShilajit de l'Himalaya\u003c\/span\u003e\n\u003cp class=\"sh-ingredient-dosage\"\u003e1000 mg par dose\u003c\/p\u003e\n\u003cp\u003eExtrait pur d'Asphaltum punjabianum, titré à 50% en acide fulvique. Biodisponibilité optimale garantie par un processus de purification avancé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-card-ingredient\"\u003e\n\u003cdiv class=\"sh-ingredient-icon\"\u003e⚗️\u003c\/div\u003e\n\u003cspan class=\"sh-ingredient-name\"\u003eVitamine B6 (P-5-P)\u003c\/span\u003e\n\u003cp class=\"sh-ingredient-dosage\"\u003e500 µg (36% VNR)\u003c\/p\u003e\n\u003cp\u003ePyridoxal-5-phosphate, forme active et biodisponible. Soutient l'énergie, le système nerveux, les défenses immunitaires et l'équilibre hormonal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-card-ingredient\"\u003e\n\u003cdiv class=\"sh-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n\u003cspan class=\"sh-ingredient-name\"\u003eGélule végétale\u003c\/span\u003e\n\u003cp class=\"sh-ingredient-dosage\"\u003e100% végétale\u003c\/p\u003e\n\u003cp\u003eHydroxypropylméthylcellulose. Sans gluten, sans lactose, convient aux régimes végétariens, végans, halal et casher.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- QUALITÉ \u0026 PURETÉ --\u003e\n\u003csection class=\"sh-section\"\u003e\n\u003ch2\u003eQualité \u0026amp; traçabilité garanties\u003c\/h2\u003e\n\u003cdiv class=\"sh-grid\"\u003e\n\u003cdiv class=\"sh-card sh-card-quality\"\u003e\n\u003cspan class=\"sh-quality-badge\"\u003e🇫🇷\u003c\/span\u003e \u003cspan class=\"sh-quality-title\"\u003eFabriqué en France\u003c\/span\u003e\n\u003cp\u003eFormule développée et conditionnée en France par le laboratoire INOLAB selon les normes les plus strictes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-card-quality\"\u003e\n\u003cspan class=\"sh-quality-badge\"\u003e✓\u003c\/span\u003e \u003cspan class=\"sh-quality-title\"\u003eExtrait 100% pur\u003c\/span\u003e\n\u003cp\u003eShilajit purifié à l'eau, sans solvants chimiques. Contrôlé et standardisé en laboratoire pour une qualité constante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-card-quality\"\u003e\n\u003cspan class=\"sh-quality-badge\"\u003e🌱\u003c\/span\u003e \u003cspan class=\"sh-quality-title\"\u003eClean label\u003c\/span\u003e\n\u003cp\u003eSans gluten, sans lactose, sans additifs inutiles. Formule végétale compatible avec tous les régimes alimentaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-card-quality\"\u003e\n\u003cspan class=\"sh-quality-badge\"\u003e🔬\u003c\/span\u003e \u003cspan class=\"sh-quality-title\"\u003eTitrage garanti\u003c\/span\u003e\n\u003cp\u003e50% d'acides fulviques garantis par analyse. Chaque lot est testé pour assurer concentration et pureté optimales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"sh-section\"\u003e\n\u003ch2\u003eMode d'emploi et résultats attendus\u003c\/h2\u003e\n\u003cdiv class=\"sh-usage-timeline\"\u003e\n\u003cdiv class=\"sh-usage-step\"\u003e\n\u003cdiv class=\"sh-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sh-step-content\"\u003e\n\u003cspan class=\"sh-step-title\"\u003ePosologie recommandée\u003c\/span\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, de préférence le matin avec un grand verre d'eau. Programme de 30 jours renouvelable jusqu'à 3 mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-usage-step\"\u003e\n\u003cdiv class=\"sh-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sh-step-content\"\u003e\n\u003cspan class=\"sh-step-title\"\u003ePremiers effets (2-3 semaines)\u003c\/span\u003e\n\u003cp\u003eRéduction notable de la fatigue, amélioration de l'énergie physique et meilleure résistance au stress quotidien. Sensation de vitalité retrouvée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-usage-step\"\u003e\n\u003cdiv class=\"sh-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sh-step-content\"\u003e\n\u003cspan class=\"sh-step-title\"\u003eÉquilibre optimal (4-8 semaines)\u003c\/span\u003e\n\u003cp\u003eStabilisation de l'équilibre nerveux, amélioration du bien-être mental et régulation hormonale progressive. Récupération physique optimisée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-usage-step\"\u003e\n\u003cdiv class=\"sh-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"sh-step-content\"\u003e\n\u003cspan class=\"sh-step-title\"\u003ePause recommandée\u003c\/span\u003e\n\u003cp\u003eAprès 3 mois d'utilisation continue, effectuez une pause de 2 à 4 semaines avant de reprendre pour maintenir l'efficacité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"sh-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse le Shilajit Vitalform ?\u003c\/h2\u003e\n\u003cdiv class=\"sh-grid\"\u003e\n\u003cdiv class=\"sh-card sh-card-target\"\u003e\n\u003cdiv class=\"sh-target-icon\"\u003e😴\u003c\/div\u003e\n\u003cspan class=\"sh-target-title\"\u003eFatigue chronique\u003c\/span\u003e\n\u003cp\u003eVous ressentez un manque d'énergie persistant, une lassitude quotidienne ou des difficultés à maintenir votre vitalité naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-card-target\"\u003e\n\u003cdiv class=\"sh-target-icon\"\u003e💪\u003c\/div\u003e\n\u003cspan class=\"sh-target-title\"\u003ePerformance physique\u003c\/span\u003e\n\u003cp\u003eVous cherchez à améliorer votre résistance à l'effort, optimiser votre récupération et renforcer votre endurance naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-card-target\"\u003e\n\u003cdiv class=\"sh-target-icon\"\u003e👨\u003c\/div\u003e\n\u003cspan class=\"sh-target-title\"\u003eHommes actifs\u003c\/span\u003e\n\u003cp\u003eVous souhaitez soutenir votre équilibre hormonal, maintenir votre vitalité masculine et améliorer votre bien-être global.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-card-target\"\u003e\n\u003cdiv class=\"sh-target-icon\"\u003e👩\u003c\/div\u003e\n\u003cspan class=\"sh-target-title\"\u003eFemmes dynamiques\u003c\/span\u003e\n\u003cp\u003eVous recherchez un équilibre nerveux stable, une meilleure gestion du stress et un soutien hormonal naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-card-target\"\u003e\n\u003cdiv class=\"sh-target-icon\"\u003e🧠\u003c\/div\u003e\n\u003cspan class=\"sh-target-title\"\u003eClarté mentale\u003c\/span\u003e\n\u003cp\u003eVous voulez améliorer votre concentration, réduire le brouillard mental et renforcer vos capacités cognitives au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-card-target\"\u003e\n\u003cdiv class=\"sh-target-icon\"\u003e🌿\u003c\/div\u003e\n\u003cspan class=\"sh-target-title\"\u003eApproche naturelle\u003c\/span\u003e\n\u003cp\u003eVous privilégiez les solutions naturelles sans stimulants artificiels pour prendre soin de votre santé de manière durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POINTS CLÉS --\u003e\n\u003csection class=\"sh-section\"\u003e\n\u003ch2\u003ePourquoi choisir Shilajit Vitalform ?\u003c\/h2\u003e\n\u003cdiv class=\"sh-key-points\"\u003e\n\u003cdiv class=\"sh-key-point\"\u003e\n\u003cspan class=\"sh-key-icon\"\u003e✓\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConcentration optimale :\u003c\/strong\u003e 1000 mg de Shilajit titré à 50% d'acides fulviques par dose\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-key-point\"\u003e\n\u003cspan class=\"sh-key-icon\"\u003e✓\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eForme active :\u003c\/strong\u003e Vitamine B6 sous forme P-5-P pour une biodisponibilité maximale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-key-point\"\u003e\n\u003cspan class=\"sh-key-icon\"\u003e✓\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eOrigine certifiée :\u003c\/strong\u003e Shilajit authentique de l'Himalaya, purifié selon un process breveté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-key-point\"\u003e\n\u003cspan class=\"sh-key-icon\"\u003e✓\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eFabrication française :\u003c\/strong\u003e Développé par INOLAB selon les standards pharmaceutiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-key-point\"\u003e\n\u003cspan class=\"sh-key-icon\"\u003e✓\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eFormule clean :\u003c\/strong\u003e 100% végétale, sans gluten, sans lactose, halal et casher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-key-point\"\u003e\n\u003cspan class=\"sh-key-icon\"\u003e✓\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eProgramme complet :\u003c\/strong\u003e 60 gélules pour un mois de cure intensive\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"sh-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi et conseils\u003c\/h2\u003e\n\u003cdiv class=\"sh-warning-box\"\u003e\n\u003cdiv class=\"sh-warning-icon\"\u003e⚠️\u003c\/div\u003e\n\u003cdiv class=\"sh-warning-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eImportant à savoir :\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée de 2 gélules\u003c\/li\u003e\n\u003cli\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée ni un mode de vie sain\u003c\/li\u003e\n\u003cli\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical préalable\u003c\/li\u003e\n\u003cli\u003eEn cas de traitement médicamenteux en cours, consultez votre médecin ou pharmacien\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n\u003cli\u003eConserver dans un endroit sec et frais, à l'abri de la lumière\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFORMATIONS PRATIQUES --\u003e\n\u003csection class=\"sh-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"sh-grid\"\u003e\n\u003cdiv class=\"sh-card sh-info-card\"\u003e\n\u003cdiv class=\"sh-info-icon\"\u003e📦\u003c\/div\u003e\n\u003cspan class=\"sh-info-label\"\u003eContenance\u003c\/span\u003e\n\u003cp class=\"sh-info-value\"\u003e60 gélules\u003c\/p\u003e\n\u003cp class=\"sh-info-desc\"\u003eProgramme 30 jours (2 gélules\/jour)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-info-card\"\u003e\n\u003cdiv class=\"sh-info-icon\"\u003e🏔️\u003c\/div\u003e\n\u003cspan class=\"sh-info-label\"\u003eOrigine\u003c\/span\u003e\n\u003cp class=\"sh-info-value\"\u003eHimalaya, Inde\u003c\/p\u003e\n\u003cp class=\"sh-info-desc\"\u003eShilajit authentique purifié\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-info-card\"\u003e\n\u003cdiv class=\"sh-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003cspan class=\"sh-info-label\"\u003eFabrication\u003c\/span\u003e\n\u003cp class=\"sh-info-value\"\u003eFrance\u003c\/p\u003e\n\u003cp class=\"sh-info-desc\"\u003eLaboratoire INOLAB\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-info-card\"\u003e\n\u003cdiv class=\"sh-info-icon\"\u003e💊\u003c\/div\u003e\n\u003cspan class=\"sh-info-label\"\u003eFormat\u003c\/span\u003e\n\u003cp class=\"sh-info-value\"\u003eGélules végétales\u003c\/p\u003e\n\u003cp class=\"sh-info-desc\"\u003eFaciles à avaler\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-info-card\"\u003e\n\u003cdiv class=\"sh-info-icon\"\u003e🌿\u003c\/div\u003e\n\u003cspan class=\"sh-info-label\"\u003eCertifications\u003c\/span\u003e\n\u003cp class=\"sh-info-value\"\u003eHalal \u0026amp; Casher\u003c\/p\u003e\n\u003cp class=\"sh-info-desc\"\u003eVegan, sans gluten\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sh-card sh-info-card\"\u003e\n\u003cdiv class=\"sh-info-icon\"\u003e⏱️\u003c\/div\u003e\n\u003cspan class=\"sh-info-label\"\u003eRésultats\u003c\/span\u003e\n\u003cp class=\"sh-info-value\"\u003e2-3 semaines\u003c\/p\u003e\n\u003cp class=\"sh-info-desc\"\u003ePremiers effets observés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"sh-section\"\u003e\n\u003cdiv class=\"sh-cta-box\"\u003e\n\u003cdiv class=\"sh-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sh-cta-content\"\u003e\n\u003cp class=\"sh-cta-title\"\u003e🏔️ Libérez la puissance minérale de l'Himalaya\u003c\/p\u003e\n\u003cp\u003eLe Shilajit Vitalform concentre des millénaires de sagesse ayurvédique et l'innovation scientifique d'INOLAB dans une formule exceptionnelle. Retrouvez votre énergie naturelle, clarifiez votre mental et restaurez votre équilibre hormonal grâce à ce trésor minéral unique. Une solution pure, végétale et efficace pour une vitalité durable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --sh-cream: #F5F8FA;\n --sh-white: #ffffff;\n --sh-primary: #3A5F6F;\n --sh-primary-dark: #2B4854;\n --sh-primary-light: #E8F1F4;\n --sh-secondary: #5DABB8;\n --sh-accent: #4A8A96;\n --sh-text: #1a1a1a;\n --sh-text-light: #5a5a5a;\n --sh-border: #e0e0e0;\n --sh-shadow: 0 4px 24px rgba(58,95,111,.08);\n --sh-shadow-lg: 0 12px 48px rgba(43,72,84,.15);\n --sh-radius: 20px;\n --sh-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--sh-text);\n}\n\n\/* === HERO === *\/\n.sh-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sh-primary-dark) 0%, var(--sh-primary) 50%, var(--sh-secondary) 100%);\n border-radius: var(--sh-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--sh-shadow-lg);\n}\n\n.sh-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.2) 35px, rgba(255,255,255,.2) 70px);\n}\n\n.sh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n margin-bottom: 2rem;\n}\n\n.sh-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.sh-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sh-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.sh-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.sh-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.sh-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--sh-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sh-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sh-primary), var(--sh-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.sh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.sh-card {\n background: var(--sh-white);\n border-radius: var(--sh-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.sh-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sh-shadow-lg);\n border-color: var(--sh-secondary);\n}\n\n.sh-card-benefit .sh-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.sh-card-title {\n display: block;\n font-size: 20px;\n font-weight: 800;\n color: var(--sh-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.sh-card p {\n font-size: 15px;\n color: var(--sh-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.sh-composition-highlight {\n background: linear-gradient(135deg, var(--sh-primary-light) 0%, rgba(93,171,184,.1) 100%);\n border-radius: var(--sh-radius);\n padding: clamp(2rem, 4vw, 3rem);\n margin-bottom: 2rem;\n}\n\n.sh-composition-main {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n}\n\n.sh-dosage-box {\n text-align: center;\n background: var(--sh-white);\n border-radius: var(--sh-radius-sm);\n padding: 1.5rem;\n box-shadow: 0 4px 16px rgba(0,0,0,.06);\n}\n\n.sh-dosage-number {\n display: block;\n font-size: clamp(40px, 6vw, 56px);\n font-weight: 900;\n color: var(--sh-primary);\n line-height: 1;\n letter-spacing: -.03em;\n}\n\n.sh-dosage-unit {\n font-size: clamp(20px, 3vw, 28px);\n font-weight: 700;\n color: var(--sh-secondary);\n margin-left: 4px;\n}\n\n.sh-dosage-label {\n font-size: 14px;\n font-weight: 700;\n color: var(--sh-text-light);\n margin: .5rem 0 0 0;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.sh-card-ingredient {\n border-left: 4px solid var(--sh-secondary);\n}\n\n.sh-ingredient-icon {\n font-size: 40px;\n margin-bottom: .75rem;\n}\n\n.sh-ingredient-name {\n display: block;\n font-size: 18px;\n font-weight: 800;\n color: var(--sh-primary-dark);\n margin-bottom: .5rem;\n}\n\n.sh-ingredient-dosage {\n font-size: 14px;\n font-weight: 700;\n color: var(--sh-secondary);\n margin: 0 0 .75rem 0;\n text-transform: uppercase;\n letter-spacing: .03em;\n}\n\n\/* === QUALITÉ === *\/\n.sh-card-quality {\n text-align: center;\n border: 2px solid var(--sh-primary-light);\n}\n\n.sh-quality-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 64px;\n height: 64px;\n background: linear-gradient(135deg, var(--sh-primary) 0%, var(--sh-secondary) 100%);\n border-radius: 50%;\n font-size: 28px;\n margin-bottom: 1rem;\n box-shadow: 0 4px 16px rgba(58,95,111,.2);\n}\n\n.sh-quality-title {\n display: block;\n font-size: 18px;\n font-weight: 800;\n color: var(--sh-primary-dark);\n margin-bottom: .75rem;\n}\n\n\/* === TIMELINE USAGE === *\/\n.sh-usage-timeline {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n}\n\n.sh-usage-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--sh-white);\n border-radius: var(--sh-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sh-shadow);\n border-left: 4px solid var(--sh-secondary);\n transition: all .3s ease;\n}\n\n.sh-usage-step:hover {\n transform: translateX(8px);\n box-shadow: var(--sh-shadow-lg);\n}\n\n.sh-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--sh-primary) 0%, var(--sh-secondary) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 12px rgba(58,95,111,.25);\n}\n\n.sh-step-content {\n flex: 1;\n}\n\n.sh-step-title {\n display: block;\n font-size: 18px;\n font-weight: 800;\n color: var(--sh-primary-dark);\n margin-bottom: .5rem;\n}\n\n.sh-step-content p {\n font-size: 15px;\n color: var(--sh-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n.sh-step-content strong {\n color: var(--sh-primary);\n font-weight: 700;\n}\n\n\/* === TARGET === *\/\n.sh-card-target {\n text-align: center;\n}\n\n.sh-target-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.sh-target-title {\n display: block;\n font-size: 18px;\n font-weight: 800;\n color: var(--sh-primary-dark);\n margin-bottom: .75rem;\n}\n\n\/* === KEY POINTS === *\/\n.sh-key-points {\n background: var(--sh-white);\n border-radius: var(--sh-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--sh-shadow);\n}\n\n.sh-key-point {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1rem 0;\n border-bottom: 1px solid var(--sh-border);\n}\n\n.sh-key-point:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.sh-key-point:first-child {\n padding-top: 0;\n}\n\n.sh-key-icon {\n flex-shrink: 0;\n width: 28px;\n height: 28px;\n background: linear-gradient(135deg, var(--sh-primary) 0%, var(--sh-secondary) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 900;\n font-size: 16px;\n}\n\n.sh-key-point p {\n font-size: 15px;\n color: var(--sh-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.sh-key-point strong {\n color: var(--sh-primary-dark);\n font-weight: 700;\n}\n\n\/* === WARNING === *\/\n.sh-warning-box {\n background: linear-gradient(135deg, #FFF9E6 0%, #FFF3D6 100%);\n border: 2px solid #FFD966;\n border-radius: var(--sh-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.sh-warning-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.sh-warning-content p {\n font-weight: 700;\n color: var(--sh-text);\n margin: 0 0 1rem 0;\n}\n\n.sh-warning-content ul {\n margin: 0;\n padding-left: 1.5rem;\n list-style-type: disc;\n}\n\n.sh-warning-content li {\n font-size: 14px;\n color: var(--sh-text-light);\n line-height: 1.6;\n margin-bottom: .5rem;\n}\n\n.sh-warning-content li:last-child {\n margin-bottom: 0;\n}\n\n\/* === INFO CARDS === *\/\n.sh-info-card {\n text-align: center;\n background: linear-gradient(135deg, var(--sh-white) 0%, var(--sh-primary-light) 100%);\n border: 2px solid var(--sh-secondary);\n}\n\n.sh-info-icon {\n font-size: 40px;\n margin-bottom: .75rem;\n}\n\n.sh-info-label {\n display: block;\n font-size: 13px;\n font-weight: 700;\n color: var(--sh-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .5rem;\n}\n\n.sh-info-value {\n display: block;\n font-size: 22px;\n font-weight: 900;\n color: var(--sh-primary-dark);\n margin: 0 0 .5rem 0;\n letter-spacing: -.02em;\n}\n\n.sh-info-desc {\n font-size: 14px;\n color: var(--sh-text-light);\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.sh-cta-box {\n background: linear-gradient(135deg, var(--sh-primary) 0%, var(--sh-primary-dark) 100%);\n border-radius: var(--sh-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--sh-shadow-lg);\n}\n\n.sh-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: \n radial-gradient(circle at 20% 50%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 50%, white 2px, transparent 2px);\n background-size: 60px 60px;\n background-position: 0 0, 30px 30px;\n}\n\n.sh-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.sh-cta-title {\n font-size: clamp(22px, 4vw, 32px);\n font-weight: 900;\n color: white;\n margin: 0 0 1.5rem 0;\n letter-spacing: -.03em;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.sh-cta-box p:not(.sh-cta-title) {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n margin: 0;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n max-width: 900px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .sh-grid {\n grid-template-columns: 1fr;\n }\n\n .sh-composition-main {\n grid-template-columns: 1fr;\n }\n\n .sh-warning-box {\n flex-direction: column;\n text-align: center;\n }\n\n .sh-usage-step {\n flex-direction: column;\n text-align: center;\n }\n\n .sh-step-number {\n margin: 0 auto;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sh-card {\n animation: fadeInUp .6s ease backwards;\n }\n .sh-card:nth-child(1) { animation-delay: .1s; }\n .sh-card:nth-child(2) { animation-delay: .2s; }\n .sh-card:nth-child(3) { animation-delay: .3s; }\n .sh-card:nth-child(4) { animation-delay: .4s; }\n .sh-card:nth-child(5) { animation-delay: .5s; }\n .sh-card:nth-child(6) { animation-delay: .6s; }\n\n .sh-usage-step {\n animation: slideInLeft .6s ease backwards;\n }\n .sh-usage-step:nth-child(1) { animation-delay: .1s; }\n .sh-usage-step:nth-child(2) { animation-delay: .2s; }\n .sh-usage-step:nth-child(3) { animation-delay: .3s; }\n .sh-usage-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes slideInLeft {\n from {\n opacity: 0;\n transform: translateX(-40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .sh-premium {\n --sh-primary: #2B4854;\n --sh-secondary: #3A5F6F;\n }\n}\n\u003c\/style\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":56093607788921,"sku":"VITALFORMINOLAB","price":18.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shilajit_gelule_inolab_vitalform_recto_packshot_11zon.jpg?v=1761731518"},{"product_id":"relaxform","title":"Relaxform - Glycine et Magnesium - 180g - Inolab","description":"\u003cdiv class=\"gm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gm-hero\"\u003e\n\u003cdiv class=\"gm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gm-hero-content\"\u003e\n\u003cdiv class=\"gm-badges-top\"\u003e\n\u003cspan class=\"gm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"gm-badge\"\u003e🫐 Saveur myrtille\u003c\/span\u003e \u003cspan class=\"gm-badge\"\u003e🧪 2 formes de magnésium brevetées\u003c\/span\u003e \u003cspan class=\"gm-badge\"\u003e🚫 0 sucre ajouté\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gm-hero-title\"\u003eRelaxform — Glycine \u0026amp; Magnésium\u003c\/span\u003e\n\u003cp class=\"gm-subtitle\"\u003ePar Inolab · Programme 25 jours · 182,7 g\u003c\/p\u003e\n\u003cp class=\"gm-description\"\u003eLa synergie optimale glycine + magnésium bisglycinate pour un sommeil profond, une récupération musculaire complète et un stress apaisé — en une délicieuse boisson myrtille, chaque soir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"gm-section\"\u003e\n\u003ch2\u003eGlycine et Magnésium Relaxform : votre allié détente, sommeil et récupération\u003c\/h2\u003e\n\u003cp class=\"gm-section-intro\"\u003eVous cherchez une solution naturelle pour mieux gérer le stress, retrouver un sommeil profond et favoriser votre récupération musculaire ? Relaxform d'Inolab associe deux actifs complémentaires — la glycine et le magnésium bisglycinate — dans une formule en poudre saveur myrtille, sans sucre ajouté. Un rituel simple et agréable, à intégrer chaque soir pour ressentir rapidement les bienfaits.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"gm-section\"\u003e\n\u003ch2\u003ePourquoi associer magnésium et glycine pour le sommeil ?\u003c\/h2\u003e\n\u003cdiv style=\"grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\" class=\"gm-grid\"\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🧲 Magnésium bisglycinate\u003c\/h3\u003e\n\u003cp\u003eReconnu pour contribuer au fonctionnement normal du système nerveux et à la réduction de la fatigue. La forme bisglycinate, chélatée à la glycine, offre une assimilation élevée tout en étant douce pour les intestins sensibles — fini les inconforts digestifs des magnésiums classiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🌙 Glycine apaisante\u003c\/h3\u003e\n\u003cp\u003eAcide aminé aux propriétés apaisantes sur le système nerveux central. Elle favorise un endormissement plus rapide et un sommeil réparateur, sans provoquer de somnolence au réveil ni d'accoutumance. La synergie magnésium + glycine est plébiscitée pour améliorer naturellement la qualité des nuits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"gm-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets de Relaxform\u003c\/h2\u003e\n\u003cdiv class=\"gm-grid\"\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e⚖️ Réduction du stress et équilibre nerveux\u003c\/h3\u003e\n\u003cp\u003eLe magnésium bisglycinate et le magnésium glycérophosphate agissent en synergie pour apaiser les tensions nerveuses et soutenir votre équilibre émotionnel au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e😴 Sommeil profond et réparateur\u003c\/h3\u003e\n\u003cp\u003eSi vous vous demandez quel magnésium choisir pour le sommeil, la combinaison glycine + bisglycinate est l'une des plus efficaces selon les retours utilisateurs. Un vrai coup de pouce pour retrouver des nuits de qualité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e💪 Relaxation et récupération musculaire\u003c\/h3\u003e\n\u003cp\u003eIdéal après une journée intense ou une séance de sport, Relaxform contribue à la décontraction musculaire et à une récupération optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🦴 Soutien du collagène et santé ostéo-articulaire\u003c\/h3\u003e\n\u003cp\u003eLa glycine participe à la synthèse du collagène, essentiel pour vos articulations, vos tendons et votre peau. Un bénéfice complémentaire pour votre bien-être global.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"gm-section\"\u003e\n\u003ch2\u003eComposition détaillée (par dose journalière de 7,3 g)\u003c\/h2\u003e\n\u003cdiv class=\"gm-grid-compact\"\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e💎 Glycine cristallisée\u003c\/h3\u003e\n\u003cp\u003e3 g — forme pure et biodisponible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🧲 Magnésium bisglycinate\u003c\/h3\u003e\n\u003cp\u003eForme chélatée haute absorption (Albion TRAACS®). 1,46 g dont 117,2 mg de Magnésium élément\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🔬 Magnésium glycérophosphate\u003c\/h3\u003e\n\u003cp\u003eForme organique brevetée (GivoMag®). \u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003e1,46 g dont 182,8 mg de magnésium élément\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🫐 Arôme naturel myrtille\u003c\/h3\u003e\n\u003cp\u003eGoût agréable, sans arrière-goût. L'\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003earôme naturel myrtille est obtenu grâce aux extraits de Stévia.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-tip\"\u003e\n\u003cspan class=\"gm-tip-icon\"\u003e🍃\u003c\/span\u003e\n\u003cp\u003eSans sucre ajouté, sans colorant, sans conservateur, sans additif controversé. Poids net : 182,7 g — Programme de 25 jours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"gm-section\"\u003e\n\u003ch2\u003eComment prendre Relaxform ?\u003c\/h2\u003e\n\u003cdiv class=\"gm-timeline\"\u003e\n\u003cdiv class=\"gm-timeline-item\"\u003e\n\u003cdiv class=\"gm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gm-timeline-content\"\u003e\n\u003ch3\u003eDiluez votre dose\u003c\/h3\u003e\n\u003cp\u003eVersez 1 dose (7,3 g) dans un verre d'eau, de lait ou de boisson végétale et mélangez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-timeline-item\"\u003e\n\u003cdiv class=\"gm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gm-timeline-content\"\u003e\n\u003ch3\u003eChoisissez le bon moment\u003c\/h3\u003e\n\u003cp\u003eEnviron 30 minutes avant le coucher pour profiter pleinement de l'effet relaxant. Vous pouvez aussi le prendre en journée lors de périodes de tension.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-timeline-item\"\u003e\n\u003cdiv class=\"gm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gm-timeline-content\"\u003e\n\u003ch3\u003eSuivez le programme\u003c\/h3\u003e\n\u003cp\u003eCure de 25 jours, renouvelable. Prévoyez une pause de 2 semaines toutes les 12 semaines d'utilisation pour un résultat optimal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"gm-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"gm-grid-compact\"\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n\u003cp\u003eRetrouvez calme et sérénité au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003eRécupération musculaire optimale après l'effort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🌙 Dormeurs agités\u003c\/h3\u003e\n\u003cp\u003eRetrouvez un sommeil de qualité de manière naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🧑🎓 Dès 15 ans\u003c\/h3\u003e\n\u003cp\u003eConvient aux adultes et adolescents\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-tip\"\u003e\n\u003cspan class=\"gm-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"gm-section\"\u003e\n\u003ch2\u003ePourquoi choisir Relaxform d'Inolab ?\u003c\/h2\u003e\n\u003cdiv class=\"gm-grid-compact\"\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🧬 Formule unique\u003c\/h3\u003e\n\u003cp\u003eGlycine + deux formes de magnésium hautement biodisponibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🤍 Tolérance digestive\u003c\/h3\u003e\n\u003cp\u003eOptimale, même pour les estomacs sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eStandards de qualité stricts et traçabilité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🫐 Saveur naturelle myrtille\u003c\/h3\u003e\n\u003cp\u003eAgréable et sans arrière-goût chimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-cta-box\"\u003e\n\u003cp\u003e🌙 Offrez-vous des nuits profondes et une récupération totale — Relaxform, votre rituel bien-être du soir à la myrtille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gm-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --gm-cream: #f4f7f5;\n --gm-white: #ffffff;\n --gm-primary: #5a9e8f;\n --gm-primary-dark: #2c5e52;\n --gm-primary-light: #e6f2ee;\n --gm-secondary: #7bb8a8;\n --gm-accent: #4a6fa5;\n --gm-blueberry: #3b3766;\n --gm-text: #1a1a1a;\n --gm-text-light: #5a5a5a;\n --gm-border: #dce8e3;\n --gm-shadow: 0 4px 24px rgba(42, 94, 82, .08);\n --gm-shadow-lg: 0 12px 48px rgba(42, 94, 82, .15);\n --gm-radius: 20px;\n --gm-radius-sm: 12px;\n}\n\n.gm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gm-blueberry) 0%, var(--gm-primary-dark) 45%, var(--gm-primary) 100%);\n border-radius: var(--gm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gm-shadow-lg);\n}\n\n.gm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(123,184,168,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(59,55,102,.06) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gm-subtitle {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.gm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.gm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gm-primary), var(--gm-secondary));\n border-radius: 2px;\n}\n\n.gm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.gm-card {\n background: var(--gm-white);\n border-radius: var(--gm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gm-shadow-lg);\n border-color: var(--gm-primary);\n}\n\n.gm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gm-grid-compact .gm-card {\n padding: 1rem;\n}\n\n.gm-grid-compact .gm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gm-grid-compact .gm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gm-primary), var(--gm-blueberry));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gm-timeline-content {\n flex: 1;\n background: var(--gm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gm-radius-sm);\n box-shadow: var(--gm-shadow);\n}\n\n.gm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gm-timeline-content p {\n font-size: 14px;\n color: var(--gm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gm-primary-light);\n border-radius: var(--gm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gm-tip p {\n font-size: 14px;\n color: var(--gm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.gm-cta-box {\n background: linear-gradient(135deg, var(--gm-primary) 0%, var(--gm-primary-dark) 100%);\n border-radius: var(--gm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.gm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gm-disclaimer {\n font-size: 12px;\n color: var(--gm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .gm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gm-card {\n padding: 1.125rem;\n }\n\n .gm-section {\n margin-bottom: 1.75rem;\n }\n\n .gm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gm-radius-sm);\n }\n\n .gm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gm-grid-compact {\n gap: .625rem;\n }\n\n .gm-grid-compact .gm-card {\n padding: .75rem;\n }\n\n .gm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gm-timeline-content h3 {\n font-size: 14px;\n }\n\n .gm-timeline-content p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gm-card {\n animation: gmFadeInUp .5s ease backwards;\n }\n .gm-card:nth-child(1) { animation-delay: .05s; }\n .gm-card:nth-child(2) { animation-delay: .1s; }\n .gm-card:nth-child(3) { animation-delay: .15s; }\n .gm-card:nth-child(4) { animation-delay: .2s; }\n .gm-card:nth-child(5) { animation-delay: .25s; }\n .gm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":56192095289721,"sku":"RELAXFORM","price":24.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/relaxform-glycine-et-magnesium-180g-inolab-packshothd.webp?v=1785936989"},{"product_id":"ube-premium-igname-violet-des-phillipines-inolab","title":"Poudre d'Ube premium 100g - Igname violet des Phillipines - INOLAB","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Ube Premium - Igname violet des Philippines - INOLAB\nPalette détectée:\n - Primaire: #8B6AAE (violet lavande du packaging)\n - Primaire dark: #5D4777 (violet foncé)\n - Primaire light: #F3EDF8 (lavande très clair)\n - Secondaire: #6B8E5A (vert naturel du badge 100% pur)\n - Accent: #C9A86C (doré\/beige chaud)\nAmbiance: Naturel\/wellness, premium mais accessible, univers healthy\/barista, \n tons doux et apaisants évoquant la sérénité et le bien-être\nPréfixe CSS: ube\n--\u003e\n\n\u003cdiv class=\"ube-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ube-hero\"\u003e\n \u003cdiv class=\"ube-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ube-hero-content\"\u003e\n \u003cdiv class=\"ube-badges-top\"\u003e\n \u003cspan class=\"ube-badge\"\u003e🇵🇭 Origine Philippines\u003c\/span\u003e\n \u003cspan class=\"ube-badge\"\u003e✨ 100% pur\u003c\/span\u003e\n \u003cspan class=\"ube-badge\"\u003e☕ Qualité barista\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ube-hero-title\"\u003ePoudre d'Ube Premium\u003c\/span\u003e\n \u003cp class=\"ube-subtitle\"\u003eL'igname violet des Philippines pour vos lattes et créations gourmandes\u003c\/p\u003e\n \u003cp class=\"ube-description\"\u003e100g = 20 lattes maison • Récolté à la main à Mindanao • Couleur violette 100% naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POINTS FORTS --\u003e\n \u003csection class=\"ube-section\"\u003e\n \u003ch2\u003e💜 Pourquoi choisir notre Ube ?\u003c\/h2\u003e\n \u003cdiv class=\"ube-grid\"\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003ePoudre d'igname violet pure, sans additifs, sans conservateurs, sans colorants artificiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e🍵 Qualité barista\u003c\/h3\u003e\n \u003cp\u003eDissolution parfaite pour des lattes onctueux et un rendu visuel impeccable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e✋ Récolte artisanale\u003c\/h3\u003e\n \u003cp\u003eIgnames récoltés à la main dans la région de Mindanao selon des méthodes traditionnelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e😴 Sans caféine\u003c\/h3\u003e\n \u003cp\u003eAlternative parfaite au café, aucun stimulant, idéal même le soir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e🎨 Couleur spectaculaire\u003c\/h3\u003e\n \u003cp\u003eViolet intense 100% naturel grâce aux anthocyanes, parfait pour le food styling\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e🍃 Saveur unique\u003c\/h3\u003e\n \u003cp\u003eNotes subtiles de vanille et noisette, naturellement doux et réconfortant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"ube-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de l'Ube\u003c\/h2\u003e\n \u003cdiv class=\"ube-grid\"\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e🔮 Riche en anthocyanes\u003c\/h3\u003e\n \u003cp\u003ePigments naturels aux puissantes propriétés antioxydantes, responsables de sa couleur violette\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e🌾 Source de fibres\u003c\/h3\u003e\n \u003cp\u003eContribue à une digestion confortable et une sensation de satiété durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e⚡ Énergie progressive\u003c\/h3\u003e\n \u003cp\u003eAmidon résistant pour une libération d'énergie douce, sans pic glycémique brutal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e💎 Riche en minéraux\u003c\/h3\u003e\n \u003cp\u003eParticipe à l'équilibre nutritionnel de votre alimentation quotidienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"ube-section\"\u003e\n \u003ch2\u003e☕ Comment préparer votre Ube Latte ?\u003c\/h2\u003e\n \u003cdiv class=\"ube-recipes\"\u003e\n \u003cdiv class=\"ube-recipe-card\"\u003e\n \u003cdiv class=\"ube-recipe-header\"\u003e\n \u003cspan class=\"ube-recipe-icon\"\u003e🔥\u003c\/span\u003e\n \u003ch3\u003eUbe Latte chaud\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003col class=\"ube-steps\"\u003e\n \u003cli\u003eVersez \u003cstrong\u003e5g de poudre\u003c\/strong\u003e (1 cuillère à café) dans votre tasse\u003c\/li\u003e\n \u003cli\u003eAjoutez un peu de lait chaud et mélangez vigoureusement\u003c\/li\u003e\n \u003cli\u003eAjoutez sucrant et vanille si souhaité\u003c\/li\u003e\n \u003cli\u003eVersez le reste du lait chaud\u003c\/li\u003e\n \u003cli\u003eFouettez pour une texture onctueuse\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-recipe-card\"\u003e\n \u003cdiv class=\"ube-recipe-header\"\u003e\n \u003cspan class=\"ube-recipe-icon\"\u003e🧊\u003c\/span\u003e\n \u003ch3\u003eUbe Latte froid\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003col class=\"ube-steps\"\u003e\n \u003cli\u003eDélayez \u003cstrong\u003e5g de poudre\u003c\/strong\u003e avec un peu d'eau chaude\u003c\/li\u003e\n \u003cli\u003eAjoutez sucre ou sirop selon vos goûts\u003c\/li\u003e\n \u003cli\u003eVersez sur des glaçons\u003c\/li\u003e\n \u003cli\u003eComplétez avec du lait froid\u003c\/li\u003e\n \u003cli\u003eMélangez doucement pour un joli dégradé\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-tip\"\u003e\n \u003cspan class=\"ube-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Pour une texture ultra crémeuse, optez pour du lait d'avoine ou de coco. Envie d'un latte frappé ? Mixez le tout au blender !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- UTILISATIONS --\u003e\n \u003csection class=\"ube-section\"\u003e\n \u003ch2\u003e🍰 Mille et une façons de l'utiliser\u003c\/h2\u003e\n \u003cdiv class=\"ube-grid\"\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e🥤 Smoothies \u0026amp; milkshakes\u003c\/h3\u003e\n \u003cp\u003eUne cuillère pour une couleur et une saveur uniques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e🧁 Pâtisseries\u003c\/h3\u003e\n \u003cp\u003eGâteaux, muffins, pancakes, crêpes violettes...\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e🍮 Crèmes \u0026amp; mousses\u003c\/h3\u003e\n \u003cp\u003eCheesecakes, crèmes pâtissières, chantilly maison\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e🍨 Glaces \u0026amp; sorbets\u003c\/h3\u003e\n \u003cp\u003eDesserts glacés naturellement colorés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e🥣 Porridges \u0026amp; bowls\u003c\/h3\u003e\n \u003cp\u003ePetit-déjeuner aussi beau que nutritif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e📸 Food styling\u003c\/h3\u003e\n \u003cp\u003eCréations photogéniques pour les réseaux sociaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"ube-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"ube-grid\"\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e☕ Amateurs de lattes\u003c\/h3\u003e\n \u003cp\u003eEn quête de nouveauté et d'alternatives originales au matcha\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e😌 Sensibles à la caféine\u003c\/h3\u003e\n \u003cp\u003eRituel réconfortant sans aucun stimulant nerveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux enfants comme aux adultes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n \u003cp\u003eBoisson naturelle sans contre-indication\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e🌱 Végétaliens\u003c\/h3\u003e\n \u003cp\u003eProduit 100% végétal, compatible vegan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e📱 Food lovers\u003c\/h3\u003e\n \u003cp\u003eCouleur photogénique garantie pour vos créations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"ube-section\"\u003e\n \u003ch2\u003e📋 Composition pure\u003c\/h2\u003e\n \u003cdiv class=\"ube-composition\"\u003e\n \u003cdiv class=\"ube-ingredient-main\"\u003e\n \u003cspan class=\"ube-ingredient-icon\"\u003e💜\u003c\/span\u003e\n \u003cdiv class=\"ube-ingredient-info\"\u003e\n \u003ch3\u003ePoudre d'Ube (Dioscorea alata)\u003c\/h3\u003e\n \u003cp\u003eOrigine Philippines • 100% de la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-grid-compact\"\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e✅ Sans additifs\u003c\/h3\u003e\n \u003cp\u003eNi conservateurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e✅ Sans sucre ajouté\u003c\/h3\u003e\n \u003cp\u003e6g de sucres naturels\/100g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e✅ Sans colorant\u003c\/h3\u003e\n \u003cp\u003eCouleur 100% naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e✅ 100% végétal\u003c\/h3\u003e\n \u003cp\u003eCompatible vegan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- VALEURS NUTRITIONNELLES --\u003e\n \u003csection class=\"ube-section\"\u003e\n \u003ch2\u003e📊 Valeurs nutritionnelles\u003c\/h2\u003e\n \u003cdiv class=\"ube-nutrition\"\u003e\n \u003cp class=\"ube-nutrition-header\"\u003ePour 100g de poudre\u003c\/p\u003e\n \u003cdiv class=\"ube-nutrition-grid\"\u003e\n \u003cdiv class=\"ube-nutrition-item\"\u003e\n \u003cspan class=\"ube-nutrition-value\"\u003e350\u003c\/span\u003e\n \u003cspan class=\"ube-nutrition-label\"\u003ekcal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-nutrition-item\"\u003e\n \u003cspan class=\"ube-nutrition-value\"\u003e3,7g\u003c\/span\u003e\n \u003cspan class=\"ube-nutrition-label\"\u003eLipides\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-nutrition-item\"\u003e\n \u003cspan class=\"ube-nutrition-value\"\u003e73,5g\u003c\/span\u003e\n \u003cspan class=\"ube-nutrition-label\"\u003eGlucides\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-nutrition-item\"\u003e\n \u003cspan class=\"ube-nutrition-value\"\u003e4,7g\u003c\/span\u003e\n \u003cspan class=\"ube-nutrition-label\"\u003eProtéines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"ube-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"ube-grid-compact\"\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n \u003cp\u003e100g net\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e☕ Équivalent\u003c\/h3\u003e\n \u003cp\u003e≈ 20 lattes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e📏 Dosage\u003c\/h3\u003e\n \u003cp\u003e5g \/ tasse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ube-card\"\u003e\n \u003ch3\u003e🇫🇷 Conditionné\u003c\/h3\u003e\n \u003cp\u003eEn France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n \u003csection class=\"ube-section\"\u003e\n \u003ch2\u003eℹ️ Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"ube-accordion\"\u003e\n \u003cdetails class=\"ube-accordion-item\"\u003e\n \u003csummary class=\"ube-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ube-accordion-content\"\u003e\n \u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Refermez soigneusement après chaque utilisation. Utilisez une cuillère propre et sèche pour prélever la poudre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ube-accordion-item\"\u003e\n \u003csummary class=\"ube-accordion-header\"\u003e❓ Ube vs patate douce violette\u003c\/summary\u003e\n \u003cdiv class=\"ube-accordion-content\"\u003e\n \u003cp\u003eBien que visuellement similaires, l'Ube (Dioscorea alata) et la patate douce violette appartiennent à deux familles botaniques distinctes. L'Ube offre un goût plus doux et plus complexe, avec des notes caractéristiques de vanille et de noisette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ube-accordion-item\"\u003e\n \u003csummary class=\"ube-accordion-header\"\u003e🥛 Quel lait utiliser ?\u003c\/summary\u003e\n \u003cdiv class=\"ube-accordion-content\"\u003e\n \u003cp\u003eTous les laits fonctionnent : lait de vache, d'avoine, d'amande, de coco, de soja... Le lait d'avoine et le lait de coco sont particulièrement appréciés pour leur texture crémeuse qui sublime la douceur de l'Ube.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ube-accordion-item\"\u003e\n \u003csummary class=\"ube-accordion-header\"\u003e📅 Consommation quotidienne\u003c\/summary\u003e\n \u003cdiv class=\"ube-accordion-content\"\u003e\n \u003cp\u003eOui, la poudre d'Ube peut s'intégrer dans votre routine quotidienne. C'est un aliment naturel, sans stimulant, qui convient à une consommation régulière dans le cadre d'une alimentation équilibrée.\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=\"ube-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ube-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez-vous un voyage gustatif aux Philippines dans votre tasse. L'Ube Latte, c'est la douceur naturelle d'une racine ancestrale, une couleur spectaculaire et un moment de bien-être sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ube-disclaimer\"\u003eCe produit alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute ou de condition médicale particulière, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --ube-cream: #FAF8FC;\n --ube-white: #ffffff;\n --ube-primary: #8B6AAE;\n --ube-primary-dark: #5D4777;\n --ube-primary-light: #F3EDF8;\n --ube-secondary: #6B8E5A;\n --ube-accent: #C9A86C;\n --ube-text: #1a1a1a;\n --ube-text-light: #5a5a5a;\n --ube-border: #e8e0f0;\n --ube-shadow: 0 4px 24px rgba(93,71,119,.08);\n --ube-shadow-lg: 0 12px 48px rgba(93,71,119,.15);\n --ube-radius: 20px;\n --ube-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ube-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ube-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ube-hero {\n position: relative;\n background: linear-gradient(135deg, #9B7BC0 0%, #8B6AAE 40%, #5D4777 100%);\n border-radius: var(--ube-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ube-shadow-lg);\n}\n\n.ube-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.ube-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ube-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ube-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ube-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ube-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ube-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ube-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ube-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.ube-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ube-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ube-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ube-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ube-primary), var(--ube-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.ube-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ube-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ube-card {\n background: var(--ube-white);\n border-radius: var(--ube-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ube-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ube-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ube-shadow-lg);\n border-color: var(--ube-primary);\n}\n\n.ube-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ube-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ube-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ube-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ube-grid-compact .ube-card {\n padding: 1rem;\n}\n\n.ube-grid-compact .ube-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ube-grid-compact .ube-card p {\n font-size: 12px;\n}\n\n\/* === RECETTES === *\/\n.ube-recipes {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.ube-recipe-card {\n background: var(--ube-white);\n border-radius: var(--ube-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ube-shadow);\n border: 2px solid var(--ube-primary-light);\n}\n\n.ube-recipe-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 1.25rem;\n}\n\n.ube-recipe-icon {\n font-size: 28px;\n}\n\n.ube-recipe-header h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--ube-primary-dark);\n margin: 0;\n}\n\n.ube-steps {\n margin: 0;\n padding-left: 1.25rem;\n counter-reset: step;\n list-style: none;\n}\n\n.ube-steps li {\n position: relative;\n padding-left: 2rem;\n margin-bottom: .75rem;\n font-size: 14px;\n color: var(--ube-text-light);\n line-height: 1.5;\n}\n\n.ube-steps li::before {\n content: counter(step);\n counter-increment: step;\n position: absolute;\n left: 0;\n top: 0;\n width: 22px;\n height: 22px;\n background: var(--ube-primary);\n color: white;\n border-radius: 50%;\n font-size: 12px;\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.ube-steps li:last-child {\n margin-bottom: 0;\n}\n\n.ube-steps strong {\n color: var(--ube-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.ube-tip {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n background: linear-gradient(135deg, var(--ube-primary-light) 0%, #E8F5E2 100%);\n border-radius: var(--ube-radius-sm);\n padding: 1.25rem;\n border-left: 4px solid var(--ube-secondary);\n}\n\n.ube-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ube-tip p {\n margin: 0;\n font-size: 14px;\n color: var(--ube-text);\n line-height: 1.6;\n}\n\n.ube-tip strong {\n color: var(--ube-primary-dark);\n}\n\n\/* === COMPOSITION === *\/\n.ube-composition {\n background: var(--ube-white);\n border-radius: var(--ube-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--ube-shadow);\n}\n\n.ube-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1.25rem;\n background: linear-gradient(135deg, var(--ube-primary-light) 0%, #F0E8F5 100%);\n border-radius: var(--ube-radius-sm);\n margin-bottom: 1.5rem;\n}\n\n.ube-ingredient-icon {\n font-size: 40px;\n}\n\n.ube-ingredient-info h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--ube-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ube-ingredient-info p {\n font-size: 14px;\n color: var(--ube-text-light);\n margin: 0;\n}\n\n.ube-composition .ube-grid-compact {\n gap: .75rem;\n}\n\n.ube-composition .ube-card {\n padding: 1rem;\n box-shadow: none;\n border: 1px solid var(--ube-border);\n}\n\n\/* === NUTRITION === *\/\n.ube-nutrition {\n background: var(--ube-white);\n border-radius: var(--ube-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--ube-shadow);\n text-align: center;\n}\n\n.ube-nutrition-header {\n font-size: 14px;\n font-weight: 600;\n color: var(--ube-text-light);\n margin: 0 0 1.5rem 0;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.ube-nutrition-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1rem;\n}\n\n.ube-nutrition-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 1rem;\n background: var(--ube-primary-light);\n border-radius: var(--ube-radius-sm);\n}\n\n.ube-nutrition-value {\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 900;\n color: var(--ube-primary-dark);\n}\n\n.ube-nutrition-label {\n font-size: 12px;\n font-weight: 600;\n color: var(--ube-text-light);\n margin-top: 4px;\n}\n\n\/* === ACCORDÉON === *\/\n.ube-accordion {\n background: var(--ube-white);\n border-radius: var(--ube-radius);\n box-shadow: var(--ube-shadow);\n overflow: hidden;\n}\n\n.ube-accordion-item {\n border-bottom: 1px solid var(--ube-border);\n margin: 0;\n padding: 0;\n}\n\n.ube-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ube-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ube-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ube-accordion-header:hover {\n background: var(--ube-primary-light);\n}\n\n.ube-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ube-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ube-primary);\n transition: transform .2s ease;\n}\n\n.ube-accordion-item[open] .ube-accordion-header::after {\n content: '−';\n}\n\n.ube-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ube-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.ube-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ube-cta-box {\n background: linear-gradient(135deg, var(--ube-primary) 0%, var(--ube-primary-dark) 100%);\n border-radius: var(--ube-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ube-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.ube-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.ube-disclaimer {\n font-size: 12px;\n color: var(--ube-text-light);\n text-align: center;\n margin: 1.5rem 0 0 0;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ube-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ube-card {\n padding: 1.125rem;\n }\n \n .ube-section {\n margin-bottom: 1.75rem;\n }\n \n .ube-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ube-radius-sm);\n }\n \n .ube-badges-top {\n gap: 8px;\n margin-bottom: 1.25rem;\n }\n \n .ube-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .ube-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ube-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ube-grid-compact {\n gap: .625rem;\n }\n \n .ube-grid-compact .ube-card {\n padding: .75rem;\n }\n \n .ube-recipes {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ube-recipe-card {\n padding: 1.25rem;\n }\n \n .ube-nutrition-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n \n .ube-ingredient-main {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .ube-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ube-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ube-card, .ube-recipe-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ube-card:nth-child(1), .ube-recipe-card:nth-child(1) { animation-delay: .05s; }\n .ube-card:nth-child(2), .ube-recipe-card:nth-child(2) { animation-delay: .1s; }\n .ube-card:nth-child(3) { animation-delay: .15s; }\n .ube-card:nth-child(4) { animation-delay: .2s; }\n .ube-card:nth-child(5) { animation-delay: .25s; }\n .ube-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ube-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":56465503912313,"sku":"UBEINOLAB","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ube-premium-igname-violet-des-phillipines-100g-inolab-ingredients.webp?v=1768413409"},{"product_id":"matcha-bio-premium-100g-inolab","title":"Matcha bio premium - 100g - INOLAB","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Matcha bio premium - 100g - INOLAB\nPalette détectée:\n - Primaire: #7B9E6B (vert matcha\/olive du packaging)\n - Secondaire: #5C7A4D (vert foncé pour contraste)\n - Accent: #9B8BB8 (violet\/mauve du logo INOLAB)\n - Light: #E8F0E4 (vert très pâle pour backgrounds)\nAmbiance: Naturel\/bio, zen japonais, premium mais accessible, bien-être quotidien\nPréfixe CSS: mtc\n--\u003e\n\n\u003cdiv class=\"mtc-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"mtc-hero\"\u003e\n \u003cdiv class=\"mtc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mtc-hero-content\"\u003e\n \u003cdiv class=\"mtc-badges-top\"\u003e\n \u003cspan class=\"mtc-badge\"\u003e🇯🇵 Origine Japon\u003c\/span\u003e\n \u003cspan class=\"mtc-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n \u003cspan class=\"mtc-badge\"\u003e☕ Qualité barista\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mtc-hero-title\"\u003eMatcha bio premium\u003c\/span\u003e\n \u003cp class=\"mtc-subtitle\"\u003eLe thé vert d'exception de l'île de Kyushu\u003c\/p\u003e\n \u003cp class=\"mtc-description\"\u003e100 g de poudre de matcha pure • Jusqu'à 100 boissons • Grade premium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"mtc-section\"\u003e\n \u003ch2\u003e🍵 Votre rituel bien-être au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"mtc-grid\"\u003e\n \u003cdiv class=\"mtc-card\"\u003e\n \u003ch3\u003e⚡ Énergie stable et durable\u003c\/h3\u003e\n \u003cp\u003eGrâce à la L-théanine, profitez d'une énergie progressive sans nervosité ni coup de fatigue, contrairement au café.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-card\"\u003e\n \u003ch3\u003e🧠 Concentration optimale\u003c\/h3\u003e\n \u003cp\u003eLa synergie caféine + L-théanine favorise une concentration accrue, idéale pour le travail ou les études.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-card\"\u003e\n \u003ch3\u003e🛡️ Puissants antioxydants\u003c\/h3\u003e\n \u003cp\u003eRiche en catéchines et EGCG, le matcha contient bien plus d'antioxydants qu'un thé vert classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-card\"\u003e\n \u003ch3\u003e😌 Sérénité naturelle\u003c\/h3\u003e\n \u003cp\u003eLa L-théanine apporte calme et clarté mentale pour une sensation de bien-être tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-card\"\u003e\n \u003ch3\u003e🌱 100% pur et naturel\u003c\/h3\u003e\n \u003cp\u003eAucun additif, aucun sucre ajouté. Uniquement des feuilles de Camellia sinensis finement moulues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-card\"\u003e\n \u003ch3\u003e☕ Alternative au café\u003c\/h3\u003e\n \u003cp\u003eParfait si vous êtes sensible aux effets du café traditionnel tout en souhaitant rester alerte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- QUALITÉ PREMIUM --\u003e\n \u003csection class=\"mtc-section\"\u003e\n \u003ch2\u003e✨ Ce qui fait la différence\u003c\/h2\u003e\n \u003cdiv class=\"mtc-grid\"\u003e\n \u003cdiv class=\"mtc-card mtc-card-highlight\"\u003e\n \u003ch3\u003e🗾 Île de Kyushu, Japon\u003c\/h3\u003e\n \u003cp\u003eCultivé sur des sols volcaniques exceptionnellement riches, bénéficiant d'un savoir-faire ancestral japonais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-card mtc-card-highlight\"\u003e\n \u003ch3\u003e🏆 Grade premium\u003c\/h3\u003e\n \u003cp\u003eFinesse de mouture parfaite et couleur vert jade intense, signe d'une récolte de haute qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-card mtc-card-highlight\"\u003e\n \u003ch3\u003e🥛 Qualité barista\u003c\/h3\u003e\n \u003cp\u003eTexture onctueuse qui se mélange parfaitement pour des lattes crémeux sans aucun grumeau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉPARATION --\u003e\n \u003csection class=\"mtc-section\"\u003e\n \u003ch2\u003e📝 Comment préparer votre matcha\u003c\/h2\u003e\n \u003cdiv class=\"mtc-recipe-container\"\u003e\n \u003cdiv class=\"mtc-recipe\"\u003e\n \u003cdiv class=\"mtc-recipe-header\"\u003e\n \u003cspan class=\"mtc-recipe-icon\"\u003e☕\u003c\/span\u003e\n \u003ch3\u003eMatcha latte chaud\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-steps\"\u003e\n \u003cdiv class=\"mtc-step\"\u003e\n \u003cspan class=\"mtc-step-num\"\u003e1\u003c\/span\u003e\n \u003cp\u003eDéposez \u003cstrong\u003e1 g de poudre\u003c\/strong\u003e (1 cuillère à café) dans votre tasse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-step\"\u003e\n \u003cspan class=\"mtc-step-num\"\u003e2\u003c\/span\u003e\n \u003cp\u003eAjoutez \u003cstrong\u003e60 ml d'eau chaude\u003c\/strong\u003e (70-80°C, jamais bouillante)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-step\"\u003e\n \u003cspan class=\"mtc-step-num\"\u003e3\u003c\/span\u003e\n \u003cp\u003eFouettez en \u003cstrong\u003e\"M\" ou \"W\"\u003c\/strong\u003e jusqu'à obtenir une mousse fine (15 sec)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-step\"\u003e\n \u003cspan class=\"mtc-step-num\"\u003e4\u003c\/span\u003e\n \u003cp\u003eComplétez avec \u003cstrong\u003e150 ml de lait chaud\u003c\/strong\u003e (vache ou végétal)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-recipe\"\u003e\n \u003cdiv class=\"mtc-recipe-header\"\u003e\n \u003cspan class=\"mtc-recipe-icon\"\u003e🧊\u003c\/span\u003e\n \u003ch3\u003eMatcha latte glacé\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-steps\"\u003e\n \u003cdiv class=\"mtc-step\"\u003e\n \u003cspan class=\"mtc-step-num\"\u003e1\u003c\/span\u003e\n \u003cp\u003ePréparez la base avec l'eau chaude comme ci-dessus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-step\"\u003e\n \u003cspan class=\"mtc-step-num\"\u003e2\u003c\/span\u003e\n \u003cp\u003eVersez sur des \u003cstrong\u003eglaçons\u003c\/strong\u003e dans un grand verre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-step\"\u003e\n \u003cspan class=\"mtc-step-num\"\u003e3\u003c\/span\u003e\n \u003cp\u003eAjoutez le \u003cstrong\u003elait froid\u003c\/strong\u003e et mélangez doucement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-tip\"\u003e\n \u003cspan\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e tamisez votre matcha avant préparation pour un résultat sans grumeaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"mtc-section\"\u003e\n \u003ch2\u003e👥 Pour qui est ce matcha ?\u003c\/h2\u003e\n \u003cdiv class=\"mtc-grid\"\u003e\n \u003cdiv class=\"mtc-card\"\u003e\n \u003ch3\u003e💼 Professionnels actifs\u003c\/h3\u003e\n \u003cp\u003eBesoin d'énergie stable et de concentration pour des journées productives sans crash.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-card\"\u003e\n \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n \u003cp\u003eFavorise la concentration pendant les révisions et les examens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-card\"\u003e\n \u003ch3\u003e🧘 Adeptes du bien-être\u003c\/h3\u003e\n \u003cp\u003eUn rituel zen et healthy pour commencer la journée en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-card\"\u003e\n \u003ch3\u003e☕ Ex-buveurs de café\u003c\/h3\u003e\n \u003cp\u003eAlternative parfaite pour ceux qui veulent réduire leur consommation de café.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"mtc-section\"\u003e\n \u003ch2\u003e🌿 Composition\u003c\/h2\u003e\n \u003cdiv class=\"mtc-composition\"\u003e\n \u003cdiv class=\"mtc-ingredient-main\"\u003e\n \u003cdiv class=\"mtc-ingredient-icon\"\u003e🍃\u003c\/div\u003e\n \u003cdiv class=\"mtc-ingredient-info\"\u003e\n \u003ch3\u003ePoudre de matcha biologique\u003c\/h3\u003e\n \u003cp class=\"mtc-ingredient-latin\"\u003e\u003cem\u003eCamellia sinensis\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e100% pure • Origine Japon, île de Kyushu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-nutrients\"\u003e\n \u003cdiv class=\"mtc-nutrient\"\u003e\n \u003cspan class=\"mtc-nutrient-name\"\u003eCaféine naturelle\u003c\/span\u003e\n \u003cspan class=\"mtc-nutrient-desc\"\u003eÉnergie progressive\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-nutrient\"\u003e\n \u003cspan class=\"mtc-nutrient-name\"\u003eL-théanine\u003c\/span\u003e\n \u003cspan class=\"mtc-nutrient-desc\"\u003eConcentration \u0026amp; sérénité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-nutrient\"\u003e\n \u003cspan class=\"mtc-nutrient-name\"\u003eCatéchines \u0026amp; EGCG\u003c\/span\u003e\n \u003cspan class=\"mtc-nutrient-desc\"\u003ePuissants antioxydants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"mtc-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"mtc-grid-compact\"\u003e\n \u003cdiv class=\"mtc-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e100 g de poudre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-card\"\u003e\n \u003ch3\u003e☕ Rendement\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 100 boissons\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-card\"\u003e\n \u003ch3\u003e💊 Dose par tasse\u003c\/h3\u003e\n \u003cp\u003e1 g (1 cuillère à café)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mtc-card\"\u003e\n \u003ch3\u003e🇫🇷 Conditionné\u003c\/h3\u003e\n \u003cp\u003eEn France par INOLAB\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"mtc-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"mtc-accordion\"\u003e\n \u003cdetails class=\"mtc-accordion-item\"\u003e\n \u003csummary class=\"mtc-accordion-header\"\u003e💊 Posologie recommandée\u003c\/summary\u003e\n \u003cdiv class=\"mtc-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eFréquence conseillée :\u003c\/strong\u003e 1 à 3 tasses par jour selon votre sensibilité à la caféine.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eFemmes enceintes ou allaitantes :\u003c\/strong\u003e ne pas dépasser 3 g de matcha par jour.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eDébutants :\u003c\/strong\u003e commencez par une tasse quotidienne pour observer comment votre corps réagit, puis ajustez selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mtc-accordion-item\"\u003e\n \u003csummary class=\"mtc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mtc-accordion-content\"\u003e\n \u003cp\u003eConservez le sachet bien fermé, à l'abri de la lumière et de l'humidité.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eAprès ouverture :\u003c\/strong\u003e placez-le au réfrigérateur pour maintenir sa couleur vive et ses arômes.\u003c\/p\u003e\n \u003cp\u003eConsommez de préférence dans les 2 à 3 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mtc-accordion-item\"\u003e\n \u003csummary class=\"mtc-accordion-header\"\u003e❓ Questions fréquentes\u003c\/summary\u003e\n \u003cdiv class=\"mtc-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eQuelle différence entre matcha grade premium et grade cérémoniel ?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eLe grade premium offre un excellent équilibre entre qualité et polyvalence : sa saveur légèrement plus prononcée se marie parfaitement avec le lait. Le grade cérémoniel, plus délicat, est traditionnellement consommé pur.\u003c\/p\u003e\n \u003cbr\u003e\n \u003cp\u003e\u003cstrong\u003eLe matcha peut-il remplacer le café ?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eOui ! La L-théanine modère l'effet de la caféine, procurant une énergie plus stable sans les pics et coups de fatigue du café.\u003c\/p\u003e\n \u003cbr\u003e\n \u003cp\u003e\u003cstrong\u003ePourquoi un matcha cultivé au Japon ?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eLe Japon possède un savoir-faire ancestral. L'île de Kyushu bénéficie de conditions climatiques et de sols volcaniques particulièrement favorables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mtc-accordion-item\"\u003e\n \u003csummary class=\"mtc-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n \u003cdiv class=\"mtc-accordion-content\"\u003e\n \u003cp\u003eCe produit est un aliment et ne remplace en aucun cas un traitement médical ou l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003cp\u003eContient de la caféine naturelle. Déconseillé aux enfants et aux personnes sensibles à la caféine.\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=\"mtc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mtc-cta-box\"\u003e\n \u003cp\u003e🍵 Découvrez l'énergie zen du matcha japonais authentique.\u003cbr\u003eUne alternative naturelle au café pour des journées pleines de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mtc-cream: #f7f9f5;\n --mtc-white: #ffffff;\n --mtc-primary: #7B9E6B;\n --mtc-primary-dark: #4A6B3D;\n --mtc-primary-light: #E8F0E4;\n --mtc-secondary: #5C7A4D;\n --mtc-accent: #9B8BB8;\n --mtc-text: #1a1a1a;\n --mtc-text-light: #5a5a5a;\n --mtc-border: #e0e0e0;\n --mtc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mtc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mtc-radius: 20px;\n --mtc-radius-sm: 12px;\n}\n\n.mtc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mtc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mtc-hero {\n position: relative;\n background: linear-gradient(135deg, #7B9E6B 0%, #5C7A4D 50%, #4A6B3D 100%);\n border-radius: var(--mtc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mtc-shadow-lg);\n}\n\n.mtc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 Q35 15 30 25 Q25 15 30 5' fill='%23ffffff' fill-opacity='0.1'\/%3E%3Cpath d='M10 35 Q15 45 10 55 Q5 45 10 35' fill='%23ffffff' fill-opacity='0.08'\/%3E%3Cpath d='M50 35 Q55 45 50 55 Q45 45 50 35' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.mtc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mtc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.mtc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mtc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mtc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mtc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mtc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.mtc-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n}\n\n\/* === SECTIONS === *\/\n.mtc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mtc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mtc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mtc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mtc-primary), var(--mtc-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mtc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mtc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.mtc-card {\n background: var(--mtc-white);\n border-radius: var(--mtc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mtc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mtc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mtc-shadow-lg);\n border-color: var(--mtc-primary);\n}\n\n.mtc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mtc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mtc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mtc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mtc-card-highlight {\n background: linear-gradient(135deg, var(--mtc-primary-light) 0%, var(--mtc-white) 100%);\n border: 2px solid var(--mtc-primary);\n}\n\n.mtc-grid-compact .mtc-card {\n padding: 1rem;\n}\n\n.mtc-grid-compact .mtc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mtc-grid-compact .mtc-card p {\n font-size: 12px;\n}\n\n\/* === RECETTES === *\/\n.mtc-recipe-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.mtc-recipe {\n background: var(--mtc-white);\n border-radius: var(--mtc-radius);\n padding: 1.5rem;\n box-shadow: var(--mtc-shadow);\n}\n\n.mtc-recipe-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1.25rem;\n padding-bottom: 1rem;\n border-bottom: 2px solid var(--mtc-primary-light);\n}\n\n.mtc-recipe-icon {\n font-size: 2rem;\n}\n\n.mtc-recipe-header h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mtc-primary-dark);\n margin: 0;\n}\n\n.mtc-steps {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.mtc-step {\n display: flex;\n align-items: flex-start;\n gap: .75rem;\n}\n\n.mtc-step-num {\n flex-shrink: 0;\n width: 28px;\n height: 28px;\n background: linear-gradient(135deg, var(--mtc-primary), var(--mtc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 13px;\n font-weight: 700;\n}\n\n.mtc-step p {\n font-size: 14px;\n color: var(--mtc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mtc-step p strong {\n color: var(--mtc-text);\n}\n\n.mtc-tip {\n display: flex;\n align-items: flex-start;\n gap: .75rem;\n background: var(--mtc-primary-light);\n border-radius: var(--mtc-radius-sm);\n padding: 1rem 1.25rem;\n border-left: 4px solid var(--mtc-primary);\n}\n\n.mtc-tip span {\n font-size: 1.25rem;\n}\n\n.mtc-tip p {\n font-size: 14px;\n color: var(--mtc-text);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION === *\/\n.mtc-composition {\n background: var(--mtc-white);\n border-radius: var(--mtc-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--mtc-shadow);\n}\n\n.mtc-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n padding-bottom: 1.5rem;\n margin-bottom: 1.5rem;\n border-bottom: 2px solid var(--mtc-primary-light);\n}\n\n.mtc-ingredient-icon {\n font-size: 3rem;\n background: var(--mtc-primary-light);\n width: 80px;\n height: 80px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.mtc-ingredient-info h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--mtc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mtc-ingredient-latin {\n font-size: 14px;\n color: var(--mtc-primary);\n margin: 0 0 .5rem 0 !important;\n}\n\n.mtc-ingredient-info p {\n font-size: 14px;\n color: var(--mtc-text-light);\n margin: 0;\n}\n\n.mtc-nutrients {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.mtc-nutrient {\n background: var(--mtc-primary-light);\n border-radius: var(--mtc-radius-sm);\n padding: 1rem;\n text-align: center;\n}\n\n.mtc-nutrient-name {\n display: block;\n font-size: 14px;\n font-weight: 700;\n color: var(--mtc-primary-dark);\n margin-bottom: .25rem;\n}\n\n.mtc-nutrient-desc {\n font-size: 12px;\n color: var(--mtc-text-light);\n}\n\n\/* === ACCORDÉON === *\/\n.mtc-accordion {\n background: var(--mtc-white);\n border-radius: var(--mtc-radius);\n box-shadow: var(--mtc-shadow);\n overflow: hidden;\n}\n\n.mtc-accordion-item {\n border-bottom: 1px solid var(--mtc-border);\n margin: 0;\n padding: 0;\n}\n\n.mtc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mtc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mtc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mtc-accordion-header:hover {\n background: var(--mtc-primary-light);\n}\n\n.mtc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mtc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mtc-primary);\n transition: transform .2s ease;\n}\n\n.mtc-accordion-item[open] .mtc-accordion-header::after {\n content: '−';\n}\n\n.mtc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mtc-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.mtc-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.mtc-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mtc-cta-box {\n background: linear-gradient(135deg, var(--mtc-primary) 0%, var(--mtc-primary-dark) 100%);\n border-radius: var(--mtc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mtc-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.mtc-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mtc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mtc-grid-compact {\n gap: .625rem;\n }\n \n .mtc-grid-compact .mtc-card {\n padding: .75rem;\n }\n \n .mtc-card {\n padding: 1.125rem;\n }\n \n .mtc-section {\n margin-bottom: 1.75rem;\n }\n \n .mtc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mtc-radius-sm);\n }\n \n .mtc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mtc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mtc-recipe-container {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mtc-recipe {\n padding: 1.25rem;\n }\n \n .mtc-ingredient-main {\n flex-direction: column;\n text-align: center;\n }\n \n .mtc-ingredient-icon {\n width: 70px;\n height: 70px;\n font-size: 2.5rem;\n }\n \n .mtc-nutrients {\n grid-template-columns: 1fr;\n }\n \n .mtc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mtc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mtc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mtc-card:nth-child(1) { animation-delay: .05s; }\n .mtc-card:nth-child(2) { animation-delay: .1s; }\n .mtc-card:nth-child(3) { animation-delay: .15s; }\n .mtc-card:nth-child(4) { animation-delay: .2s; }\n .mtc-card:nth-child(5) { animation-delay: .25s; }\n .mtc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mtc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":56466453004665,"sku":"MATCHAINOLAB","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/matcha-bio-premium-100g-inolab-ingredients.webp?v=1768413336"},{"product_id":"stick-collagene-marin-acide-hyaluronique-10g-inolab","title":"Collagène Marin + Acide Hyaluronique en stick x12 - Inolab","description":"\u003cdiv class=\"inb-premium\"\u003e\n\u003cdiv class=\"inb-hero\"\u003e\n\u003cdiv class=\"inb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"inb-hero-content\"\u003e\n\u003cdiv class=\"inb-badges-top\"\u003e\n\u003cspan class=\"inb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"inb-badge\"\u003e🐟 Naticol® Pêche Durable\u003c\/span\u003e \u003cspan class=\"inb-badge\"\u003e💧 10g Collagène Marin\u003c\/span\u003e \u003cspan class=\"inb-badge\"\u003e✨ Sans Sucre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"inb-hero-title\"\u003eCollagène Marin en stick Skinform\u003c\/span\u003e\n\u003cp class=\"inb-subtitle\"\u003eCollagène Marin + Acide Hyaluronique + Vitamine C • 12 sticks nomades\u003c\/p\u003e\n\u003cp class=\"inb-description\"\u003eLa routine beauté \u0026amp; bien-être réinventée : 10g de collagène marin Naticol® par stick, enrichi en acide hyaluronique et vitamine C d'acérola. Fermeté, éclat, confort articulaire - partout, tout le temps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"inb-section\"\u003e\n\u003ch2\u003eSkinform Sticks Inolab : le collagène marin nomade et hautement dosé\u003c\/h2\u003e\n\u003cp class=\"inb-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecollagène marin en poudre\u003c\/strong\u003e à la fois efficace, savoureux et simple à intégrer dans votre quotidien ? Les \u003cstrong\u003eSkinform Sticks d'Inolab\u003c\/strong\u003e réinventent votre routine beauté et bien-être avec une formule premium dosée à \u003cstrong\u003e10 g de collagène marin Naticol®\u003c\/strong\u003e par stick, enrichie en acide hyaluronique et vitamine C naturelle d'acérola. Un format pratique, pensé pour les femmes et hommes actifs dès 35 ans, les sportifs et tous ceux qui veulent prendre soin de leur peau et de leurs articulations sans contrainte.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"inb-section\"\u003e\n\u003ch2\u003ePourquoi choisir le collagène marin Skinform ?\u003c\/h2\u003e\n\u003cp class=\"inb-section-intro\"\u003eAvec l'âge, la production naturelle de collagène diminue dès 25 ans, entraînant perte de fermeté cutanée, rides et raideurs articulaires. Les \u003cstrong\u003ebienfaits du collagène marin\u003c\/strong\u003e sont aujourd'hui largement reconnus : il contribue à soutenir la structure de la peau, des tendons et du cartilage.\u003c\/p\u003e\n\u003cdiv class=\"inb-grid\"\u003e\n\u003cdiv class=\"inb-card\"\u003e\n\u003ch3\u003e💧 Fermeté \u0026amp; élasticité de la peau\u003c\/h3\u003e\n\u003cp\u003eGrâce au collagène marin français \u003cstrong\u003eNaticol®\u003c\/strong\u003e, issu de la pêche durable (certifié Friend of the Sea).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inb-card\"\u003e\n\u003ch3\u003e🐟 Confort articulaire\u003c\/h3\u003e\n\u003cp\u003eDes peptides à \u003cstrong\u003e2000 daltons\u003c\/strong\u003e, particulièrement assimilables, pour soutenir tendons et cartilages.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inb-card\"\u003e\n\u003ch3\u003e🍒 Éclat \u0026amp; éclat du teint\u003c\/h3\u003e\n\u003cp\u003eStimulés par la \u003cstrong\u003evitamine C d'acérola\u003c\/strong\u003e, qui participe à la synthèse naturelle de collagène.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"inb-section\"\u003e\n\u003ch2\u003eComposition détaillée par stick (10,76 g)\u003c\/h2\u003e\n\u003cdiv class=\"inb-grid\"\u003e\n\u003cdiv class=\"inb-card\"\u003e\n\u003ch3\u003e🌊 Collagène marin Naticol® hydrolysé\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e10 000 mg (10 g)\u003c\/strong\u003e - dosage premium pour des résultats visibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inb-card\"\u003e\n\u003ch3\u003e💎 Acide hyaluronique\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e pour une hydratation profonde et durable de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inb-card\"\u003e\n\u003ch3\u003e🍒 Extrait d'acérola\u003c\/h3\u003e\n\u003cp\u003eSource de vitamine C naturelle - apport couvrant \u003cstrong\u003e100 % des VNR\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inb-card\"\u003e\n\u003ch3\u003e🍋 Arômes naturels\u003c\/h3\u003e\n\u003cp\u003e4 saveurs gourmandes : \u003cstrong\u003ecitron, café, chocolat, fruits rouges\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inb-card\"\u003e\n\u003ch3\u003e🚫 Sans compromis\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSans sucre, sans édulcorant\u003c\/strong\u003e et sans additifs controversés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inb-card\"\u003e\n\u003ch3\u003e📦 Format pratique\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e12 sticks de 10,76 g\u003c\/strong\u003e répartis entre 4 saveurs, pour varier les plaisirs chaque jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"inb-section\"\u003e\n\u003ch2\u003eComment prendre le collagène marin Skinform ?\u003c\/h2\u003e\n\u003cdiv class=\"inb-timeline\"\u003e\n\u003cdiv class=\"inb-timeline-item\"\u003e\n\u003cdiv class=\"inb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"inb-timeline-content\"\u003e\n\u003ch3\u003eVersez votre stick\u003c\/h3\u003e\n\u003cp\u003eDans un grand verre d'eau (environ 200 ml).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inb-timeline-item\"\u003e\n\u003cdiv class=\"inb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"inb-timeline-content\"\u003e\n\u003ch3\u003eMélangez \u0026amp; dégustez\u003c\/h3\u003e\n\u003cp\u003eIdéal le matin à jeun ou en collation pour une assimilation optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inb-timeline-item\"\u003e\n\u003cdiv class=\"inb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"inb-timeline-content\"\u003e\n\u003ch3\u003eFaites une cure de 2 à 3 mois\u003c\/h3\u003e\n\u003cp\u003ePour des résultats visibles sur la peau, l'éclat et la souplesse articulaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inb-timeline-item\"\u003e\n\u003cdiv class=\"inb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"inb-timeline-content\"\u003e\n\u003ch3\u003eEmportez-le partout\u003c\/h3\u003e\n\u003cp\u003eSac de sport, valise, sacoche : il vous suit dans tous vos déplacements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"inb-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément alimentaire ?\u003c\/h2\u003e\n\u003cdiv class=\"inb-grid\"\u003e\n\u003cdiv class=\"inb-card\"\u003e\n\u003ch3\u003e✨ Beauté \u0026amp; anti-âge\u003c\/h3\u003e\n\u003cp\u003eAux personnes souhaitant \u003cstrong\u003eprévenir les signes de l'âge\u003c\/strong\u003e et préserver la qualité de leur peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inb-card\"\u003e\n\u003ch3\u003e🏃 Sportifs \u0026amp; actifs outdoor\u003c\/h3\u003e\n\u003cp\u003eAdeptes de randonnée, natation, course souhaitant soutenir leurs articulations au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"inb-card\"\u003e\n\u003ch3\u003e💼 Actifs urbains nomades\u003c\/h3\u003e\n\u003cp\u003eAux urbains qui privilégient les \u003cstrong\u003eformats pratiques et savoureux\u003c\/strong\u003e, à emporter partout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"inb-section\"\u003e\n\u003ch2\u003eCollagène marin : y a-t-il des dangers ?\u003c\/h2\u003e\n\u003cdiv class=\"inb-accordion\"\u003e\n\u003cdetails class=\"inb-accordion-item\"\u003e\n\u003csummary class=\"inb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"inb-accordion-content mt-3\"\u003e\n\u003cp\u003eLe collagène marin hydrolysé est généralement très bien toléré. Toutefois, il est \u003cstrong\u003edéconseillé en cas d'allergie aux poissons\u003c\/strong\u003e, pendant la grossesse et l'allaitement, ainsi qu'aux enfants. Respectez la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"inb-accordion-item\"\u003e\n\u003csummary class=\"inb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"inb-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le produit à l'abri de la chaleur et de l'humidité, dans son emballage d'origine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"inb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eAvis sur les Skinform Sticks Inolab\u003c\/h2\u003e\n\u003cdiv class=\"inb-cta-box\"\u003e\n\u003cp\u003eComparé aux références telles que le \u003cstrong\u003ecollagène marin Granions\u003c\/strong\u003e ou d'autres marques de pharmacie, Skinform se distingue par son \u003cstrong\u003edosage renforcé à 10 g\u003c\/strong\u003e, sa praticité en stick et son trio synergique collagène + acide hyaluronique + vitamine C. Un véritable concentré de qualité française. 🇫🇷\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"inb-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. Demandez conseil à votre professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --inb-cream: #f7f5f1;\n --inb-white: #ffffff;\n --inb-primary: #1f8a8a;\n --inb-primary-dark: #0f4a52;\n --inb-primary-light: #e6f2f2;\n --inb-secondary: #2db5b0;\n --inb-accent: #f4b942;\n --inb-text: #1a2a2e;\n --inb-text-light: #5a6a6d;\n --inb-border: #e0e0e0;\n --inb-shadow: 0 4px 24px rgba(15,74,82,.08);\n --inb-shadow-lg: 0 12px 48px rgba(15,74,82,.18);\n --inb-radius: 20px;\n --inb-radius-sm: 12px;\n}\n\n.inb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--inb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--inb-text);\n}\n\n.inb-hero {\n position: relative;\n background: linear-gradient(135deg, #0f4a52 0%, #1f8a8a 55%, #2db5b0 100%);\n border-radius: var(--inb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--inb-shadow-lg);\n}\n\n.inb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(244,185,66,.3) 0%, transparent 45%);\n opacity: .15;\n}\n\n.inb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.inb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.inb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.inb-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.inb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.inb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--inb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.inb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.inb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.inb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--inb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.inb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--inb-primary), var(--inb-secondary));\n border-radius: 2px;\n}\n\n.inb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--inb-text-light);\n margin-bottom: 1.5rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.inb-section-intro strong {\n color: var(--inb-primary-dark);\n}\n\n.inb-card {\n background: var(--inb-white);\n border-radius: var(--inb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--inb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.inb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--inb-shadow-lg);\n border-color: var(--inb-primary);\n}\n\n.inb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--inb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.inb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--inb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.inb-card p strong {\n color: var(--inb-primary-dark);\n}\n\n.inb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.inb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.inb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.inb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--inb-primary), var(--inb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(31,138,138,.3);\n}\n\n.inb-timeline-content {\n flex: 1;\n background: var(--inb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--inb-radius-sm);\n box-shadow: var(--inb-shadow);\n}\n\n.inb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--inb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.inb-timeline-content p {\n font-size: 14px;\n color: var(--inb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.inb-accordion {\n background: var(--inb-white);\n border-radius: var(--inb-radius);\n box-shadow: var(--inb-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.inb-accordion-item {\n border-bottom: 1px solid var(--inb-border);\n margin: 0;\n padding: 0;\n}\n\n.inb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.inb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--inb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.inb-accordion-header:hover {\n background: var(--inb-primary-light);\n}\n\n.inb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.inb-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--inb-primary);\n transition: transform .2s ease;\n}\n\n.inb-accordion-item[open] .inb-accordion-header::after {\n content: '−';\n}\n\n.inb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--inb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.inb-accordion-content p {\n margin: 0;\n}\n\n.inb-accordion-content strong {\n color: var(--inb-primary-dark);\n}\n\n.inb-cta-box {\n background: linear-gradient(135deg, var(--inb-primary) 0%, var(--inb-primary-dark) 100%);\n border-radius: var(--inb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--inb-shadow-lg);\n}\n\n.inb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.inb-cta-box strong {\n color: var(--inb-accent);\n font-weight: 800;\n}\n\n.inb-disclaimer {\n font-size: 12px;\n color: var(--inb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .inb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .inb-card {\n padding: 1.125rem;\n }\n .inb-section {\n margin-bottom: 1.75rem;\n }\n .inb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--inb-radius-sm);\n }\n .inb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .inb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .inb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .inb-timeline-content {\n padding: .875rem 1rem;\n }\n .inb-timeline-content h3 {\n font-size: 14px;\n }\n .inb-timeline-content p {\n font-size: 13px;\n }\n .inb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .inb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .inb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .inb-card:nth-child(1) { animation-delay: .05s; }\n .inb-card:nth-child(2) { animation-delay: .1s; }\n .inb-card:nth-child(3) { animation-delay: .15s; }\n .inb-card:nth-child(4) { animation-delay: .2s; }\n .inb-card:nth-child(5) { animation-delay: .25s; }\n .inb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .inb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":57335211917689,"sku":"STICKCOLLAGENEINOLAB","price":19.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/skinform-sticks-10g-collagene-marin-acide-hyaluronique-inola-lifestyle.webp?v=1779875796"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/logo_inolab.png?v=1748682022","url":"https:\/\/www.naturellement-bio.com\/collections\/inolab-laboratoire.oembed?page=2","provider":"Naturellement Bio","version":"1.0","type":"link"}