{"title":"Compléments alimentaires Peau","description":"\u003cp\u003eUn teint terne en sortie d'hiver, une peau qui tiraille, des petits boutons qui reviennent, ou l'envie d'une belle peau avant l'été : la peau reflète aussi ce que l'on mange. Un complément alimentaire pour la peau peut l'aider de l'intérieur, en plus de vos soins. Notre conseil : partez de ce qui vous gêne, plutôt que d'empiler les produits beauté.\u003c\/p\u003e\n\u003ch2\u003ePar où commencer ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eVotre peau manque de fermeté\u003c\/strong\u003e : le collagène marin, avec de la vitamine C, qui contribue à la formation normale de collagène pour assurer la fonction normale de la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eElle est sèche et tiraille\u003c\/strong\u003e : l'acide hyaluronique, ou les huiles d'onagre et de bourrache.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eElle a tendance aux imperfections\u003c\/strong\u003e : le zinc, qui contribue au maintien d'une peau normale, et des plantes comme la bardane ou la pensée sauvage.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVous préparez l'été\u003c\/strong\u003e : une formule au bêta-carotène, quelques semaines avant les premières expositions.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eQuel complément pour la peau choisir ?\u003c\/h2\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; background-color: #fdf6f0; font-family: inherit; font-size: 0.95em;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background-color: #f0e0d0;\"\u003e\n\u003cth style=\"padding: 12px 14px; border: 1px solid #e8d5c4; text-align: left;\"\u003eVotre situation\u003c\/th\u003e\n\u003cth style=\"padding: 12px 14px; border: 1px solid #e8d5c4; text-align: left;\"\u003eNotre conseil\u003c\/th\u003e\n\u003cth style=\"padding: 12px 14px; border: 1px solid #e8d5c4; text-align: left;\"\u003eProduits\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVotre peau manque de fermeté\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eLe collagène marin en gélules, à prendre chaque jour sans préparation\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/collagene-marin-150-gelules-humble\" title=\"Collagène Marin 150 gélules – Humble+\"\u003eCollagène Marin 150 gélules Humble+\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/collagene-marin-peptide-de-collagene-neutre-humble\" title=\"Collagène Marin Naticol – Humble+\"\u003eCollagène Marin Naticol Humble+\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #fef9f5;\"\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous n'aimez pas avaler de gélules\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eCollagène et acide hyaluronique en poudre ou en stick\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/collagene-marin-acide-hyaluronique-citron-inolab\" title=\"Skinform Collagène + Acide Hyaluronique – Inolab\"\u003eSkinform Collagène + Acide Hyaluronique Inolab\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/stick-collagene-marin-acide-hyaluronique-10g-inolab\" title=\"Collagène + Acide Hyaluronique en stick – Inolab\"\u003eCollagène + Acide Hyaluronique en stick Inolab\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVotre peau tiraille\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eL'acide hyaluronique pour le confort, la vitamine C pour le collagène\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/acide-hyaluronique-gelules-hydraform-inolab\" title=\"Hydraform Acide Hyaluronique – Inolab\"\u003eHydraform Acide Hyaluronique Inolab\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/dermoline-hydric-60-gelules-lt-labo\" title=\"Dermoline Hydric – LT Labo\"\u003eDermoline Hydric LT Labo\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #fef9f5;\"\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous avez tendance aux imperfections\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003ePrivilégiez le zinc, qui contribue au maintien d'une peau normale, complété par bardane et pensée sauvage\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/glowyform-bardane-artichaut-pensee-sauvage-bio-inolab\" title=\"GlowyForm – Inolab\"\u003eGlowyForm Inolab\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/zinc-plus-500-ml\" title=\"ZINC PLUS – Catalyons\"\u003eZINC PLUS Catalyons\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous voulez couvrir les vitamines de la peau\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eAssociez la vitamine A et la biotine, qui contribuent au maintien d'une peau normale\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/la-veritable-huile-de-foie-de-morue-nature-lysi-240-ml\" title=\"Huile de Foie de Morue – Lysi\"\u003eHuile de Foie de Morue Lysi\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/vitamine-b8-biotine-60-comprimes-vital-osmose\" title=\"Vitamine B8 Biotine – VitalOsmose\"\u003eVitamine B8 Biotine VitalOsmose\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #fef9f5;\"\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVotre peau est sèche\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eOnagre et bourrache, les huiles de tradition des peaux qui manquent de souplesse\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/onagre-bourrache-200-capsules-superdiet\" title=\"Huiles Onagre \u0026amp; Bourrache – Superdiet\"\u003eHuiles Onagre \u0026amp; Bourrache Superdiet\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/huile-de-bourrache-graine-sauvage\" title=\"Huile de Bourrache Bio – Graine Sauvage\"\u003eHuile de Bourrache Bio Graine Sauvage\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous préparez l'été\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eLe bêta-carotène, à commencer quelques semaines avant, sans jamais remplacer la crème solaire\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/bronzalia-gelules-graine-sauvage\" title=\"Bronzalia – Graine Sauvage\"\u003eBronzalia Graine Sauvage\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/dermoline-solaire-bio-lt-labo\" title=\"Dermoline Solaire Bio – LT Labo\"\u003eDermoline Solaire Bio LT Labo\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #fef9f5;\"\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous voulez des antioxydants\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eDeux pigments d'algues : l'astaxanthine rouge et la phycocyanine bleue\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/astaxanthine-bio-30-gelules-aosa-veritable\" title=\"Astaxanthine Bio – Aosa Véritable\"\u003eAstaxanthine Bio Aosa Véritable\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/phyco-sublime-lifes-code\" title=\"Phyco-sublime – Life's Code\"\u003ePhyco-sublime Life's Code\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVos cheveux et vos ongles fatiguent aussi\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eLe silicium, traditionnellement utilisé pour la tenue de la peau, des cheveux et des ongles\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/silicium-catalyons-500-ml\" title=\"Silicium – Catalyons\"\u003eSilicium Catalyons\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/bambou-silice-60-gelules-laboratoire-code\" title=\"Bambou Silice – Laboratoire Code\"\u003eBambou Silice Laboratoire Code\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch2\u003eCe que chaque actif apporte vraiment\u003c\/h2\u003e\n\u003cp\u003eCertains nutriments ont un rôle reconnu : le \u003cstrong\u003ezinc\u003c\/strong\u003e, la \u003cstrong\u003ebiotine\u003c\/strong\u003e et la \u003cstrong\u003evitamine A\u003c\/strong\u003e contribuent au maintien d'une peau normale, et la \u003cstrong\u003evitamine C\u003c\/strong\u003e à la formation normale du collagène. Le \u003cstrong\u003ecollagène marin\u003c\/strong\u003e et l'\u003cstrong\u003eacide hyaluronique\u003c\/strong\u003e sont les plus choisis pour la fermeté et l'hydratation ; on prend souvent 5 à 10 g de collagène par jour en poudre. Les \u003cstrong\u003eplantes\u003c\/strong\u003e complètent, selon la tradition : bardane et pensée sauvage pour une peau nette, onagre et bourrache pour les peaux sèches.\u003c\/p\u003e\n\u003ch2\u003eNos conseils\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eLaissez-lui le temps : la peau se renouvelle en un mois environ, comptez un à trois mois.\u003c\/li\u003e\n\u003cli\u003eUn complément solaire ne remplace jamais une crème solaire.\u003c\/li\u003e\n\u003cli\u003eNe cumulez pas plusieurs sources de vitamine A (huile de foie de morue, multivitamines), surtout pendant la grossesse.\u003c\/li\u003e\n\u003cli\u003eLe collagène marin est à éviter en cas d'allergie au poisson.\u003c\/li\u003e\n\u003cli\u003eAcné sévère, eczéma, psoriasis : demandez l'avis d'un médecin ou d'un dermatologue.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eSelon votre peau\u003c\/h2\u003e\n\u003cp\u003ePour les rides et la fermeté, notre sélection \u003ca href=\"\/collections\/anti-age\"\u003eanti-âge\u003c\/a\u003e va plus loin. Et comme la peau, les \u003ca href=\"\/collections\/complements-alimentaires-cheveux\"\u003echeveux\u003c\/a\u003e et les \u003ca href=\"\/collections\/complements-alimentaires-ongles\"\u003eongles\u003c\/a\u003e profitent souvent des mêmes nutriments : chacun a sa sélection.\u003c\/p\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eVos questions sur la peau\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le meilleur complément alimentaire pour la peau ?\u003c\/summary\u003e\n\u003cp\u003eCelui qui répond à ce qui vous gêne. Pour la fermeté, le collagène marin avec de la vitamine C ; pour une peau sèche, l'acide hyaluronique ou les huiles d'onagre et de bourrache ; pour les imperfections, le zinc. Le zinc, la biotine et la vitamine A contribuent au maintien d'une peau normale.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLe collagène marin est-il bon pour la peau ?\u003c\/summary\u003e\n\u003cp\u003eLe collagène est la protéine qui structure la peau. En complément, on le prend en cure de plusieurs semaines, souvent 5 à 10 g par jour en poudre, idéalement avec de la vitamine C, qui contribue à la formation normale du collagène pour assurer la fonction normale de la peau.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel complément pour une peau à imperfections ?\u003c\/summary\u003e\n\u003cp\u003eLe zinc contribue au maintien d'une peau normale ; la bardane et la pensée sauvage sont traditionnellement utilisées pour une peau nette. En cas d'acné importante, consultez un médecin.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCombien de temps pour voir un effet sur la peau ?\u003c\/summary\u003e\n\u003cp\u003eLa peau se renouvelle en un mois environ : comptez une cure d'un à trois mois pour juger du résultat.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel complément pour préparer la peau au soleil ?\u003c\/summary\u003e\n\u003cp\u003eLes formules au bêta-carotène (urucum, carotte) et à la vitamine C se prennent quelques semaines avant l'exposition. Elles ne remplacent jamais une crème solaire.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePeut-on associer plusieurs compléments pour la peau ?\u003c\/summary\u003e\n\u003cp\u003eOui, par exemple du collagène et de la vitamine C. Évitez en revanche de cumuler plusieurs produits riches en vitamine A ou en zinc, et respectez les doses indiquées.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n","products":[{"product_id":"onagre-bourrache-200-capsules-superdiet","title":"Huiles onagre \u0026 bourrache (beauté de la peau) - 200 capsules - Superdiet","description":"\u003cdiv class=\"ob-premium\"\u003e\n  \u003cdiv class=\"ob-hero\"\u003e\n    \u003cdiv class=\"ob-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ob-hero-content\"\u003e\n      \u003cdiv class=\"ob-badges-top\"\u003e\n        \u003cspan class=\"ob-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n        \u003cspan class=\"ob-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n        \u003cspan class=\"ob-badge\"\u003e♻️ Éco-conçu\u003c\/span\u003e\n        \u003cspan class=\"ob-badge\"\u003e💊 200 capsules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ob-hero-title\"\u003eHuile d'Onagre \u0026amp; Bourrache\u003c\/span\u003e\n      \u003cp class=\"ob-subtitle\"\u003eBeauté de la peau · 40 à 66 jours de cure\u003c\/p\u003e\n      \u003cp class=\"ob-description\"\u003eEnvie d'une \u003cstrong\u003epeau souple, hydratée et lumineuse\u003c\/strong\u003e au fil des saisons ? Deux plantes emblématiques associées en synergie végétale, pour prendre soin de votre peau de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"ob-section\"\u003e\n    \u003ch2\u003ePourquoi associer huile d'onagre et bourrache ?\u003c\/h2\u003e\n    \u003cp class=\"ob-section-intro\"\u003eL'huile d'onagre et bourrache est une référence incontournable en phytothérapie dédiée à la \u003cstrong\u003ebeauté de la peau\u003c\/strong\u003e. Ces deux huiles végétales sont naturellement riches en \u003cstrong\u003eacides gras essentiels oméga-6\u003c\/strong\u003e, notamment en acide gamma-linolénique (GLA), que notre organisme ne sait pas fabriquer seul.\u003c\/p\u003e\n    \u003cdiv class=\"ob-grid\"\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e🌼 L'Onagre\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eOenothera biennis\u003c\/em\u003e — Contribue au maintien d'une peau normale, souple et confortable au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e💙 La Bourrache\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eBorago officinalis\u003c\/em\u003e — Son huile, extraite des graines, est l'une des plus concentrées en GLA du règne végétal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e✨ La synergie\u003c\/h3\u003e\n        \u003cp\u003eUn allié de choix pour les peaux matures, sèches, réactives ou qui tiraillent avec le temps qui passe.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ob-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'huile onagre et bourrache\u003c\/h2\u003e\n    \u003cp class=\"ob-section-intro\"\u003ePrise en cure régulière, la gélule d'huile d'onagre et bourrache participe à :\u003c\/p\u003e\n    \u003cdiv class=\"ob-grid-compact\"\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e💧 Souplesse\u003c\/h3\u003e\n        \u003cp\u003ePréserve l'élasticité cutanée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e🌿 Confort\u003c\/h3\u003e\n        \u003cp\u003eLimite les tiraillements et la sécheresse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e✨ Éclat\u003c\/h3\u003e\n        \u003cp\u003eSoutient l'éclat du teint au fil des saisons\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e🌸 Vitalité\u003c\/h3\u003e\n        \u003cp\u003eApporte un confort aux peaux matures\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ob-tip\"\u003e\n      \u003cspan class=\"ob-tip-icon\"\u003e🌷\u003c\/span\u003e\n      \u003cp\u003eDe nombreuses femmes utilisent aussi l'\u003cstrong\u003ehuile de bourrache et onagre à la ménopause\u003c\/strong\u003e pour accompagner leur confort au quotidien et soutenir la vitalité de leur peau durant cette période de transition hormonale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ob-section\"\u003e\n    \u003ch2\u003eComposition pour 3 capsules\u003c\/h2\u003e\n    \u003cdiv class=\"ob-grid\"\u003e\n      \u003cdiv class=\"ob-card ob-card-highlight\"\u003e\n        \u003ch3\u003e💙 Huile de bourrache vierge\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e1 200 mg\u003c\/strong\u003e\u003cbr\u003edont 240 mg de GLA\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-card ob-card-highlight\"\u003e\n        \u003ch3\u003e🌼 Huile d'onagre vierge\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e\u003cbr\u003edont 30 mg de GLA\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-card ob-card-highlight\"\u003e\n        \u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n        \u003cp\u003eAntioxydant protégeant la qualité des huiles\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ob-tip\"\u003e\n      \u003cspan class=\"ob-tip-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cp\u003eLes huiles sont obtenues par \u003cstrong\u003epremière pression à froid, sans solvant chimique\u003c\/strong\u003e, pour préserver toute la richesse nutritionnelle des graines. Enveloppe : gélatine de poisson, glycérine végétale, eau purifiée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ob-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"ob-timeline\"\u003e\n      \u003cdiv class=\"ob-timeline-item\"\u003e\n        \u003cdiv class=\"ob-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ob-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e3 à 5 capsules par jour\u003c\/strong\u003e, à avaler avec un grand verre d'eau au moment des repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-timeline-item\"\u003e\n        \u003cdiv class=\"ob-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ob-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats visibles, une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e minimum est recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-timeline-item\"\u003e\n        \u003cdiv class=\"ob-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"ob-timeline-content\"\u003e\n          \u003ch3\u003eRenouvellement\u003c\/h3\u003e\n          \u003cp\u003eIdéalement à renouveler au \u003cstrong\u003echangement de saison\u003c\/strong\u003e pour accompagner votre peau toute l'année.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ob-tip\"\u003e\n      \u003cspan class=\"ob-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, ainsi qu'aux personnes sous traitement anticoagulant. Demandez conseil à votre médecin ou pharmacien en cas de doute. \u003cstrong\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un traitement médical.\u003c\/strong\u003e Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ob-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"ob-accordion\"\u003e\n      \u003cdetails class=\"ob-accordion-item\"\u003e\n        \u003csummary class=\"ob-accordion-header\"\u003e🕐 Quand prendre l'huile d'onagre et bourrache ?\u003c\/summary\u003e\n        \u003cdiv class=\"ob-accordion-content mt-3\"\u003e\n          \u003cp\u003eDe préférence au cours des repas, pour optimiser l'absorption des acides gras. Une prise matin, midi et soir répartit au mieux les apports sur la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ob-accordion-item\"\u003e\n        \u003csummary class=\"ob-accordion-header\"\u003e⏳ Au bout de combien de temps voit-on les effets ?\u003c\/summary\u003e\n        \u003cdiv class=\"ob-accordion-content mt-3\"\u003e\n          \u003cp\u003eLes acides gras essentiels agissent progressivement : comptez environ \u003cstrong\u003e6 à 8 semaines\u003c\/strong\u003e pour ressentir un réel confort cutané.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ob-accordion-item\"\u003e\n        \u003csummary class=\"ob-accordion-header\"\u003e🌿 Quelle différence entre onagre et bourrache ?\u003c\/summary\u003e\n        \u003cdiv class=\"ob-accordion-content mt-3\"\u003e\n          \u003cp\u003eLa bourrache est plus riche en GLA, l'onagre apporte un profil lipidique complémentaire. Les associer permet de profiter du meilleur des deux plantes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ob-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eUn produit éco-conçu, fabriqué en France\u003c\/h2\u003e\n    \u003cdiv class=\"ob-cta-box\"\u003e\n      \u003cp\u003eSuperdiet sélectionne des plantes de qualité contrôlée et conditionne ses capsules en France, dans un \u003cstrong\u003eflacon en matière recyclée et recyclable\u003c\/strong\u003e. Un engagement cohérent avec votre démarche bien-être et respectueux de la planète. 🌍\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  :root {\n    --ob-cream: #fdf7f9;\n    --ob-white: #ffffff;\n    --ob-primary: #e91e63;\n    --ob-primary-dark: #a5174a;\n    --ob-primary-light: #fce4ec;\n    --ob-secondary: #4a7c3a;\n    --ob-accent: #f9d547;\n    --ob-text: #1a1a1a;\n    --ob-text-light: #5a5a5a;\n    --ob-border: #f0e0e6;\n    --ob-shadow: 0 4px 24px rgba(233,30,99,.08);\n    --ob-shadow-lg: 0 12px 48px rgba(233,30,99,.15);\n    --ob-radius: 20px;\n    --ob-radius-sm: 12px;\n  }\n\n  .ob-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--ob-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--ob-text);\n    line-height: 1.6;\n  }\n\n  .ob-hero {\n    position: relative;\n    background: linear-gradient(135deg, #f48fb1 0%, #e91e63 50%, #a5174a 100%);\n    border-radius: var(--ob-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(--ob-shadow-lg);\n  }\n\n  .ob-hero-pattern {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    opacity: .08;\n    background-image: radial-gradient(circle at 20% 30%, #fff 0%, transparent 40%),\n                      radial-gradient(circle at 80% 70%, #fff 0%, transparent 40%);\n  }\n\n  .ob-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .ob-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  .ob-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    letter-spacing: .02em;\n  }\n\n  .ob-description {\n    color: rgba(255,255,255,.95);\n    font-size: clamp(14px, 2.2vw, 16px);\n    max-width: 700px;\n    margin: 0 auto;\n    line-height: 1.7;\n  }\n\n  .ob-description strong {\n    color: white;\n    font-weight: 700;\n  }\n\n  .ob-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.75rem;\n  }\n\n  .ob-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(--ob-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.1);\n    transition: all .3s ease;\n  }\n\n  .ob-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  .ob-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .ob-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--ob-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  .ob-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(--ob-primary), var(--ob-secondary));\n    border-radius: 2px;\n  }\n\n  .ob-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--ob-text-light);\n    margin-bottom: 1.5rem;\n    max-width: 720px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .ob-section-intro strong {\n    color: var(--ob-primary-dark);\n  }\n\n  .ob-card {\n    background: var(--ob-white);\n    border-radius: var(--ob-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--ob-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .ob-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--ob-shadow-lg);\n    border-color: var(--ob-primary);\n  }\n\n  .ob-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--ob-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .ob-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--ob-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .ob-card-highlight {\n    background: linear-gradient(135deg, #fff 0%, var(--ob-primary-light) 100%);\n    border: 2px solid var(--ob-border);\n  }\n\n  .ob-card-highlight strong {\n    color: var(--ob-primary);\n    font-size: 1.15em;\n    font-weight: 900;\n  }\n\n  .ob-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .ob-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .ob-grid-compact .ob-card {\n    padding: 1rem;\n  }\n\n  .ob-grid-compact .ob-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .ob-grid-compact .ob-card p {\n    font-size: 12px;\n  }\n\n  .ob-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  .ob-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .ob-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--ob-primary), var(--ob-primary-dark));\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(233,30,99,.25);\n  }\n\n  .ob-timeline-content {\n    flex: 1;\n    background: var(--ob-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--ob-radius-sm);\n    box-shadow: var(--ob-shadow);\n  }\n\n  .ob-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--ob-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .ob-timeline-content p {\n    font-size: 14px;\n    color: var(--ob-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  .ob-accordion {\n    background: var(--ob-white);\n    border-radius: var(--ob-radius);\n    box-shadow: var(--ob-shadow);\n    overflow: hidden;\n  }\n\n  .ob-accordion-item {\n    border-bottom: 1px solid var(--ob-border);\n    margin: 0;\n    padding: 0;\n  }\n\n  .ob-accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .ob-accordion-header {\n    padding: 1rem 1.25rem;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--ob-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  .ob-accordion-header:hover {\n    background: var(--ob-primary-light);\n  }\n\n  .ob-accordion-header::-webkit-details-marker {\n    display: none;\n  }\n\n  .ob-accordion-header::after {\n    content: '+';\n    font-size: 22px;\n    font-weight: 400;\n    color: var(--ob-primary);\n    transition: transform .2s ease;\n    margin-left: 1rem;\n  }\n\n  .ob-accordion-item[open] .ob-accordion-header::after {\n    content: '−';\n  }\n\n  .ob-accordion-content {\n    padding: 0 1.25rem 1rem;\n    color: var(--ob-text-light);\n    font-size: 14px;\n    line-height: 1.7;\n    margin-top: 10px;\n  }\n\n  .ob-accordion-content p {\n    margin: 0;\n  }\n\n  .ob-tip {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n    background: var(--ob-primary-light);\n    border-radius: var(--ob-radius-sm);\n    padding: 1rem 1.25rem;\n    margin-top: 1.25rem;\n    border-left: 4px solid var(--ob-primary);\n  }\n\n  .ob-tip-icon {\n    font-size: 24px;\n    flex-shrink: 0;\n  }\n\n  .ob-tip p {\n    font-size: 14px;\n    color: var(--ob-text);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .ob-cta-box {\n    background: linear-gradient(135deg, var(--ob-primary) 0%, var(--ob-primary-dark) 100%);\n    border-radius: var(--ob-radius);\n    padding: clamp(1.75rem, 4vw, 3rem);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: var(--ob-shadow-lg);\n  }\n\n  .ob-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  .ob-cta-box strong {\n    color: #fff;\n    font-weight: 800;\n  }\n\n  @media (max-width: 767px) {\n    .ob-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n    .ob-card {\n      padding: 1.125rem;\n    }\n    .ob-section {\n      margin-bottom: 1.75rem;\n    }\n    .ob-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--ob-radius-sm);\n    }\n    .ob-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n    .ob-premium h2::after {\n      width: 40px;\n      height: 3px;\n    }\n    .ob-grid-compact {\n      gap: .625rem;\n    }\n    .ob-grid-compact .ob-card {\n      padding: .75rem;\n    }\n    .ob-timeline-number {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n    }\n    .ob-timeline-content {\n      padding: .875rem 1rem;\n    }\n    .ob-timeline-content h3 {\n      font-size: 14px;\n    }\n    .ob-timeline-content p {\n      font-size: 13px;\n    }\n    .ob-accordion-header {\n      padding: .875rem 1rem;\n      font-size: 14px;\n    }\n    .ob-accordion-content {\n      padding: 0 1rem .875rem;\n      font-size: 13px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .ob-card {\n      animation: obFadeInUp .5s ease backwards;\n    }\n    .ob-card:nth-child(1) { animation-delay: .05s; }\n    .ob-card:nth-child(2) { animation-delay: .1s; }\n    .ob-card:nth-child(3) { animation-delay: .15s; }\n    .ob-card:nth-child(4) { animation-delay: .2s; }\n  }\n\n  @keyframes obFadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ob-premium * {\n      animation-duration: 0.01ms !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754696925341,"sku":"NBAISUP0035","price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huiles-onagre-bourrache-beaute-de-la-peau-200-capsules-super-packshothd.webp?v=1776425590"},{"product_id":"siliriche-silicium-plantes-manganese-1-litre-qualidiet","title":"Siliriche Silicium, Plantes, Manganèse - 1 Litre - Qualidiet","description":"\u003cdiv class=\"sil-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sil-hero\"\u003e\n\u003cdiv class=\"sil-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sil-hero-content\"\u003e\n\u003cdiv class=\"sil-badges-top\"\u003e\n\u003cspan class=\"sil-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"sil-badge\"\u003e🌿 1 200 mg de silicium \/ litre\u003c\/span\u003e \u003cspan class=\"sil-badge\"\u003e📏 Cure 33 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sil-hero-title\"\u003eLa force naturelle du silicium organique\u003c\/span\u003e\n\u003cp class=\"sil-subtitle\"\u003eQualidiet — Complément alimentaire liquide 1 litre\u003c\/p\u003e\n\u003cp class=\"sil-description\"\u003eSynergie de silicium organique, bambou, ortie, prêle et manganèse pour sublimer cheveux, articulations et peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"sil-section\"\u003e\n\u003ch2\u003eSiliriche : le complément silicium nouvelle génération\u003c\/h2\u003e\n\u003cp class=\"sil-section-intro\"\u003eVous recherchez un \u003cstrong\u003esilicium pour cheveux\u003c\/strong\u003e efficace, qui soutient aussi articulations et peau ? Le \u003cstrong\u003eSiliriche de Qualidiet\u003c\/strong\u003e propose une formule concentrée et biodisponible pour une action globale sur les tissus conjonctifs.\u003c\/p\u003e\n\u003cdiv class=\"sil-grid\"\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e💇 Cheveux fortifiés\u003c\/h3\u003e\n\u003cp\u003eLe \u003cstrong\u003esilicium et cheveux\u003c\/strong\u003e : duo clé pour la kératine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e🦴 Articulations souples\u003c\/h3\u003e\n\u003cp\u003eContribue au maintien d'une ossature normale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e✨ Peau radieuse\u003c\/h3\u003e\n\u003cp\u003eSoutient l'élasticité cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"sil-section\"\u003e\n\u003ch2\u003ePourquoi choisir le silicium organique ?\u003c\/h2\u003e\n\u003cdiv class=\"sil-testimonial\"\u003e\n\u003cp class=\"sil-testimonial-text\"\u003eLe \u003cstrong\u003esilicium organique pour cheveux\u003c\/strong\u003e participe à la synthèse de la kératine et du collagène, protéines qui structurent la fibre capillaire. Avec l'âge, nos réserves diminuent : les cheveux deviennent fins et cassants. Un apport ciblé relance leur vitalité dès la racine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e🔬 Kératine\u003c\/h3\u003e\n\u003cp\u003eStructure la fibre capillaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e🌱 Cuir chevelu sain\u003c\/h3\u003e\n\u003cp\u003eSoutient le cycle de pousse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e📉 Réserves comblées\u003c\/h3\u003e\n\u003cp\u003eCompense la baisse liée à l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e📸 Effet visible\u003c\/h3\u003e\n\u003cp\u003eRésultats en 2-3 mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"sil-section\"\u003e\n\u003ch2\u003eSynergie unique : bambou, ortie, prêle \u0026amp; manganèse\u003c\/h2\u003e\n\u003cdiv class=\"sil-grid\"\u003e\n\u003cdiv class=\"sil-card sil-card-highlight\"\u003e\n\u003ch3\u003e🎋 Bambou tabashir\u003c\/h3\u003e\n\u003cp\u003eSource végétale riche en silice naturelle, soutient os, articulations et fermeté de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card sil-card-highlight\"\u003e\n\u003ch3\u003e🌿 Ortie\u003c\/h3\u003e\n\u003cp\u003eRiche en minéraux naturels, soutient la vitalité des tissus, cheveux et peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card sil-card-highlight\"\u003e\n\u003ch3\u003e🌾 Prêle des champs\u003c\/h3\u003e\n\u003cp\u003eReminéralisante, renforce les tissus conjonctifs et la santé des ongles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card sil-card-highlight\"\u003e\n\u003ch3\u003e⚙️ Manganèse\u003c\/h3\u003e\n\u003cp\u003eContribue à protéger les cellules du stress oxydatif et au maintien d'une ossature normale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-tip\"\u003e\n\u003cspan class=\"sil-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003e1 200 mg de silicium organique par litre\u003c\/strong\u003e : une concentration qui fait la différence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"sil-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"sil-timeline\"\u003e\n\u003cdiv class=\"sil-timeline-item\"\u003e\n\u003cdiv class=\"sil-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sil-timeline-content\"\u003e\n\u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n\u003cp\u003eSecouez avant chaque prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-timeline-item\"\u003e\n\u003cdiv class=\"sil-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sil-timeline-content\"\u003e\n\u003ch3\u003e30 ml par jour\u003c\/h3\u003e\n\u003cp\u003ePur ou dilué. Flacon pour \u003cstrong\u003e33 jours\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-timeline-item\"\u003e\n\u003cdiv class=\"sil-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sil-timeline-content\"\u003e\n\u003ch3\u003e15 min avant un repas\u003c\/h3\u003e\n\u003cp\u003ePour une absorption optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-timeline-item\"\u003e\n\u003cdiv class=\"sil-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"sil-timeline-content\"\u003e\n\u003ch3\u003eCure de 2 à 3 mois\u003c\/h3\u003e\n\u003cp\u003eRenouvelable 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\u003c!-- H2 #5 --\u003e\n\u003csection class=\"sil-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cdiv class=\"sil-accordion\"\u003e\n\u003cdetails open=\"\" class=\"sil-accordion-item\"\u003e\n\u003csummary class=\"sil-accordion-header\"\u003e📋 Ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"sil-accordion-content mt-3\"\u003e\n\u003cp\u003eEau purifiée, silicium organique (acide orthosilicique stabilisé par hydrolysat de collagène marin), extraits de \u003cstrong\u003ebambou tabashir\u003c\/strong\u003e, d'\u003cstrong\u003eortie\u003c\/strong\u003e et de \u003cstrong\u003eprêle\u003c\/strong\u003e, gluconate de \u003cstrong\u003emanganèse\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sil-accordion-item\"\u003e\n\u003csummary class=\"sil-accordion-header\"\u003e🔢 Dosage par dose\u003c\/summary\u003e\n\u003cdiv class=\"sil-accordion-content mt-3\"\u003e\n\u003cp\u003ePour 30 ml\/jour : \u003cstrong\u003e36 mg de silicium organique\u003c\/strong\u003e, extraits végétaux et manganèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"sil-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eLes engagements Qualidiet\u003c\/h2\u003e\n\u003cdiv class=\"sil-grid-compact\"\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eNormes qualité strictes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans colorants ni conservateurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e🧪 Formule concentrée\u003c\/h3\u003e\n\u003cp\u003eAdaptée à une cure longue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e👨👩👧 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eDès l'adolescence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à vos cheveux, articulations et peau le meilleur du \u003cstrong\u003esilicium organique\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"sil-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée. 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  --sil-cream: #F7F6F1;\n  --sil-white: #ffffff;\n  --sil-primary: #2E7D32;\n  --sil-primary-dark: #1B5E20;\n  --sil-primary-light: #E8F5E9;\n  --sil-secondary: #C62828;\n  --sil-accent: #8D6E63;\n  --sil-text: #1a1a1a;\n  --sil-text-light: #5a5a5a;\n  --sil-border: #e0e0e0;\n  --sil-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --sil-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --sil-radius: 20px;\n  --sil-radius-sm: 12px;\n}\n.sil-premium { max-width: 1200px; margin: 0 auto; padding: clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem); background: var(--sil-cream); font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; }\n.sil-hero { position: relative; background: linear-gradient(135deg,#1B5E20 0%,#2E7D32 40%,#43A047 75%,#66BB6A 100%); border-radius: var(--sil-radius); padding: clamp(3rem,7vw,5rem) clamp(2rem,5vw,4rem); margin-bottom: clamp(2.5rem,5vw,4rem); overflow: hidden; box-shadow: var(--sil-shadow-lg); }\n.sil-hero-pattern { position: absolute; top:0;left:0;right:0;bottom:0; background-image: radial-gradient(circle at 20% 80%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.06) 0%,transparent 50%); }\n.sil-hero-content { position: relative; z-index:1; text-align:center; }\n.sil-hero-title { display:block; color:white; font-size: clamp(26px,7vw,48px); font-weight:900; margin:0 0 1rem 0; letter-spacing:-.04em; text-shadow: 0 4px 20px rgba(0,0,0,.2); line-height:1.1; }\n.sil-subtitle { color: rgba(255,255,255,.85); font-size: clamp(13px,2.5vw,17px); font-weight:600; margin:0 0 1rem 0; letter-spacing:.02em; text-transform:uppercase; }\n.sil-description { color: rgba(255,255,255,.9); font-size: clamp(14px,2.5vw,17px); line-height:1.7; max-width:650px; margin:0 auto; }\n.sil-badges-top { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-bottom:1.5rem; }\n.sil-badge { display:inline-flex; align-items:center; gap:6px; padding:8px 16px; background:rgba(255,255,255,.95); border-radius:999px; font-size:13px; font-weight:700; color: var(--sil-primary-dark); box-shadow: 0 2px 12px rgba(0,0,0,.1); transition: all .3s ease; }\n.sil-badge:hover { transform: translateY(-2px) scale(1.05); }\n.sil-section { margin-bottom: clamp(2rem,4vw,3.5rem); }\n.sil-premium h2 { font-size: clamp(22px,5vw,36px); font-weight:900; color: var(--sil-primary-dark); margin-bottom: clamp(1.25rem,3vw,2rem); text-align:center; letter-spacing:-.03em; position:relative; padding-bottom:1rem; line-height:1.25; }\n.sil-premium h2::after { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:60px; height:4px; background: linear-gradient(90deg,var(--sil-primary),var(--sil-secondary)); border-radius:2px; }\n.sil-card { background: var(--sil-white); border-radius: var(--sil-radius); padding: clamp(1.25rem,3vw,2rem); box-shadow: var(--sil-shadow); border:2px solid transparent; transition: all .3s ease; text-align:center; }\n.sil-card:hover { transform: translateY(-6px); box-shadow: var(--sil-shadow-lg); border-color: var(--sil-primary); }\n.sil-card h3 { font-size: clamp(15px,2.5vw,18px); font-weight:800; color: var(--sil-primary-dark); margin:0 0 .5rem 0; line-height:1.3; }\n.sil-card p { font-size: clamp(13px,2vw,15px); color: var(--sil-text-light); margin:0; line-height:1.6; }\n.sil-card-highlight { border-left:4px solid var(--sil-primary); text-align:left; }\n.sil-card-highlight:hover { border-left-color: var(--sil-secondary); }\n.sil-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap:1.25rem; }\n.sil-grid-compact { display:grid; grid-template-columns: repeat(2,1fr); gap:1rem; }\n.sil-grid-compact .sil-card { padding:1rem; }\n.sil-grid-compact .sil-card h3 { font-size:14px; margin-bottom:.35rem; }\n.sil-grid-compact .sil-card p { font-size:12px; }\n.sil-timeline { display:flex; flex-direction:column; gap:1rem; }\n.sil-timeline-item { display:flex; gap:1rem; align-items:flex-start; }\n.sil-timeline-number { flex-shrink:0; width:40px; height:40px; background: linear-gradient(135deg,var(--sil-primary),var(--sil-primary-dark)); color:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:16px; }\n.sil-timeline-content { flex:1; background: var(--sil-white); padding:1rem 1.25rem; border-radius: var(--sil-radius-sm); box-shadow: var(--sil-shadow); }\n.sil-timeline-content h3 { font-size:16px; font-weight:700; color: var(--sil-primary-dark); margin:0 0 .25rem 0; }\n.sil-timeline-content p { font-size:14px; color: var(--sil-text-light); margin:0; line-height:1.5; }\n.sil-testimonial { background: var(--sil-white); border-radius: var(--sil-radius); padding: clamp(1.5rem,4vw,2.5rem); box-shadow: var(--sil-shadow); border-left:4px solid var(--sil-primary); }\n.sil-testimonial-text { font-size: clamp(15px,2.5vw,17px); color: var(--sil-text); line-height:1.8; font-style:italic; margin:0; }\n.sil-accordion { background: var(--sil-white); border-radius: var(--sil-radius); box-shadow: var(--sil-shadow); overflow:hidden; }\n.sil-accordion-item { border-bottom:1px solid var(--sil-border); margin:0; padding:0; }\n.sil-accordion-item:last-child { border-bottom:none; }\n.sil-accordion-header { padding:1rem 1.25rem; font-weight:700; font-size:15px; color: var(--sil-primary-dark); cursor:pointer; display:flex; justify-content:space-between; align-items:center; list-style:none; transition: background .2s ease; }\n.sil-accordion-header:hover { background: var(--sil-primary-light); }\n.sil-accordion-header::-webkit-details-marker { display:none; }\n.sil-accordion-header::after { content:'+'; font-size:20px; color: var(--sil-primary); }\n.sil-accordion-item[open] .sil-accordion-header::after { content:'−'; }\n.sil-accordion-content { padding:0 1.25rem 1rem; color: var(--sil-text-light); font-size:14px; line-height:1.7; margin-top:10px; }\n.sil-accordion-content p { margin:0; }\n.sil-tip { display:flex; gap:1rem; align-items:flex-start; background: var(--sil-primary-light); border-radius: var(--sil-radius-sm); padding:1rem 1.25rem; margin-top:1.25rem; }\n.sil-tip-icon { font-size:24px; flex-shrink:0; }\n.sil-tip p { font-size:14px; color: var(--sil-text); margin:0; line-height:1.6; }\n.sil-cta-box { background: linear-gradient(135deg,var(--sil-primary) 0%,var(--sil-primary-dark) 100%); border-radius: var(--sil-radius); padding: clamp(1.75rem,4vw,3rem); text-align:center; margin-top:1.5rem; }\n.sil-cta-box p { color:white; font-size: clamp(15px,2.5vw,19px); line-height:1.7; font-weight:600; margin:0; }\n.sil-disclaimer { font-size:12px; color: var(--sil-text-light); text-align:center; margin-top:1rem; font-style:italic; }\n.sil-section-intro { text-align:center; font-size: clamp(15px,2.5vw,17px); color: var(--sil-text-light); margin-bottom:1.5rem; max-width:600px; margin-left:auto; margin-right:auto; line-height:1.7; }\n@media (max-width:767px) {\n  .sil-grid { grid-template-columns:1fr; gap:1rem; }\n  .sil-card-highlight { text-align:center; border-left:none; border-top:4px solid var(--sil-primary); }\n  .sil-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--sil-radius-sm); }\n  .sil-section { margin-bottom: 1.75rem; }\n  .sil-timeline-number { width:32px; height:32px; font-size:14px; }\n  .sil-accordion-header { padding: .875rem 1rem; font-size:14px; }\n  .sil-accordion-content { padding: 0 1rem .875rem; font-size:13px; }\n}\n@media (prefers-reduced-motion: no-preference) {\n  .sil-card { animation: silFadeInUp .5s ease backwards; }\n  .sil-card:nth-child(1) { animation-delay:.05s; }\n  .sil-card:nth-child(2) { animation-delay:.1s; }\n  .sil-card:nth-child(3) { animation-delay:.15s; }\n  .sil-card:nth-child(4) { animation-delay:.2s; }\n}\n@keyframes silFadeInUp { from { opacity:0; transform: translateY(20px); } to { opacity:1; transform: translateY(0); } }\n@media (prefers-reduced-motion: reduce) {\n  .sil-premium * { animation-duration:.01ms !important; transition-duration:.01ms !important; }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754724614301,"sku":"VO4870","price":27.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/siliriche-silicium-plantes-manganese-1-litre-qualidiet-packshothd.webp?v=1790860366"},{"product_id":"glycine-cristallisee-300-g-qualidiet","title":"Glycine Cristallisée en poudre - 300 g - Qualidiet","description":"\u003cdiv class=\"gly-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gly-hero\"\u003e\n\u003cdiv class=\"gly-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gly-hero-content\"\u003e\n\u003cdiv class=\"gly-badges-top\"\u003e\n\u003cspan class=\"gly-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"gly-badge\"\u003e🧪 100 % pure\u003c\/span\u003e \u003cspan class=\"gly-badge\"\u003e📦 Format 300 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gly-hero-title\"\u003eGlycine cristallisée en poudre\u003c\/span\u003e\n\u003cp class=\"gly-subtitle\"\u003eQualidiet - 300 g de pureté absolue\u003c\/p\u003e\n\u003cp class=\"gly-description\"\u003eL'acide aminé indispensable pour vos articulations, votre peau et un sommeil réparateur. Saveur douce et naturellement sucrée, sans aucun additif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eGlycine cristallisée en poudre : l'acide aminé essentiel à votre bien-être quotidien\u003c\/h2\u003e\n\u003cp class=\"gly-section-intro\"\u003eVous cherchez un complément simple, pur et efficace pour prendre soin de vos articulations, de votre peau et de votre sommeil ? La \u003cstrong\u003eglycine cristallisée en poudre\u003c\/strong\u003e de Qualidiet est exactement ce qu'il vous faut.\u003c\/p\u003e\n\u003cdiv class=\"gly-grid-compact\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e📦 300 g généreux\u003c\/h3\u003e\n\u003cp\u003ePlusieurs semaines d'utilisation grâce à un format économique et pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🧬 Acide aminé clé\u003c\/h3\u003e\n\u003cp\u003eNaturellement présent dans l'organisme, mais souvent insuffisant via l'alimentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🍬 Saveur douce\u003c\/h3\u003e\n\u003cp\u003eLégèrement sucrée, agréable dans un verre d'eau, une tisane ou un smoothie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🚫 Zéro additif\u003c\/h3\u003e\n\u003cp\u003eFormule sans aucun conservateur, colorant ni excipient. Pureté maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eLes bienfaits de la glycine cristallisée\u003c\/h2\u003e\n\u003cp class=\"gly-section-intro\"\u003eLes bienfaits de la glycine sont aujourd'hui largement documentés. Cet acide aminé intervient dans de nombreuses fonctions essentielles de votre organisme.\u003c\/p\u003e\n\u003cdiv class=\"gly-grid\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🦴 Synthèse du collagène\u003c\/h3\u003e\n\u003cp\u003ePrincipal composant du collagène, la glycine est indispensable à la \u003cstrong\u003esouplesse des articulations\u003c\/strong\u003e, à la solidité des tendons et à l'élasticité de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🌙 Qualité du sommeil\u003c\/h3\u003e\n\u003cp\u003ePrise le soir, la glycine favorise un \u003cstrong\u003eendormissement plus rapide\u003c\/strong\u003e et un sommeil réparateur, sans effet de somnolence au réveil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e💪 Soutien articulaire\u003c\/h3\u003e\n\u003cp\u003eEn stimulant la production de collagène, elle contribue à \u003cstrong\u003eréduire les inconforts articulaires\u003c\/strong\u003e liés à l'âge ou à l'activité physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eLa glycine participe à la production de \u003cstrong\u003eglutathion\u003c\/strong\u003e, l'un des antioxydants les plus puissants du corps, contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🫁 Fonction digestive\u003c\/h3\u003e\n\u003cp\u003eElle contribue à la \u003cstrong\u003ebonne santé de la muqueuse intestinale\u003c\/strong\u003e, soutenant ainsi une digestion confortable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"gly-composition-highlight\"\u003e\n\u003cdiv class=\"gly-composition-badge\"\u003e100 %\u003c\/div\u003e\n\u003cdiv class=\"gly-composition-text\"\u003e\n\u003ch3\u003eGlycine pure cristallisée\u003c\/h3\u003e\n\u003cp\u003eIngrédient unique. Aucun conservateur, aucun colorant, aucun excipient. Un produit d'une \u003cstrong\u003epureté maximale\u003c\/strong\u003e, totalement hydrosoluble et hautement biodisponible. C'est cette transparence qui fait la différence par rapport à ce que vous pourriez trouver en pharmacie ou ailleurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"gly-timeline\"\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eDosez 3 à 5 g par jour\u003c\/h3\u003e\n\u003cp\u003ePrélevez la quantité souhaitée à l'aide d'une cuillère doseuse ou d'une cuillère à café rase (environ 3 g).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eDiluez dans une boisson\u003c\/h3\u003e\n\u003cp\u003eLa poudre se dissout facilement grâce à sa forme cristallisée : eau, tisane, smoothie, jus de fruit ou même un yaourt ou une compote.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eRépartissez en 2 à 3 prises\u003c\/h3\u003e\n\u003cp\u003eRépartissez la dose sur la journée. Pour favoriser le sommeil, privilégiez une prise \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-tip\"\u003e\n\u003cspan class=\"gly-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e N'hésitez pas à varier les plaisirs en l'incorporant dans vos recettes du quotidien. Sa saveur douce et sucrée se marie à tout !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eGlycine cristallisée : danger ou sans risque ?\u003c\/h2\u003e\n\u003cdiv class=\"gly-testimonial\"\u003e\n\u003cp class=\"gly-testimonial-text\"\u003e\"Beaucoup d'entre vous se demandent si la glycine cristallisée présente un danger. Rassurez-vous : aux doses recommandées, la glycine est très bien tolérée par la grande majorité des personnes. Cependant, si vous suivez un traitement médical, si vous êtes enceinte ou allaitante, demandez l'avis de votre médecin avant toute supplémentation. Ce complément alimentaire ne remplace pas un traitement médical ni une alimentation variée et équilibrée.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003ePourquoi choisir la glycine Qualidiet ?\u003c\/h2\u003e\n\u003cdiv class=\"gly-grid\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eProduite dans une usine certifiée \u003cstrong\u003eISO 22000\u003c\/strong\u003e, garantissant les plus hauts standards de qualité et de sécurité alimentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🧪 Formule 100 % pure\u003c\/h3\u003e\n\u003cp\u003eSans aucun additif, conservateur, colorant ni excipient. La pureté à l'état brut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e📦 Format économique 300 g\u003c\/h3\u003e\n\u003cp\u003eUn grand format pensé pour une \u003cstrong\u003ecure prolongée\u003c\/strong\u003e de plusieurs semaines sans interruption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🍬 Saveur naturellement douce\u003c\/h3\u003e\n\u003cp\u003eAgréable et facile à consommer au quotidien, sans goût désagréable ni arrière-goût chimique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e✅ Traçabilité rigoureuse\u003c\/h3\u003e\n\u003cp\u003eContrôle qualité strict sur chaque lot pour vous garantir un produit irréprochable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"gly-section-intro\" style=\"margin-top: 1.5rem;\"\u003eQue vous soyez sportif souhaitant préserver vos articulations, en quête d'un sommeil de meilleure qualité ou simplement désireux de soutenir votre production naturelle de collagène, cette glycine en poudre s'intègre facilement dans votre routine quotidienne.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- ACCORDÉON : Précautions --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003cdiv class=\"gly-accordion\"\u003e\n\u003cdetails class=\"gly-accordion-item\"\u003e\n\u003csummary class=\"gly-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"gly-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l'abri de la lumière.\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=\"gly-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"gly-cta-box\"\u003e\n\u003cp\u003e🧬 Offrez à votre corps l'acide aminé dont il a besoin.\u003cbr\u003e300 g de glycine pure, fabriquée en France, pour des résultats que vous ressentirez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gly-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 recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --gly-cream: #f5f6fa;\n  --gly-white: #ffffff;\n  --gly-primary: #1a3a6e;\n  --gly-primary-dark: #0e2550;\n  --gly-primary-light: #e8edf6;\n  --gly-secondary: #c8102e;\n  --gly-accent: #3b7dd8;\n  --gly-text: #1a1a1a;\n  --gly-text-light: #5a5a5a;\n  --gly-border: #e0e0e0;\n  --gly-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --gly-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --gly-radius: 20px;\n  --gly-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gly-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gly-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gly-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0e2550 0%, #1a3a6e 45%, #3b7dd8 100%);\n  border-radius: var(--gly-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(--gly-shadow-lg);\n}\n\n.gly-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(200,16,46,.12) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(59,125,216,.06) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.gly-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gly-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.gly-subtitle {\n  color: rgba(255,255,255,.85);\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.gly-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.gly-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gly-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(--gly-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gly-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gly-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gly-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gly-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.gly-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(--gly-primary), var(--gly-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gly-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gly-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\/* === CARDS === *\/\n.gly-card {\n  background: var(--gly-white);\n  border-radius: var(--gly-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gly-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gly-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gly-shadow-lg);\n  border-color: var(--gly-primary);\n}\n\n.gly-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gly-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gly-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gly-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gly-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gly-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gly-grid-compact .gly-card {\n  padding: 1rem;\n}\n\n.gly-grid-compact .gly-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gly-grid-compact .gly-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.gly-composition-highlight {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n  background: var(--gly-white);\n  border-radius: var(--gly-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gly-shadow);\n  border: 2px solid var(--gly-primary-light);\n}\n\n.gly-composition-badge {\n  flex-shrink: 0;\n  width: 80px;\n  height: 80px;\n  background: linear-gradient(135deg, var(--gly-primary), var(--gly-accent));\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: 22px;\n  box-shadow: 0 6px 24px rgba(26,58,110,.3);\n}\n\n.gly-composition-text h3 {\n  font-size: clamp(17px, 3vw, 22px);\n  font-weight: 800;\n  color: var(--gly-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.gly-composition-text p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gly-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === TIMELINE === *\/\n.gly-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gly-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gly-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gly-primary), var(--gly-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  box-shadow: 0 4px 12px rgba(26,58,110,.25);\n}\n\n.gly-timeline-content {\n  flex: 1;\n  background: var(--gly-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gly-radius-sm);\n  box-shadow: var(--gly-shadow);\n}\n\n.gly-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gly-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gly-timeline-content p {\n  font-size: 14px;\n  color: var(--gly-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gly-testimonial {\n  background: var(--gly-white);\n  border-radius: var(--gly-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gly-shadow);\n  border-left: 4px solid var(--gly-secondary);\n}\n\n.gly-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gly-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gly-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gly-primary-light);\n  border-radius: var(--gly-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gly-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gly-tip p {\n  font-size: 14px;\n  color: var(--gly-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gly-accordion {\n  background: var(--gly-white);\n  border-radius: var(--gly-radius);\n  box-shadow: var(--gly-shadow);\n  overflow: hidden;\n}\n\n.gly-accordion-item {\n  border-bottom: 1px solid var(--gly-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gly-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gly-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gly-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.gly-accordion-header:hover {\n  background: var(--gly-primary-light);\n}\n\n.gly-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gly-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gly-primary);\n  transition: transform .2s ease;\n}\n\n.gly-accordion-item[open] .gly-accordion-header::after {\n  content: '−';\n}\n\n.gly-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gly-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gly-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gly-cta-box {\n  background: linear-gradient(135deg, var(--gly-primary) 0%, var(--gly-primary-dark) 100%);\n  border-radius: var(--gly-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.gly-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(200,16,46,.15) 0%, transparent 50%),\n              radial-gradient(circle at 70% 30%, rgba(59,125,216,.1) 0%, transparent 50%);\n}\n\n.gly-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\/* === DISCLAIMER === *\/\n.gly-disclaimer {\n  font-size: 12px;\n  color: var(--gly-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  .gly-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gly-card {\n    padding: 1.125rem;\n  }\n\n  .gly-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gly-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gly-radius-sm);\n  }\n\n  .gly-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gly-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gly-grid-compact {\n    gap: .625rem;\n  }\n\n  .gly-grid-compact .gly-card {\n    padding: .75rem;\n  }\n\n  \/* Composition highlight mobile *\/\n  .gly-composition-highlight {\n    flex-direction: column;\n    text-align: center;\n    padding: 1.25rem;\n  }\n\n  .gly-composition-badge {\n    width: 64px;\n    height: 64px;\n    font-size: 18px;\n  }\n\n  \/* Timeline mobile *\/\n  .gly-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gly-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gly-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gly-timeline-content p {\n    font-size: 13px;\n  }\n\n  \/* Accordéon mobile *\/\n  .gly-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gly-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  \/* Testimonial mobile *\/\n  .gly-testimonial {\n    padding: 1.25rem;\n  }\n\n  .gly-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gly-card {\n    animation: glyFadeInUp .5s ease backwards;\n  }\n  .gly-card:nth-child(1) { animation-delay: .05s; }\n  .gly-card:nth-child(2) { animation-delay: .1s; }\n  .gly-card:nth-child(3) { animation-delay: .15s; }\n  .gly-card:nth-child(4) { animation-delay: .2s; }\n  .gly-card:nth-child(5) { animation-delay: .25s; }\n  .gly-card:nth-child(6) { animation-delay: .3s; }\n\n  .gly-timeline-item {\n    animation: glyFadeInUp .5s ease backwards;\n  }\n  .gly-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .gly-timeline-item:nth-child(2) { animation-delay: .2s; }\n  .gly-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes glyFadeInUp {\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  .gly-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754724712605,"sku":"VO4840","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/glycine-cristallisee-en-poudre-300-g-qualidiet-packshothd.webp?v=1786024913"},{"product_id":"amalaki-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Amalaki Bio en poudre - 150 g - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Amalaki Bio en poudre - 150 g - AyurVana\nPalette détectée:\n  - Primaire: #6B8E23 (vert olive\/amla - couleur des fruits verts sur le packaging)\n  - Secondaire: #C8902E (doré\/jaune miel - bandeau jaune et logo AyurVana)\n  - Accent: #D4572A (terre\/orangé - motifs paisley et gouttes colorées)\n  - Kraft: #B8956A (couleur du sachet kraft naturel)\nAmbiance: Naturel\/ayurvédique, tradition indienne, bio\/authentique, chaleureux et terreux\nPréfixe CSS: amk\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Amalaki Bio en poudre : une source exceptionnelle de vitamine C naturelle\"\n  2. \"Pourquoi choisir la poudre d'Amalaki ?\"\n  3. \"Conseils d'utilisation\"\n  4. \"Composition\"\n  5. \"Origine et qualité\"\n  6. \"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=\"amk-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"amk-hero\"\u003e\n    \u003cdiv class=\"amk-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"amk-hero-content\"\u003e\n      \u003cdiv class=\"amk-badges-top\"\u003e\n        \u003cspan class=\"amk-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n        \u003cspan class=\"amk-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n        \u003cspan class=\"amk-badge\"\u003e🍋 Vitamine C naturelle\u003c\/span\u003e\n        \u003cspan class=\"amk-badge\"\u003e🕉️ Tradition ayurvédique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"amk-hero-title\"\u003eAmalaki Bio en poudre\u003c\/span\u003e\n      \u003cp class=\"amk-subtitle\"\u003e150 g de poudre pure d'amla · AyurVana\u003c\/p\u003e\n      \u003cp class=\"amk-description\"\u003eLe trésor ayurvédique millénaire pour votre vitalité : une concentration exceptionnelle en vitamine C naturelle, sans aucun additif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eAmalaki Bio en poudre : une source exceptionnelle de vitamine C naturelle\u003c\/h2\u003e\n    \u003cp class=\"amk-section-intro\"\u003eL'\u003cstrong\u003eAmalaki Bio en poudre\u003c\/strong\u003e d'AyurVana vous offre toute la puissance du fruit d'amla (\u003cem\u003ePhyllanthus emblica\u003c\/em\u003e), l'un des trésors les plus précieux de la tradition ayurvédique.\u003c\/p\u003e\n    \u003cdiv class=\"amk-grid-compact\"\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🫐 Groseille indienne\u003c\/h3\u003e\n        \u003cp\u003eSurnommé ainsi, ce petit fruit vert est considéré depuis des millénaires comme un pilier de vitalité en Ayurvéda.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🏆 Source exceptionnelle\u003c\/h3\u003e\n        \u003cp\u003eL'amla figure parmi les meilleures sources de vitamine C naturelle bio connues au monde.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e📦 150 g de pureté\u003c\/h3\u003e\n        \u003cp\u003eUn concentré de bienfaits sans aucun additif. Juste le fruit, séché et finement broyé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🔬 Nutriments préservés\u003c\/h3\u003e\n        \u003cp\u003eLe broyage fin et le séchage à basse température conservent l'ensemble des principes actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la poudre d'Amalaki ?\u003c\/h2\u003e\n    \u003cp class=\"amk-section-intro\"\u003eSi vous cherchez une \u003cstrong\u003evitamine C naturelle en poudre\u003c\/strong\u003e, pure et facilement assimilable, l'amalaki est un choix remarquable. Contrairement à la vitamine C synthétique, celle contenue dans l'amla est accompagnée de tanins et de polyphénols qui renforcent son absorption.\u003c\/p\u003e\n    \u003cdiv class=\"amk-grid\"\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🛡️ Puissant antioxydant\u003c\/h3\u003e\n        \u003cp\u003eAide à protéger les cellules contre le stress oxydatif quotidien grâce à sa richesse en polyphénols et tanins.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e💪 Soutien immunitaire\u003c\/h3\u003e\n        \u003cp\u003eSa richesse en vitamine C naturelle pure bio contribue activement aux défenses naturelles de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🫄 Confort digestif\u003c\/h3\u003e\n        \u003cp\u003eL'amalaki est réputé pour favoriser une bonne santé gastro-intestinale et une digestion agréable au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e💇 Beauté des cheveux\u003c\/h3\u003e\n        \u003cp\u003eUtilisé en masque capillaire, il renforce les racines, stimule la pousse et redonne brillance et volume.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e✨ Éclat de la peau\u003c\/h3\u003e\n        \u003cp\u003eEn application externe, il purifie et revitalise le teint pour un éclat naturel et une peau plus nette.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🧪 Composant du Triphala\u003c\/h3\u003e\n        \u003cp\u003eL'amalaki est l'un des trois fruits du célèbre Triphala, remède ayurvédique ancestral associant amla, haritaki et vibhitaki.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cp class=\"amk-section-intro\"\u003eMélangez \u003cstrong\u003eune cuillère à café rase (environ 3 g)\u003c\/strong\u003e de poudre d'amalaki dans un verre d'eau tiède, un jus de fruit, un smoothie ou un yaourt. Son goût acidulé et légèrement astringent se marie bien avec une touche de miel.\u003c\/p\u003e\n    \u003cdiv class=\"amk-timeline\"\u003e\n      \u003cdiv class=\"amk-timeline-item\"\u003e\n        \u003cdiv class=\"amk-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"amk-timeline-content\"\u003e\n          \u003ch3\u003e🥤 En boisson quotidienne\u003c\/h3\u003e\n          \u003cp\u003eDiluez 3 g dans un verre d'eau tiède, un jus de fruit ou un smoothie. Ajoutez du miel pour adoucir le goût.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-timeline-item\"\u003e\n        \u003cdiv class=\"amk-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"amk-timeline-content\"\u003e\n          \u003ch3\u003e🍲 En cuisine\u003c\/h3\u003e\n          \u003cp\u003eSaupoudrez la poudre dans vos compotes, porridges ou sauces pour enrichir leur profil nutritionnel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-timeline-item\"\u003e\n        \u003cdiv class=\"amk-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"amk-timeline-content\"\u003e\n          \u003ch3\u003e💇 En masque capillaire\u003c\/h3\u003e\n          \u003cp\u003eMélangez la poudre avec un peu d'eau tiède jusqu'à obtenir une pâte. Appliquez sur les longueurs et le cuir chevelu, laissez poser 20 à 30 minutes, puis rincez.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-timeline-item\"\u003e\n        \u003cdiv class=\"amk-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"amk-timeline-content\"\u003e\n          \u003ch3\u003e🧖 En masque visage\u003c\/h3\u003e\n          \u003cp\u003eMême préparation, appliquée sur peau propre pendant 15 minutes pour un effet purifiant et revitalisant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"amk-tip\"\u003e\n      \u003cspan class=\"amk-tip-icon\"\u003e📅\u003c\/span\u003e\n      \u003cp\u003eÀ raison d'une prise par jour, le sachet de 150 g vous accompagne pendant environ \u003cstrong\u003e50 jours\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cdiv class=\"amk-composition-highlight\"\u003e\n      \u003cdiv class=\"amk-composition-icon\"\u003e🌱\u003c\/div\u003e\n      \u003cdiv class=\"amk-composition-detail\"\u003e\n        \u003ch3\u003eIngrédient unique\u003c\/h3\u003e\n        \u003cp\u003e100 % poudre de fruit d'Amalaki biologique (\u003cem\u003ePhyllanthus emblica\u003c\/em\u003e)\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"amk-grid-compact\"\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n        \u003cp\u003eAucun conservateur ni excipient ajouté\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n        \u003cp\u003eConvient aux personnes intolérantes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🌿 Végétalien\u003c\/h3\u003e\n        \u003cp\u003e100 % d'origine végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🏅 Certifié AB\u003c\/h3\u003e\n        \u003cp\u003eAgriculture Biologique certifiée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eOrigine et qualité\u003c\/h2\u003e\n    \u003cdiv class=\"amk-timeline\"\u003e\n      \u003cdiv class=\"amk-timeline-item\"\u003e\n        \u003cdiv class=\"amk-timeline-number\"\u003e🇮🇳\u003c\/div\u003e\n        \u003cdiv class=\"amk-timeline-content\"\u003e\n          \u003ch3\u003eCulture biologique en Inde\u003c\/h3\u003e\n          \u003cp\u003eLes fruits d'amalaki sont cultivés selon les principes de l'agriculture biologique, récoltés à la main à maturité optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-timeline-item\"\u003e\n        \u003cdiv class=\"amk-timeline-number\"\u003e🌡️\u003c\/div\u003e\n        \u003cdiv class=\"amk-timeline-content\"\u003e\n          \u003ch3\u003eSéchage et broyage à basse température\u003c\/h3\u003e\n          \u003cp\u003eCe procédé délicat permet de conserver l'intégralité des principes actifs et de la vitamine C naturelle du fruit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-timeline-item\"\u003e\n        \u003cdiv class=\"amk-timeline-number\"\u003e🇫🇷\u003c\/div\u003e\n        \u003cdiv class=\"amk-timeline-content\"\u003e\n          \u003ch3\u003eConditionnement en France\u003c\/h3\u003e\n          \u003cp\u003eEffectué par AyurVana, garantissant une traçabilité rigoureuse et un contrôle qualité exigeant à chaque étape.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"amk-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"amk-accordion\"\u003e\n      \u003cdetails class=\"amk-accordion-item\"\u003e\n        \u003csummary class=\"amk-accordion-header\"\u003e⚠️ Avertissements\u003c\/summary\u003e\n        \u003cdiv class=\"amk-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit est un complément alimentaire et \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni une alimentation variée et équilibrée. En cas de grossesse, d'allaitement ou de traitement en cours, demandez conseil à votre médecin avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"amk-accordion-item\"\u003e\n        \u003csummary class=\"amk-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"amk-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le sachet bien fermé, au sec et à l'abri de la lumière pour préserver toutes les qualités nutritionnelles de la poudre d'amla.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"amk-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Complément alimentaire à consommer dans le cadre d'un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --amk-cream: #FAF6F0;\n  --amk-white: #ffffff;\n  --amk-primary: #6B8E23;\n  --amk-primary-dark: #4A6A10;\n  --amk-primary-light: #EFF5E1;\n  --amk-secondary: #C8902E;\n  --amk-accent: #D4572A;\n  --amk-kraft: #B8956A;\n  --amk-text: #1a1a1a;\n  --amk-text-light: #5a5a5a;\n  --amk-border: #E5DDD3;\n  --amk-shadow: 0 4px 24px rgba(74, 106, 16, .08);\n  --amk-shadow-lg: 0 12px 48px rgba(74, 106, 16, .15);\n  --amk-radius: 20px;\n  --amk-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.amk-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--amk-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.amk-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4A6A10 0%, #6B8E23 35%, #8AAD3A 65%, #C8902E 100%);\n  border-radius: var(--amk-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(--amk-shadow-lg);\n}\n\n.amk-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image:\n    radial-gradient(circle at 15% 25%, rgba(255,255,255,.08) 0%, transparent 50%),\n    radial-gradient(circle at 85% 75%, rgba(200,144,46,.15) 0%, transparent 50%),\n    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.amk-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.amk-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.amk-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.amk-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.amk-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.amk-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(--amk-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.amk-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.amk-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.amk-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--amk-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.amk-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(--amk-primary), var(--amk-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.amk-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--amk-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\/* === CARDS === *\/\n.amk-card {\n  background: var(--amk-white);\n  border-radius: var(--amk-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--amk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.amk-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--amk-shadow-lg);\n  border-color: var(--amk-primary);\n}\n\n.amk-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--amk-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.amk-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--amk-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.amk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.amk-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.amk-grid-compact .amk-card {\n  padding: 1rem;\n}\n\n.amk-grid-compact .amk-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.amk-grid-compact .amk-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.amk-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.amk-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.amk-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--amk-primary), var(--amk-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.amk-timeline-content {\n  flex: 1;\n  background: var(--amk-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--amk-radius-sm);\n  box-shadow: var(--amk-shadow);\n}\n\n.amk-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--amk-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.amk-timeline-content p {\n  font-size: 14px;\n  color: var(--amk-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.amk-composition-highlight {\n  display: flex;\n  align-items: center;\n  gap: 1.25rem;\n  background: linear-gradient(135deg, var(--amk-primary-light), rgba(200,144,46,.08));\n  border-radius: var(--amk-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  margin-bottom: 1.25rem;\n  border: 2px solid rgba(107,142,35,.15);\n}\n\n.amk-composition-icon {\n  font-size: 48px;\n  flex-shrink: 0;\n}\n\n.amk-composition-detail h3 {\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 800;\n  color: var(--amk-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.amk-composition-detail p {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--amk-text);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.amk-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--amk-primary-light);\n  border-radius: var(--amk-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.amk-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.amk-tip p {\n  font-size: 14px;\n  color: var(--amk-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.amk-accordion {\n  background: var(--amk-white);\n  border-radius: var(--amk-radius);\n  box-shadow: var(--amk-shadow);\n  overflow: hidden;\n}\n\n.amk-accordion-item {\n  border-bottom: 1px solid var(--amk-border);\n  margin: 0;\n  padding: 0;\n}\n\n.amk-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.amk-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--amk-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.amk-accordion-header:hover {\n  background: var(--amk-primary-light);\n}\n\n.amk-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.amk-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--amk-primary);\n  transition: transform .2s ease;\n}\n\n.amk-accordion-item[open] .amk-accordion-header::after {\n  content: '−';\n}\n\n.amk-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--amk-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.amk-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.amk-disclaimer {\n  font-size: 12px;\n  color: var(--amk-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  .amk-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .amk-card {\n    padding: 1.125rem;\n  }\n\n  .amk-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .amk-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--amk-radius-sm);\n  }\n\n  .amk-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .amk-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .amk-grid-compact {\n    gap: .625rem;\n  }\n\n  .amk-grid-compact .amk-card {\n    padding: .75rem;\n  }\n\n  .amk-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .amk-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .amk-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .amk-timeline-content p {\n    font-size: 13px;\n  }\n\n  .amk-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .amk-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .amk-composition-highlight {\n    flex-direction: column;\n    text-align: center;\n    gap: .75rem;\n    padding: 1rem;\n  }\n\n  .amk-composition-icon {\n    font-size: 36px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .amk-card {\n    animation: amkFadeInUp .5s ease backwards;\n  }\n  .amk-card:nth-child(1) { animation-delay: .05s; }\n  .amk-card:nth-child(2) { animation-delay: .1s; }\n  .amk-card:nth-child(3) { animation-delay: .15s; }\n  .amk-card:nth-child(4) { animation-delay: .2s; }\n  .amk-card:nth-child(5) { animation-delay: .25s; }\n  .amk-card:nth-child(6) { animation-delay: .3s; }\n\n  .amk-timeline-item {\n    animation: amkFadeInUp .5s ease backwards;\n  }\n  .amk-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .amk-timeline-item:nth-child(2) { animation-delay: .12s; }\n  .amk-timeline-item:nth-child(3) { animation-delay: .19s; }\n  .amk-timeline-item:nth-child(4) { animation-delay: .26s; }\n}\n\n@keyframes amkFadeInUp {\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  .amk-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755114881181,"sku":"AY9946","price":9.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Amalaki-Bio-150-grammes-de-poudre-en-sachet-541595.jpg?v=1732719477"},{"product_id":"amalaki-bio-60-gelules-ayurvana","title":"Amalaki Bio - Régule le transit intestinal - Ayur-Vana","description":"\u003cdiv class=\"amk-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"amk-hero\"\u003e\n    \u003cdiv class=\"amk-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"amk-hero-content\"\u003e\n      \u003cdiv class=\"amk-badges-top\"\u003e\n        \u003cspan class=\"amk-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"amk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"amk-badge\"\u003e🧪 25 % de tanins\u003c\/span\u003e\n        \u003cspan class=\"amk-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"amk-hero-title\"\u003eLe fruit de la jeunesse de la tradition ayurvédique\u003c\/span\u003e\n      \u003cp class=\"amk-description\"\u003eUn extrait concentré riche en tanins pour réguler votre transit, protéger vos cellules et soutenir votre vitalité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eAmalaki Bio Ayur-Vana : l'extrait d'Amla riche en tanins pour votre transit et votre vitalité\u003c\/h2\u003e\n    \u003cp class=\"amk-section-intro\"\u003eL'\u003cstrong\u003eAmalaki Bio\u003c\/strong\u003e d'Ayur-Vana, aussi appelé \u003cstrong\u003eAmla\u003c\/strong\u003e (\u003cem\u003eEmblica officinalis\u003c\/em\u003e), est l'un des fruits les plus précieux de la tradition ayurvédique. Surnommé « fruit de la jeunesse » en Inde, il est utilisé depuis des millénaires pour ses remarquables propriétés antioxydantes et digestives.\u003c\/p\u003e\n    \u003cdiv class=\"amk-grid-compact\"\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🌱 Extrait concentré\u003c\/h3\u003e\n        \u003cp\u003eTitré à 25 % de tanins pour une efficacité maximale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🏆 Tradition millénaire\u003c\/h3\u003e\n        \u003cp\u003ePilier de l'Ayurveda depuis des milliers d'années\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique contrôlée par Ecocert FR-BIO-01\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France avec des fruits récoltés en Inde\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'Amalaki plutôt qu'un autre antioxydant ?\u003c\/h2\u003e\n    \u003cdiv class=\"amk-testimonial\"\u003e\n      \u003cp class=\"amk-testimonial-text\"\u003eContrairement à une simple poudre de fruit, l'extraction permet d'obtenir une teneur garantie en principes actifs — ici, \u003cstrong\u003e400 mg de tanins pour 4 gélules\u003c\/strong\u003e. Vous bénéficiez ainsi d'une concentration supérieure à ce que pourrait offrir le fruit brut, dans un format pratique et facile à doser.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"amk-tip\"\u003e\n      \u003cspan class=\"amk-tip-icon\"\u003e☯️\u003c\/span\u003e\n      \u003cp\u003eL'Amla est l'une des sources naturelles les plus riches en polyphénols et en vitamine C naturelle. C'est ce qui explique son rôle central dans la pharmacopée ayurvédique, où il est réputé pour contribuer à l'équilibre des trois doshas, et tout particulièrement pour apaiser \u003cstrong\u003ePitta\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'Amalaki Bio au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"amk-grid\"\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🫄 Régulation du transit intestinal\u003c\/h3\u003e\n        \u003cp\u003eL'Amalaki contribue à une digestion agréable et à un confort digestif durable. Il est particulièrement apprécié en cas de transit irrégulier ou paresseux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eGrâce à sa richesse en tanins et polyphénols, il aide à protéger vos cellules contre le stress oxydatif et les radicaux libres.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e💪 Soutien des défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eEn Ayurveda, l'Amla est considéré comme un « rasayana », un tonique régénérant qui soutient l'immunité et la vitalité globale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e✨ Éclat de la peau et des cheveux\u003c\/h3\u003e\n        \u003cp\u003eSes propriétés régénérantes sont recherchées pour maintenir une peau lumineuse et un cuir chevelu sain. Ce complément agit de l'intérieur, en nourrissant vos tissus en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 4 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"amk-grid\"\u003e\n      \u003cdiv class=\"amk-card amk-card-highlight\"\u003e\n        \u003ch3\u003e🍇 Extrait de fruits d'Amalaki bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eEmblica officinalis\u003c\/em\u003e : \u003cstrong\u003e1 600 mg\u003c\/strong\u003e dont \u003cstrong\u003etanins : 400 mg\u003c\/strong\u003e (titrage à 25 %)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n        \u003cp\u003eAgent d'enrobage d'origine végétale : hypromellose\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"amk-tip\"\u003e\n      \u003cspan class=\"amk-tip-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cp\u003eIngrédients issus de l'agriculture biologique, certifiés par Ecocert FR-BIO-01. Sans additifs chimiques, sans substances d'origine animale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"amk-section\"\u003e\n    \u003ch2\u003eComment prendre l'Amalaki Bio Ayur-Vana ?\u003c\/h2\u003e\n    \u003cdiv class=\"amk-timeline\"\u003e\n      \u003cdiv class=\"amk-timeline-item\"\u003e\n        \u003cdiv class=\"amk-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"amk-timeline-content\"\u003e\n          \u003ch3\u003eRepas du midi\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 gélules\u003c\/strong\u003e avant le repas du midi avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-timeline-item\"\u003e\n        \u003cdiv class=\"amk-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"amk-timeline-content\"\u003e\n          \u003ch3\u003eRepas du soir\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 gélules\u003c\/strong\u003e avant le repas du soir avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-timeline-item\"\u003e\n        \u003cdiv class=\"amk-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"amk-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eLe flacon de 60 gélules correspond à \u003cstrong\u003e15 jours\u003c\/strong\u003e. Pour un effet optimal, une cure de \u003cstrong\u003e1 à 2 mois\u003c\/strong\u003e est souvent conseillée, à renouveler selon vos besoins.\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=\"amk-section\"\u003e\n    \u003ch2\u003eQualité et certifications\u003c\/h2\u003e\n    \u003cdiv class=\"amk-grid-compact\"\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique - Ecocert FR-BIO-01\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eProduction française pour une traçabilité optimale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🥬 100 % végétal\u003c\/h3\u003e\n        \u003cp\u003eGélules végétales : convient aux végétariens et véganes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"amk-card\"\u003e\n        \u003ch3\u003e🌏 Origine Inde\u003c\/h3\u003e\n        \u003cp\u003eFruits d'Amla sélectionnés et récoltés en Inde\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"amk-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"amk-accordion\"\u003e\n      \u003cdetails class=\"amk-accordion-item\" open\u003e\n        \u003csummary class=\"amk-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n        \u003cdiv class=\"amk-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. Ne dépassez pas la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"amk-accordion-item\"\u003e\n        \u003csummary class=\"amk-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"amk-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"amk-accordion-item\"\u003e\n        \u003csummary class=\"amk-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"amk-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical. En cas de traitement médical, consultez votre professionnel de santé avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"amk-disclaimer\"\u003eLes informations fournies ne sauraient se substituer à un avis médical. Consultez votre professionnel de santé pour toute question relative à votre état de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --amk-cream: #fdf8f0;\n  --amk-white: #ffffff;\n  --amk-primary: #d4a017;\n  --amk-primary-dark: #8b6914;\n  --amk-primary-light: #fdf3d7;\n  --amk-secondary: #7cb342;\n  --amk-accent: #e8a500;\n  --amk-text: #1a1a1a;\n  --amk-text-light: #5a5a5a;\n  --amk-border: #e8e0d0;\n  --amk-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --amk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --amk-radius: 20px;\n  --amk-radius-sm: 12px;\n}\n\n.amk-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--amk-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.amk-hero {\n  position: relative;\n  background: linear-gradient(135deg, #d4a017 0%, #b8860b 40%, #7cb342 100%);\n  border-radius: var(--amk-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(--amk-shadow-lg);\n}\n\n.amk-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,.12) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, 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.amk-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.amk-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.amk-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  letter-spacing: -.01em;\n}\n\n.amk-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.amk-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.amk-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(--amk-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.amk-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.amk-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.amk-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--amk-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.3;\n}\n\n.amk-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(--amk-primary), var(--amk-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.amk-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--amk-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.amk-card {\n  background: var(--amk-white);\n  border-radius: var(--amk-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--amk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.amk-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--amk-shadow-lg);\n  border-color: var(--amk-primary);\n}\n\n.amk-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--amk-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.amk-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--amk-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.amk-card-highlight {\n  border-color: var(--amk-primary);\n  background: var(--amk-primary-light);\n}\n\n\/* === GRILLES === *\/\n.amk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.amk-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.amk-grid-compact .amk-card {\n  padding: 1rem;\n}\n\n.amk-grid-compact .amk-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.amk-grid-compact .amk-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.amk-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.amk-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.amk-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--amk-primary), var(--amk-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.amk-timeline-content {\n  flex: 1;\n  background: var(--amk-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--amk-radius-sm);\n  box-shadow: var(--amk-shadow);\n}\n\n.amk-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--amk-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.amk-timeline-content p {\n  font-size: 14px;\n  color: var(--amk-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.amk-testimonial {\n  background: var(--amk-white);\n  border-radius: var(--amk-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--amk-shadow);\n  border-left: 4px solid var(--amk-primary);\n}\n\n.amk-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--amk-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.amk-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--amk-primary-light);\n  border-radius: var(--amk-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.amk-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.amk-tip p {\n  font-size: 14px;\n  color: var(--amk-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.amk-accordion {\n  background: var(--amk-white);\n  border-radius: var(--amk-radius);\n  box-shadow: var(--amk-shadow);\n  overflow: hidden;\n}\n\n.amk-accordion-item {\n  border-bottom: 1px solid var(--amk-border);\n  margin: 0;\n  padding: 0;\n}\n\n.amk-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.amk-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--amk-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.amk-accordion-header:hover {\n  background: var(--amk-primary-light);\n}\n\n.amk-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.amk-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--amk-primary);\n  transition: transform .2s ease;\n}\n\n.amk-accordion-item[open] .amk-accordion-header::after {\n  content: '−';\n}\n\n.amk-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--amk-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.amk-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.amk-disclaimer {\n  font-size: 12px;\n  color: var(--amk-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  .amk-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .amk-card {\n    padding: 1.125rem;\n  }\n\n  .amk-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .amk-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--amk-radius-sm);\n  }\n\n  .amk-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .amk-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .amk-grid-compact {\n    gap: .625rem;\n  }\n\n  .amk-grid-compact .amk-card {\n    padding: .75rem;\n  }\n\n  .amk-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .amk-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .amk-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .amk-timeline-content p {\n    font-size: 13px;\n  }\n\n  .amk-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .amk-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .amk-testimonial {\n    padding: 1.25rem;\n  }\n\n  .amk-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .amk-card {\n    animation: amkFadeInUp .5s ease backwards;\n  }\n  .amk-card:nth-child(1) { animation-delay: .05s; }\n  .amk-card:nth-child(2) { animation-delay: .1s; }\n  .amk-card:nth-child(3) { animation-delay: .15s; }\n  .amk-card:nth-child(4) { animation-delay: .2s; }\n  .amk-card:nth-child(5) { animation-delay: .25s; }\n  .amk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes amkFadeInUp {\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  .amk-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755267612829,"sku":"AY9104","price":11.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/amalaki-bio-regule-le-transit-intestinal-ayur-vana-packshothd.webp?v=1790067755"},{"product_id":"protocole-detox-bio-30-ampoules-de-15-ml-superdiet","title":"Protocole Détox Bio - 30 Ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"detox-premium\"\u003e\n  \u003cdiv class=\"detox-hero\"\u003e\n    \u003cdiv class=\"detox-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"detox-hero-content\"\u003e\n      \u003cdiv class=\"detox-badges-top\"\u003e\n        \u003cspan class=\"detox-badge\"\u003e🌿 100% Plantes Bio\u003c\/span\u003e\n        \u003cspan class=\"detox-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"detox-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"detox-badge\"\u003e✨ 30 jours de cure\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"detox-hero-title\"\u003eProtocole Détox Bio Superdiet\u003c\/span\u003e\n      \u003cp class=\"detox-subtitle\"\u003eLa cure détox complète en 3 phases ciblées\u003c\/p\u003e\n      \u003cp class=\"detox-description\"\u003e30 ampoules bio pour accompagner votre foie, vos reins et votre peau dans un nettoyage naturel et progressif de l'organisme.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"detox-section\"\u003e\n    \u003ch2\u003eUne cure détox du foie en 3 phases ciblées\u003c\/h2\u003e\n    \u003cp class=\"detox-section-intro\"\u003eInspirée des principes de la naturopathie, cette cure de détox bio se distingue par sa progressivité. Chaque phase agit en synergie pour une détoxification en profondeur, sans brusquer l'organisme.\u003c\/p\u003e\n    \u003cdiv class=\"detox-timeline\"\u003e\n      \u003cdiv class=\"detox-timeline-item\"\u003e\n        \u003cdiv class=\"detox-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"detox-timeline-content\"\u003e\n          \u003ch3\u003e🌿 Phase 1 – Détox du foie (jours 1 à 10)\u003c\/h3\u003e\n          \u003cp\u003eAssociation de \u003cem\u003eRadis Noir\u003c\/em\u003e, \u003cem\u003eDesmodium\u003c\/em\u003e, \u003cem\u003eArtichaut\u003c\/em\u003e et \u003cem\u003eRomarin\u003c\/em\u003e pour soutenir la fonction hépatique et amorcer en douceur le processus de détoxification.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"detox-timeline-item\"\u003e\n        \u003cdiv class=\"detox-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"detox-timeline-content\"\u003e\n          \u003ch3\u003e💧 Phase 2 – Élimination par les reins (jours 11 à 20)\u003c\/h3\u003e\n          \u003cp\u003e\u003cem\u003ePissenlit\u003c\/em\u003e, \u003cem\u003eSureau\u003c\/em\u003e, \u003cem\u003eBouleau\u003c\/em\u003e et \u003cem\u003eArtichaut\u003c\/em\u003e favorisent le drainage rénal et l'évacuation naturelle des toxines.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"detox-timeline-item\"\u003e\n        \u003cdiv class=\"detox-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"detox-timeline-content\"\u003e\n          \u003ch3\u003e✨ Phase 3 – Beauté de la peau (jours 21 à 30)\u003c\/h3\u003e\n          \u003cp\u003e\u003cem\u003eBardane\u003c\/em\u003e, \u003cem\u003ePensée Sauvage\u003c\/em\u003e, \u003cem\u003ePissenlit\u003c\/em\u003e et \u003cem\u003eCarotte\u003c\/em\u003e contribuent à la régénération cutanée pour un teint lumineux et une peau purifiée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"detox-section\"\u003e\n    \u003ch2\u003eLes bienfaits du Protocole Détox Superdiet\u003c\/h2\u003e\n    \u003cdiv class=\"detox-grid\"\u003e\n      \u003cdiv class=\"detox-card\"\u003e\n        \u003ch3\u003e🍃 100 % végétale\u003c\/h3\u003e\n        \u003cp\u003eFormule bio composée exclusivement de plantes, sans alcool, sans conservateur et sans sucre ajouté.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"detox-card\"\u003e\n        \u003ch3\u003e⚖️ Dosage précis\u003c\/h3\u003e\n        \u003cp\u003eContrairement à une cure jus détox maison souvent déséquilibrée, chaque plante est dosée avec rigueur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"detox-card\"\u003e\n        \u003ch3\u003e💪 Légèreté \u0026amp; vitalité\u003c\/h3\u003e\n        \u003cp\u003eRetrouvez énergie et bien-être après les excès, aux changements de saison ou dans un rééquilibrage alimentaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"detox-card\"\u003e\n        \u003ch3\u003e🎯 Action ciblée\u003c\/h3\u003e\n        \u003cp\u003eUne approche globale qui agit sur les 3 émonctoires majeurs : foie, reins et peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"detox-card\"\u003e\n        \u003ch3\u003e🌱 Certifié Bio AB\u003c\/h3\u003e\n        \u003cp\u003ePlantes issues de l'agriculture biologique avec traçabilité complète.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"detox-card\"\u003e\n        \u003ch3\u003e✅ Sans alcool\u003c\/h3\u003e\n        \u003cp\u003eFormule douce et respectueuse, adaptée à toute la famille (hors contre-indications).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"detox-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"detox-timeline\"\u003e\n      \u003cdiv class=\"detox-timeline-item\"\u003e\n        \u003cdiv class=\"detox-timeline-number\"\u003e☀️\u003c\/div\u003e\n        \u003cdiv class=\"detox-timeline-content\"\u003e\n          \u003ch3\u003eLe matin, 1 ampoule par jour\u003c\/h3\u003e\n          \u003cp\u003ePrenez 1 ampoule par jour, de préférence le matin, diluée dans un demi-verre d'eau ou de jus de fruit. Agitez bien avant emploi.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"detox-timeline-item\"\u003e\n        \u003cdiv class=\"detox-timeline-number\"\u003e🔢\u003c\/div\u003e\n        \u003cdiv class=\"detox-timeline-content\"\u003e\n          \u003ch3\u003eRespectez les 3 phases\u003c\/h3\u003e\n          \u003cp\u003eSuivez les 3 phases dans l'ordre pour profiter pleinement de la synergie du protocole.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"detox-timeline-item\"\u003e\n        \u003cdiv class=\"detox-timeline-number\"\u003e💧\u003c\/div\u003e\n        \u003cdiv class=\"detox-timeline-content\"\u003e\n          \u003ch3\u003eHydratez-vous bien\u003c\/h3\u003e\n          \u003cp\u003eBuvez au moins 1,5 L d'eau par jour et privilégiez une alimentation légère (fruits, légumes, céréales complètes) pendant la cure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"detox-tip\"\u003e\n      \u003cspan class=\"detox-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003ePrécautions :\u003c\/strong\u003e déconseillé aux femmes enceintes ou allaitantes, aux enfants, aux personnes allergiques aux Astéracées ou sous traitement (anticoagulants, pathologie hépatique). Ce produit ne remplace pas un traitement médical ni une alimentation équilibrée. Demandez conseil à votre médecin ou pharmacien en cas de doute.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"detox-section\"\u003e\n    \u003ch2\u003eComposition détaillée (par ampoule de 15 ml)\u003c\/h2\u003e\n    \u003cdiv class=\"detox-accordion\"\u003e\n      \u003cdetails class=\"detox-accordion-item\" open\u003e\n        \u003csummary class=\"detox-accordion-header\"\u003e🌿 Phase 1 – Détox du foie\u003c\/summary\u003e\n        \u003cdiv class=\"detox-accordion-content mt-3\"\u003e\n          \u003cp\u003eJus de \u003cstrong\u003eRadis Noir*\u003c\/strong\u003e (5,25 g), extrait aqueux de \u003cstrong\u003eDesmodium*\u003c\/strong\u003e (750 mg), \u003cstrong\u003eArtichaut*\u003c\/strong\u003e (600 mg), \u003cstrong\u003eRomarin*\u003c\/strong\u003e (375 mg).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"detox-accordion-item\"\u003e\n        \u003csummary class=\"detox-accordion-header\"\u003e💧 Phase 2 – Élimination par les reins\u003c\/summary\u003e\n        \u003cdiv class=\"detox-accordion-content mt-3\"\u003e\n          \u003cp\u003eExtraits aqueux de \u003cstrong\u003ePissenlit*\u003c\/strong\u003e (1 g), \u003cstrong\u003eSureau*\u003c\/strong\u003e (750 mg), \u003cstrong\u003eBouleau*\u003c\/strong\u003e (750 mg), \u003cstrong\u003eArtichaut*\u003c\/strong\u003e (600 mg).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"detox-accordion-item\"\u003e\n        \u003csummary class=\"detox-accordion-header\"\u003e✨ Phase 3 – Beauté de la peau\u003c\/summary\u003e\n        \u003cdiv class=\"detox-accordion-content mt-3\"\u003e\n          \u003cp\u003eExtraits aqueux de \u003cstrong\u003eBardane*\u003c\/strong\u003e (750 mg), \u003cstrong\u003ePensée Sauvage*\u003c\/strong\u003e (750 mg), \u003cstrong\u003ePissenlit*\u003c\/strong\u003e (750 mg), jus de \u003cstrong\u003eCarotte*\u003c\/strong\u003e (3 g).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"detox-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. Sans alcool, sans conservateur, sans sucre ajouté. Formule vegan.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"detox-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette cure plutôt qu'une cure détox en pharmacie ?\u003c\/h2\u003e\n    \u003cdiv class=\"detox-grid-compact\"\u003e\n      \u003cdiv class=\"detox-card\"\u003e\n        \u003ch3\u003e🏭 Savoir-faire depuis 1961\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France par Superdiet, laboratoire spécialisé dans les plantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"detox-card\"\u003e\n        \u003ch3\u003e🔬 Rigueur scientifique\u003c\/h3\u003e\n        \u003cp\u003eAlliance du respect du vivant et d'une formulation maîtrisée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"detox-card\"\u003e\n        \u003ch3\u003e🌿 Certifié AB\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité complète et concentration optimale en actifs végétaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"detox-card\"\u003e\n        \u003ch3\u003e💼 Pratique \u0026amp; nomade\u003c\/h3\u003e\n        \u003cp\u003eAmpoules prêtes à l'emploi, adaptées à un usage quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"detox-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"detox-accordion\"\u003e\n      \u003cdetails class=\"detox-accordion-item\"\u003e\n        \u003csummary class=\"detox-accordion-header\"\u003e📅 Quand faire une cure détox ?\u003c\/summary\u003e\n        \u003cdiv class=\"detox-accordion-content mt-3\"\u003e\n          \u003cp\u003eIdéalement 2 fois par an, au printemps et à l'automne, ou après une période d'excès (fêtes, vacances, repas copieux).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"detox-accordion-item\"\u003e\n        \u003csummary class=\"detox-accordion-header\"\u003e🔄 Peut-on renouveler la cure ?\u003c\/summary\u003e\n        \u003cdiv class=\"detox-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, après une pause de quelques semaines. Écoutez votre corps et espacez les cures pour en préserver les bénéfices.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --detox-cream: #f4f9f5;\n  --detox-white: #ffffff;\n  --detox-primary: #2a9d8f;\n  --detox-primary-dark: #1d6b61;\n  --detox-primary-light: #e3f3f0;\n  --detox-secondary: #8bc34a;\n  --detox-accent: #f4a261;\n  --detox-text: #1a2e2b;\n  --detox-text-light: #5a6b68;\n  --detox-border: #d7e8e4;\n  --detox-shadow: 0 4px 24px rgba(29,107,97,.08);\n  --detox-shadow-lg: 0 12px 48px rgba(29,107,97,.18);\n  --detox-radius: 20px;\n  --detox-radius-sm: 12px;\n}\n\n.detox-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--detox-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--detox-text);\n  line-height: 1.6;\n}\n\n.detox-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2a9d8f 0%, #52b5a4 50%, #8bc34a 100%);\n  border-radius: var(--detox-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(--detox-shadow-lg);\n}\n\n.detox-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 2px), radial-gradient(circle at 80% 70%, white 2px, transparent 2px);\n  background-size: 60px 60px;\n  opacity: .08;\n}\n\n.detox-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.detox-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.detox-subtitle {\n  color: white;\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  opacity: .95;\n}\n\n.detox-description {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 17px);\n  margin: 0;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  opacity: .9;\n  line-height: 1.7;\n}\n\n.detox-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.detox-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(--detox-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.detox-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.detox-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.detox-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--detox-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.detox-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(--detox-primary), var(--detox-secondary));\n  border-radius: 2px;\n}\n\n.detox-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--detox-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.detox-card {\n  background: var(--detox-white);\n  border-radius: var(--detox-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--detox-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.detox-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--detox-shadow-lg);\n  border-color: var(--detox-primary);\n}\n\n.detox-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--detox-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.detox-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--detox-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.detox-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.detox-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.detox-grid-compact .detox-card {\n  padding: 1rem;\n}\n\n.detox-grid-compact .detox-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.detox-grid-compact .detox-card p {\n  font-size: 12px;\n}\n\n.detox-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.detox-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.detox-timeline-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--detox-primary), var(--detox-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: 18px;\n  box-shadow: 0 4px 12px rgba(42,157,143,.3);\n}\n\n.detox-timeline-content {\n  flex: 1;\n  background: var(--detox-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--detox-radius-sm);\n  box-shadow: var(--detox-shadow);\n}\n\n.detox-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--detox-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.detox-timeline-content p {\n  font-size: 14px;\n  color: var(--detox-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.detox-testimonial {\n  background: var(--detox-white);\n  border-radius: var(--detox-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--detox-shadow);\n  border-left: 4px solid var(--detox-primary);\n}\n\n.detox-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--detox-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.detox-accordion {\n  background: var(--detox-white);\n  border-radius: var(--detox-radius);\n  box-shadow: var(--detox-shadow);\n  overflow: hidden;\n}\n\n.detox-accordion-item {\n  border-bottom: 1px solid var(--detox-border);\n  margin: 0;\n  padding: 0;\n}\n\n.detox-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.detox-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--detox-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.detox-accordion-header:hover {\n  background: var(--detox-primary-light);\n}\n\n.detox-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.detox-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--detox-primary);\n  transition: transform .2s ease;\n}\n\n.detox-accordion-item[open] .detox-accordion-header::after {\n  content: '−';\n}\n\n.detox-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--detox-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.detox-accordion-content p {\n  margin: 0;\n}\n\n.detox-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: #fff4e6;\n  border-left: 4px solid var(--detox-accent);\n  border-radius: var(--detox-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.detox-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.detox-tip p {\n  font-size: 14px;\n  color: var(--detox-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.detox-disclaimer {\n  font-size: 12px;\n  color: var(--detox-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .detox-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .detox-card {\n    padding: 1.125rem;\n  }\n  .detox-section {\n    margin-bottom: 1.75rem;\n  }\n  .detox-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--detox-radius-sm);\n  }\n  .detox-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .detox-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .detox-grid-compact {\n    gap: .625rem;\n  }\n  .detox-grid-compact .detox-card {\n    padding: .75rem;\n  }\n  .detox-timeline-number {\n    width: 36px;\n    height: 36px;\n    font-size: 15px;\n  }\n  .detox-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .detox-timeline-content h3 {\n    font-size: 14px;\n  }\n  .detox-timeline-content p {\n    font-size: 13px;\n  }\n  .detox-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .detox-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .detox-testimonial {\n    padding: 1.25rem;\n  }\n  .detox-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .detox-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .detox-card:nth-child(1) { animation-delay: .05s; }\n  .detox-card:nth-child(2) { animation-delay: .1s; }\n  .detox-card:nth-child(3) { animation-delay: .15s; }\n  .detox-card:nth-child(4) { animation-delay: .2s; }\n  .detox-card:nth-child(5) { animation-delay: .25s; }\n  .detox-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  .detox-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45755302281373,"sku":"NBAISUP0039","price":33.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/protocole-detox-bio-30-ampoules-de-15-ml-superdiet-packshothd.webp?v=1776408786"},{"product_id":"huile-donagre-graine-sauvage-60-capsules","title":"Huile d'Onagre - Graine Sauvage - 60 capsules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile d'Onagre - Graine Sauvage - 60 capsules\nPalette détectée:\n  - Primaire: #7CB342 (vert nature du couvercle et de la marque)\n  - Secondaire: #A68B5B (kraft\/carton du packaging)\n  - Accent: #E8653A (rouge-orangé du logo capsule et détails)\nAmbiance: Naturel\/bio, féminin doux, éco-responsable, packaging kraft authentique\nPréfixe CSS: ho\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Huile d'Onagre Bio Graine Sauvage : l'alliée naturelle du bien-être féminin\"\n  2. \"Bienfaits de l'huile d'onagre : pourquoi en prendre ?\"\n  3. \"Composition et posologie\"\n  4. \"Contre-indications et précautions\"\n  5. \"Pourquoi choisir l'Huile d'Onagre Graine Sauvage ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ho-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"ho-hero\"\u003e\n    \u003cdiv class=\"ho-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ho-hero-content\"\u003e\n      \u003cdiv class=\"ho-badges-top\"\u003e\n        \u003cspan class=\"ho-badge\"\u003e🌿 Certifiée Bio AB\u003c\/span\u003e\n        \u003cspan class=\"ho-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n        \u003cspan class=\"ho-badge\"\u003e💊 60 capsules molles\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ho-hero-title\"\u003eHuile d'Onagre Bio Graine Sauvage\u003c\/span\u003e\n      \u003cp class=\"ho-subtitle\"\u003eBien-être intime \u0026amp; confort féminin\u003c\/p\u003e\n      \u003cp class=\"ho-description\"\u003e1 500 mg d'huile d'onagre par jour, pressée à froid, riche en acide gamma-linolénique (GLA) — l'oméga-6 essentiel pour l'équilibre hormonal et la beauté de la peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"ho-section\"\u003e\n    \u003ch2\u003eHuile d'Onagre Bio Graine Sauvage : l'alliée naturelle du bien-être féminin\u003c\/h2\u003e\n    \u003cp class=\"ho-section-intro\"\u003eVous cherchez une solution naturelle pour accompagner votre \u003cstrong\u003eéquilibre hormonal\u003c\/strong\u003e au quotidien ? L'\u003cstrong\u003ehuile d'onagre\u003c\/strong\u003e est l'un des trésors les plus précieux de la phytothérapie féminine.\u003c\/p\u003e\n    \u003cdiv class=\"ho-highlight-box\"\u003e\n      \u003cp\u003eObtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e et \u003cstrong\u003ecertifiée bio par Ecocert (FR-BIO-01)\u003c\/strong\u003e, cette formule Graine Sauvage concentre dans chaque capsule toute la richesse des graines d'onagre sauvage, sans compromis sur la qualité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"ho-section\"\u003e\n    \u003ch2\u003eBienfaits de l'huile d'onagre : pourquoi en prendre ?\u003c\/h2\u003e\n    \u003cp class=\"ho-section-intro\"\u003eL'huile d'onagre doit ses propriétés exceptionnelles à sa teneur élevée en \u003cstrong\u003eacide gamma-linolénique (GLA)\u003c\/strong\u003e, un acide gras polyinsaturé de la famille des oméga-6 que notre corps ne sait pas fabriquer seul.\u003c\/p\u003e\n    \u003cdiv class=\"ho-grid\"\u003e\n      \u003cdiv class=\"ho-card\"\u003e\n        \u003ch3\u003e🌸 Confort hormonal féminin\u003c\/h3\u003e\n        \u003cp\u003eLe GLA contribue à atténuer les désagréments liés au \u003cstrong\u003esyndrome prémenstruel\u003c\/strong\u003e (tensions mammaires, irritabilité, ballonnements) et accompagne les femmes durant la \u003cstrong\u003eménopause\u003c\/strong\u003e en aidant à réduire les bouffées de chaleur et les sautes d'humeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ho-card\"\u003e\n        \u003ch3\u003e💧 Sécheresse intime\u003c\/h3\u003e\n        \u003cp\u003eDe nombreuses femmes se tournent vers l'\u003cstrong\u003ehuile d'onagre contre la sécheresse intime\u003c\/strong\u003e, car les acides gras essentiels soutiennent l'hydratation des muqueuses de l'intérieur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ho-card\"\u003e\n        \u003ch3\u003e✨ Beauté et souplesse de la peau\u003c\/h3\u003e\n        \u003cp\u003eEn nourrissant la peau en profondeur, cette huile aide à préserver son élasticité, à calmer les inflammations cutanées et à lutter contre la sécheresse. Les peaux matures apprécient particulièrement son action revitalisante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ho-card\"\u003e\n        \u003ch3\u003e🛡️ Soutien anti-inflammatoire\u003c\/h3\u003e\n        \u003cp\u003eLe GLA est un précurseur de prostaglandines anti-inflammatoires, ce qui en fait un allié global pour le confort articulaire et cutané.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ho-tip\"\u003e\n      \u003cspan class=\"ho-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eSouvent associée à l'\u003cstrong\u003ehuile de bourrache\u003c\/strong\u003e, l'huile d'onagre partage avec elle des \u003cstrong\u003ebienfaits complémentaires\u003c\/strong\u003e sur la peau et l'équilibre hormonal. L'association \u003cstrong\u003ehuile d'onagre et bourrache\u003c\/strong\u003e est d'ailleurs très prisée pour maximiser l'apport en GLA.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"ho-section\"\u003e\n    \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"ho-grid-compact\"\u003e\n      \u003cdiv class=\"ho-card\"\u003e\n        \u003ch3\u003e🌱 Huile d'onagre bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e1 500 mg\u003c\/strong\u003e par dose (3 capsules), dont acide gamma-linolénique (GLA). \u003cem\u003eOenothera biennis\u003c\/em\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ho-card\"\u003e\n        \u003ch3\u003e💊 Enveloppe capsule\u003c\/h3\u003e\n        \u003cp\u003eGélatine de poisson et glycérine pour une absorption optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ho-timeline\"\u003e\n      \u003cdiv class=\"ho-timeline-item\"\u003e\n        \u003cdiv class=\"ho-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ho-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e3 capsules par jour\u003c\/strong\u003e au moment des repas, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ho-timeline-item\"\u003e\n        \u003cdiv class=\"ho-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ho-timeline-content\"\u003e\n          \u003ch3\u003eDurée du flacon\u003c\/h3\u003e\n          \u003cp\u003eLe flacon contient \u003cstrong\u003e60 capsules molles\u003c\/strong\u003e, soit une cure de \u003cstrong\u003e20 jours\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ho-timeline-item\"\u003e\n        \u003cdiv class=\"ho-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"ho-timeline-content\"\u003e\n          \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n          \u003cp\u003ePour un effet optimal, une cure de \u003cstrong\u003edeux à trois mois\u003c\/strong\u003e est généralement conseillée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"ho-section\"\u003e\n    \u003ch2\u003eContre-indications et précautions\u003c\/h2\u003e\n    \u003cdiv class=\"ho-accordion\"\u003e\n      \u003cdetails class=\"ho-accordion-item\"\u003e\n        \u003csummary class=\"ho-accordion-header\"\u003e⚠️ Interactions médicamenteuses\u003c\/summary\u003e\n        \u003cdiv class=\"ho-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillée aux personnes sous traitement \u003cstrong\u003eanticoagulant\u003c\/strong\u003e ou \u003cstrong\u003eantiépileptique\u003c\/strong\u003e sans avis médical préalable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ho-accordion-item\"\u003e\n        \u003csummary class=\"ho-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n        \u003cdiv class=\"ho-accordion-content mt-3\"\u003e\n          \u003cp\u003eNon recommandée aux femmes enceintes ou allaitantes sans consultation préalable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ho-accordion-item\"\u003e\n        \u003csummary class=\"ho-accordion-header\"\u003e📏 Dosage et précautions générales\u003c\/summary\u003e\n        \u003cdiv class=\"ho-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément alimentaire \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e, 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=\"ho-accordion-item\"\u003e\n        \u003csummary class=\"ho-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"ho-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver au sec, à l'abri de la lumière et de la chaleur. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ho-tip\"\u003e\n      \u003cspan class=\"ho-tip-icon\"\u003e👩‍⚕️\u003c\/span\u003e\n      \u003cp\u003eEn cas de doute, consultez votre médecin ou pharmacien avant toute prise.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"ho-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir l'Huile d'Onagre Graine Sauvage ?\u003c\/h2\u003e\n    \u003cdiv class=\"ho-grid-compact\"\u003e\n      \u003cdiv class=\"ho-card\"\u003e\n        \u003ch3\u003e🌿 Agriculture biologique\u003c\/h3\u003e\n        \u003cp\u003eCertifiée AB — sans pesticides, sans OGM\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ho-card\"\u003e\n        \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n        \u003cp\u003ePremière pression à froid pour préserver l'intégralité des acides gras essentiels\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ho-card\"\u003e\n        \u003ch3\u003e♻️ Packaging éco-responsable\u003c\/h3\u003e\n        \u003cp\u003eBoîte en carton recyclable, engagement environnemental\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ho-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité et qualité garanties à chaque étape\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ho-cta-box\"\u003e\n      \u003cp\u003e🌸 Offrez à votre corps un soutien naturel et de qualité. L'\u003cstrong\u003ehuile d'onagre bio Graine Sauvage\u003c\/strong\u003e est le choix idéal pour prendre soin de votre confort féminin et de votre peau, jour après jour.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ho-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à 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:root {\n  --ho-cream: #faf8f4;\n  --ho-white: #ffffff;\n  --ho-primary: #7CB342;\n  --ho-primary-dark: #558B2F;\n  --ho-primary-light: #f0f7e6;\n  --ho-secondary: #A68B5B;\n  --ho-accent: #E8653A;\n  --ho-text: #1a1a1a;\n  --ho-text-light: #5a5a5a;\n  --ho-border: #e4dfd6;\n  --ho-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ho-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ho-radius: 20px;\n  --ho-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ho-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ho-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ho-hero {\n  position: relative;\n  background: linear-gradient(135deg, #558B2F 0%, #7CB342 40%, #A68B5B 100%);\n  border-radius: var(--ho-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(--ho-shadow-lg);\n}\n\n.ho-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.ho-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ho-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.ho-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  text-transform: uppercase;\n}\n\n.ho-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ho-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ho-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(--ho-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ho-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ho-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ho-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ho-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.ho-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(--ho-primary), var(--ho-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ho-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ho-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.ho-card {\n  background: var(--ho-white);\n  border-radius: var(--ho-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ho-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ho-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ho-shadow-lg);\n  border-color: var(--ho-primary);\n}\n\n.ho-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ho-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ho-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ho-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ho-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ho-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.ho-grid-compact .ho-card {\n  padding: 1rem;\n}\n\n.ho-grid-compact .ho-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ho-grid-compact .ho-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ho-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-top: 1.25rem;\n}\n\n.ho-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ho-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ho-primary), var(--ho-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.ho-timeline-content {\n  flex: 1;\n  background: var(--ho-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ho-radius-sm);\n  box-shadow: var(--ho-shadow);\n}\n\n.ho-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ho-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ho-timeline-content p {\n  font-size: 14px;\n  color: var(--ho-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ho-highlight-box {\n  background: var(--ho-white);\n  border-radius: var(--ho-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ho-shadow);\n  border-left: 4px solid var(--ho-primary);\n  text-align: center;\n}\n\n.ho-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--ho-text);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === TESTIMONIAL === *\/\n.ho-testimonial {\n  background: var(--ho-white);\n  border-radius: var(--ho-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ho-shadow);\n  border-left: 4px solid var(--ho-primary);\n}\n\n.ho-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ho-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ho-accordion {\n  background: var(--ho-white);\n  border-radius: var(--ho-radius);\n  box-shadow: var(--ho-shadow);\n  overflow: hidden;\n}\n\n.ho-accordion-item {\n  border-bottom: 1px solid var(--ho-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ho-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ho-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ho-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.ho-accordion-header:hover {\n  background: var(--ho-primary-light);\n}\n\n.ho-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ho-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ho-primary);\n  transition: transform .2s ease;\n}\n\n.ho-accordion-item[open] .ho-accordion-header::after {\n  content: '−';\n}\n\n.ho-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ho-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ho-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ho-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ho-primary-light);\n  border-radius: var(--ho-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ho-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ho-tip p {\n  font-size: 14px;\n  color: var(--ho-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ho-cta-box {\n  background: linear-gradient(135deg, var(--ho-primary) 0%, var(--ho-primary-dark) 100%);\n  border-radius: var(--ho-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.ho-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.ho-disclaimer {\n  font-size: 12px;\n  color: var(--ho-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  .ho-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ho-card {\n    padding: 1.125rem;\n  }\n\n  .ho-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ho-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ho-radius-sm);\n  }\n\n  .ho-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ho-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ho-grid-compact {\n    gap: .625rem;\n  }\n\n  .ho-grid-compact .ho-card {\n    padding: .75rem;\n  }\n\n  .ho-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ho-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ho-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ho-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ho-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ho-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ho-highlight-box {\n    padding: 1rem;\n  }\n\n  .ho-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ho-card {\n    animation: hoFadeInUp .5s ease backwards;\n  }\n  .ho-card:nth-child(1) { animation-delay: .05s; }\n  .ho-card:nth-child(2) { animation-delay: .1s; }\n  .ho-card:nth-child(3) { animation-delay: .15s; }\n  .ho-card:nth-child(4) { animation-delay: .2s; }\n  .ho-card:nth-child(5) { animation-delay: .25s; }\n  .ho-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hoFadeInUp {\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  .ho-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54847899468153,"sku":"GS9098","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-onagre-graine-sauvage-min.jpg?v=1738073758"},{"product_id":"huile-de-foie-de-morue-lysi","title":"La véritable Huile de Foie de Morue Lysi - Oméga 3, Vit. A \u0026 D - 120 capsules","description":"\u003cdiv class=\"lysi-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"lysi-hero\"\u003e\n    \u003cdiv class=\"lysi-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lysi-hero-content\"\u003e\n      \u003cdiv class=\"lysi-badges-top\"\u003e\n        \u003cspan class=\"lysi-badge\"\u003e🇮🇸 Produit islandais\u003c\/span\u003e\n        \u003cspan class=\"lysi-badge\"\u003e🐟 Oméga-3 EPA \u0026amp; DHA\u003c\/span\u003e\n        \u003cspan class=\"lysi-badge\"\u003e☀️ Vitamine A \u0026amp; D\u003c\/span\u003e\n        \u003cspan class=\"lysi-badge\"\u003e💊 120 capsules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lysi-hero-title\"\u003eLa véritable huile de foie de morue Lýsi\u003c\/span\u003e\n      \u003cp class=\"lysi-subtitle\"\u003eCapital santé — Pureté islandaise depuis 1938\u003c\/p\u003e\n      \u003cp class=\"lysi-description\"\u003eUn concentré naturel d'oméga-3, de vitamine A et de vitamine D, issu des eaux cristallines de l'Atlantique Nord. Le geste santé ancestral, dans sa forme la plus pure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003eHuile de foie de morue Lysi : un trésor nutritionnel venu d'Islande\u003c\/h2\u003e\n    \u003cp class=\"lysi-section-intro\"\u003eDepuis 1938, la marque islandaise Lýsi perpétue un savoir-faire unique dans la production d'huile de foie de morue d'une pureté remarquable.\u003c\/p\u003e\n    \u003cdiv class=\"lysi-grid-compact\"\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🧊 Pureté nordique\u003c\/h3\u003e\n        \u003cp\u003eMorues pêchées à l'état sauvage dans les eaux froides et pures de l'Atlantique Nord islandais.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🐟 Oméga-3 EPA \u0026amp; DHA\u003c\/h3\u003e\n        \u003cp\u003eDes acides gras essentiels naturellement présents dans l'huile de foie de morue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e👁️ Vitamine A\u003c\/h3\u003e\n        \u003cp\u003eContribue au maintien d'une vision normale et au bon état de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e☀️ Vitamine D\u003c\/h3\u003e\n        \u003cp\u003eFavorise l'absorption du calcium et le fonctionnement du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lysi-section-footer\"\u003eCe qui distingue l'huile de foie de morue des simples huiles de poisson, c'est cette combinaison naturelle de vitamines liposolubles A et D associées aux oméga-3, sans ajout artificiel.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'huile de foie de morue pour votre organisme\u003c\/h2\u003e\n    \u003cp class=\"lysi-section-intro\"\u003eSi nos grands-parents en prenaient chaque matin, ce n'était pas sans raison. Les bienfaits sont aujourd'hui largement documentés par la recherche scientifique.\u003c\/p\u003e\n    \u003cdiv class=\"lysi-grid\"\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e❤️ Fonction cardiaque\u003c\/h3\u003e\n        \u003cp\u003eLes acides gras oméga-3 EPA et DHA contribuent au fonctionnement normal du cœur, à condition d'un apport quotidien d'au moins 250 mg.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e👁️ Vision et santé de la peau\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine A participe au maintien d'une vision normale et aide votre peau à rester en bonne santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🦴 Ossature et immunité\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine D favorise l'absorption du calcium, soutient une ossature normale et contribue au fonctionnement du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🧠 Fonction cérébrale\u003c\/h3\u003e\n        \u003cp\u003eLe DHA contribue au fonctionnement normal du cerveau, un bienfait précieux à tout âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 4 capsules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"lysi-composition-table\"\u003e\n      \u003cdiv class=\"lysi-comp-row lysi-comp-header\"\u003e\n        \u003cspan\u003eNutriment\u003c\/span\u003e\n        \u003cspan\u003eQuantité\u003c\/span\u003e\n        \u003cspan\u003e% VNR*\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-comp-row\"\u003e\n        \u003cspan\u003e🐟 Huile de foie de morue\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e2 000 mg\u003c\/strong\u003e\u003c\/span\u003e\n        \u003cspan\u003e—\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-comp-row\"\u003e\n        \u003cspan\u003e💧 EPA (oméga-3)\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e180 mg\u003c\/strong\u003e\u003c\/span\u003e\n        \u003cspan\u003e—\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-comp-row\"\u003e\n        \u003cspan\u003e💧 DHA (oméga-3)\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e200 mg\u003c\/strong\u003e\u003c\/span\u003e\n        \u003cspan\u003e—\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-comp-row\"\u003e\n        \u003cspan\u003e👁️ Vitamine A\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e800 µg\u003c\/strong\u003e\u003c\/span\u003e\n        \u003cspan\u003e100 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-comp-row\"\u003e\n        \u003cspan\u003e☀️ Vitamine D3\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e5 µg\u003c\/strong\u003e\u003c\/span\u003e\n        \u003cspan\u003e100 %\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lysi-disclaimer\"\u003e*VNR : Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n    \u003cdiv class=\"lysi-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdetails class=\"lysi-accordion-item\"\u003e\n        \u003csummary class=\"lysi-accordion-header\"\u003e📋 Liste complète des ingrédients\u003c\/summary\u003e\n        \u003cdiv class=\"lysi-accordion-content mt-3\"\u003e\n          \u003cp\u003eHuile de foie de morue (poisson), enveloppe de la capsule : gélatine de poisson, humectant : glycérol, antioxydant : tocophérols naturels (vitamine E).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"lysi-timeline\"\u003e\n      \u003cdiv class=\"lysi-timeline-item\"\u003e\n        \u003cdiv class=\"lysi-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lysi-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 à 4 capsules par jour\u003c\/strong\u003e, de préférence au cours 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=\"lysi-timeline-item\"\u003e\n        \u003cdiv class=\"lysi-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lysi-timeline-content\"\u003e\n          \u003ch3\u003eConfort optimal\u003c\/h3\u003e\n          \u003cp\u003eLes capsules sont faciles à avaler et ne laissent aucun arrière-goût de poisson. Ce format convient aux adultes et aux adolescents.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-timeline-item\"\u003e\n        \u003cdiv class=\"lysi-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lysi-timeline-content\"\u003e\n          \u003ch3\u003eRégularité\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats optimaux, intégrez la prise à votre routine quotidienne, au petit-déjeuner ou au déjeuner.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdetails class=\"lysi-accordion-item\"\u003e\n        \u003csummary class=\"lysi-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"lysi-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe dépassez pas la dose journalière recommandée. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Consultez votre médecin en cas de grossesse, d'allaitement ou de traitement médical, notamment en raison de la teneur en vitamine A.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'huile de foie de morue Lysi ?\u003c\/h2\u003e\n    \u003cp class=\"lysi-section-intro\"\u003eToutes les huiles de foie de morue ne se valent pas. Voici ce qui rend la formule Lýsi particulièrement fiable.\u003c\/p\u003e\n    \u003cdiv class=\"lysi-grid\"\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🇮🇸 Origine islandaise certifiée\u003c\/h3\u003e\n        \u003cp\u003eLes morues sont pêchées à l'état sauvage dans les eaux pures d'Islande, loin des zones de pollution industrielle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🌊 Pêche durable\u003c\/h3\u003e\n        \u003cp\u003eLýsi s'engage dans une démarche responsable, respectueuse des écosystèmes marins.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🔬 Purification avancée\u003c\/h3\u003e\n        \u003cp\u003eL'huile est soigneusement filtrée et débarrassée des métaux lourds et contaminants, tout en préservant ses nutriments naturels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e✅ Sans additifs inutiles\u003c\/h3\u003e\n        \u003cp\u003eLa formule reste simple, avec uniquement les ingrédients nécessaires à la qualité et à la conservation du produit.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"lysi-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"lysi-grid-compact\"\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité hivernale\u003c\/h3\u003e\n        \u003cp\u003eRenforcez vos défenses naturelles pendant les mois froids.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🦴 Os et articulations\u003c\/h3\u003e\n        \u003cp\u003ePrenez soin de votre ossature grâce à la vitamine D.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🧠 Bien-être cognitif\u003c\/h3\u003e\n        \u003cp\u003eSoutenez votre cerveau avec un apport régulier en DHA.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e💛 Capital santé global\u003c\/h3\u003e\n        \u003cp\u003eUn geste simple et quotidien, ancré dans une tradition de bien-être qui a fait ses preuves depuis des générations.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cp\u003e🇮🇸 Un savoir-faire islandais depuis 1938 — 120 capsules de pureté pour votre capital santé au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --lysi-cream: #f4f6fa;\n  --lysi-white: #ffffff;\n  --lysi-primary: #1a3a6b;\n  --lysi-primary-dark: #0e2244;\n  --lysi-primary-light: #e8edf5;\n  --lysi-secondary: #3a6fa8;\n  --lysi-accent: #c9a84c;\n  --lysi-text: #1a1a1a;\n  --lysi-text-light: #5a5a5a;\n  --lysi-border: #dce2ec;\n  --lysi-shadow: 0 4px 24px rgba(26,58,107,.08);\n  --lysi-shadow-lg: 0 12px 48px rgba(14,34,68,.15);\n  --lysi-radius: 20px;\n  --lysi-radius-sm: 12px;\n}\n\n.lysi-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lysi-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lysi-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0e2244 0%, #1a3a6b 40%, #3a6fa8 75%, #c9a84c 100%);\n  border-radius: var(--lysi-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(--lysi-shadow-lg);\n}\n\n.lysi-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,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(201,168,76,.1) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.lysi-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lysi-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,.25);\n}\n\n.lysi-subtitle {\n  color: var(--lysi-accent);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 700;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n  text-transform: uppercase;\n}\n\n.lysi-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.lysi-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lysi-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(--lysi-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lysi-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lysi-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lysi-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lysi-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.lysi-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(--lysi-primary), var(--lysi-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.lysi-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lysi-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.lysi-section-footer {\n  text-align: center;\n  font-size: clamp(14px, 2.2vw, 15px);\n  color: var(--lysi-text-light);\n  margin-top: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n  font-style: italic;\n}\n\n\/* === CARDS === *\/\n.lysi-card {\n  background: var(--lysi-white);\n  border-radius: var(--lysi-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lysi-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lysi-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lysi-shadow-lg);\n  border-color: var(--lysi-primary);\n}\n\n.lysi-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lysi-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lysi-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lysi-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lysi-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lysi-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lysi-grid-compact .lysi-card {\n  padding: 1rem;\n}\n\n.lysi-grid-compact .lysi-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lysi-grid-compact .lysi-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.lysi-composition-table {\n  background: var(--lysi-white);\n  border-radius: var(--lysi-radius);\n  box-shadow: var(--lysi-shadow);\n  overflow: hidden;\n}\n\n.lysi-comp-row {\n  display: grid;\n  grid-template-columns: 1fr auto auto;\n  gap: 1rem;\n  padding: .875rem 1.25rem;\n  border-bottom: 1px solid var(--lysi-border);\n  align-items: center;\n  font-size: 14px;\n  color: var(--lysi-text);\n}\n\n.lysi-comp-row:last-child {\n  border-bottom: none;\n}\n\n.lysi-comp-header {\n  background: var(--lysi-primary-dark);\n  color: white;\n  font-weight: 700;\n  font-size: 13px;\n  text-transform: uppercase;\n  letter-spacing: .04em;\n}\n\n.lysi-comp-header span {\n  color: white;\n}\n\n.lysi-comp-row span:nth-child(2),\n.lysi-comp-row span:nth-child(3) {\n  text-align: right;\n  white-space: nowrap;\n}\n\n\/* === TIMELINE === *\/\n.lysi-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lysi-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lysi-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lysi-primary), var(--lysi-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(26,58,107,.25);\n}\n\n.lysi-timeline-content {\n  flex: 1;\n  background: var(--lysi-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lysi-radius-sm);\n  box-shadow: var(--lysi-shadow);\n}\n\n.lysi-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lysi-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lysi-timeline-content p {\n  font-size: 14px;\n  color: var(--lysi-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.lysi-accordion {\n  background: var(--lysi-white);\n  border-radius: var(--lysi-radius);\n  box-shadow: var(--lysi-shadow);\n  overflow: hidden;\n}\n\n.lysi-accordion-item {\n  border-bottom: 1px solid var(--lysi-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lysi-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lysi-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lysi-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.lysi-accordion-header:hover {\n  background: var(--lysi-primary-light);\n}\n\n.lysi-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lysi-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lysi-primary);\n  transition: transform .2s ease;\n}\n\n.lysi-accordion-item[open] .lysi-accordion-header::after {\n  content: '−';\n}\n\n.lysi-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lysi-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lysi-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.lysi-cta-box {\n  background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 100%);\n  border-radius: var(--lysi-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lysi-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(201,168,76,.15) 0%, transparent 60%);\n}\n\n.lysi-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,.15);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.lysi-disclaimer {\n  font-size: 12px;\n  color: var(--lysi-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .lysi-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .lysi-card {\n    padding: 1.125rem;\n  }\n\n  .lysi-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .lysi-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lysi-radius-sm);\n  }\n\n  .lysi-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .lysi-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .lysi-grid-compact {\n    gap: .625rem;\n  }\n\n  .lysi-grid-compact .lysi-card {\n    padding: .75rem;\n  }\n\n  .lysi-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .lysi-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .lysi-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .lysi-timeline-content p {\n    font-size: 13px;\n  }\n\n  .lysi-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .lysi-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .lysi-comp-row {\n    padding: .75rem 1rem;\n    font-size: 13px;\n    gap: .5rem;\n  }\n\n  .lysi-comp-header {\n    font-size: 11px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lysi-card {\n    animation: lysiFadeInUp .5s ease backwards;\n  }\n  .lysi-card:nth-child(1) { animation-delay: .05s; }\n  .lysi-card:nth-child(2) { animation-delay: .1s; }\n  .lysi-card:nth-child(3) { animation-delay: .15s; }\n  .lysi-card:nth-child(4) { animation-delay: .2s; }\n  .lysi-card:nth-child(5) { animation-delay: .25s; }\n  .lysi-card:nth-child(6) { animation-delay: .3s; }\n\n  .lysi-timeline-item {\n    animation: lysiFadeInUp .5s ease backwards;\n  }\n  .lysi-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .lysi-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .lysi-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes lysiFadeInUp {\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  .lysi-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LYSI","offers":[{"title":"Default Title","offer_id":54865523081593,"sku":"NBAILSI0003","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/la-veritable-huile-de-foie-de-morue-lysi-omega-3-vit-a-d-120-packshothd_01e60822-cc61-487e-8fde-a9612663bcb3.webp?v=1790596732"},{"product_id":"bronzalia-gelules-graine-sauvage","title":"Bronzalia - 60 gélules - Graine Sauvage","description":"\u003cdiv class=\"bz-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"bz-hero\"\u003e\n    \u003cdiv class=\"bz-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bz-hero-content\"\u003e\n      \u003cdiv class=\"bz-badges-top\"\u003e\n        \u003cspan class=\"bz-badge\"\u003e☀️ Prépare au soleil\u003c\/span\u003e\n        \u003cspan class=\"bz-badge\"\u003e🥕 Bêta-carotène naturel\u003c\/span\u003e\n        \u003cspan class=\"bz-badge\"\u003e🌿 60 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"bz-hero-title\"\u003eBronzalia\u003c\/span\u003e\n      \u003cp class=\"bz-subtitle\"\u003eGraine Sauvage — 60 gélules · 30 jours\u003c\/p\u003e\n      \u003cp class=\"bz-description\"\u003ePréparez votre peau au soleil de l'intérieur pour un bronzage naturel, lumineux et durable grâce à des actifs antioxydants soigneusement sélectionnés.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"bz-section\"\u003e\n    \u003ch2\u003eBronzalia de Graine Sauvage : le complément alimentaire bronzage qui prépare votre peau au soleil\u003c\/h2\u003e\n    \u003cp class=\"bz-section-intro\"\u003eVous rêvez d'un \u003cstrong\u003ebronzage naturel\u003c\/strong\u003e, lumineux et durable, sans compromettre la santé de votre peau ?\u003c\/p\u003e\n    \u003cdiv class=\"bz-grid-compact\"\u003e\n      \u003cdiv class=\"bz-card\"\u003e\n        \u003ch3\u003e🌞 Bronzage sublimé\u003c\/h3\u003e\n        \u003cp\u003eFavorise un hâle doré, uniforme et naturellement lumineux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bz-card\"\u003e\n        \u003ch3\u003e🛡️ Peau préparée\u003c\/h3\u003e\n        \u003cp\u003eNourrit et renforce la peau avant chaque exposition solaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bz-card\"\u003e\n        \u003ch3\u003e⏳ Teint prolongé\u003c\/h3\u003e\n        \u003cp\u003eAide à conserver votre hâle bien après les vacances.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bz-card\"\u003e\n        \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003eFormulé à partir d'actifs naturels et antioxydants puissants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"bz-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un complément bronzage naturel ?\u003c\/h2\u003e\n    \u003cdiv class=\"bz-testimonial\"\u003e\n      \u003cp class=\"bz-testimonial-text\"\u003eLes rayons UV génèrent un \u003cstrong\u003estress oxydatif\u003c\/strong\u003e qui accélère le vieillissement cutané. Un \u003cstrong\u003eaccélérateur de bronzage naturel\u003c\/strong\u003e comme Bronzalia agit de l'intérieur : il nourrit la peau en profondeur, soutient la production de mélanine et renforce les défenses antioxydantes de vos cellules.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bz-grid\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"bz-card\"\u003e\n        \u003ch3\u003e🎨 Bronze plus facilement\u003c\/h3\u003e\n        \u003cp\u003eVotre peau bronze de manière homogène, sans taches ni irrégularités.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bz-card\"\u003e\n        \u003ch3\u003e🧬 Défenses renforcées\u003c\/h3\u003e\n        \u003cp\u003eLes cellules sont mieux armées face aux agressions solaires quotidiennes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bz-card\"\u003e\n        \u003ch3\u003e✨ Hâle durable\u003c\/h3\u003e\n        \u003cp\u003eUne peau bien préparée et nourrie conserve son bronzage plus longtemps.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bz-tip\"\u003e\n      \u003cspan class=\"bz-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eSi vous vous demandez \u003cstrong\u003ecombien de temps dure un bronzage naturel\u003c\/strong\u003e, sachez qu'une peau bien préparée et nourrie conserve son hâle plus longtemps. C'est précisément l'objectif de Bronzalia : sublimer et prolonger votre teint doré.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"bz-section\"\u003e\n    \u003ch2\u003eUne formule complète aux actifs ciblés\u003c\/h2\u003e\n    \u003cp class=\"bz-section-intro\"\u003eBronzalia réunit des ingrédients soigneusement sélectionnés pour leur action synergique sur la peau.\u003c\/p\u003e\n    \u003cdiv class=\"bz-grid\"\u003e\n      \u003cdiv class=\"bz-card bz-card-ingredient\"\u003e\n        \u003ch3\u003e🥕 Carotte (racine)\u003c\/h3\u003e\n        \u003cdiv class=\"bz-dosage\"\u003e255 mg\u003c\/div\u003e\n        \u003cp\u003eSource naturelle de bêta-carotène, elle stimule la production de mélanine pour un bronzage plus rapide et uniforme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bz-card bz-card-ingredient\"\u003e\n        \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n        \u003cdiv class=\"bz-dosage\"\u003e180 mg · 225 % VNR*\u003c\/div\u003e\n        \u003cp\u003eFavorise la synthèse du collagène, essentiel à l'élasticité et à la fermeté de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bz-card bz-card-ingredient\"\u003e\n        \u003ch3\u003e🌻 Vitamine E naturelle\u003c\/h3\u003e\n        \u003cdiv class=\"bz-dosage\"\u003e30 mg · 250 % VNR*\u003c\/div\u003e\n        \u003cp\u003ePuissant antioxydant qui protège les membranes cellulaires du stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bz-card bz-card-ingredient\"\u003e\n        \u003ch3\u003e🧡 Bêta-carotène naturel\u003c\/h3\u003e\n        \u003cdiv class=\"bz-dosage\"\u003e4,8 mg\u003c\/div\u003e\n        \u003cp\u003ePrécurseur de la vitamine A, il contribue à un teint lumineux et à l'entretien de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bz-card bz-card-ingredient\"\u003e\n        \u003ch3\u003e🔬 Levure de sélénium\u003c\/h3\u003e\n        \u003cdiv class=\"bz-dosage\"\u003e40 µg · 72,75 % VNR*\u003c\/div\u003e\n        \u003cp\u003eProtège les cellules contre les dommages causés par les UV. \u003cem\u003eContient gluten et sulfites.\u003c\/em\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bz-card bz-card-ingredient\"\u003e\n        \u003ch3\u003e☀️ Vitamine D3\u003c\/h3\u003e\n        \u003cdiv class=\"bz-dosage\"\u003e5 µg · 100 % VNR*\u003c\/div\u003e\n        \u003cp\u003eSoutient le maintien d'une peau saine et contribue au bon fonctionnement du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"bz-disclaimer\"\u003eEnveloppe : gélule végétale (hypromellose). *VNR : Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"bz-section\"\u003e\n    \u003ch2\u003eComment prendre Bronzalia ?\u003c\/h2\u003e\n    \u003cdiv class=\"bz-timeline\"\u003e\n      \u003cdiv class=\"bz-timeline-item\"\u003e\n        \u003cdiv class=\"bz-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"bz-timeline-content\"\u003e\n          \u003ch3\u003ePhase de préparation et d'exposition\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e pendant 10 jours avant et pendant l'exposition au soleil.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bz-timeline-item\"\u003e\n        \u003cdiv class=\"bz-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"bz-timeline-content\"\u003e\n          \u003ch3\u003eEn entretien\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e pour prolonger votre hâle et conserver un teint doré.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bz-timeline-item\"\u003e\n        \u003cdiv class=\"bz-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"bz-timeline-content\"\u003e\n          \u003ch3\u003eAnticipez pour des résultats optimaux\u003c\/h3\u003e\n          \u003cp\u003eCommencez votre cure \u003cstrong\u003edeux semaines avant\u003c\/strong\u003e vos premières expositions. Chaque flacon contient \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e, soit une cure de \u003cstrong\u003e30 jours\u003c\/strong\u003e.\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=\"bz-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n    \u003cdiv class=\"bz-accordion\"\u003e\n      \u003cdetails class=\"bz-accordion-item\"\u003e\n        \u003csummary class=\"bz-accordion-header\"\u003e🚭 Déconseillé aux fumeurs\u003c\/summary\u003e\n        \u003cdiv class=\"bz-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn raison de la présence de bêta-carotène, ce complément est déconseillé aux fumeurs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bz-accordion-item\"\u003e\n        \u003csummary class=\"bz-accordion-header\"\u003e☀️ Ne remplace pas une protection solaire\u003c\/summary\u003e\n        \u003cdiv class=\"bz-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément \u003cstrong\u003ene protège pas contre les effets nocifs du soleil\u003c\/strong\u003e : l'application d'une protection solaire adaptée reste indispensable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bz-accordion-item\"\u003e\n        \u003csummary class=\"bz-accordion-header\"\u003e💊 Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"bz-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ne remplace ni une alimentation variée et équilibrée, ni un mode de vie sain, ni un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bz-accordion-item\"\u003e\n        \u003csummary class=\"bz-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"bz-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver à l'abri de la lumière, au sec et à température ambiante. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"bz-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"bz-cta-box\"\u003e\n      \u003cp\u003eDe nombreux \u003cstrong\u003eavis sur les compléments alimentaires bronzage\u003c\/strong\u003e soulignent l'importance d'une préparation cutanée de l'intérieur. Avec Bronzalia, offrez à votre peau les nutriments essentiels pour un \u003cstrong\u003ebronzage naturel\u003c\/strong\u003e sublimé, durable et respectueux de votre capital soleil. ☀️\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"bz-disclaimer\"\u003eVotre peau mérite cette attention, bien avant la première journée à la plage.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --bz-cream: #faf8f3;\n  --bz-white: #ffffff;\n  --bz-primary: #7cb342;\n  --bz-primary-dark: #33691e;\n  --bz-primary-light: #f1f8e9;\n  --bz-secondary: #f9a825;\n  --bz-accent: #ef6c00;\n  --bz-text: #1a1a1a;\n  --bz-text-light: #5a5a5a;\n  --bz-border: #e0e0e0;\n  --bz-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --bz-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --bz-radius: 20px;\n  --bz-radius-sm: 12px;\n}\n\n.bz-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--bz-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bz-hero {\n  position: relative;\n  background: linear-gradient(135deg, #558b2f 0%, #7cb342 40%, #f9a825 100%);\n  border-radius: var(--bz-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(--bz-shadow-lg);\n}\n\n.bz-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                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.bz-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.bz-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.bz-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.bz-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.bz-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.bz-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(--bz-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.bz-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bz-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bz-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--bz-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.3;\n}\n\n.bz-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(--bz-primary), var(--bz-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.bz-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--bz-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.bz-card {\n  background: var(--bz-white);\n  border-radius: var(--bz-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--bz-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.bz-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--bz-shadow-lg);\n  border-color: var(--bz-primary);\n}\n\n.bz-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--bz-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.bz-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--bz-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.bz-card-ingredient .bz-dosage {\n  display: inline-block;\n  background: var(--bz-primary-light);\n  color: var(--bz-primary-dark);\n  padding: 4px 12px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  margin-bottom: .75rem;\n  letter-spacing: .02em;\n}\n\n\/* === GRILLES === *\/\n.bz-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.bz-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.bz-grid-compact .bz-card {\n  padding: 1rem;\n}\n\n.bz-grid-compact .bz-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.bz-grid-compact .bz-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bz-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.bz-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.bz-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--bz-primary), var(--bz-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.bz-timeline-content {\n  flex: 1;\n  background: var(--bz-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--bz-radius-sm);\n  box-shadow: var(--bz-shadow);\n}\n\n.bz-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--bz-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.bz-timeline-content p {\n  font-size: 14px;\n  color: var(--bz-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.bz-testimonial {\n  background: var(--bz-white);\n  border-radius: var(--bz-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--bz-shadow);\n  border-left: 4px solid var(--bz-primary);\n}\n\n.bz-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--bz-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.bz-accordion {\n  background: var(--bz-white);\n  border-radius: var(--bz-radius);\n  box-shadow: var(--bz-shadow);\n  overflow: hidden;\n}\n\n.bz-accordion-item {\n  border-bottom: 1px solid var(--bz-border);\n  margin: 0;\n  padding: 0;\n}\n\n.bz-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.bz-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--bz-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.bz-accordion-header:hover {\n  background: var(--bz-primary-light);\n}\n\n.bz-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.bz-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--bz-primary);\n  transition: transform .2s ease;\n}\n\n.bz-accordion-item[open] .bz-accordion-header::after {\n  content: '−';\n}\n\n.bz-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--bz-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.bz-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.bz-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--bz-primary-light);\n  border-radius: var(--bz-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.bz-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.bz-tip p {\n  font-size: 14px;\n  color: var(--bz-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.bz-cta-box {\n  background: linear-gradient(135deg, var(--bz-primary) 0%, var(--bz-primary-dark) 100%);\n  border-radius: var(--bz-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.bz-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.bz-disclaimer {\n  font-size: 12px;\n  color: var(--bz-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  .bz-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .bz-card {\n    padding: 1.125rem;\n  }\n\n  .bz-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .bz-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--bz-radius-sm);\n  }\n\n  .bz-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .bz-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .bz-grid-compact {\n    gap: .625rem;\n  }\n\n  .bz-grid-compact .bz-card {\n    padding: .75rem;\n  }\n\n  .bz-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .bz-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .bz-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .bz-timeline-content p {\n    font-size: 13px;\n  }\n\n  .bz-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .bz-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .bz-testimonial {\n    padding: 1.25rem;\n  }\n\n  .bz-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .bz-card {\n    animation: bzFadeInUp .5s ease backwards;\n  }\n  .bz-card:nth-child(1) { animation-delay: .05s; }\n  .bz-card:nth-child(2) { animation-delay: .1s; }\n  .bz-card:nth-child(3) { animation-delay: .15s; }\n  .bz-card:nth-child(4) { animation-delay: .2s; }\n  .bz-card:nth-child(5) { animation-delay: .25s; }\n  .bz-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bzFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .bz-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54881813496185,"sku":"GS1040","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bronzalia-60-gelules-graine-sauvage-packshothd.webp?v=1785946945"},{"product_id":"huile-de-bourrache-graine-sauvage","title":"Huile de Bourrache bio - 60 capsules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Bourrache bio - 60 capsules - Graine Sauvage\nPalette détectée:\n  - Primaire: #6B9B37 (vert olive\/nature du couvercle et de la typo \"Graine Sauvage\")\n  - Secondaire: #C4A265 (kraft\/beige doré du pot en carton)\n  - Accent: #E8743A (orange du logo AB et de la mascotte)\nAmbiance: Naturel\/bio, chaleureux, éco-responsable, packaging kraft artisanal, univers sain et végétal\nPréfixe CSS: hb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Huile de bourrache bio : un trésor d'acides gras pour votre peau et votre bien-être\"\n  2. \"Les bienfaits de l'huile de bourrache sur la peau, les cheveux et les articulations\"\n  3. \"Composition et qualité biologique certifiée\"\n  4. \"Huile de bourrache : danger ou complément sûr ?\"\n  5. \"Conseils d'utilisation\"\n  6. \"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=\"hb-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"hb-hero\"\u003e\n    \u003cdiv class=\"hb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hb-hero-content\"\u003e\n      \u003cdiv class=\"hb-badges-top\"\u003e\n        \u003cspan class=\"hb-badge\"\u003e🌿 Certifié AB Bio\u003c\/span\u003e\n        \u003cspan class=\"hb-badge\"\u003e💊 60 capsules molles\u003c\/span\u003e\n        \u003cspan class=\"hb-badge\"\u003e📅 Cure de 20 jours\u003c\/span\u003e\n        \u003cspan class=\"hb-badge\"\u003e🇫🇷 FR-BIO-01\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hb-hero-title\"\u003eHuile de Bourrache Bio\u003c\/span\u003e\n      \u003cp class=\"hb-subtitle\"\u003eGraine Sauvage — Complément alimentaire biologique\u003c\/p\u003e\n      \u003cp class=\"hb-description\"\u003eL'un des plus puissants concentrés naturels en acide gamma-linolénique (GLA) pour nourrir votre peau, vos cheveux et vos articulations de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"hb-section\"\u003e\n    \u003ch2\u003eHuile de bourrache bio : un trésor d'acides gras pour votre peau et votre bien-être\u003c\/h2\u003e\n    \u003cdiv class=\"hb-intro-card\"\u003e\n      \u003cp\u003eVous cherchez une solution naturelle pour retrouver une \u003cstrong\u003epeau souple\u003c\/strong\u003e, des \u003cstrong\u003echeveux éclatants\u003c\/strong\u003e et un \u003cstrong\u003emeilleur confort au quotidien\u003c\/strong\u003e ? L'huile de bourrache bio de Graine Sauvage est l'un des compléments les plus riches en \u003cstrong\u003eacide gamma-linolénique (GLA)\u003c\/strong\u003e, un oméga-6 précieux que notre organisme ne sait pas fabriquer seul.\u003c\/p\u003e\n      \u003cp style=\"margin-top:.75rem\"\u003ePrésentée en \u003cstrong\u003e60 capsules molles\u003c\/strong\u003e pour une cure de 20 jours, cette formule certifiée Agriculture Biologique (FR-BIO-01) est enrichie en \u003cstrong\u003evitamine E naturelle\u003c\/strong\u003e pour une protection antioxydante renforcée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hb-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"hb-stat-card\"\u003e\n        \u003cspan class=\"hb-stat-number\"\u003eGLA\u003c\/span\u003e\n        \u003cspan class=\"hb-stat-label\"\u003eAcide gamma-linolénique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hb-stat-card\"\u003e\n        \u003cspan class=\"hb-stat-number\"\u003eBio\u003c\/span\u003e\n        \u003cspan class=\"hb-stat-label\"\u003eCertifié FR-BIO-01\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hb-stat-card\"\u003e\n        \u003cspan class=\"hb-stat-number\"\u003e60\u003c\/span\u003e\n        \u003cspan class=\"hb-stat-label\"\u003eCapsules molles\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hb-stat-card\"\u003e\n        \u003cspan class=\"hb-stat-number\"\u003eVit. E\u003c\/span\u003e\n        \u003cspan class=\"hb-stat-label\"\u003eProtection antioxydante\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"hb-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'huile de bourrache sur la peau, les cheveux et les articulations\u003c\/h2\u003e\n    \u003cp class=\"hb-section-intro\"\u003eLa bourrache (\u003cem\u003eBorago officinalis\u003c\/em\u003e) est une plante dont les graines renferment une huile exceptionnellement riche en GLA. Ce sont précisément ces acides gras essentiels qui lui confèrent ses propriétés si recherchées :\u003c\/p\u003e\n    \u003cdiv class=\"hb-grid\"\u003e\n      \u003cdiv class=\"hb-card\"\u003e\n        \u003ch3\u003e💧 Hydratation profonde et élasticité\u003c\/h3\u003e\n        \u003cp\u003eLe GLA nourrit les membranes cellulaires de l'intérieur, aidant à lutter contre la sécheresse cutanée, les tiraillements et les premiers signes de l'âge. Peau sèche ou mature, vous remarquerez rapidement la différence.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hb-card\"\u003e\n        \u003ch3\u003e✨ Vitalité des cheveux et des ongles\u003c\/h3\u003e\n        \u003cp\u003eEn apportant des acides gras de qualité, l'huile de bourrache contribue à renforcer la fibre capillaire et à limiter les ongles cassants pour des phanères résistants et éclatants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hb-card\"\u003e\n        \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n        \u003cp\u003eLe GLA participe à la production de prostaglandines anti-inflammatoires, un allié précieux pour les personnes ressentant des raideurs ou des inconforts articulaires au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hb-card\"\u003e\n        \u003ch3\u003e🌸 Bien-être féminin\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisée pour atténuer les inconforts liés aux cycles menstruels et à la ménopause. L'association \u003cstrong\u003ehuile de bourrache et onagre\u003c\/strong\u003e est fréquemment recommandée pour une action complémentaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hb-card\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine E présente dans chaque capsule protège vos cellules contre le stress oxydatif et les radicaux libres, ralentissant le vieillissement cellulaire prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"hb-section\"\u003e\n    \u003ch2\u003eComposition et qualité biologique certifiée\u003c\/h2\u003e\n    \u003cdiv class=\"hb-compo-card\"\u003e\n      \u003cdiv class=\"hb-compo-grid\"\u003e\n        \u003cdiv class=\"hb-compo-item\"\u003e\n          \u003cspan class=\"hb-compo-icon\"\u003e🌱\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eHuile vierge de bourrache biologique\u003c\/h3\u003e\n            \u003cp\u003ePressée à froid pour garantir la préservation de tous ses actifs, notamment sa haute teneur en GLA.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hb-compo-item\"\u003e\n          \u003cspan class=\"hb-compo-icon\"\u003e🍊\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eVitamine E naturelle (tocophérol)\u003c\/h3\u003e\n            \u003cp\u003eAntioxydant d'origine naturelle qui protège l'huile de l'oxydation et renforce les bénéfices pour vos cellules.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hb-compo-item\"\u003e\n          \u003cspan class=\"hb-compo-icon\"\u003e💊\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eEnveloppe en gélatine de poisson\u003c\/h3\u003e\n            \u003cp\u003eCapsule molle facile à avaler, sans additifs chimiques, sans conservateurs artificiels.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hb-tip\"\u003e\n      \u003cspan class=\"hb-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eGarantie qualité :\u003c\/strong\u003e sans additifs chimiques, sans conservateurs artificiels, 100 % biologique certifié FR-BIO-01.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"hb-section\"\u003e\n    \u003ch2\u003eHuile de bourrache : danger ou complément sûr ?\u003c\/h2\u003e\n    \u003cdiv class=\"hb-reassurance-card\"\u003e\n      \u003cp\u003eBeaucoup d'internautes s'interrogent sur un éventuel \u003cstrong\u003edanger de l'huile de bourrache\u003c\/strong\u003e. Rassurez-vous : consommée aux doses recommandées, elle est \u003cstrong\u003eparfaitement sûre\u003c\/strong\u003e pour la grande majorité des adultes.\u003c\/p\u003e\n      \u003cp style=\"margin-top:.75rem\"\u003eConcernant le lien supposé entre \u003cstrong\u003ehuile de bourrache et prise de poids\u003c\/strong\u003e, aucune étude sérieuse ne confirme cet effet. Il s'agit d'un apport calorique négligeable.\u003c\/p\u003e\n      \u003cp style=\"margin-top:.75rem\"\u003eEn cas de doute ou de traitement en cours, consultez votre médecin.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"hb-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"hb-timeline\"\u003e\n      \u003cdiv class=\"hb-timeline-item\"\u003e\n        \u003cspan class=\"hb-timeline-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"hb-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e3 capsules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours des repas pour une meilleure absorption des acides gras.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hb-timeline-item\"\u003e\n        \u003cspan class=\"hb-timeline-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"hb-timeline-content\"\u003e\n          \u003ch3\u003eDurée d'une boîte\u003c\/h3\u003e\n          \u003cp\u003eUne boîte de 60 capsules correspond à une \u003cstrong\u003ecure de 20 jours\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hb-timeline-item\"\u003e\n        \u003cspan class=\"hb-timeline-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"hb-timeline-content\"\u003e\n          \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats durables, nous vous conseillons une \u003cstrong\u003ecure de 2 à 3 mois\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"hb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"hb-accordion\"\u003e\n      \u003cdetails class=\"hb-accordion-item\"\u003e\n        \u003csummary class=\"hb-accordion-header\"\u003e⚠️ Précautions générales\u003c\/summary\u003e\n        \u003cdiv class=\"hb-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas une alimentation variée et équilibrée\u003c\/strong\u003e ni un suivi médical. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hb-accordion-item\"\u003e\n        \u003csummary class=\"hb-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"hb-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=\"hb-accordion-item\"\u003e\n        \u003csummary class=\"hb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"hb-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"hb-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --hb-cream: #f7f4ef;\n  --hb-white: #ffffff;\n  --hb-primary: #6B9B37;\n  --hb-primary-dark: #3d6118;\n  --hb-primary-light: #eef5e4;\n  --hb-secondary: #C4A265;\n  --hb-accent: #E8743A;\n  --hb-text: #1a1a1a;\n  --hb-text-light: #5a5a5a;\n  --hb-border: #e0ddd6;\n  --hb-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --hb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --hb-radius: 20px;\n  --hb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.hb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--hb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3d6118 0%, #6B9B37 45%, #8ab84e 100%);\n  border-radius: var(--hb-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(--hb-shadow-lg);\n}\n\n.hb-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(196,162,101,.1) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.hb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.hb-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.hb-subtitle {\n  color: rgba(255,255,255,.85);\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.hb-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.hb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.hb-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(--hb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.hb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--hb-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.hb-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(--hb-primary), var(--hb-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.hb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--hb-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\/* === INTRO CARD (H2#1) === *\/\n.hb-intro-card {\n  background: var(--hb-white);\n  border-radius: var(--hb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--hb-shadow);\n  border-left: 4px solid var(--hb-primary);\n}\n\n.hb-intro-card p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--hb-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === STAT CARDS === *\/\n.hb-stat-card {\n  background: var(--hb-white);\n  border-radius: var(--hb-radius-sm);\n  padding: 1rem;\n  box-shadow: var(--hb-shadow);\n  text-align: center;\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.hb-stat-card:hover {\n  border-color: var(--hb-primary);\n  transform: translateY(-3px);\n}\n\n.hb-stat-number {\n  display: block;\n  font-size: clamp(20px, 4vw, 28px);\n  font-weight: 900;\n  color: var(--hb-primary);\n  line-height: 1.2;\n}\n\n.hb-stat-label {\n  display: block;\n  font-size: clamp(11px, 1.8vw, 13px);\n  color: var(--hb-text-light);\n  margin-top: .35rem;\n  font-weight: 600;\n}\n\n\/* === CARDS === *\/\n.hb-card {\n  background: var(--hb-white);\n  border-radius: var(--hb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.hb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--hb-shadow-lg);\n  border-color: var(--hb-primary);\n}\n\n.hb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--hb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.hb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.hb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.hb-grid-compact .hb-card {\n  padding: 1rem;\n}\n\n.hb-grid-compact .hb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.hb-grid-compact .hb-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION CARD === *\/\n.hb-compo-card {\n  background: var(--hb-white);\n  border-radius: var(--hb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--hb-shadow);\n}\n\n.hb-compo-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n}\n\n.hb-compo-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.hb-compo-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: var(--hb-primary-light);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.hb-compo-item h3 {\n  font-size: clamp(14px, 2.5vw, 16px);\n  font-weight: 700;\n  color: var(--hb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hb-compo-item p {\n  font-size: clamp(13px, 2vw, 14px);\n  color: var(--hb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === REASSURANCE CARD (H2#4) === *\/\n.hb-reassurance-card {\n  background: var(--hb-white);\n  border-radius: var(--hb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--hb-shadow);\n  border-left: 4px solid var(--hb-accent);\n}\n\n.hb-reassurance-card p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--hb-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.hb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.hb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.hb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--hb-primary), var(--hb-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.hb-timeline-content {\n  flex: 1;\n  background: var(--hb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--hb-radius-sm);\n  box-shadow: var(--hb-shadow);\n}\n\n.hb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--hb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hb-timeline-content p {\n  font-size: 14px;\n  color: var(--hb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.hb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--hb-primary-light);\n  border-radius: var(--hb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.hb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.hb-tip p {\n  font-size: 14px;\n  color: var(--hb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.hb-accordion {\n  background: var(--hb-white);\n  border-radius: var(--hb-radius);\n  box-shadow: var(--hb-shadow);\n  overflow: hidden;\n}\n\n.hb-accordion-item {\n  border-bottom: 1px solid var(--hb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.hb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.hb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--hb-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.hb-accordion-header:hover {\n  background: var(--hb-primary-light);\n}\n\n.hb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.hb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--hb-primary);\n  transition: transform .2s ease;\n}\n\n.hb-accordion-item[open] .hb-accordion-header::after {\n  content: '−';\n}\n\n.hb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--hb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.hb-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.hb-disclaimer {\n  font-size: 12px;\n  color: var(--hb-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  .hb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .hb-card {\n    padding: 1.125rem;\n  }\n\n  .hb-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .hb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--hb-radius-sm);\n  }\n\n  .hb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .hb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .hb-grid-compact {\n    gap: .625rem;\n  }\n\n  .hb-grid-compact .hb-stat-card,\n  .hb-grid-compact .hb-card {\n    padding: .75rem;\n  }\n\n  .hb-stat-number {\n    font-size: 18px;\n  }\n\n  .hb-stat-label {\n    font-size: 11px;\n  }\n\n  .hb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .hb-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .hb-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .hb-timeline-content p {\n    font-size: 13px;\n  }\n\n  .hb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .hb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .hb-compo-icon {\n    width: 40px;\n    height: 40px;\n    font-size: 22px;\n  }\n\n  .hb-intro-card,\n  .hb-reassurance-card,\n  .hb-compo-card {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .hb-card,\n  .hb-stat-card {\n    animation: hbFadeInUp .5s ease backwards;\n  }\n  .hb-card:nth-child(1),\n  .hb-stat-card:nth-child(1) { animation-delay: .05s; }\n  .hb-card:nth-child(2),\n  .hb-stat-card:nth-child(2) { animation-delay: .1s; }\n  .hb-card:nth-child(3),\n  .hb-stat-card:nth-child(3) { animation-delay: .15s; }\n  .hb-card:nth-child(4),\n  .hb-stat-card:nth-child(4) { animation-delay: .2s; }\n  .hb-card:nth-child(5) { animation-delay: .25s; }\n  .hb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hbFadeInUp {\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  .hb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54888180285817,"sku":"GS9096","price":23.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-bourrache-bio-60-capsules-graine-sauvage-ingredients.webp?v=1771102447"},{"product_id":"huile-de-nigelle-120-graine-sauvage","title":"Huile de Nigelle - 120 capsules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Nigelle - 120 capsules - Graine Sauvage\nPalette détectée:\n  - Primaire: #8B9A2E (vert-jaune\/chartreuse du bouchon et bandes du packaging)\n  - Secondaire: #C4272E (rouge du logo \"Graine Sauvage\")\n  - Accent: #4A7C2E (vert foncé du label Vegan)\n  - Fond: #F9F7F0 (crème doux\/blanc cassé du flacon)\nAmbiance: Naturel, santé, végétal, accessible, conditionné en France, vegan\nPréfixe CSS: ng\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Huile de Nigelle en capsules : le trésor du cumin noir pour votre bien-être\"\n  2. \"Les bienfaits de l'huile de nigelle pour votre organisme\"\n  3. \"Composition détaillée pour 4 capsules\"\n  4. \"Comment prendre l'huile de nigelle en capsules ?\"\n  5. \"L'huile de nigelle est-elle dangereuse ?\"\n  6. \"Pourquoi choisir cette huile de nigelle Graine Sauvage ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ng-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"ng-hero\"\u003e\n    \u003cdiv class=\"ng-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ng-hero-content\"\u003e\n      \u003cdiv class=\"ng-badges-top\"\u003e\n        \u003cspan class=\"ng-badge\"\u003e🌿 Vegan\u003c\/span\u003e\n        \u003cspan class=\"ng-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n        \u003cspan class=\"ng-badge\"\u003e💊 120 capsules molles\u003c\/span\u003e\n        \u003cspan class=\"ng-badge\"\u003e📅 30 jours d'utilisation\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ng-hero-title\"\u003eHuile de Nigelle en capsules\u003c\/span\u003e\n      \u003cp class=\"ng-subtitle\"\u003eGraine Sauvage — Cumin noir pressé à froid\u003c\/p\u003e\n      \u003cp class=\"ng-description\"\u003eConcentrez dans chaque capsule molle les précieux actifs du cumin noir : acides gras essentiels, vitamine E et principes actifs préservés par une première pression à froid, sans solvant ni chaleur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"ng-section\"\u003e\n    \u003ch2\u003eHuile de Nigelle en capsules : le trésor du cumin noir pour votre bien-être\u003c\/h2\u003e\n    \u003cp class=\"ng-section-intro\"\u003eVous cherchez un allié naturel pour traverser sereinement les périodes d'allergies saisonnières ? L'\u003cstrong\u003ehuile de nigelle\u003c\/strong\u003e Graine Sauvage, issue de graines de \u003cstrong\u003ecumin noir\u003c\/strong\u003e pressées à froid, concentre dans chaque capsule molle les précieux actifs de cette plante millénaire.\u003c\/p\u003e\n    \u003cdiv class=\"ng-grid-compact\"\u003e\n      \u003cdiv class=\"ng-card\"\u003e\n        \u003ch3\u003e💊 120 capsules molles\u003c\/h3\u003e\n        \u003cp\u003eFormat pratique et facile à avaler, sans goût prononcé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-card\"\u003e\n        \u003ch3\u003e📅 30 jours de cure\u003c\/h3\u003e\n        \u003cp\u003eUn mois complet d'accompagnement bien-être au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-card\"\u003e\n        \u003ch3\u003e🌿 100 % vegan\u003c\/h3\u003e\n        \u003cp\u003eFormule adaptée à tous les modes de vie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-card\"\u003e\n        \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n        \u003cp\u003eExtraction douce préservant tous les nutriments essentiels\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"ng-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'huile de nigelle pour votre organisme\u003c\/h2\u003e\n    \u003cp class=\"ng-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'huile de nigelle\u003c\/strong\u003e sont reconnus depuis des siècles dans les médecines traditionnelles. Voici pourquoi elle mérite une place dans votre routine bien-être :\u003c\/p\u003e\n    \u003cdiv class=\"ng-grid\"\u003e\n      \u003cdiv class=\"ng-card ng-card-highlight\"\u003e\n        \u003ch3\u003e🤧 Soutien face aux allergies saisonnières\u003c\/h3\u003e\n        \u003cp\u003eL'huile de nigelle est traditionnellement utilisée pour ses propriétés \u003cstrong\u003eantihistaminiques naturelles\u003c\/strong\u003e, aidant à apaiser les réactions allergiques comme le rhume des foins ou les irritations cutanées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-card ng-card-highlight\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eGrâce à sa teneur en \u003cstrong\u003evitamine E\u003c\/strong\u003e (20 mg par dose, soit \u003cstrong\u003e182 % des VNR\u003c\/strong\u003e), elle contribue à protéger vos cellules contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-card ng-card-highlight\"\u003e\n        \u003ch3\u003e✨ Nutrition de la peau\u003c\/h3\u003e\n        \u003cp\u003eRiche en \u003cstrong\u003eacide linoléique\u003c\/strong\u003e (1100 mg pour 4 capsules), un acide gras essentiel, elle participe au maintien d'une peau nourrie et confortable, même les plus sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-card ng-card-highlight\"\u003e\n        \u003ch3\u003e💪 Soutien immunitaire\u003c\/h3\u003e\n        \u003cp\u003eLes acides gras essentiels qu'elle contient favorisent le bon fonctionnement de vos \u003cstrong\u003edéfenses naturelles\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"ng-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 4 capsules\u003c\/h2\u003e\n    \u003cp class=\"ng-section-intro\"\u003eL'extraction par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e garantit la préservation intégrale des nutriments et des principes actifs, sans altération par la chaleur ni ajout de solvant.\u003c\/p\u003e\n    \u003cdiv class=\"ng-compo-table\"\u003e\n      \u003cdiv class=\"ng-compo-row ng-compo-row-main\"\u003e\n        \u003cspan class=\"ng-compo-label\"\u003e🌱 Huile de graines de nigelle\u003c\/span\u003e\n        \u003cspan class=\"ng-compo-value\"\u003e2000 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-compo-row\"\u003e\n        \u003cspan class=\"ng-compo-label\"\u003e🧬 Acide linoléique\u003c\/span\u003e\n        \u003cspan class=\"ng-compo-value\"\u003e1100 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-compo-row\"\u003e\n        \u003cspan class=\"ng-compo-label\"\u003e🫒 Acide oléique\u003c\/span\u003e\n        \u003cspan class=\"ng-compo-value\"\u003e360 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-compo-row ng-compo-row-accent\"\u003e\n        \u003cspan class=\"ng-compo-label\"\u003e⚡ Vitamine E\u003c\/span\u003e\n        \u003cspan class=\"ng-compo-value\"\u003e20 mg \u003csmall\u003e(182 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-compo-row ng-compo-row-light\"\u003e\n        \u003cspan class=\"ng-compo-label\"\u003e💊 Enveloppe capsule molle\u003c\/span\u003e\n        \u003cspan class=\"ng-compo-value\"\u003eGélatine\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"ng-section\"\u003e\n    \u003ch2\u003eComment prendre l'huile de nigelle en capsules ?\u003c\/h2\u003e\n    \u003cp class=\"ng-section-intro\"\u003eLa posologie est simple à suivre :\u003c\/p\u003e\n    \u003cdiv class=\"ng-timeline\"\u003e\n      \u003cdiv class=\"ng-timeline-item\"\u003e\n        \u003cdiv class=\"ng-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ng-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 à 4 capsules par jour\u003c\/strong\u003e, de préférence au cours d'un repas pour une meilleure absorption.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-timeline-item\"\u003e\n        \u003cdiv class=\"ng-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ng-timeline-content\"\u003e\n          \u003ch3\u003eDémarrage progressif\u003c\/h3\u003e\n          \u003cp\u003eCommencez par \u003cstrong\u003e2 capsules quotidiennes\u003c\/strong\u003e, puis ajustez progressivement selon vos besoins et les recommandations de votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-timeline-item\"\u003e\n        \u003cdiv class=\"ng-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"ng-timeline-content\"\u003e\n          \u003ch3\u003eCure optimale de 30 jours\u003c\/h3\u003e\n          \u003cp\u003ePour un soutien optimal durant les périodes sensibles, une cure de \u003cstrong\u003e30 jours à 4 capsules par jour\u003c\/strong\u003e est généralement conseillée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ng-tip\"\u003e\n      \u003cspan class=\"ng-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eAvalez les capsules avec un grand verre d'eau pendant le repas pour optimiser l'assimilation des acides gras.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"ng-section\"\u003e\n    \u003ch2\u003eL'huile de nigelle est-elle dangereuse ?\u003c\/h2\u003e\n    \u003cp class=\"ng-section-intro\"\u003eConsommée dans le respect des doses recommandées, l'\u003cstrong\u003ehuile de nigelle\u003c\/strong\u003e ne présente pas de \u003cstrong\u003edanger\u003c\/strong\u003e particulier pour les adultes en bonne santé. Toutefois, certaines précautions s'imposent :\u003c\/p\u003e\n    \u003cdiv class=\"ng-accordion\"\u003e\n      \u003cdetails class=\"ng-accordion-item\"\u003e\n        \u003csummary class=\"ng-accordion-header\"\u003e⚠️ Personnes concernées par les restrictions\u003c\/summary\u003e\n        \u003cdiv class=\"ng-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eDéconseillée\u003c\/strong\u003e aux enfants, adolescents, femmes enceintes ou allaitantes. En cas de traitement médical en cours, demandez toujours l'avis de votre médecin avant de commencer une cure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ng-accordion-item\"\u003e\n        \u003csummary class=\"ng-accordion-header\"\u003e📏 Dose journalière maximale\u003c\/summary\u003e\n        \u003cdiv class=\"ng-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière de \u003cstrong\u003e4 capsules\u003c\/strong\u003e. Ce complément alimentaire \u003cstrong\u003ene remplace pas\u003c\/strong\u003e une alimentation variée et équilibrée ni un suivi médical adapté.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ng-accordion-item\"\u003e\n        \u003csummary class=\"ng-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"ng-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez votre pilulier dans un endroit frais et sec, à l'abri de la lumière et hors de portée des jeunes enfants, pour préserver toute la qualité de votre huile de nigelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"ng-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir cette huile de nigelle Graine Sauvage ?\u003c\/h2\u003e\n    \u003cp class=\"ng-section-intro\"\u003eToutes les huiles de nigelle ne se valent pas. Celle-ci se distingue par plusieurs atouts concrets :\u003c\/p\u003e\n    \u003cdiv class=\"ng-grid\"\u003e\n      \u003cdiv class=\"ng-card\"\u003e\n        \u003ch3\u003e🌿 Formule vegan\u003c\/h3\u003e\n        \u003cp\u003eConvient à un large public et à tous les modes de vie, sans compromis sur la qualité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-card\"\u003e\n        \u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n        \u003cp\u003eSelon des standards de qualité rigoureux, pour une traçabilité et une fiabilité optimales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-card\"\u003e\n        \u003ch3\u003e💊 Format capsule molle\u003c\/h3\u003e\n        \u003cp\u003eFini le goût prononcé de l'huile en flacon : chaque prise est neutre, rapide et agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ng-card\"\u003e\n        \u003ch3\u003e⚖️ Dosage maîtrisé\u003c\/h3\u003e\n        \u003cp\u003eVous savez exactement ce que vous prenez à chaque capsule, sans approximation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ng-cta-box\"\u003e\n      \u003cp\u003e🌱 Offrez à votre organisme le meilleur du cumin noir : une cure de 30 jours pour soutenir vos défenses naturelles, apaiser les allergies et nourrir votre peau de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ng-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. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --ng-cream: #F9F7F0;\n  --ng-white: #ffffff;\n  --ng-primary: #8B9A2E;\n  --ng-primary-dark: #5C6B1A;\n  --ng-primary-light: #f3f5e4;\n  --ng-secondary: #C4272E;\n  --ng-accent: #4A7C2E;\n  --ng-text: #1a1a1a;\n  --ng-text-light: #5a5a5a;\n  --ng-border: #e0e0e0;\n  --ng-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ng-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ng-radius: 20px;\n  --ng-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ng-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ng-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ng-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5C6B1A 0%, #8B9A2E 40%, #A8B84A 70%, #C4272E 100%);\n  border-radius: var(--ng-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(--ng-shadow-lg);\n}\n\n.ng-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.ng-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ng-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.ng-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  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ng-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.2vw, 17px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ng-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ng-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(--ng-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ng-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ng-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ng-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ng-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.3;\n}\n\n.ng-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(--ng-primary), var(--ng-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ng-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ng-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.ng-card {\n  background: var(--ng-white);\n  border-radius: var(--ng-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ng-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ng-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ng-shadow-lg);\n  border-color: var(--ng-primary);\n}\n\n.ng-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ng-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ng-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ng-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* Card highlight variant *\/\n.ng-card-highlight {\n  border-left: 4px solid var(--ng-primary);\n  text-align: left;\n}\n\n.ng-card-highlight:hover {\n  border-left-color: var(--ng-secondary);\n}\n\n\/* === GRILLES === *\/\n.ng-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ng-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ng-grid-compact .ng-card {\n  padding: 1rem;\n}\n\n.ng-grid-compact .ng-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ng-grid-compact .ng-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.ng-compo-table {\n  background: var(--ng-white);\n  border-radius: var(--ng-radius);\n  box-shadow: var(--ng-shadow);\n  overflow: hidden;\n}\n\n.ng-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(--ng-border);\n  transition: background .2s ease;\n}\n\n.ng-compo-row:last-child {\n  border-bottom: none;\n}\n\n.ng-compo-row:hover {\n  background: var(--ng-primary-light);\n}\n\n.ng-compo-label {\n  font-size: clamp(14px, 2.2vw, 16px);\n  font-weight: 600;\n  color: var(--ng-text);\n}\n\n.ng-compo-value {\n  font-size: clamp(14px, 2.2vw, 16px);\n  font-weight: 800;\n  color: var(--ng-primary-dark);\n  text-align: right;\n}\n\n.ng-compo-value small {\n  display: block;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--ng-secondary);\n  margin-top: 2px;\n}\n\n.ng-compo-row-main {\n  background: var(--ng-primary-light);\n}\n\n.ng-compo-row-main .ng-compo-label {\n  font-weight: 800;\n  color: var(--ng-primary-dark);\n}\n\n.ng-compo-row-main .ng-compo-value {\n  font-size: clamp(16px, 2.5vw, 20px);\n  color: var(--ng-primary-dark);\n}\n\n.ng-compo-row-accent .ng-compo-value {\n  color: var(--ng-secondary);\n}\n\n.ng-compo-row-light {\n  background: #fafafa;\n}\n\n.ng-compo-row-light .ng-compo-label,\n.ng-compo-row-light .ng-compo-value {\n  color: var(--ng-text-light);\n  font-weight: 500;\n}\n\n\/* === TIMELINE === *\/\n.ng-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ng-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ng-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ng-primary), var(--ng-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  box-shadow: 0 4px 12px rgba(139,154,46,.3);\n}\n\n.ng-timeline-content {\n  flex: 1;\n  background: var(--ng-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ng-radius-sm);\n  box-shadow: var(--ng-shadow);\n}\n\n.ng-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ng-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ng-timeline-content p {\n  font-size: 14px;\n  color: var(--ng-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ng-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ng-primary-light);\n  border-radius: var(--ng-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ng-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ng-tip p {\n  font-size: 14px;\n  color: var(--ng-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.ng-testimonial {\n  background: var(--ng-white);\n  border-radius: var(--ng-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ng-shadow);\n  border-left: 4px solid var(--ng-primary);\n}\n\n.ng-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ng-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ng-accordion {\n  background: var(--ng-white);\n  border-radius: var(--ng-radius);\n  box-shadow: var(--ng-shadow);\n  overflow: hidden;\n}\n\n.ng-accordion-item {\n  border-bottom: 1px solid var(--ng-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ng-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ng-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ng-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.ng-accordion-header:hover {\n  background: var(--ng-primary-light);\n}\n\n.ng-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ng-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ng-primary);\n  transition: transform .2s ease;\n}\n\n.ng-accordion-item[open] .ng-accordion-header::after {\n  content: '−';\n}\n\n.ng-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ng-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ng-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ng-cta-box {\n  background: linear-gradient(135deg, var(--ng-primary) 0%, var(--ng-primary-dark) 100%);\n  border-radius: var(--ng-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.ng-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.ng-disclaimer {\n  font-size: 12px;\n  color: var(--ng-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  .ng-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ng-card {\n    padding: 1.125rem;\n  }\n\n  .ng-card-highlight {\n    text-align: left;\n  }\n\n  .ng-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ng-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ng-radius-sm);\n  }\n\n  .ng-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ng-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  \/* Grille compacte *\/\n  .ng-grid-compact {\n    gap: .625rem;\n  }\n\n  .ng-grid-compact .ng-card {\n    padding: .75rem;\n  }\n\n  \/* Composition table mobile *\/\n  .ng-compo-row {\n    padding: .75rem 1rem;\n    flex-wrap: wrap;\n    gap: .25rem;\n  }\n\n  .ng-compo-label {\n    font-size: 13px;\n  }\n\n  .ng-compo-value {\n    font-size: 13px;\n  }\n\n  .ng-compo-row-main .ng-compo-value {\n    font-size: 15px;\n  }\n\n  \/* Timeline mobile *\/\n  .ng-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ng-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ng-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ng-timeline-content p {\n    font-size: 13px;\n  }\n\n  \/* Accordéon mobile *\/\n  .ng-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ng-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  \/* Testimonial mobile *\/\n  .ng-testimonial {\n    padding: 1.25rem;\n  }\n\n  .ng-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ng-card {\n    animation: ngFadeInUp .5s ease backwards;\n  }\n  .ng-card:nth-child(1) { animation-delay: .05s; }\n  .ng-card:nth-child(2) { animation-delay: .1s; }\n  .ng-card:nth-child(3) { animation-delay: .15s; }\n  .ng-card:nth-child(4) { animation-delay: .2s; }\n  .ng-card:nth-child(5) { animation-delay: .25s; }\n  .ng-card:nth-child(6) { animation-delay: .3s; }\n\n  .ng-compo-row {\n    animation: ngFadeInUp .4s ease backwards;\n  }\n  .ng-compo-row:nth-child(1) { animation-delay: .05s; }\n  .ng-compo-row:nth-child(2) { animation-delay: .1s; }\n  .ng-compo-row:nth-child(3) { animation-delay: .15s; }\n  .ng-compo-row:nth-child(4) { animation-delay: .2s; }\n  .ng-compo-row:nth-child(5) { animation-delay: .25s; }\n\n  .ng-timeline-item {\n    animation: ngFadeInUp .5s ease backwards;\n  }\n  .ng-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .ng-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .ng-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes ngFadeInUp {\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  .ng-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54888338096505,"sku":"GS0018","price":14.52,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-nigelle-120-capsules-graine-sauvage-packshothd_4797e821-5222-4f6f-9000-18087558c3c6.webp?v=1789403141"},{"product_id":"huile-onagre-bourrache-graine-sauvage","title":"Huile Onagre-Bourrache Bio - 120 capsules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Onagre-Bourrache Bio - 120 capsules - Graine Sauvage\nPalette détectée:\n  - Primaire: #7CB342 (vert nature\/bio du logo et bouchon jaune-vert)\n  - Secondaire: #C0CA33 (vert-jaune lime du bouchon)\n  - Accent: #E8791D (orange-corail du texte \"ONAGRE-BOURRACHE\")\nAmbiance: Naturel\/bio, féminin doux, bien-être, certifié AB, packaging épuré blanc avec touches vertes\nPréfixe CSS: ob\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Huile Onagre-Bourrache Bio : le duo végétal au service du bien-être féminin\"\n  2. \"Pourquoi associer l'onagre et la bourrache ?\"\n  3. \"À qui s'adresse ce complément ?\"\n  4. \"Composition et ingrédients\"\n  5. \"Conseils d'utilisation\"\n  6. \"Les engagements qualité Graine Sauvage\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ob-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"ob-hero\"\u003e\n    \u003cdiv class=\"ob-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ob-hero-content\"\u003e\n      \u003cdiv class=\"ob-badges-top\"\u003e\n        \u003cspan class=\"ob-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e\n        \u003cspan class=\"ob-badge\"\u003e🌸 Bien-être féminin\u003c\/span\u003e\n        \u003cspan class=\"ob-badge\"\u003e💊 120 capsules molles\u003c\/span\u003e\n        \u003cspan class=\"ob-badge\"\u003e🇫🇷 Marque française\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ob-hero-title\"\u003eHuile Onagre-Bourrache Bio\u003c\/span\u003e\n      \u003cp class=\"ob-subtitle\"\u003eGraine Sauvage — 120 capsules molles\u003c\/p\u003e\n      \u003cp class=\"ob-description\"\u003eL'alliance précieuse de deux huiles bio d'exception, riches en acides gras essentiels oméga-6, pour accompagner chaque femme à chaque étape de sa vie hormonale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"ob-section\"\u003e\n    \u003ch2\u003eHuile Onagre-Bourrache Bio : le duo végétal au service du bien-être féminin\u003c\/h2\u003e\n    \u003cp class=\"ob-section-intro\"\u003eVous cherchez une solution naturelle pour traverser sereinement les différentes étapes de votre vie hormonale ?\u003c\/p\u003e\n    \u003cdiv class=\"ob-highlight-box\"\u003e\n      \u003cp\u003eL'\u003cstrong\u003ehuile onagre bourrache bio\u003c\/strong\u003e de Graine Sauvage associe deux plantes emblématiques, reconnues depuis des générations pour leur richesse en \u003cstrong\u003eacides gras essentiels\u003c\/strong\u003e. Ce complément alimentaire certifié AB vous accompagne au quotidien avec \u003cstrong\u003e120 capsules molles\u003c\/strong\u003e, soit \u003cstrong\u003e20 jours d'utilisation\u003c\/strong\u003e confortable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"ob-section\"\u003e\n    \u003ch2\u003ePourquoi associer l'onagre et la bourrache ?\u003c\/h2\u003e\n    \u003cp class=\"ob-section-intro\"\u003eChacune de ces deux plantes possède un profil nutritionnel complémentaire. L'huile d'onagre et bourrache réunit leurs forces pour offrir un spectre plus large d'acides gras polyinsaturés oméga-6.\u003c\/p\u003e\n    \u003cdiv class=\"ob-grid\"\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e🌼 L'huile d'onagre\u003c\/h3\u003e\n        \u003cp\u003eParticulièrement concentrée en \u003cstrong\u003eacide linoléique\u003c\/strong\u003e et en \u003cstrong\u003eacide gamma-linolénique (GLA)\u003c\/strong\u003e, impliqués dans le confort hormonal féminin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e💜 L'huile de bourrache\u003c\/h3\u003e\n        \u003cp\u003eContient encore davantage de \u003cstrong\u003eGLA\u003c\/strong\u003e et contribue naturellement à la \u003cstrong\u003esouplesse\u003c\/strong\u003e et à l'\u003cstrong\u003eéclat de la peau\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e🤝 Synergie unique\u003c\/h3\u003e\n        \u003cp\u003eEn combinant ces deux huiles, vous bénéficiez d'un \u003cstrong\u003eapport synergique\u003c\/strong\u003e que chaque huile seule ne pourrait vous offrir. C'est ce qui rend ce duo si apprécié des femmes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"ob-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cp class=\"ob-section-intro\"\u003eL'huile bourrache onagre bio Graine Sauvage est formulée pour répondre aux besoins spécifiques du bien-être féminin.\u003c\/p\u003e\n    \u003cdiv class=\"ob-grid\"\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e🌙 Confort prémenstruel\u003c\/h3\u003e\n        \u003cp\u003eSoutenez votre confort au quotidien et \u003cstrong\u003eatténuez les sensations de tension\u003c\/strong\u003e liées au cycle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e🌺 Ménopause en douceur\u003c\/h3\u003e\n        \u003cp\u003eAccompagnez la période de la \u003cstrong\u003eménopause\u003c\/strong\u003e sereinement — l'association onagre-bourrache fait partie des \u003cstrong\u003eplus recherchées\u003c\/strong\u003e pour cette étape.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e✨ Beauté de la peau\u003c\/h3\u003e\n        \u003cp\u003ePréservez la \u003cstrong\u003ebeauté et l'hydratation de votre peau\u003c\/strong\u003e, notamment les peaux sèches ou matures, grâce aux acides gras essentiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre lipidique\u003c\/h3\u003e\n        \u003cp\u003eContribuez à un \u003cstrong\u003eéquilibre lipidique global\u003c\/strong\u003e grâce à un apport quotidien en acides gras de qualité biologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"ob-section\"\u003e\n    \u003ch2\u003eComposition et ingrédients\u003c\/h2\u003e\n    \u003cp class=\"ob-section-intro\"\u003ePour \u003cstrong\u003e6 capsules\u003c\/strong\u003e (dose journalière recommandée) :\u003c\/p\u003e\n    \u003cdiv class=\"ob-grid-compact\"\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e🌿 Huile d'onagre bio\u003c\/h3\u003e\n        \u003cp\u003ePremière pression à froid\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e💧 Huile de bourrache bio\u003c\/h3\u003e\n        \u003cp\u003ePremière pression à froid\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e💊 Enveloppe capsule\u003c\/h3\u003e\n        \u003cp\u003eGélatine de poisson, glycérine végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n        \u003cp\u003eAntioxydant protecteur\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ob-tip\"\u003e\n      \u003cspan class=\"ob-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eSans OGM, sans colorant artificiel, sans conservateur de synthèse.\u003c\/strong\u003e Produit certifié \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e (FR-BIO-01).\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"ob-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"ob-timeline\"\u003e\n      \u003cdiv class=\"ob-timeline-item\"\u003e\n        \u003cdiv class=\"ob-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ob-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e6 capsules molles par jour\u003c\/strong\u003e, de préférence au cours des repas avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-timeline-item\"\u003e\n        \u003cdiv class=\"ob-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ob-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eLe flacon de 120 capsules correspond à \u003cstrong\u003e20 jours de cure\u003c\/strong\u003e. Pour des résultats optimaux, une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est généralement conseillée, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-timeline-item\"\u003e\n        \u003cdiv class=\"ob-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"ob-timeline-content\"\u003e\n          \u003ch3\u003eConservation\u003c\/h3\u003e\n          \u003cp\u003eConservez le flacon à l'abri de la \u003cstrong\u003echaleur\u003c\/strong\u003e et de l'\u003cstrong\u003ehumidité\u003c\/strong\u003e. Tenez hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"ob-section\"\u003e\n    \u003ch2\u003eLes engagements qualité Graine Sauvage\u003c\/h2\u003e\n    \u003cdiv class=\"ob-grid\"\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e🏅 Certification bio\u003c\/h3\u003e\n        \u003cp\u003eGarantie par un organisme indépendant, pour une \u003cstrong\u003etraçabilité totale\u003c\/strong\u003e de la graine à la capsule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n        \u003cp\u003eExtraction par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e pour préserver l'intégrité des acides gras essentiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e💊 Capsules confortables\u003c\/h3\u003e\n        \u003cp\u003eCapsules molles \u003cstrong\u003efaciles à avaler\u003c\/strong\u003e, sans arrière-goût désagréable pour un confort de prise optimal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ob-card\"\u003e\n        \u003ch3\u003e🇫🇷 Marque française\u003c\/h3\u003e\n        \u003cp\u003eEngagée dans une démarche \u003cstrong\u003erespectueuse de l'environnement\u003c\/strong\u003e et de votre bien-être.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA + DISCLAIMER --\u003e\n  \u003csection class=\"ob-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"ob-cta-box\"\u003e\n      \u003cp\u003eL'huile onagre-bourrache bio Graine Sauvage est un allié naturel précieux pour prendre soin de vous de l'intérieur. 🌿 Offrez à votre corps le meilleur de la nature, certifié bio.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ob-disclaimer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un suivi médical. En cas de doute ou de traitement en cours, consultez votre professionnel de santé avant de débuter une cure.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --ob-cream: #f8f6f1;\n  --ob-white: #ffffff;\n  --ob-primary: #7CB342;\n  --ob-primary-dark: #558B2F;\n  --ob-primary-light: #f0f7e6;\n  --ob-secondary: #C0CA33;\n  --ob-accent: #E8791D;\n  --ob-text: #1a1a1a;\n  --ob-text-light: #5a5a5a;\n  --ob-border: #e0e0e0;\n  --ob-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ob-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ob-radius: 20px;\n  --ob-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ob-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ob-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ob-hero {\n  position: relative;\n  background: linear-gradient(135deg, #558B2F 0%, #7CB342 40%, #9CCC65 70%, #C0CA33 100%);\n  border-radius: var(--ob-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(--ob-shadow-lg);\n}\n\n.ob-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.12) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n                    radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 35%);\n  opacity: 1;\n}\n\n.ob-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ob-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.ob-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.ob-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ob-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ob-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(--ob-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ob-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ob-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ob-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ob-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.ob-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(--ob-primary), var(--ob-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ob-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ob-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.ob-highlight-box {\n  background: var(--ob-white);\n  border-radius: var(--ob-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ob-shadow);\n  border-left: 4px solid var(--ob-primary);\n}\n\n.ob-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--ob-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.ob-card {\n  background: var(--ob-white);\n  border-radius: var(--ob-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ob-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ob-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ob-shadow-lg);\n  border-color: var(--ob-primary);\n}\n\n.ob-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ob-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ob-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ob-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ob-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ob-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ob-grid-compact .ob-card {\n  padding: 1rem;\n}\n\n.ob-grid-compact .ob-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ob-grid-compact .ob-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ob-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ob-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ob-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ob-primary), var(--ob-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.ob-timeline-content {\n  flex: 1;\n  background: var(--ob-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ob-radius-sm);\n  box-shadow: var(--ob-shadow);\n}\n\n.ob-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ob-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ob-timeline-content p {\n  font-size: 14px;\n  color: var(--ob-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ob-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ob-primary-light);\n  border-radius: var(--ob-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ob-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ob-tip p {\n  font-size: 14px;\n  color: var(--ob-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ob-cta-box {\n  background: linear-gradient(135deg, var(--ob-primary) 0%, var(--ob-primary-dark) 100%);\n  border-radius: var(--ob-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ob-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.ob-disclaimer {\n  font-size: 12px;\n  color: var(--ob-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  .ob-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ob-card {\n    padding: 1.125rem;\n  }\n\n  .ob-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ob-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ob-radius-sm);\n  }\n\n  .ob-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ob-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ob-grid-compact {\n    gap: .625rem;\n  }\n\n  .ob-grid-compact .ob-card {\n    padding: .75rem;\n  }\n\n  .ob-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ob-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ob-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ob-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ob-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .ob-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ob-card {\n    animation: obFadeInUp .5s ease backwards;\n  }\n  .ob-card:nth-child(1) { animation-delay: .05s; }\n  .ob-card:nth-child(2) { animation-delay: .1s; }\n  .ob-card:nth-child(3) { animation-delay: .15s; }\n  .ob-card:nth-child(4) { animation-delay: .2s; }\n  .ob-card:nth-child(5) { animation-delay: .25s; }\n  .ob-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes obFadeInUp {\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  .ob-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54888404582777,"sku":"GS0017","price":21.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-onagre-bourrache-bio-120-capsules-graine-sauvage-ingredients.webp?v=1772960295"},{"product_id":"levure-biere-bio-graine-sauvage","title":"Levure de Bière Bio - 60 gélules - Graine sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Levure de Bière Bio - 60 gélules - Graine Sauvage\nPalette détectée:\n  - Primaire: #6B8E23 (vert olive\/nature du couvercle et de la marque)\n  - Secondaire: #C4A265 (kraft\/beige doré du packaging carton)\n  - Accent: #E8672C (orange du logo AB et de la mascotte)\nAmbiance: Naturel\/bio, chaleureux, authentique, éco-responsable, packaging kraft et vert\nPréfixe CSS: lb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Levure de bière bio Graine Sauvage : votre alliée cheveux, ongles et digestion\"\n  2. \"Pourquoi la levure de bière est-elle si efficace pour les cheveux ?\"\n  3. \"Des bienfaits qui vont bien au-delà de la beauté\"\n  4. \"Composition et ingrédients\"\n  5. \"Conseils d'utilisation et posologie\"\n  6. \"Précautions et conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"lb-premium\"\u003e\n\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"lb-hero\"\u003e\n    \u003cdiv class=\"lb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lb-hero-content\"\u003e\n      \u003cdiv class=\"lb-badges-top\"\u003e\n        \u003cspan class=\"lb-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e\n        \u003cspan class=\"lb-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n        \u003cspan class=\"lb-badge\"\u003e🇫🇷 FR-BIO-01\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lb-hero-title\"\u003eLevure de Bière Bio\u003c\/span\u003e\n      \u003cp class=\"lb-subtitle\"\u003eGraine Sauvage — 60 gélules végétales\u003c\/p\u003e\n      \u003cp class=\"lb-description\"\u003eLe secret naturel pour des cheveux forts, des ongles résistants et une digestion apaisée. Une formule bio, pure et sans artifices.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"lb-section\"\u003e\n    \u003ch2\u003eLevure de bière bio Graine Sauvage : votre alliée cheveux, ongles et digestion\u003c\/h2\u003e\n    \u003cp class=\"lb-section-intro\"\u003eVous cherchez un coup de pouce naturel pour redonner force et vitalité à vos cheveux ?\u003c\/p\u003e\n    \u003cp class=\"lb-section-text\"\u003eLa \u003cstrong\u003elevure de bière bio\u003c\/strong\u003e de Graine Sauvage est un complément alimentaire incontournable, reconnu depuis des générations pour ses bienfaits sur la beauté et l'équilibre intérieur. Conditionnée en \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e et certifiée Agriculture Biologique (FR-BIO-01), cette formule pure et sans artifices vous accompagne au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"lb-grid-compact\"\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e💇‍♀️ Cheveux\u003c\/h3\u003e\n        \u003cp\u003eForce, brillance et pousse stimulée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e💅 Ongles\u003c\/h3\u003e\n        \u003cp\u003eRésistance et solidité retrouvées\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e🌿 100 % bio\u003c\/h3\u003e\n        \u003cp\u003eCertifié AB, sans OGM ni additifs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e🫶 Digestion\u003c\/h3\u003e\n        \u003cp\u003eFlore intestinale et transit équilibrés\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"lb-section\"\u003e\n    \u003ch2\u003ePourquoi la levure de bière est-elle si efficace pour les cheveux ?\u003c\/h2\u003e\n    \u003cp class=\"lb-section-text\"\u003eLa \u003cstrong\u003elevure de bière pour les cheveux\u003c\/strong\u003e n'est pas un simple effet de mode : c'est l'un des compléments les plus étudiés dans ce domaine. Sa richesse exceptionnelle en \u003cstrong\u003evitamines du groupe B\u003c\/strong\u003e (B1, B2, B3, B5, B6, B8, B9) en fait un véritable concentré de nutriments qui agissent directement sur le bulbe capillaire. Ces vitamines participent à la synthèse de la kératine, la protéine structurelle de vos cheveux et de vos ongles.\u003c\/p\u003e\n    \u003cdiv class=\"lb-grid\"\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e🛡️ Réduire la chute de cheveux\u003c\/h3\u003e\n        \u003cp\u003eAgit sur les carences nutritionnelles qui fragilisent le cuir chevelu et provoquent la perte de cheveux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e🌱 Stimuler la pousse des cheveux\u003c\/h3\u003e\n        \u003cp\u003eNourrit le follicule pileux de l'intérieur grâce aux vitamines B pour accélérer la croissance capillaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e✨ Redonner épaisseur et brillance\u003c\/h3\u003e\n        \u003cp\u003eRevitalise les cheveux ternes ou fragilisés pour un résultat visible et durable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e💎 Renforcer les ongles cassants\u003c\/h3\u003e\n        \u003cp\u003eLutte contre les ongles qui se dédoublent en apportant kératine et nutriments essentiels\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lb-tip\"\u003e\n      \u003cspan class=\"lb-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eBeaucoup de personnes constatent des résultats encourageants après \u003cstrong\u003e1 mois de cure\u003c\/strong\u003e. Toutefois, les effets les plus visibles apparaissent généralement après \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e de cure régulière, car la pousse des cheveux suit un cycle naturel qu'il faut respecter.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"lb-section\"\u003e\n    \u003ch2\u003eDes bienfaits qui vont bien au-delà de la beauté\u003c\/h2\u003e\n    \u003cp class=\"lb-section-intro\"\u003eSi la levure de bière pour la pousse des cheveux est son usage le plus connu, ce super-aliment offre bien d'autres atouts.\u003c\/p\u003e\n    \u003cdiv class=\"lb-grid\"\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e🫃 Soutien digestif\u003c\/h3\u003e\n        \u003cp\u003eContribue à l'équilibre de la flore intestinale et facilite le transit pour un confort digestif au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e💪 Source de protéines végétales\u003c\/h3\u003e\n        \u003cp\u003eEnviron \u003cstrong\u003e40 à 50 %\u003c\/strong\u003e de sa composition, un allié précieux pour les végétariens et les sportifs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e⚡ Apport en minéraux\u003c\/h3\u003e\n        \u003cp\u003eZinc, sélénium, fer et chrome : des oligo-éléments essentiels au bon fonctionnement de l'organisme\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e🌸 Amélioration du teint\u003c\/h3\u003e\n        \u003cp\u003eEn agissant de l'intérieur, elle favorise une peau plus nette, lumineuse et éclatante de santé\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"lb-section\"\u003e\n    \u003ch2\u003eComposition et ingrédients\u003c\/h2\u003e\n    \u003cdiv class=\"lb-composition-card\"\u003e\n      \u003cdiv class=\"lb-composition-item\"\u003e\n        \u003cspan class=\"lb-composition-label\"\u003eIngrédient actif\u003c\/span\u003e\n        \u003cspan class=\"lb-composition-value\"\u003eLevure de bière (\u003cem\u003eSaccharomyces cerevisiae\u003c\/em\u003e) issue de l'agriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-composition-item\"\u003e\n        \u003cspan class=\"lb-composition-label\"\u003eEnveloppe de la gélule\u003c\/span\u003e\n        \u003cspan class=\"lb-composition-value\"\u003eGélule d'origine végétale (HPMC)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-composition-item lb-composition-badges\"\u003e\n        \u003cspan class=\"lb-comp-badge\"\u003e🚫 Sans colorants\u003c\/span\u003e\n        \u003cspan class=\"lb-comp-badge\"\u003e🚫 Sans conservateurs\u003c\/span\u003e\n        \u003cspan class=\"lb-comp-badge\"\u003e🚫 Sans OGM\u003c\/span\u003e\n        \u003cspan class=\"lb-comp-badge\"\u003e✅ Certifié AB (FR-BIO-01)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"lb-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"lb-timeline\"\u003e\n      \u003cdiv class=\"lb-timeline-item\"\u003e\n        \u003cspan class=\"lb-timeline-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"lb-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e6 gélules par jour\u003c\/strong\u003e, réparties au moment des repas, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-timeline-item\"\u003e\n        \u003cspan class=\"lb-timeline-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"lb-timeline-content\"\u003e\n          \u003ch3\u003eDurée d'un pilulier\u003c\/h3\u003e\n          \u003cp\u003eLe pilulier contient \u003cstrong\u003e60 gélules\u003c\/strong\u003e, soit une cure de \u003cstrong\u003e10 jours\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-timeline-item\"\u003e\n        \u003cspan class=\"lb-timeline-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"lb-timeline-content\"\u003e\n          \u003ch3\u003eCure optimale\u003c\/h3\u003e\n          \u003cp\u003ePour une pousse de cheveux optimale, renouvelez la cure sur \u003cstrong\u003e2 à 3 mois consécutifs\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lb-tip\"\u003e\n      \u003cspan class=\"lb-tip-icon\"\u003e👩‍⚕️\u003c\/span\u003e\n      \u003cp\u003eCe complément convient aux adultes et aux adolescents. En cas de grossesse, d'allaitement ou de traitement médical en cours, demandez conseil à votre médecin ou pharmacien avant toute prise.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"lb-section\"\u003e\n    \u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n    \u003cdiv class=\"lb-accordion\"\u003e\n      \u003cdetails class=\"lb-accordion-item\"\u003e\n        \u003csummary class=\"lb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"lb-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lb-accordion-item\"\u003e\n        \u003csummary class=\"lb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"lb-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe se substitue 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      \u003cdetails class=\"lb-accordion-item\"\u003e\n        \u003csummary class=\"lb-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n        \u003cdiv class=\"lb-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants.\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=\"lb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"lb-cta-box\"\u003e\n      \u003cp\u003eEn choisissant la \u003cstrong\u003elevure de bière bio\u003c\/strong\u003e Graine Sauvage, vous optez pour un produit certifié, respectueux de votre corps et de l'environnement. Un geste simple, quotidien, pour prendre soin de vous de l'intérieur. 🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lb-disclaimer\"\u003eComplément alimentaire. 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\/* === VARIABLES CSS === *\/\n:root {\n  --lb-cream: #faf8f4;\n  --lb-white: #ffffff;\n  --lb-primary: #6B8E23;\n  --lb-primary-dark: #4a6318;\n  --lb-primary-light: #f0f5e4;\n  --lb-secondary: #C4A265;\n  --lb-accent: #E8672C;\n  --lb-text: #1a1a1a;\n  --lb-text-light: #5a5a5a;\n  --lb-border: #e0ddd6;\n  --lb-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --lb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --lb-radius: 20px;\n  --lb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4a6318 0%, #6B8E23 40%, #8aad3a 70%, #C4A265 100%);\n  border-radius: var(--lb-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(--lb-shadow-lg);\n}\n\n.lb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n                    radial-gradient(circle at 60% 80%, rgba(196,162,101,.1) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.lb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.lb-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.lb-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.lb-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.lb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lb-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(--lb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lb-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.lb-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(--lb-primary), var(--lb-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION TEXT === *\/\n.lb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lb-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.lb-section-text {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--lb-text);\n  line-height: 1.8;\n  max-width: 800px;\n  margin: 0 auto 1.5rem auto;\n  text-align: center;\n}\n\n\/* === CARDS === *\/\n.lb-card {\n  background: var(--lb-white);\n  border-radius: var(--lb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lb-shadow-lg);\n  border-color: var(--lb-primary);\n}\n\n.lb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lb-grid-compact .lb-card {\n  padding: 1rem;\n}\n\n.lb-grid-compact .lb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lb-grid-compact .lb-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lb-primary), var(--lb-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.lb-timeline-content {\n  flex: 1;\n  background: var(--lb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lb-radius-sm);\n  box-shadow: var(--lb-shadow);\n}\n\n.lb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lb-timeline-content p {\n  font-size: 14px;\n  color: var(--lb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === COMPOSITION CARD === *\/\n.lb-composition-card {\n  background: var(--lb-white);\n  border-radius: var(--lb-radius);\n  box-shadow: var(--lb-shadow);\n  overflow: hidden;\n}\n\n.lb-composition-item {\n  padding: 1.25rem 1.5rem;\n  border-bottom: 1px solid var(--lb-border);\n  display: flex;\n  flex-direction: column;\n  gap: .35rem;\n}\n\n.lb-composition-item:last-child {\n  border-bottom: none;\n}\n\n.lb-composition-label {\n  font-size: 13px;\n  font-weight: 800;\n  color: var(--lb-primary);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n.lb-composition-value {\n  font-size: 15px;\n  color: var(--lb-text);\n  line-height: 1.6;\n}\n\n.lb-composition-badges {\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: .5rem;\n}\n\n.lb-comp-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 6px 14px;\n  background: var(--lb-primary-light);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--lb-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.lb-testimonial {\n  background: var(--lb-white);\n  border-radius: var(--lb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lb-shadow);\n  border-left: 4px solid var(--lb-primary);\n}\n\n.lb-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lb-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.lb-accordion {\n  background: var(--lb-white);\n  border-radius: var(--lb-radius);\n  box-shadow: var(--lb-shadow);\n  overflow: hidden;\n}\n\n.lb-accordion-item {\n  border-bottom: 1px solid var(--lb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lb-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.lb-accordion-header:hover {\n  background: var(--lb-primary-light);\n}\n\n.lb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lb-primary);\n  transition: transform .2s ease;\n}\n\n.lb-accordion-item[open] .lb-accordion-header::after {\n  content: '−';\n}\n\n.lb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lb-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.lb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lb-primary-light);\n  border-radius: var(--lb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.lb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.lb-tip p {\n  font-size: 14px;\n  color: var(--lb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.lb-cta-box {\n  background: linear-gradient(135deg, var(--lb-primary) 0%, var(--lb-primary-dark) 100%);\n  border-radius: var(--lb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lb-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.lb-disclaimer {\n  font-size: 12px;\n  color: var(--lb-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  .lb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .lb-card {\n    padding: 1.125rem;\n  }\n\n  .lb-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .lb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lb-radius-sm);\n  }\n\n  .lb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .lb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .lb-grid-compact {\n    gap: .625rem;\n  }\n\n  .lb-grid-compact .lb-card {\n    padding: .75rem;\n  }\n\n  .lb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .lb-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .lb-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .lb-timeline-content p {\n    font-size: 13px;\n  }\n\n  .lb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .lb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .lb-testimonial {\n    padding: 1.25rem;\n  }\n\n  .lb-testimonial-text {\n    font-size: 14px;\n  }\n\n  .lb-section-text {\n    text-align: left;\n  }\n\n  .lb-composition-item {\n    padding: 1rem 1.125rem;\n  }\n\n  .lb-composition-badges {\n    gap: .375rem;\n  }\n\n  .lb-comp-badge {\n    font-size: 12px;\n    padding: 5px 10px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lb-card {\n    animation: lbFadeInUp .5s ease backwards;\n  }\n  .lb-card:nth-child(1) { animation-delay: .05s; }\n  .lb-card:nth-child(2) { animation-delay: .1s; }\n  .lb-card:nth-child(3) { animation-delay: .15s; }\n  .lb-card:nth-child(4) { animation-delay: .2s; }\n  .lb-card:nth-child(5) { animation-delay: .25s; }\n  .lb-card:nth-child(6) { animation-delay: .3s; }\n\n  .lb-timeline-item {\n    animation: lbFadeInUp .5s ease backwards;\n  }\n  .lb-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .lb-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .lb-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes lbFadeInUp {\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  .lb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54888505475449,"sku":"GS9103","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/levure-de-biere-bio-60-gelules-graine-sauvage-packshothd.webp?v=1791041014"},{"product_id":"zinc-plus-500-ml","title":"ZINC PLUS Catalyons - Zinc - 500 ml","description":"\u003cdiv class=\"zp-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"zp-hero\"\u003e\n    \u003cdiv class=\"zp-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"zp-hero-content\"\u003e\n      \u003cdiv class=\"zp-badges-top\"\u003e\n        \u003cspan class=\"zp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"zp-badge\"\u003e💧 Oligo-éléments ionisés\u003c\/span\u003e\n        \u003cspan class=\"zp-badge\"\u003e🧪 Procédé breveté depuis 1960\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"zp-hero-title\"\u003eZinc Plus Catalyons\u003c\/span\u003e\n      \u003cp class=\"zp-subtitle\"\u003eZinc en solution ionisée — 500 ml\u003c\/p\u003e\n      \u003cp class=\"zp-description\"\u003eUn zinc hautement biodisponible grâce à l'électrolyse brevetée Catalyons. Immunité, peau, protection cellulaire : un minéral essentiel en une seule prise quotidienne.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003eZinc Plus Catalyons : le zinc en solution ionisée\u003c\/h2\u003e\n    \u003cp class=\"zp-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire au zinc\u003c\/strong\u003e réellement bien assimilé par l'organisme ? Le \u003cstrong\u003eZinc Plus de Catalyons\u003c\/strong\u003e est une solution d'oligo-éléments ionisés qui apporte ce minéral essentiel sous forme liquide, pour une biodisponibilité optimale.\u003c\/p\u003e\n    \u003cdiv class=\"zp-grid-compact\"\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e⚡ Électrolyse brevetée\u003c\/h3\u003e\n        \u003cp\u003eUn procédé naturel exclusif utilisé par les laboratoires Catalyons depuis 1960 pour une assimilation optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e💧 Forme liquide ionisée\u003c\/h3\u003e\n        \u003cp\u003eDes particules extrêmement fines, prêtes à être utilisées par vos cellules sans effort digestif particulier.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e✅ 100 % des AR\u003c\/h3\u003e\n        \u003cp\u003e1 bouchon = 10 mg de zinc, soit 100 % des apports de référence quotidiens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🌿 Formule pure\u003c\/h3\u003e\n        \u003cp\u003eSans additif, sans conservateur, sans alcool et sans colorant. 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\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003eZinc et cuivre : pourquoi respecter la dose ?\u003c\/h2\u003e\n    \u003cdiv class=\"zp-testimonial\"\u003e\n      \u003cp class=\"zp-testimonial-text\"\u003eEn oligothérapie, le \u003cstrong\u003ezinc\u003c\/strong\u003e et le \u003cstrong\u003ecuivre\u003c\/strong\u003e sont deux minéraux qui fonctionnent en synergie dans l'organisme, mais qui se concurrencent au niveau de l'absorption intestinale. Pris séparément à doses élevées, le zinc peut réduire l'assimilation du cuivre, et inversement. Le Zinc Plus est formulé pour apporter un zinc parfaitement dosé (10 mg par bouchon, soit 100 % des apports de référence) sous forme ionisée, dans le respect de cet équilibre naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"zp-tip\"\u003e\n      \u003cspan class=\"zp-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eC'est un point souvent méconnu : un \u003cstrong\u003ecomplément alimentaire en zinc\u003c\/strong\u003e pris à forte dose sur le long terme peut entraîner un déséquilibre en cuivre. Ici, la formulation ionisée à dose physiologique préserve cet équilibre.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003eLes bienfaits reconnus du Zinc Plus\u003c\/h2\u003e\n    \u003cdiv class=\"zp-grid\"\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n        \u003cp\u003eLe zinc contribue au fonctionnement normal du système immunitaire, un atout précieux à l'approche de l'hiver ou en période de fatigue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e✨ Peau, cheveux et ongles\u003c\/h3\u003e\n        \u003cp\u003eLe zinc participe au maintien d'une peau normale et soutient la synthèse des protéines, dont la kératine, pour des cheveux et des ongles en pleine santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🔬 Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eLe zinc contribue à protéger les cellules contre le stress oxydatif provoqué par les radicaux libres.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e⚙️ Équilibre hormonal\u003c\/h3\u003e\n        \u003cp\u003eLe zinc joue un rôle dans le maintien d'un taux normal de testostérone et participe à la fertilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🔄 Métabolisme des macronutriments\u003c\/h3\u003e\n        \u003cp\u003eLe zinc intervient dans le métabolisme normal des glucides, des lipides et des protéines pour une énergie bien utilisée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"zp-testimonial\"\u003e\n      \u003cp class=\"zp-testimonial-text\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Eau osmosée et dynamisée, citrate et carbonate de zinc.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"zp-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e📊 Analyse nutritionnelle\u003c\/h3\u003e\n        \u003cp\u003ePour 1 bouchon (15 mL) : \u003cstrong\u003eZinc 10 mg\u003c\/strong\u003e, soit 100 % des apports de référence.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n        \u003cp\u003eAucun conservateur, alcool ou colorant ajouté.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🌱 Vegan friendly\u003c\/h3\u003e\n        \u003cp\u003eConvient aux végétariens et végétaliens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué intégralement en France par Catalyons.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003eComment prendre le Zinc Plus Catalyons ?\u003c\/h2\u003e\n    \u003cdiv class=\"zp-timeline\"\u003e\n      \u003cdiv class=\"zp-timeline-item\"\u003e\n        \u003cdiv class=\"zp-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"zp-timeline-content\"\u003e\n          \u003ch3\u003eDosez votre prise\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 bouchon doseur (environ 15 ml) par jour\u003c\/strong\u003e, idéalement le matin à jeun ou 15 minutes avant un repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-timeline-item\"\u003e\n        \u003cdiv class=\"zp-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"zp-timeline-content\"\u003e\n          \u003ch3\u003eConsommez pur ou dilué\u003c\/h3\u003e\n          \u003cp\u003eLe goût est très neutre : vous pouvez le prendre pur ou le diluer dans un petit verre d'eau selon votre préférence.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-timeline-item\"\u003e\n        \u003cdiv class=\"zp-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"zp-timeline-content\"\u003e\n          \u003ch3\u003eAbsorption sublinguale\u003c\/h3\u003e\n          \u003cp\u003eGardez la solution en bouche quelques secondes avant d'avaler pour améliorer encore la biodisponibilité des oligo-éléments ionisés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-timeline-item\"\u003e\n        \u003cdiv class=\"zp-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"zp-timeline-content\"\u003e\n          \u003ch3\u003eCure de 3 à 6 semaines\u003c\/h3\u003e\n          \u003cp\u003ePour une cure d'entretien, comptez généralement \u003cstrong\u003e3 à 6 semaines\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"zp-tip\"\u003e\n      \u003cspan class=\"zp-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'absorption sublinguale (garder en bouche) est la méthode la plus efficace pour les oligo-éléments ionisés. Quelques secondes suffisent !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"zp-accordion\"\u003e\n      \u003cdetails class=\"zp-accordion-item\"\u003e\n        \u003csummary class=\"zp-accordion-header\"\u003e📋 Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"zp-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de 15 ml (1 bouchon doseur) par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"zp-accordion-item\"\u003e\n        \u003csummary class=\"zp-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n        \u003cdiv class=\"zp-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"zp-accordion-item\"\u003e\n        \u003csummary class=\"zp-accordion-header\"\u003e🍽️ Alimentation équilibrée\u003c\/summary\u003e\n        \u003cdiv class=\"zp-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe \u003cstrong\u003ecomplément zinc\u003c\/strong\u003e ne se substitue 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=\"zp-accordion-item\"\u003e\n        \u003csummary class=\"zp-accordion-header\"\u003e⚕️ Traitement médical\u003c\/summary\u003e\n        \u003cdiv class=\"zp-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de traitement médical, consultez votre professionnel de santé avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"zp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eLe savoir-faire Catalyons depuis 1960\u003c\/h2\u003e\n    \u003cdiv class=\"zp-cta-box\"\u003e\n      \u003cp\u003eLes laboratoires \u003cstrong\u003eCatalyons\u003c\/strong\u003e sont pionniers en France dans la fabrication d'oligo-éléments ionisés par électrolyse. Ce procédé naturel breveté permet d'obtenir des particules extrêmement fines, directement assimilables par l'organisme. Résultat : une efficacité reconnue par les praticiens de santé naturelle depuis plus de \u003cstrong\u003esix décennies\u003c\/strong\u003e, et une gamme fabriquée intégralement en France.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"zp-disclaimer\"\u003eComplément alimentaire. Ne pas dépasser la dose journalière recommandée. 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  --zp-cream: #f9f6f1;\n  --zp-white: #ffffff;\n  --zp-primary: #c8942a;\n  --zp-primary-dark: #2c3a5e;\n  --zp-primary-light: #f5efe3;\n  --zp-secondary: #d4a83a;\n  --zp-accent: #3b5998;\n  --zp-text: #1a1a1a;\n  --zp-text-light: #5a5a5a;\n  --zp-border: #e0dbd2;\n  --zp-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --zp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --zp-radius: 20px;\n  --zp-radius-sm: 12px;\n}\n\n.zp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--zp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.zp-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--zp-primary-dark) 0%, #3e4f7a 40%, var(--zp-primary) 100%);\n  border-radius: var(--zp-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(--zp-shadow-lg);\n}\n\n.zp-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-linear-gradient(\n    120deg,\n    transparent,\n    transparent 40px,\n    rgba(255,255,255,.03) 40px,\n    rgba(255,255,255,.03) 80px\n  );\n  opacity: 1;\n}\n\n.zp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.zp-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.zp-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: -.01em;\n}\n\n.zp-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.2vw, 17px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.zp-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.zp-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(--zp-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.zp-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.zp-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.zp-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--zp-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.zp-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(--zp-primary), var(--zp-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.zp-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--zp-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.zp-card {\n  background: var(--zp-white);\n  border-radius: var(--zp-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--zp-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.zp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--zp-shadow-lg);\n  border-color: var(--zp-primary);\n}\n\n.zp-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--zp-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.zp-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--zp-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.zp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.zp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.zp-grid-compact .zp-card {\n  padding: 1rem;\n}\n\n.zp-grid-compact .zp-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.zp-grid-compact .zp-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.zp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.zp-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.zp-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--zp-primary), var(--zp-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.zp-timeline-content {\n  flex: 1;\n  background: var(--zp-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--zp-radius-sm);\n  box-shadow: var(--zp-shadow);\n}\n\n.zp-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--zp-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.zp-timeline-content p {\n  font-size: 14px;\n  color: var(--zp-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.zp-testimonial {\n  background: var(--zp-white);\n  border-radius: var(--zp-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--zp-shadow);\n  border-left: 4px solid var(--zp-primary);\n}\n\n.zp-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--zp-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.zp-accordion {\n  background: var(--zp-white);\n  border-radius: var(--zp-radius);\n  box-shadow: var(--zp-shadow);\n  overflow: hidden;\n}\n\n.zp-accordion-item {\n  border-bottom: 1px solid var(--zp-border);\n  margin: 0;\n  padding: 0;\n}\n\n.zp-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.zp-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--zp-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.zp-accordion-header:hover {\n  background: var(--zp-primary-light);\n}\n\n.zp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.zp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--zp-primary);\n  transition: transform .2s ease;\n}\n\n.zp-accordion-item[open] .zp-accordion-header::after {\n  content: '−';\n}\n\n.zp-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--zp-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.zp-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.zp-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--zp-primary-light);\n  border-radius: var(--zp-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.zp-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.zp-tip p {\n  font-size: 14px;\n  color: var(--zp-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.zp-cta-box {\n  background: linear-gradient(135deg, var(--zp-primary-dark) 0%, #3e4f7a 50%, var(--zp-primary) 100%);\n  border-radius: var(--zp-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.zp-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.zp-disclaimer {\n  font-size: 12px;\n  color: var(--zp-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  .zp-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .zp-card {\n    padding: 1.125rem;\n  }\n\n  .zp-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .zp-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--zp-radius-sm);\n  }\n\n  .zp-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .zp-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .zp-grid-compact {\n    gap: .625rem;\n  }\n\n  .zp-grid-compact .zp-card {\n    padding: .75rem;\n  }\n\n  .zp-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .zp-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .zp-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .zp-timeline-content p {\n    font-size: 13px;\n  }\n\n  .zp-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .zp-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .zp-testimonial {\n    padding: 1.25rem;\n  }\n\n  .zp-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .zp-card {\n    animation: zp-fadeInUp .5s ease backwards;\n  }\n  .zp-card:nth-child(1) { animation-delay: .05s; }\n  .zp-card:nth-child(2) { animation-delay: .1s; }\n  .zp-card:nth-child(3) { animation-delay: .15s; }\n  .zp-card:nth-child(4) { animation-delay: .2s; }\n  .zp-card:nth-child(5) { animation-delay: .25s; }\n  .zp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes zp-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  .zp-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"CATALYONS","offers":[{"title":"Default Title","offer_id":54912363823481,"sku":"38813010","price":21.24,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/zinc-plus-catalyons-zinc-cuivre-500-ml-lifestyle.webp?v=1772097244"},{"product_id":"silicium-catalyons-500-ml","title":"Silicium - Os et Articulations - Catalyons 500 ml","description":"\u003cdiv class=\"si-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"si-hero\"\u003e\n\u003cdiv class=\"si-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"si-hero-content\"\u003e\n\u003cdiv class=\"si-badges-top\"\u003e\n\u003cspan class=\"si-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"si-badge\"\u003e💧 Forme liquide ionisée\u003c\/span\u003e \u003cspan class=\"si-badge\"\u003e🦴 Os \u0026amp; articulations\u003c\/span\u003e \u003cspan class=\"si-badge\"\u003e🧪 Depuis 1960\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"si-hero-title\"\u003eSilicium Catalyons 500 ml\u003c\/span\u003e\n\u003cp class=\"si-subtitle\"\u003eOs \u0026amp; Articulations\u003c\/p\u003e\n\u003cp class=\"si-description\"\u003eL'oligo-élément essentiel sous forme ionisée pour une biodisponibilité exceptionnelle. 20 mg\/L de silicium pur, sans additifs, dans une eau purifiée et dynamisée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"si-section\"\u003e\n\u003ch2\u003eSilicium Catalyons : l'oligo-élément essentiel pour vos os et articulations\u003c\/h2\u003e\n\u003cp class=\"si-section-intro\"\u003eAvec l'âge, les réserves naturelles de \u003cstrong\u003esilicium\u003c\/strong\u003e de notre organisme diminuent progressivement. Or, ce \u003cstrong\u003esilicium minéral\u003c\/strong\u003e joue un rôle fondamental dans la structure de nos os, de nos cartilages et de nos tissus conjonctifs.\u003c\/p\u003e\n\u003cdiv class=\"si-highlight-box\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eSilicium Catalyons 500 ml\u003c\/strong\u003e vous apporte cet oligo-élément sous forme ionisée et liquide, pour une \u003cstrong\u003eabsorption optimale\u003c\/strong\u003e par votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"si-section\"\u003e\n\u003ch2\u003ePourquoi le silicium est-il si important pour vos articulations ?\u003c\/h2\u003e\n\u003cp class=\"si-section-intro\"\u003eLe silicium intervient directement dans la synthèse du collagène et de l'élastine, deux protéines indispensables à la souplesse et à la résistance de vos tissus. Un apport régulier en \u003cstrong\u003esilicium articulaire\u003c\/strong\u003e contribue à :\u003c\/p\u003e\n\u003cdiv class=\"si-grid\"\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e🦴 Soutenir la minéralisation osseuse\u003c\/h3\u003e\n\u003cp\u003eLe silicium participe à la fixation du calcium dans les os, un processus essentiel pour maintenir un squelette solide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e🤸 Préserver la qualité du cartilage\u003c\/h3\u003e\n\u003cp\u003eEn favorisant la régénération des tissus conjonctifs, il aide à maintenir la souplesse articulaire au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e✨ Améliorer l'élasticité de la peau\u003c\/h3\u003e\n\u003cp\u003eCheveux, ongles et peau bénéficient également de cet apport, car le silicium renforce leur structure en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e⏳ Accompagner le vieillissement tissulaire\u003c\/h3\u003e\n\u003cp\u003eAprès 40 ans, nos réserves chutent significativement, rendant la supplémentation particulièrement pertinente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"si-section\"\u003e\n\u003ch2\u003eLa technologie ionisée Catalyons : une biodisponibilité exceptionnelle\u003c\/h2\u003e\n\u003cp class=\"si-section-intro\"\u003eCe qui distingue ce \u003cstrong\u003esilicium organique articulaire\u003c\/strong\u003e des autres formules du marché, c'est le procédé breveté des \u003cstrong\u003eLaboratoires Catalyons\u003c\/strong\u003e, fabricant français depuis 1960.\u003c\/p\u003e\n\u003cdiv class=\"si-grid-compact\"\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e⚡ Ionisation unique\u003c\/h3\u003e\n\u003cp\u003eLes oligo-éléments sont réduits à l'état d'ions libres dans une eau purifiée et dynamisée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e🚀 Assimilation rapide\u003c\/h3\u003e\n\u003cp\u003eVotre corps les assimile rapidement, sans effort digestif particulier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e💧 Action systémique\u003c\/h3\u003e\n\u003cp\u003eCette solution buvable agit de l'intérieur et nourrit l'ensemble de vos tissus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e🤝 Complémentaire\u003c\/h3\u003e\n\u003cp\u003eCompatible avec une application locale de gel articulaire au silicium si vous le souhaitez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"si-section\"\u003e\n\u003ch2\u003eComposition et dosage précis\u003c\/h2\u003e\n\u003cdiv class=\"si-composition-box\"\u003e\n\u003cdiv class=\"si-composition-main\"\u003e\n\u003ch3\u003e💧 Formule pure\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Eau purifiée dynamisée, Silicium sous forme ionisée - concentration de \u003cstrong\u003e20 mg\/L\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-composition-badges\"\u003e\n\u003cspan class=\"si-comp-badge\"\u003eSans additifs\u003c\/span\u003e \u003cspan class=\"si-comp-badge\"\u003eSans conservateurs\u003c\/span\u003e \u003cspan class=\"si-comp-badge\"\u003eSans alcool\u003c\/span\u003e \u003cspan class=\"si-comp-badge\"\u003eSans gluten\u003c\/span\u003e \u003cspan class=\"si-comp-badge\"\u003eVégétarien\u003c\/span\u003e \u003cspan class=\"si-comp-badge\"\u003eVégétalien\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"si-section\"\u003e\n\u003ch2\u003eComment prendre le Silicium Catalyons ?\u003c\/h2\u003e\n\u003cdiv class=\"si-timeline\"\u003e\n\u003cdiv class=\"si-timeline-item\"\u003e\n\u003cdiv class=\"si-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"si-timeline-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 à 3 cuillères à soupe par jour\u003c\/strong\u003e (soit 15 à 45 ml), de préférence \u003cstrong\u003een dehors des repas\u003c\/strong\u003e - idéalement 15 minutes avant ou deux heures après.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-timeline-item\"\u003e\n\u003cdiv class=\"si-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"si-timeline-content\"\u003e\n\u003ch3\u003eAbsorption sublinguale\u003c\/h3\u003e\n\u003cp\u003eGardez la solution quelques secondes en bouche avant d'avaler pour favoriser l'absorption sublinguale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-timeline-item\"\u003e\n\u003cdiv class=\"si-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"si-timeline-content\"\u003e\n\u003ch3\u003eCure de 3 mois recommandée\u003c\/h3\u003e\n\u003cp\u003ePour des résultats optimaux, privilégiez une \u003cstrong\u003ecure de 3 mois\u003c\/strong\u003e, renouvelable après une pause de quelques semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-timeline-item\"\u003e\n\u003cdiv class=\"si-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"si-timeline-content\"\u003e\n\u003ch3\u003eConservation\u003c\/h3\u003e\n\u003cp\u003eAgitez le flacon avant chaque utilisation et conservez-le à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"si-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"si-grid\"\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e👤 Personnes de plus de 40 ans\u003c\/h3\u003e\n\u003cp\u003eSouhaitant préserver leur capital osseux et articulaire face au vieillissement naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n\u003cp\u003eSollicitant intensément leurs articulations et leurs tendons au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e💅 Beauté de la peau, cheveux et ongles\u003c\/h3\u003e\n\u003cp\u003ePour toute personne recherchant un soutien naturel pour renforcer leur structure en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"si-card\"\u003e\n\u003ch3\u003e💧 Adeptes du format liquide\u003c\/h3\u003e\n\u003cp\u003ePour ceux qui préfèrent une forme liquide, plus facile à prendre que des gélules ou comprimés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"si-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"si-accordion\"\u003e\n\u003cdetails class=\"si-accordion-item\"\u003e\n\u003csummary class=\"si-accordion-header\"\u003e⚠️ Avertissements généraux\u003c\/summary\u003e\n\u003cdiv class=\"si-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"si-accordion-item\"\u003e\n\u003csummary class=\"si-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n\u003cdiv class=\"si-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement en cours, demandez conseil à votre professionnel de santé avant utilisation.\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 style=\"margin-bottom: 0px!important;\" class=\"si-section\"\u003e\n\u003cdiv class=\"si-cta-box\"\u003e\n\u003cp\u003eAvec le \u003cstrong\u003eSilicium Catalyons 500 ml\u003c\/strong\u003e, offrez à votre corps un oligo-élément clé dans sa forme la plus assimilable, fabriqué en France selon un savoir-faire reconnu depuis plus de 60 ans. 🇫🇷\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"si-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --si-cream: #faf8f5;\n  --si-white: #ffffff;\n  --si-primary: #c8872e;\n  --si-primary-dark: #8a5a18;\n  --si-primary-light: #fdf3e6;\n  --si-secondary: #2e3a6e;\n  --si-accent: #d4a04a;\n\n  \/* Textes *\/\n  --si-text: #1a1a1a;\n  --si-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --si-border: #e8e0d6;\n  --si-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --si-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --si-radius: 20px;\n  --si-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.si-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--si-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.si-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--si-primary-dark) 0%, var(--si-primary) 50%, var(--si-accent) 100%);\n  border-radius: var(--si-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(--si-shadow-lg);\n}\n\n.si-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(255,255,255,.06) 0%, transparent 40%),\n              repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n  opacity: 1;\n}\n\n.si-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.si-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.si-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: .05em;\n  text-transform: uppercase;\n}\n\n.si-description {\n  color: rgba(255,255,255,.85);\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.si-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.si-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(--si-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.si-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.si-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.si-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--si-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.si-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(--si-primary), var(--si-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.si-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--si-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\/* === CARDS === *\/\n.si-card {\n  background: var(--si-white);\n  border-radius: var(--si-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--si-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.si-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--si-shadow-lg);\n  border-color: var(--si-primary);\n}\n\n.si-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--si-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.si-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--si-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.si-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.si-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.si-grid-compact .si-card {\n  padding: 1rem;\n}\n\n.si-grid-compact .si-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.si-grid-compact .si-card p {\n  font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.si-highlight-box {\n  background: linear-gradient(135deg, var(--si-primary-light) 0%, rgba(212,160,74,.08) 100%);\n  border-radius: var(--si-radius-sm);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  border-left: 4px solid var(--si-primary);\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.si-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--si-text);\n  margin: 0;\n  line-height: 1.7;\n  text-align: center;\n}\n\n\/* === COMPOSITION BOX === *\/\n.si-composition-box {\n  background: var(--si-white);\n  border-radius: var(--si-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--si-shadow);\n  text-align: center;\n}\n\n.si-composition-main {\n  margin-bottom: 1.5rem;\n}\n\n.si-composition-main h3 {\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 800;\n  color: var(--si-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.si-composition-main p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--si-text);\n  margin: 0;\n  line-height: 1.7;\n}\n\n.si-composition-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.si-comp-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 6px 14px;\n  background: var(--si-primary-light);\n  border: 1px solid var(--si-accent);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--si-primary-dark);\n  transition: all .2s ease;\n}\n\n.si-comp-badge:hover {\n  background: var(--si-accent);\n  color: var(--si-white);\n}\n\n\/* === TIMELINE === *\/\n.si-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.si-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.si-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--si-primary), var(--si-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.si-timeline-content {\n  flex: 1;\n  background: var(--si-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--si-radius-sm);\n  box-shadow: var(--si-shadow);\n}\n\n.si-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--si-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.si-timeline-content p {\n  font-size: 14px;\n  color: var(--si-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.si-accordion {\n  background: var(--si-white);\n  border-radius: var(--si-radius);\n  box-shadow: var(--si-shadow);\n  overflow: hidden;\n}\n\n.si-accordion-item {\n  border-bottom: 1px solid var(--si-border);\n  margin: 0;\n  padding: 0;\n}\n\n.si-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.si-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--si-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.si-accordion-header:hover {\n  background: var(--si-primary-light);\n}\n\n.si-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.si-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--si-primary);\n  transition: transform .2s ease;\n}\n\n.si-accordion-item[open] .si-accordion-header::after {\n  content: '−';\n}\n\n.si-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--si-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.si-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.si-cta-box {\n  background: linear-gradient(135deg, var(--si-primary) 0%, var(--si-primary-dark) 100%);\n  border-radius: var(--si-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.si-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.si-disclaimer {\n  font-size: 12px;\n  color: var(--si-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  .si-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .si-card {\n    padding: 1.125rem;\n  }\n\n  .si-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .si-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--si-radius-sm);\n  }\n\n  .si-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .si-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .si-grid-compact {\n    gap: .625rem;\n  }\n\n  .si-grid-compact .si-card {\n    padding: .75rem;\n  }\n\n  .si-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .si-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .si-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .si-timeline-content p {\n    font-size: 13px;\n  }\n\n  .si-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .si-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .si-highlight-box {\n    padding: 1rem;\n  }\n\n  .si-composition-box {\n    padding: 1.25rem;\n  }\n\n  .si-comp-badge {\n    font-size: 11px;\n    padding: 5px 10px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .si-card {\n    animation: siFadeInUp .5s ease backwards;\n  }\n  .si-card:nth-child(1) { animation-delay: .05s; }\n  .si-card:nth-child(2) { animation-delay: .1s; }\n  .si-card:nth-child(3) { animation-delay: .15s; }\n  .si-card:nth-child(4) { animation-delay: .2s; }\n  .si-card:nth-child(5) { animation-delay: .25s; }\n  .si-card:nth-child(6) { animation-delay: .3s; }\n\n  .si-timeline-item {\n    animation: siFadeInUp .5s ease backwards;\n  }\n  .si-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .si-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .si-timeline-item:nth-child(3) { animation-delay: .15s; }\n  .si-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes siFadeInUp {\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  .si-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"CATALYONS","offers":[{"title":"Default Title","offer_id":54914448195961,"sku":"38813015","price":19.74,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silicium-os-et-articulations-catalyons-500-ml-lifestyle_ed2f796a-d204-4d98-8f9f-ba8ad046a10c.webp?v=1772098006"},{"product_id":"bambou-silice-60-gelules-laboratoire-code","title":"Bambou Silice - 60 gélules - Laboratoire Code","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Bambou Silice - 60 gélules - Laboratoire Code\nPalette détectée:\n  - Primaire: #7BAFD4 (bleu ciel doux du packaging)\n  - Secondaire: #E63946 (rouge vif du cartouche titre)\n  - Accent: #4A9B4E (vert du label vegan)\n  - Background: #F5F8FA (gris-bleu très clair)\nAmbiance: Naturel\/bien-être, frais et apaisant, touche végétale avec le bambou, style laboratoire moderne mais accessible\nPréfixe CSS: bs\n--\u003e\n\n\u003cdiv class=\"bs-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"bs-hero\"\u003e\n    \u003cdiv class=\"bs-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bs-hero-content\"\u003e\n      \u003cdiv class=\"bs-badges-top\"\u003e\n        \u003cspan class=\"bs-badge\"\u003e🎋 75% silice pure\u003c\/span\u003e\n        \u003cspan class=\"bs-badge\"\u003e🌱 100% végan\u003c\/span\u003e\n        \u003cspan class=\"bs-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"bs-hero-title\"\u003eBambou Silice\u003c\/span\u003e\n      \u003cp class=\"bs-subtitle\"\u003eLa puissance du bambou pour vos articulations et votre beauté\u003c\/p\u003e\n      \u003cp class=\"bs-description\"\u003eUne source exceptionnelle de silicium naturel, hautement concentrée et parfaitement assimilée par l'organisme. 675 mg de silice pure par jour pour des résultats visibles.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n  \u003csection class=\"bs-section\"\u003e\n    \u003ch2\u003e🌟 Les bienfaits du silicium\u003c\/h2\u003e\n    \u003cdiv class=\"bs-grid\"\u003e\n      \u003cdiv class=\"bs-card\"\u003e\n        \u003ch3\u003e🦴 Solidité osseuse\u003c\/h3\u003e\n        \u003cp\u003eFavorise la fixation du calcium et contribue au maintien d'une ossature solide et résistante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bs-card\"\u003e\n        \u003ch3\u003e🤸 Souplesse articulaire\u003c\/h3\u003e\n        \u003cp\u003eParticipe à la structure du cartilage et accompagne sa régénération naturelle avec l'âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bs-card\"\u003e\n        \u003ch3\u003e💇 Cheveux renforcés\u003c\/h3\u003e\n        \u003cp\u003eRenforce la fibre capillaire de l'intérieur et favorise brillance et vitalité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bs-card\"\u003e\n        \u003ch3\u003e💅 Ongles solides\u003c\/h3\u003e\n        \u003cp\u003eAide à maintenir des ongles moins cassants et plus résistants au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bs-card\"\u003e\n        \u003ch3\u003e✨ Peau éclatante\u003c\/h3\u003e\n        \u003cp\u003eSoutient la synthèse du collagène et de l'élastine pour une peau ferme et élastique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bs-card\"\u003e\n        \u003ch3\u003e🔗 Tissus conjonctifs\u003c\/h3\u003e\n        \u003cp\u003eMaintient la structure des tendons et ligaments pour un corps plus souple.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"bs-section\"\u003e\n    \u003ch2\u003e🎋 Composition par dose (3 gélules)\u003c\/h2\u003e\n    \u003cdiv class=\"bs-grid\"\u003e\n      \u003cdiv class=\"bs-card bs-card-highlight\"\u003e\n        \u003ch3\u003e🌿 Extrait de bambou\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e900 mg\u003c\/strong\u003e de Bambusa vulgaris titré à 75% de silice, soit \u003cstrong\u003e675 mg de silice pure\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bs-card\"\u003e\n        \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n        \u003cp\u003eEnveloppe en hypromellose, 100% compatible avec un régime végan.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bs-card\"\u003e\n        \u003ch3\u003e⚗️ Stéarate de magnésium\u003c\/h3\u003e\n        \u003cp\u003e60 mg d'agent de charge pour une formule stable et efficace.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bs-formula-badge\"\u003e\n      \u003cspan\u003e🚫 Sans additifs inutiles\u003c\/span\u003e\n      \u003cspan\u003e🚫 Sans colorants artificiels\u003c\/span\u003e\n      \u003cspan\u003e🌱 Sans ingrédients animaux\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POURQUOI LE BAMBOU --\u003e\n  \u003csection class=\"bs-section\"\u003e\n    \u003ch2\u003e🎍 Pourquoi choisir la silice de bambou ?\u003c\/h2\u003e\n    \u003cdiv class=\"bs-info-box\"\u003e\n      \u003cp\u003eLe bambou (\u003cem\u003eBambusa vulgaris\u003c\/em\u003e) est reconnu comme l'une des \u003cstrong\u003esources végétales les plus riches en silicium\u003c\/strong\u003e. Contrairement au dioxyde de silicium synthétique, la silice de bambou tabashir est d'origine 100% naturelle et particulièrement bien tolérée.\u003c\/p\u003e\n      \u003cp\u003eNotre alimentation moderne apporte rarement suffisamment de silicium, d'où l'intérêt d'une supplémentation de qualité avec un titrage exceptionnel de \u003cstrong\u003e75%\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"bs-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"bs-steps\"\u003e\n      \u003cdiv class=\"bs-step\"\u003e\n        \u003cdiv class=\"bs-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"bs-step-content\"\u003e\n          \u003ch3\u003e🌅 Le matin\u003c\/h3\u003e\n          \u003cp\u003e1 gélule au petit-déjeuner avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bs-step\"\u003e\n        \u003cdiv class=\"bs-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"bs-step-content\"\u003e\n          \u003ch3\u003e☀️ Le midi\u003c\/h3\u003e\n          \u003cp\u003e1 gélule au déjeuner avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bs-step\"\u003e\n        \u003cdiv class=\"bs-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"bs-step-content\"\u003e\n          \u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n          \u003cp\u003e1 gélule au dîner avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bs-tip\"\u003e\n      \u003cstrong\u003e💡 Conseil :\u003c\/strong\u003e Pour des résultats optimaux sur les articulations ou la beauté des cheveux et ongles, une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est recommandée.\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"bs-section\"\u003e\n    \u003ch2\u003e👥 À qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"bs-grid\"\u003e\n      \u003cdiv class=\"bs-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n        \u003cp\u003ePréservez vos articulations sollicitées par l'entraînement régulier.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bs-card\"\u003e\n        \u003ch3\u003e🧘 Seniors en forme\u003c\/h3\u003e\n        \u003cp\u003eMaintenez souplesse et confort articulaire avec l'âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bs-card\"\u003e\n        \u003ch3\u003e💆 Beauté naturelle\u003c\/h3\u003e\n        \u003cp\u003eRenforcez cheveux et ongles fragilisés de l'intérieur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bs-card\"\u003e\n        \u003ch3\u003e🌱 Végans\u003c\/h3\u003e\n        \u003cp\u003eFormule 100% végétale, sans aucun ingrédient d'origine animale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"bs-section\"\u003e\n    \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"bs-grid-compact\"\u003e\n      \u003cdiv class=\"bs-card\"\u003e\n        \u003ch3\u003e💊 Contenance\u003c\/h3\u003e\n        \u003cp\u003e60 gélules de 415 mg\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bs-card\"\u003e\n        \u003ch3\u003e📅 Durée\u003c\/h3\u003e\n        \u003cp\u003e20 jours de cure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bs-card\"\u003e\n        \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n        \u003cp\u003eConditionné en France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bs-card\"\u003e\n        \u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n        \u003cp\u003e100% végan\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=\"bs-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"bs-accordion\"\u003e\n      \u003cdetails class=\"bs-accordion-item\"\u003e\n        \u003csummary class=\"bs-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"bs-accordion-content\"\u003e\n          \u003cp\u003eConserver dans un endroit sec, à l'abri de la lumière et de la chaleur. Refermer soigneusement le pilulier après chaque utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bs-accordion-item\"\u003e\n        \u003csummary class=\"bs-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"bs-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire est déconseillé aux femmes enceintes ou allaitantes. Ne dépassez pas la dose journalière recommandée de 3 gélules. Ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. En cas de traitement médical en cours, demandez conseil à votre médecin. 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  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"bs-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"bs-cta-box\"\u003e\n      \u003cp\u003e🎋 Offrez à votre corps la puissance naturelle du bambou : \u003cstrong\u003e675 mg de silice pure\u003c\/strong\u003e par jour pour des articulations souples, des os solides et une beauté rayonnante de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --bs-cream: #F5F8FA;\n  --bs-white: #ffffff;\n  --bs-primary: #7BAFD4;\n  --bs-primary-dark: #4A8AB8;\n  --bs-primary-light: #E8F4FB;\n  --bs-secondary: #E63946;\n  --bs-accent: #4A9B4E;\n  --bs-text: #1a1a1a;\n  --bs-text-light: #5a5a5a;\n  --bs-border: #e0e0e0;\n  --bs-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --bs-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --bs-radius: 20px;\n  --bs-radius-sm: 12px;\n}\n\n.bs-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--bs-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bs-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7BAFD4 0%, #4A8AB8 50%, #3D7A9E 100%);\n  border-radius: var(--bs-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(--bs-shadow-lg);\n}\n\n.bs-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 L30 55 M25 10 L30 5 L35 10 M25 20 L30 15 L35 20 M25 30 L30 25 L35 30 M25 40 L30 35 L35 40 M25 50 L30 45 L35 50' stroke='%23ffffff' stroke-width='1' fill='none' opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .15;\n}\n\n.bs-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.bs-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .5rem;\n  margin-bottom: 1.5rem;\n}\n\n.bs-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(--bs-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.bs-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.bs-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.bs-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.bs-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.bs-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bs-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--bs-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.bs-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(--bs-primary), var(--bs-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.bs-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.bs-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.bs-card {\n  background: var(--bs-white);\n  border-radius: var(--bs-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--bs-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.bs-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--bs-shadow-lg);\n  border-color: var(--bs-primary);\n}\n\n.bs-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--bs-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.bs-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--bs-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.bs-card-highlight {\n  background: linear-gradient(135deg, var(--bs-primary-light) 0%, var(--bs-white) 100%);\n  border: 2px solid var(--bs-primary);\n}\n\n\/* === INFO BOX === *\/\n.bs-info-box {\n  background: var(--bs-white);\n  border-radius: var(--bs-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--bs-shadow);\n  border-left: 5px solid var(--bs-accent);\n}\n\n.bs-info-box p {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--bs-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.bs-info-box p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === FORMULA BADGE === *\/\n.bs-formula-badge {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .75rem;\n  margin-top: 1.5rem;\n}\n\n.bs-formula-badge span {\n  background: var(--bs-primary-light);\n  color: var(--bs-primary-dark);\n  padding: .5rem 1rem;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n\/* === STEPS === *\/\n.bs-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.bs-step {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: var(--bs-white);\n  border-radius: var(--bs-radius);\n  padding: 1.25rem;\n  box-shadow: var(--bs-shadow);\n  transition: all .3s ease;\n}\n\n.bs-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--bs-shadow-lg);\n}\n\n.bs-step-number {\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--bs-primary), var(--bs-primary-dark));\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  flex-shrink: 0;\n}\n\n.bs-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--bs-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.bs-step-content p {\n  font-size: 14px;\n  color: var(--bs-text-light);\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.bs-tip {\n  background: linear-gradient(135deg, #FFF8E1 0%, #FFF3CD 100%);\n  border-radius: var(--bs-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  font-size: 14px;\n  color: #856404;\n  text-align: center;\n  border: 1px solid #FFE082;\n}\n\n\/* === ACCORDÉON === *\/\n.bs-accordion {\n  background: var(--bs-white);\n  border-radius: var(--bs-radius);\n  box-shadow: var(--bs-shadow);\n  overflow: hidden;\n}\n\n.bs-accordion-item {\n  border-bottom: 1px solid var(--bs-border);\n  margin: 0;\n  padding: 0;\n}\n\n.bs-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.bs-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--bs-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.bs-accordion-header:hover {\n  background: var(--bs-primary-light);\n}\n\n.bs-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.bs-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--bs-primary);\n  transition: transform .2s ease;\n}\n\n.bs-accordion-item[open] .bs-accordion-header::after {\n  content: '−';\n}\n\n.bs-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--bs-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.bs-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.bs-cta-box {\n  background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-primary-dark) 100%);\n  border-radius: var(--bs-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.bs-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.bs-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  .bs-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .bs-grid-compact {\n    gap: .625rem;\n  }\n  \n  .bs-grid-compact .bs-card {\n    padding: .75rem;\n  }\n  \n  .bs-grid-compact .bs-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n  \n  .bs-grid-compact .bs-card p {\n    font-size: 12px;\n  }\n  \n  .bs-card {\n    padding: 1.125rem;\n  }\n  \n  .bs-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .bs-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--bs-radius-sm);\n  }\n  \n  .bs-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .bs-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .bs-step {\n    padding: 1rem;\n  }\n  \n  .bs-step-number {\n    width: 40px;\n    height: 40px;\n    font-size: 18px;\n  }\n  \n  .bs-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .bs-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .bs-formula-badge {\n    gap: .5rem;\n  }\n  \n  .bs-formula-badge span {\n    font-size: 11px;\n    padding: .4rem .75rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .bs-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .bs-card:nth-child(1) { animation-delay: .05s; }\n  .bs-card:nth-child(2) { animation-delay: .1s; }\n  .bs-card:nth-child(3) { animation-delay: .15s; }\n  .bs-card:nth-child(4) { animation-delay: .2s; }\n  .bs-card:nth-child(5) { animation-delay: .25s; }\n  .bs-card:nth-child(6) { animation-delay: .3s; }\n  \n  .bs-step {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .bs-step:nth-child(1) { animation-delay: .1s; }\n  .bs-step:nth-child(2) { animation-delay: .2s; }\n  .bs-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  .bs-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55119094317433,"sku":"LC9060","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bambou-silice-60-gelules-laboratoire-code-packshothd.webp?v=1785950026"},{"product_id":"astaxanthine-bio-30-gelules-aosa-veritable","title":"Astaxanthine bio - 30 gélules - Aosa Véritable","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Astaxanthine bio - 30 gélules - Aosa Véritable\nPalette détectée:\n  - Primaire: #2E8B57 (vert émeraude du bouchon et bandeau)\n  - Secondaire: #F5A623 (orange\/jaune du logo \"Véritable\")\n  - Accent: #E8F5E9 (vert très clair pour backgrounds)\nAmbiance: Naturel\/Bio, frais, santé, certifié agriculture biologique, produit français\nPréfixe CSS: astx\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Astaxanthine bio 8 mg : l'antioxydant naturel le plus puissant pour votre peau et votre vitalité\"\n  2. \"Qu'est-ce que l'astaxanthine et pourquoi en prendre ?\"\n  3. \"Pourquoi choisir l'astaxanthine bio d'Aosa Véritable ?\"\n  4. \"Composition détaillée pour 1 gélule\"\n  5. \"Comment prendre l'astaxanthine bio ?\"\n  6. \"À qui s'adresse ce complément alimentaire ?\"\n  7. \"Précautions d'emploi\"\n  8. \"Questions fréquentes sur l'astaxanthine bio\"\n  9. \"Faites le choix d'une protection cellulaire naturelle et certifiée bio\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"astx-premium\"\u003e\n  \n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"astx-hero\"\u003e\n    \u003cdiv class=\"astx-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"astx-hero-content\"\u003e\n      \u003cdiv class=\"astx-badges-top\"\u003e\n        \u003cspan class=\"astx-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n        \u003cspan class=\"astx-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"astx-badge\"\u003e💪 6000x plus puissant que la vitamine C\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"astx-hero-title\"\u003eAstaxanthine Bio 8 mg\u003c\/span\u003e\n      \u003cp class=\"astx-subtitle\"\u003eL'antioxydant naturel le plus puissant au monde\u003c\/p\u003e\n      \u003cp class=\"astx-description\"\u003eExtrait de la microalgue Haematococcus pluvialis, ce pigment rouge orangé protège vos cellules, préserve votre peau et soutient votre vitalité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"astx-section\"\u003e\n    \u003ch2\u003eAstaxanthine bio 8 mg : l'antioxydant naturel le plus puissant pour votre peau et votre vitalité\u003c\/h2\u003e\n    \u003cp class=\"astx-section-intro\"\u003eVous recherchez une protection cellulaire efficace contre le vieillissement cutané et le stress oxydatif ? L'astaxanthine bio d'Aosa Véritable est exactement ce qu'il vous faut.\u003c\/p\u003e\n    \u003cdiv class=\"astx-grid-compact\"\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e⚡ 6000x plus puissant\u003c\/h3\u003e\n        \u003cp\u003eque la vitamine C en pouvoir antioxydant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🛡️ 550x plus actif\u003c\/h3\u003e\n        \u003cp\u003eque la vitamine E contre les radicaux libres\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🌱 100% naturel\u003c\/h3\u003e\n        \u003cp\u003eExtrait de microalgue certifiée bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité et qualité irréprochables\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"astx-tip\"\u003e\n      \u003cspan class=\"astx-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eVotre peau, vos yeux et l'ensemble de vos cellules bénéficient d'une défense naturelle contre les agressions quotidiennes : exposition solaire, pollution, fatigue...\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"astx-section\"\u003e\n    \u003ch2\u003eQu'est-ce que l'astaxanthine et pourquoi en prendre ?\u003c\/h2\u003e\n    \u003cp class=\"astx-section-intro\"\u003eL'astaxanthine appartient à la famille des caroténoïdes, ces pigments naturels qui donnent leur couleur aux flamants roses, aux saumons et aux crevettes. Sa particularité ? Elle traverse la barrière hémato-encéphalique pour protéger le cerveau et les yeux de l'intérieur.\u003c\/p\u003e\n    \u003cdiv class=\"astx-grid\"\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e✨ Élasticité préservée\u003c\/h3\u003e\n        \u003cp\u003eMaintient la fermeté et la souplesse de la peau en neutralisant les radicaux libres générés par les UV\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🌟 Teint lumineux\u003c\/h3\u003e\n        \u003cp\u003eSoutient un teint uniforme et éclatant, atténue l'apparence des ridules liées au photovieillissement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e☀️ Préparation solaire\u003c\/h3\u003e\n        \u003cp\u003ePrépare naturellement la peau avant l'exposition au soleil pour une meilleure tolérance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e👁️ Santé oculaire\u003c\/h3\u003e\n        \u003cp\u003eProtège la rétine de la fatigue visuelle, idéal si vous passez de longues heures devant les écrans\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"astx-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'astaxanthine bio d'Aosa Véritable ?\u003c\/h2\u003e\n    \u003cp class=\"astx-section-intro\"\u003eSur le marché des compléments alimentaires, toutes les astaxanthines ne se valent pas. Voici ce qui distingue cette formule premium :\u003c\/p\u003e\n    \u003cdiv class=\"astx-grid\"\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🌿 Certification bio AB\u003c\/h3\u003e\n        \u003cp\u003eMicroalgue cultivée selon des méthodes respectueuses de l'environnement, sans pesticides ni produits chimiques de synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e💊 Dosage optimal 8 mg\u003c\/h3\u003e\n        \u003cp\u003eLa concentration recommandée par les études pour observer des effets significatifs sur la peau et la protection cellulaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🔬 Source 100% naturelle\u003c\/h3\u003e\n        \u003cp\u003eAstaxanthine extraite exclusivement de l'algue Haematococcus pluvialis, jamais de synthèse chimique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🌱 Gélules végétales\u003c\/h3\u003e\n        \u003cp\u003eConvient parfaitement aux régimes végétariens et végans\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité complète et qualité irréprochable garanties\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e✅ Sans allergène\u003c\/h3\u003e\n        \u003cp\u003eSans OGM, sans gluten – une formule pure adaptée aux organismes sensibles\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"astx-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 1 gélule\u003c\/h2\u003e\n    \u003cdiv class=\"astx-composition-box\"\u003e\n      \u003cdiv class=\"astx-composition-item\"\u003e\n        \u003cdiv class=\"astx-composition-label\"\u003ePoudre d'Haematococcus pluvialis*\u003c\/div\u003e\n        \u003cdiv class=\"astx-composition-value\"\u003e160 mg\u003c\/div\u003e\n        \u003cdiv class=\"astx-composition-detail\"\u003estandardisée à 5% d'astaxanthine = \u003cstrong\u003e8 mg d'astaxanthine pure\u003c\/strong\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-composition-item\"\u003e\n        \u003cdiv class=\"astx-composition-label\"\u003eFibre d'acacia biologique*\u003c\/div\u003e\n        \u003cdiv class=\"astx-composition-value\"\u003e100 mg\u003c\/div\u003e\n        \u003cdiv class=\"astx-composition-detail\"\u003eprébiotique doux favorisant l'absorption intestinale\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-composition-item\"\u003e\n        \u003cdiv class=\"astx-composition-label\"\u003eEnveloppe de la gélule\u003c\/div\u003e\n        \u003cdiv class=\"astx-composition-value\"\u003e—\u003c\/div\u003e\n        \u003cdiv class=\"astx-composition-detail\"\u003ehypromellose (cellulose végétale)\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"astx-composition-note\"\u003e*Ingrédients issus de l'Agriculture Biologique\u003c\/p\u003e\n    \u003cdiv class=\"astx-tip\"\u003e\n      \u003cspan class=\"astx-tip-icon\"\u003e🧪\u003c\/span\u003e\n      \u003cp\u003eLa formule ne contient aucun additif superflu, aucun colorant artificiel, aucun conservateur de synthèse. Juste l'essentiel pour votre bien-être.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"astx-section\"\u003e\n    \u003ch2\u003eComment prendre l'astaxanthine ?\u003c\/h2\u003e\n    \u003cdiv class=\"astx-timeline\"\u003e\n      \u003cdiv class=\"astx-timeline-item\"\u003e\n        \u003cdiv class=\"astx-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"astx-timeline-content\"\u003e\n          \u003ch3\u003ePosologie simple\u003c\/h3\u003e\n          \u003cp\u003e1 gélule par jour suffit pour bénéficier de tous les bienfaits\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-timeline-item\"\u003e\n        \u003cdiv class=\"astx-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"astx-timeline-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003eAu cours d'un repas contenant un peu de matières grasses – l'astaxanthine étant liposoluble, elle s'absorbe mieux avec des lipides\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-timeline-item\"\u003e\n        \u003cdiv class=\"astx-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"astx-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003e1 à 3 mois pour des résultats visibles sur la peau, à renouveler selon vos besoins\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"astx-tip\"\u003e\n      \u003cspan class=\"astx-tip-icon\"\u003e☀️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce été :\u003c\/strong\u003e Pour une préparation optimale avant l'été, commencez votre cure 4 à 6 semaines avant vos premières expositions au soleil. Un flacon de 30 gélules correspond à un mois complet de cure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"astx-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément alimentaire ?\u003c\/h2\u003e\n    \u003cdiv class=\"astx-grid\"\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e👩 Beauté naturelle\u003c\/h3\u003e\n        \u003cp\u003ePersonnes souhaitant préserver la jeunesse de leur peau de façon naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🏖️ Amateurs de soleil\u003c\/h3\u003e\n        \u003cp\u003eCeux qui s'exposent régulièrement et veulent protéger leurs cellules des UV\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e💻 Travailleurs sur écran\u003c\/h3\u003e\n        \u003cp\u003ePersonnes passant de longues heures devant les écrans et ressentant une fatigue oculaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n        \u003cp\u003ePratiquants d'activité sportive intense – le stress oxydatif augmente avec l'effort\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"astx-card\"\u003e\n        \u003ch3\u003e🌟 Bien-être global\u003c\/h3\u003e\n        \u003cp\u003eTous ceux qui recherchent un antioxydant puissant pour leur santé au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"astx-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"astx-accordion\"\u003e\n      \u003cdetails class=\"astx-accordion-item\"\u003e\n        \u003csummary class=\"astx-accordion-header\"\u003e⚠️ Usage et dosage\u003c\/summary\u003e\n        \u003cdiv class=\"astx-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire est réservé aux adultes. Respectez la dose journalière recommandée (1 gélule\/jour). 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=\"astx-accordion-item\"\u003e\n        \u003csummary class=\"astx-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"astx-accordion-content\"\u003e\n          \u003cp\u003eConservez le flacon à l'abri de la chaleur et de l'humidité, dans un endroit sec et frais.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"astx-accordion-item\"\u003e\n        \u003csummary class=\"astx-accordion-header\"\u003e🤰 Cas particuliers\u003c\/summary\u003e\n        \u003cdiv class=\"astx-accordion-content\"\u003e\n          \u003cp\u003eSi vous êtes enceinte, allaitante, sous traitement médical ou si vous avez des antécédents de troubles de la thyroïde, consultez votre médecin ou votre pharmacien avant de commencer une cure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"astx-accordion-item\"\u003e\n        \u003csummary class=\"astx-accordion-header\"\u003e☀️ Protection solaire\u003c\/summary\u003e\n        \u003cdiv class=\"astx-accordion-content\"\u003e\n          \u003cp\u003e\u003cstrong\u003eRappel important :\u003c\/strong\u003e l'astaxanthine ne constitue pas une protection solaire à elle seule. Continuez à appliquer une crème solaire adaptée lors de vos expositions et évitez les heures les plus chaudes de la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 8 --\u003e\n  \u003csection class=\"astx-section\"\u003e\n    \u003ch2\u003eNos réponses aux intérrogations fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"astx-accordion\"\u003e\n      \u003cdetails class=\"astx-accordion-item\"\u003e\n        \u003csummary class=\"astx-accordion-header\"\u003e⏱️ Au bout de combien de temps voit-on les effets sur la peau ?\u003c\/summary\u003e\n        \u003cdiv class=\"astx-accordion-content\"\u003e\n          \u003cp\u003eLes premiers résultats sont généralement perceptibles après \u003cstrong\u003e4 à 8 semaines\u003c\/strong\u003e de prise régulière. La peau paraît plus souple, le teint plus uniforme. Pour des effets durables, une cure de 3 mois est recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"astx-accordion-item\"\u003e\n        \u003csummary class=\"astx-accordion-header\"\u003e🧴 L'astaxanthine peut-elle remplacer ma crème solaire ?\u003c\/summary\u003e\n        \u003cdiv class=\"astx-accordion-content\"\u003e\n          \u003cp\u003eNon, l'astaxanthine agit de l'intérieur en renforçant les défenses naturelles de la peau contre le stress oxydatif. Elle \u003cstrong\u003ecomplète\u003c\/strong\u003e votre protection solaire externe mais ne la remplace pas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"astx-accordion-item\"\u003e\n        \u003csummary class=\"astx-accordion-header\"\u003e💊 Y a-t-il des effets secondaires ?\u003c\/summary\u003e\n        \u003cdiv class=\"astx-accordion-content\"\u003e\n          \u003cp\u003eL'astaxanthine naturelle est très bien tolérée. À forte dose, certaines personnes peuvent observer une légère coloration orangée des paumes, sans danger, qui disparaît à l'arrêt de la supplémentation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"astx-accordion-item\"\u003e\n        \u003csummary class=\"astx-accordion-header\"\u003e🔬 Quelle différence entre l'astaxanthine bio et synthétique ?\u003c\/summary\u003e\n        \u003cdiv class=\"astx-accordion-content\"\u003e\n          \u003cp\u003eL'astaxanthine naturelle issue de l'algue \u003cem\u003eHaematococcus pluvialis\u003c\/em\u003e est beaucoup \u003cstrong\u003emieux assimilée\u003c\/strong\u003e par l'organisme et offre une biodisponibilité supérieure à la version synthétique fabriquée à partir de pétrochimie.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 9 - CTA FINAL --\u003e\n  \u003csection class=\"astx-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eFaites le choix d'une protection cellulaire naturelle et certifiée bio\u003c\/h2\u003e\n    \u003cdiv class=\"astx-cta-box\"\u003e\n      \u003cp\u003eAvec l'astaxanthine bio d'Aosa Véritable, vous optez pour un complément alimentaire à la fois \u003cstrong\u003eefficace, pur et respectueux de l'environnement\u003c\/strong\u003e. Chaque gélule concentre le meilleur de la microalgue pour vous aider à préserver votre capital jeunesse et votre vitalité au quotidien.\u003c\/p\u003e\n      \u003cp style=\"margin-top: 1rem; font-size: 1.1em;\"\u003e🌿 Offrez à vos cellules la protection qu'elles méritent, naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"astx-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  --astx-cream: #f9fdfb;\n  --astx-white: #ffffff;\n  --astx-primary: #2E8B57;\n  --astx-primary-dark: #1d5c3a;\n  --astx-primary-light: #e8f5ee;\n  --astx-secondary: #F5A623;\n  --astx-accent: #FF6B4A;\n  --astx-text: #1a1a1a;\n  --astx-text-light: #5a5a5a;\n  --astx-border: #e0e8e4;\n  --astx-shadow: 0 4px 24px rgba(46, 139, 87, .08);\n  --astx-shadow-lg: 0 12px 48px rgba(46, 139, 87, .15);\n  --astx-radius: 20px;\n  --astx-radius-sm: 12px;\n}\n\n.astx-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--astx-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.astx-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2E8B57 0%, #3CB371 40%, #228B22 100%);\n  border-radius: var(--astx-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(--astx-shadow-lg);\n}\n\n.astx-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(245,166,35,.15) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.astx-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.astx-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.astx-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(--astx-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.astx-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.astx-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.astx-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.astx-description {\n  color: rgba(255,255,255,.9);\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.astx-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.astx-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--astx-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.astx-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(--astx-primary), var(--astx-secondary));\n  border-radius: 2px;\n}\n\n.astx-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--astx-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.astx-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.astx-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.astx-card {\n  background: var(--astx-white);\n  border-radius: var(--astx-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--astx-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.astx-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--astx-shadow-lg);\n  border-color: var(--astx-primary);\n}\n\n.astx-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--astx-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.astx-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--astx-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.astx-grid-compact .astx-card {\n  padding: 1rem;\n}\n\n.astx-grid-compact .astx-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.astx-grid-compact .astx-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.astx-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.astx-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.astx-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--astx-primary), var(--astx-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.astx-timeline-content {\n  flex: 1;\n  background: var(--astx-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--astx-radius-sm);\n  box-shadow: var(--astx-shadow);\n}\n\n.astx-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--astx-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.astx-timeline-content p {\n  font-size: 14px;\n  color: var(--astx-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.astx-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--astx-primary-light);\n  border-radius: var(--astx-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.astx-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.astx-tip p {\n  font-size: 14px;\n  color: var(--astx-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.astx-composition-box {\n  background: var(--astx-white);\n  border-radius: var(--astx-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--astx-shadow);\n}\n\n.astx-composition-item {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  grid-template-rows: auto auto;\n  gap: .25rem 1rem;\n  padding: 1rem 0;\n  border-bottom: 1px solid var(--astx-border);\n}\n\n.astx-composition-item:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.astx-composition-item:first-child {\n  padding-top: 0;\n}\n\n.astx-composition-label {\n  font-weight: 700;\n  color: var(--astx-primary-dark);\n  font-size: 15px;\n}\n\n.astx-composition-value {\n  font-weight: 800;\n  color: var(--astx-primary);\n  font-size: 15px;\n  text-align: right;\n}\n\n.astx-composition-detail {\n  grid-column: 1 \/ -1;\n  font-size: 13px;\n  color: var(--astx-text-light);\n  line-height: 1.5;\n}\n\n.astx-composition-note {\n  font-size: 13px;\n  color: var(--astx-text-light);\n  font-style: italic;\n  text-align: center;\n  margin-top: 1rem;\n  margin-bottom: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.astx-accordion {\n  background: var(--astx-white);\n  border-radius: var(--astx-radius);\n  box-shadow: var(--astx-shadow);\n  overflow: hidden;\n}\n\n.astx-accordion-item {\n  border-bottom: 1px solid var(--astx-border);\n  margin: 0;\n  padding: 0;\n}\n\n.astx-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.astx-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--astx-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.astx-accordion-header:hover {\n  background: var(--astx-primary-light);\n}\n\n.astx-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.astx-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--astx-primary);\n  transition: transform .2s ease;\n}\n\n.astx-accordion-item[open] .astx-accordion-header::after {\n  content: '−';\n}\n\n.astx-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--astx-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.astx-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.astx-cta-box {\n  background: linear-gradient(135deg, var(--astx-primary) 0%, var(--astx-primary-dark) 100%);\n  border-radius: var(--astx-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.astx-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.astx-disclaimer {\n  font-size: 12px;\n  color: var(--astx-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  .astx-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .astx-card {\n    padding: 1.125rem;\n  }\n  \n  .astx-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .astx-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--astx-radius-sm);\n  }\n  \n  .astx-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .astx-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .astx-grid-compact {\n    gap: .625rem;\n  }\n  \n  .astx-grid-compact .astx-card {\n    padding: .75rem;\n  }\n  \n  .astx-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .astx-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .astx-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .astx-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .astx-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .astx-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .astx-composition-item {\n    grid-template-columns: 1fr;\n    gap: .25rem;\n  }\n  \n  .astx-composition-value {\n    text-align: left;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .astx-card {\n    animation: astxFadeInUp .5s ease backwards;\n  }\n  .astx-card:nth-child(1) { animation-delay: .05s; }\n  .astx-card:nth-child(2) { animation-delay: .1s; }\n  .astx-card:nth-child(3) { animation-delay: .15s; }\n  .astx-card:nth-child(4) { animation-delay: .2s; }\n  .astx-card:nth-child(5) { animation-delay: .25s; }\n  .astx-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes astxFadeInUp {\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  .astx-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AOSA VERITABLE","offers":[{"title":"Default Title","offer_id":55159358914937,"sku":"AV3000","price":15.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/astaxanthine-bio-30-gelules-aosa-veritable-packshothd.webp?v=1789735243"},{"product_id":"lyco15-60-gelules-qualidiet","title":"Lyco-15 - 60 gélules de lycopène dosées à 15 mg - Qualidiet","description":"\u003cdiv class=\"lyc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"lyc-hero\"\u003e\n    \u003cdiv class=\"lyc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lyc-hero-content\"\u003e\n      \u003cdiv class=\"lyc-badges-top\"\u003e\n        \u003cspan class=\"lyc-badge\"\u003e🍅 Lycobeads 20 % breveté\u003c\/span\u003e\n        \u003cspan class=\"lyc-badge\"\u003e💊 15 mg par gélule\u003c\/span\u003e\n        \u003cspan class=\"lyc-badge\"\u003e🌿 60 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lyc-hero-title\"\u003eLyco-15 — Lycopène de tomate\u003c\/span\u003e\n      \u003cp class=\"lyc-subtitle\"\u003eExtrait breveté hautement biodisponible par Qualidiet\u003c\/p\u003e\n      \u003cp class=\"lyc-description\"\u003eUn antioxydant puissant d'origine naturelle pour protéger vos cellules, soutenir votre vitalité et préserver votre jeunesse cellulaire au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"lyc-section\"\u003e\n    \u003ch2\u003eLyco-15 : le lycopène de tomate hautement biodisponible\u003c\/h2\u003e\n    \u003cp class=\"lyc-section-intro\"\u003eVous cherchez un moyen simple et efficace de renforcer vos défenses antioxydantes au quotidien ?\u003c\/p\u003e\n    \u003cdiv class=\"lyc-highlight-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003eLyco-15 de Qualidiet\u003c\/strong\u003e vous apporte \u003cstrong\u003e15 mg de lycopène pur par gélule\u003c\/strong\u003e, grâce à un extrait breveté de tomate (\u003cem\u003eLycopersicon esculentum\u003c\/em\u003e) titré à 20 %. Un dosage optimal pour protéger vos cellules du stress oxydatif et soutenir votre vitalité jour après jour.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"lyc-section\"\u003e\n    \u003ch2\u003eQu'est-ce que le lycopène et pourquoi en prendre ?\u003c\/h2\u003e\n    \u003cp class=\"lyc-section-intro\"\u003eLe \u003cstrong\u003elycopène\u003c\/strong\u003e est un pigment naturel de la famille des caroténoïdes, responsable de la couleur rouge vif de la tomate. Contrairement au bêta-carotène, il ne se transforme pas en vitamine A, mais possède une \u003cstrong\u003ecapacité antioxydante remarquable\u003c\/strong\u003e, parmi les plus puissantes du règne végétal.\u003c\/p\u003e\n    \u003cdiv class=\"lyc-grid\"\u003e\n      \u003cdiv class=\"lyc-card\"\u003e\n        \u003ch3\u003e🛡️ Neutralise les radicaux libres\u003c\/h3\u003e\n        \u003cp\u003eCombat efficacement les radicaux libres responsables du vieillissement cellulaire prématuré et du stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lyc-card\"\u003e\n        \u003ch3\u003e☀️ Protège la peau\u003c\/h3\u003e\n        \u003cp\u003eAide à protéger la peau contre les dommages liés aux UV et à la pollution environnementale au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lyc-card\"\u003e\n        \u003ch3\u003e🩺 Confort urinaire masculin\u003c\/h3\u003e\n        \u003cp\u003eSoutient le confort urinaire masculin et contribue au bien-être de la prostate de manière naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lyc-card\"\u003e\n        \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eParticipe au maintien d'un système cardiovasculaire en bonne santé grâce à son puissant pouvoir antioxydant.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lyc-tip\"\u003e\n      \u003cspan class=\"lyc-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eBien que certains s'interrogent sur le \u003cstrong\u003elycopène et ses dangers\u003c\/strong\u003e, rassurez-vous : aux dosages recommandés, il est parfaitement bien toléré. Lyco-15 respecte un dosage physiologique de 15 mg, considéré comme sûr et efficace par la littérature scientifique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"lyc-section\"\u003e\n    \u003ch2\u003eLa technologie Lycobeads 20 % : une absorption optimale\u003c\/h2\u003e\n    \u003cdiv class=\"lyc-highlight-box\"\u003e\n      \u003cp\u003eTous les compléments de \u003cstrong\u003elycopène en gélules\u003c\/strong\u003e ne se valent pas. La différence réside dans la \u003cstrong\u003ebiodisponibilité\u003c\/strong\u003e, c'est-à-dire la quantité réellement absorbée par votre organisme.\u003c\/p\u003e\n      \u003cp style=\"margin-top:.75rem;\"\u003eLyco-15 utilise la technologie brevetée \u003cstrong\u003eLycobeads 20 %\u003c\/strong\u003e : le lycopène est microencapsulé dans une matrice d'algue naturelle qui le protège de l'oxydation et favorise son assimilation intestinale.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lyc-grid-compact\"\u003e\n      \u003cdiv class=\"lyc-card\"\u003e\n        \u003ch3\u003e🔬 Microencapsulation\u003c\/h3\u003e\n        \u003cp\u003eProtection optimale contre l'oxydation\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lyc-card\"\u003e\n        \u003ch3\u003e🌊 Matrice d'algue\u003c\/h3\u003e\n        \u003cp\u003eSupport naturel pour une meilleure assimilation\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lyc-card\"\u003e\n        \u003ch3\u003e📈 20 % de titrage\u003c\/h3\u003e\n        \u003cp\u003eConcentration maximale en principe actif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lyc-card\"\u003e\n        \u003ch3\u003e✅ Zéro gaspillage\u003c\/h3\u003e\n        \u003cp\u003eProfitez pleinement des bienfaits du lycopène\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"lyc-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 1 gélule\u003c\/h2\u003e\n    \u003cdiv class=\"lyc-timeline\"\u003e\n      \u003cdiv class=\"lyc-timeline-item\"\u003e\n        \u003cdiv class=\"lyc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lyc-timeline-content\"\u003e\n          \u003ch3\u003eExtrait de tomate Lycobeads 20 %\u003c\/h3\u003e\n          \u003cp\u003e\u003cem\u003eLycopersicon esculentum Mill.\u003c\/em\u003e — 75 mg, titré à 20 % en lycopène, soit \u003cstrong\u003e15 mg de lycopène\u003c\/strong\u003e par gélule.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lyc-timeline-item\"\u003e\n        \u003cdiv class=\"lyc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lyc-timeline-content\"\u003e\n          \u003ch3\u003eCellulose végétale\u003c\/h3\u003e\n          \u003cp\u003eEnveloppe de la gélule — 160 mg. D'origine 100 % végétale, convient aux végétariens.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lyc-timeline-item\"\u003e\n        \u003cdiv class=\"lyc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lyc-timeline-content\"\u003e\n          \u003ch3\u003eSels de magnésium d'acides gras\u003c\/h3\u003e\n          \u003cp\u003eAnti-agglomérant — 15 mg. Assure une répartition homogène du principe actif.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lyc-tip\"\u003e\n      \u003cspan class=\"lyc-tip-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eConvient aux végétariens\u003c\/strong\u003e grâce à la gélule en cellulose d'origine végétale. Sans gluten, sans lactose.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"lyc-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"lyc-timeline\"\u003e\n      \u003cdiv class=\"lyc-timeline-item\"\u003e\n        \u003cdiv class=\"lyc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lyc-timeline-content\"\u003e\n          \u003ch3\u003ePrenez 1 gélule par jour\u003c\/h3\u003e\n          \u003cp\u003eAu début d'un repas contenant un peu de matière grasse. Le lycopène étant liposoluble, la présence de lipides améliore nettement son absorption.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lyc-timeline-item\"\u003e\n        \u003cdiv class=\"lyc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lyc-timeline-content\"\u003e\n          \u003ch3\u003e2 mois de cure par flacon\u003c\/h3\u003e\n          \u003cp\u003eUn flacon de 60 gélules couvre \u003cstrong\u003edeux mois complets\u003c\/strong\u003e de cure, pour une supplémentation simple et économique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lyc-timeline-item\"\u003e\n        \u003cdiv class=\"lyc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lyc-timeline-content\"\u003e\n          \u003ch3\u003eCure recommandée de 3 mois\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats durables, une cure de 3 mois minimum est souvent conseillée par les professionnels de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"lyc-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"lyc-accordion\"\u003e\n      \u003cdetails class=\"lyc-accordion-item\"\u003e\n        \u003csummary class=\"lyc-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"lyc-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de 1 gélule (15 mg de lycopène).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lyc-accordion-item\"\u003e\n        \u003csummary class=\"lyc-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"lyc-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=\"lyc-accordion-item\"\u003e\n        \u003csummary class=\"lyc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"lyc-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur, de la lumière 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=\"lyc-accordion-item\"\u003e\n        \u003csummary class=\"lyc-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n        \u003cdiv class=\"lyc-accordion-content mt-3\"\u003e\n          \u003cp\u003eSi vous suivez un traitement, consultez votre professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lyc-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"lyc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir Lyco-15 ?\u003c\/h2\u003e\n    \u003cdiv class=\"lyc-cta-box\"\u003e\n      \u003cp\u003eAvec son \u003cstrong\u003eextrait breveté hautement concentré\u003c\/strong\u003e, son dosage précis de 15 mg et sa formule végétale, Lyco-15 se distingue des compléments de lycopène classiques. Vous offrez à votre organisme un \u003cstrong\u003eantioxydant puissant d'origine naturelle\u003c\/strong\u003e, dans un format simple à intégrer à votre routine bien-être.\u003c\/p\u003e\n      \u003cp style=\"margin-top:1rem;\"\u003e🍅 Une gélule, un geste quotidien pour prendre soin de vous de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --lyc-cream: #faf7f5;\n  --lyc-white: #ffffff;\n  --lyc-primary: #c0392b;\n  --lyc-primary-dark: #8b1a10;\n  --lyc-primary-light: #fdecea;\n  --lyc-secondary: #e74c3c;\n  --lyc-accent: #d35400;\n  --lyc-text: #1a1a1a;\n  --lyc-text-light: #5a5a5a;\n  --lyc-border: #e8e0dc;\n  --lyc-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --lyc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --lyc-radius: 20px;\n  --lyc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lyc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lyc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lyc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8b1a10 0%, #c0392b 40%, #e74c3c 100%);\n  border-radius: var(--lyc-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(--lyc-shadow-lg);\n}\n\n.lyc-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(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.lyc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lyc-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.lyc-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.lyc-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.lyc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lyc-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(--lyc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lyc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lyc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lyc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lyc-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.lyc-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(--lyc-primary), var(--lyc-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.lyc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lyc-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.lyc-highlight-box {\n  background: var(--lyc-white);\n  border-radius: var(--lyc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lyc-shadow);\n  border-left: 4px solid var(--lyc-primary);\n  margin-bottom: 1.25rem;\n}\n\n.lyc-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--lyc-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.lyc-card {\n  background: var(--lyc-white);\n  border-radius: var(--lyc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lyc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lyc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lyc-shadow-lg);\n  border-color: var(--lyc-primary);\n}\n\n.lyc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lyc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lyc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lyc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lyc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lyc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lyc-grid-compact .lyc-card {\n  padding: 1rem;\n}\n\n.lyc-grid-compact .lyc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lyc-grid-compact .lyc-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lyc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lyc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lyc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lyc-primary), var(--lyc-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.lyc-timeline-content {\n  flex: 1;\n  background: var(--lyc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lyc-radius-sm);\n  box-shadow: var(--lyc-shadow);\n}\n\n.lyc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lyc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lyc-timeline-content p {\n  font-size: 14px;\n  color: var(--lyc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.lyc-accordion {\n  background: var(--lyc-white);\n  border-radius: var(--lyc-radius);\n  box-shadow: var(--lyc-shadow);\n  overflow: hidden;\n}\n\n.lyc-accordion-item {\n  border-bottom: 1px solid var(--lyc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lyc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lyc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lyc-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.lyc-accordion-header:hover {\n  background: var(--lyc-primary-light);\n}\n\n.lyc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lyc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lyc-primary);\n  transition: transform .2s ease;\n}\n\n.lyc-accordion-item[open] .lyc-accordion-header::after {\n  content: '−';\n}\n\n.lyc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lyc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lyc-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.lyc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lyc-primary-light);\n  border-radius: var(--lyc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.lyc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.lyc-tip p {\n  font-size: 14px;\n  color: var(--lyc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.lyc-cta-box {\n  background: linear-gradient(135deg, var(--lyc-primary) 0%, var(--lyc-primary-dark) 100%);\n  border-radius: var(--lyc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lyc-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.lyc-disclaimer {\n  font-size: 12px;\n  color: var(--lyc-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  .lyc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .lyc-card {\n    padding: 1.125rem;\n  }\n\n  .lyc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .lyc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lyc-radius-sm);\n  }\n\n  .lyc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .lyc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .lyc-grid-compact {\n    gap: .625rem;\n  }\n\n  .lyc-grid-compact .lyc-card {\n    padding: .75rem;\n  }\n\n  .lyc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .lyc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .lyc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .lyc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .lyc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .lyc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .lyc-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .lyc-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lyc-card {\n    animation: lycFadeInUp .5s ease backwards;\n  }\n  .lyc-card:nth-child(1) { animation-delay: .05s; }\n  .lyc-card:nth-child(2) { animation-delay: .1s; }\n  .lyc-card:nth-child(3) { animation-delay: .15s; }\n  .lyc-card:nth-child(4) { animation-delay: .2s; }\n  .lyc-card:nth-child(5) { animation-delay: .25s; }\n  .lyc-card:nth-child(6) { animation-delay: .3s; }\n\n  .lyc-timeline-item {\n    animation: lycFadeInUp .5s ease backwards;\n  }\n  .lyc-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .lyc-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .lyc-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes lycFadeInUp {\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  .lyc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":55159427826041,"sku":"VO4685","price":23.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lyco-15-60-gelules-de-lycopene-dosees-a-15-mg-qualidiet-packshothd.webp?v=1786018685"},{"product_id":"silacaps-polyphenols-120-gelules-labo-sante-silice","title":"Silacaps Polyphenols – 120 gélules – Labo Santé Silice","description":"\u003cdiv class=\"sc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"sc-hero\"\u003e\n    \u003cdiv class=\"sc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sc-hero-content\"\u003e\n      \u003cdiv class=\"sc-badges-top\"\u003e\n        \u003cspan class=\"sc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"sc-badge\"\u003e🍇 Polyphénols de raisin\u003c\/span\u003e\n        \u003cspan class=\"sc-badge\"\u003e💊 120 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sc-hero-title\"\u003eSilacaps Polyphénols\u003c\/span\u003e\n      \u003cp class=\"sc-subtitle\"\u003eSilicium organique + antioxydants de raisin + vitamine B3\u003c\/p\u003e\n      \u003cp class=\"sc-description\"\u003eLa synergie parfaite entre silicium de bambou et polyphénols de marc de raisin pour vos articulations, votre circulation veineuse et votre vitalité — avec une technologie brevetée d'absorption optimale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003eSilacaps Polyphénols : silicium organique et antioxydants en gélules\u003c\/h2\u003e\n    \u003cp class=\"sc-section-intro\"\u003eVous cherchez un complément alimentaire associant les bienfaits du silicium organique à la puissance protectrice des polyphénols ?\u003c\/p\u003e\n    \u003cdiv class=\"sc-grid\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🦴 Articulations souples\u003c\/h3\u003e\n        \u003cp\u003eLe silicium organique soutient les cartilages et les tendons pour préserver votre mobilité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🍇 Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eLes polyphénols de marc de raisin aident à protéger vos cellules contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e💜 Circulation veineuse\u003c\/h3\u003e\n        \u003cp\u003eUne formule qui contribue au tonus vasculaire et à une bonne circulation sanguine.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003ePourquoi associer silicium organique et polyphénols ?\u003c\/h2\u003e\n    \u003cdiv class=\"sc-testimonial\"\u003e\n      \u003cp class=\"sc-testimonial-text\"\u003eLe silicium organique est un oligo-élément présent naturellement dans les os, les cartilages, les tendons et la peau. Avec l'âge, nos réserves diminuent, ce qui peut affecter la souplesse articulaire et la fermeté cutanée. Les bienfaits du silicium organique sont reconnus pour le maintien des tissus conjonctifs, tandis que les polyphénols de raisin offrent une protection antioxydante qui aide à préserver les cellules du stress oxydatif.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sc-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🦴 Front 1\u003c\/h3\u003e\n        \u003cp\u003eConfort articulaire grâce au silicium de bambou\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e❤️ Front 2\u003c\/h3\u003e\n        \u003cp\u003eSanté vasculaire grâce aux polyphénols de raisin\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e✨ Vitamine B3\u003c\/h3\u003e\n        \u003cp\u003eRéduit la fatigue et maintient une peau normale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🔬 Synergie\u003c\/h3\u003e\n        \u003cp\u003eDeux familles d'actifs complémentaires en une seule gélule\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 2 gélules\u003c\/h2\u003e\n    \u003cdiv class=\"sc-composition-table\"\u003e\n      \u003cdiv class=\"sc-compo-row sc-compo-header\"\u003e\n        \u003cspan class=\"sc-compo-ingredient\"\u003eIngrédient\u003c\/span\u003e\n        \u003cspan class=\"sc-compo-quantity\"\u003eQuantité\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-compo-row\"\u003e\n        \u003cspan class=\"sc-compo-ingredient\"\u003e🍇 Extrait de Marc de Raisin (\u003cem\u003eVitis vinifera\u003c\/em\u003e)\u003c\/span\u003e\n        \u003cspan class=\"sc-compo-quantity\"\u003e\u003cstrong\u003e160 mg\u003c\/strong\u003e dont 144 mg de polyphénols\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-compo-row\"\u003e\n        \u003cspan class=\"sc-compo-ingredient\"\u003e🎋 Extrait de Bambou (\u003cem\u003eBambusa bambos\u003c\/em\u003e, pousse)\u003c\/span\u003e\n        \u003cspan class=\"sc-compo-quantity\"\u003e\u003cstrong\u003e54 mg\u003c\/strong\u003e dont 40 mg de silicium\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-compo-row\"\u003e\n        \u003cspan class=\"sc-compo-ingredient\"\u003e💊 Vitamine B3 (Nicotinamide)\u003c\/span\u003e\n        \u003cspan class=\"sc-compo-quantity\"\u003e\u003cstrong\u003e16 mg\u003c\/strong\u003e (100 % des VNR)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sc-tip\"\u003e\n      \u003cspan class=\"sc-tip-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e micro-sphères végétales (technologie brevetée d'extrusion), gélule d'origine végétale. Formule sans apport calorique significatif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003eUne technologie brevetée pour une absorption optimale\u003c\/h2\u003e\n    \u003cdiv class=\"sc-highlight-box\"\u003e\n      \u003cdiv class=\"sc-highlight-icon\"\u003e🔬\u003c\/div\u003e\n      \u003cdiv class=\"sc-highlight-content\"\u003e\n        \u003cp\u003eCe qui distingue Silacaps de nombreux compléments à base de silicium G5 organique, c'est sa \u003cstrong\u003etechnologie d'extrusion sur micro-sphères végétales\u003c\/strong\u003e, développée en collaboration avec la \u003cstrong\u003eFaculté de Pharmacie de Montpellier\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003cp\u003eCe procédé permet une \u003cstrong\u003elibération progressive des actifs\u003c\/strong\u003e dans le tube digestif, favorisant ainsi une \u003cstrong\u003ebiodisponibilité supérieure\u003c\/strong\u003e. Concrètement, votre organisme absorbe davantage de silicium et de polyphénols à chaque prise.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003eComment prendre Silacaps Polyphénols ?\u003c\/h2\u003e\n    \u003cdiv class=\"sc-timeline\"\u003e\n      \u003cdiv class=\"sc-timeline-item\"\u003e\n        \u003cdiv class=\"sc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sc-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003e2 gélules par jour, de préférence avant un repas, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-timeline-item\"\u003e\n        \u003cdiv class=\"sc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sc-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n          \u003cp\u003e2 à 3 mois pour des résultats durables sur vos articulations et votre circulation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-timeline-item\"\u003e\n        \u003cdiv class=\"sc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sc-timeline-content\"\u003e\n          \u003ch3\u003eContenu du pilulier\u003c\/h3\u003e\n          \u003cp\u003e120 gélules, soit \u003cstrong\u003e2 mois de cure complète\u003c\/strong\u003e — un excellent rapport durée\/prix.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sc-tip\"\u003e\n      \u003cspan class=\"sc-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003ePour prolonger les effets, il est possible de renouveler la cure après une pause de quelques semaines, en demandant conseil à votre professionnel de santé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🦵 Souplesse articulaire\u003c\/h3\u003e\n        \u003cp\u003ePréservez le confort de vos articulations au quotidien et retrouvez une mobilité agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e💜 Tonus vasculaire\u003c\/h3\u003e\n        \u003cp\u003eSoutenez votre circulation et favorisez un bon retour veineux grâce aux polyphénols.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🛡️ Antioxydants naturels\u003c\/h3\u003e\n        \u003cp\u003eProtégez vos cellules avec un apport régulier en polyphénols issus du marc de raisin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Recherche française\u003c\/h3\u003e\n        \u003cp\u003eBénéficiez d'une formule issue de la recherche scientifique, développée et fabriquée en France.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"sc-accordion\"\u003e\n      \u003cdetails class=\"sc-accordion-item\"\u003e\n        \u003csummary class=\"sc-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux enfants, aux femmes enceintes ou allaitantes. Ne pas dépasser la dose journalière de 2 gélules.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sc-accordion-item\"\u003e\n        \u003csummary class=\"sc-accordion-header\"\u003e🍽️ Usage et alimentation\u003c\/summary\u003e\n        \u003cdiv class=\"sc-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, et ne constitue pas un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sc-accordion-item\"\u003e\n        \u003csummary class=\"sc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez dans un endroit frais, sec et à 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      \u003cdetails class=\"sc-accordion-item\"\u003e\n        \u003csummary class=\"sc-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de doute ou de traitement en cours, 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=\"sc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"sc-cta-box\"\u003e\n      \u003cp\u003e🍇 \u003cstrong\u003eSilacaps Polyphénols\u003c\/strong\u003e vous offre une approche complète et naturelle pour prendre soin de vos articulations et de votre système vasculaire. Une formule pensée par des experts, pour un bien-être que vous ressentirez au fil des semaines.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sc-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  --sc-cream: #f7f4f0;\n  --sc-white: #ffffff;\n  --sc-primary: #6b3a7d;\n  --sc-primary-dark: #4a2259;\n  --sc-primary-light: #f3edf6;\n  --sc-secondary: #3b5998;\n  --sc-accent: #8b5e3c;\n  --sc-text: #1a1a1a;\n  --sc-text-light: #5a5a5a;\n  --sc-border: #e0dcd8;\n  --sc-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --sc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --sc-radius: 20px;\n  --sc-radius-sm: 12px;\n}\n\n.sc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sc-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--sc-primary) 0%, var(--sc-primary-dark) 40%, var(--sc-secondary) 100%);\n  border-radius: var(--sc-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(--sc-shadow-lg);\n}\n\n.sc-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,94,60,.1) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.sc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sc-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.sc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sc-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(--sc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.sc-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.01em;\n}\n\n.sc-description {\n  color: rgba(255,255,255,.82);\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.sc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sc-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.sc-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(--sc-primary), var(--sc-secondary));\n  border-radius: 2px;\n}\n\n.sc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sc-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.sc-card {\n  background: var(--sc-white);\n  border-radius: var(--sc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sc-shadow-lg);\n  border-color: var(--sc-primary);\n}\n\n.sc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRIDS === *\/\n.sc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.sc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sc-grid-compact .sc-card {\n  padding: 1rem;\n}\n\n.sc-grid-compact .sc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sc-grid-compact .sc-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.sc-composition-table {\n  background: var(--sc-white);\n  border-radius: var(--sc-radius);\n  box-shadow: var(--sc-shadow);\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.sc-compo-row {\n  display: flex;\n  align-items: center;\n  padding: 1rem 1.25rem;\n  border-bottom: 1px solid var(--sc-border);\n  gap: 1rem;\n}\n\n.sc-compo-row:last-child {\n  border-bottom: none;\n}\n\n.sc-compo-header {\n  background: linear-gradient(135deg, var(--sc-primary), var(--sc-primary-dark));\n}\n\n.sc-compo-header span {\n  color: white;\n  font-weight: 800;\n  font-size: 14px;\n  text-transform: uppercase;\n  letter-spacing: .03em;\n}\n\n.sc-compo-ingredient {\n  flex: 1;\n  font-size: 14px;\n  color: var(--sc-text);\n  font-weight: 600;\n}\n\n.sc-compo-quantity {\n  flex: 0 0 auto;\n  font-size: 14px;\n  color: var(--sc-text-light);\n  text-align: right;\n  min-width: 140px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.sc-highlight-box {\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  background: var(--sc-white);\n  border-radius: var(--sc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sc-shadow);\n  border: 2px solid var(--sc-primary-light);\n}\n\n.sc-highlight-icon {\n  font-size: 48px;\n  flex-shrink: 0;\n  background: var(--sc-primary-light);\n  width: 72px;\n  height: 72px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sc-highlight-content {\n  flex: 1;\n}\n\n.sc-highlight-content p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--sc-text);\n  line-height: 1.7;\n  margin: 0 0 .75rem 0;\n}\n\n.sc-highlight-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.sc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sc-primary), var(--sc-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.sc-timeline-content {\n  flex: 1;\n  background: var(--sc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sc-radius-sm);\n  box-shadow: var(--sc-shadow);\n}\n\n.sc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sc-timeline-content p {\n  font-size: 14px;\n  color: var(--sc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sc-testimonial {\n  background: var(--sc-white);\n  border-radius: var(--sc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sc-shadow);\n  border-left: 4px solid var(--sc-primary);\n}\n\n.sc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.sc-accordion {\n  background: var(--sc-white);\n  border-radius: var(--sc-radius);\n  box-shadow: var(--sc-shadow);\n  overflow: hidden;\n}\n\n.sc-accordion-item {\n  border-bottom: 1px solid var(--sc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sc-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.sc-accordion-header:hover {\n  background: var(--sc-primary-light);\n}\n\n.sc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sc-primary);\n  transition: transform .2s ease;\n}\n\n.sc-accordion-item[open] .sc-accordion-header::after {\n  content: '−';\n}\n\n.sc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sc-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sc-primary-light);\n  border-radius: var(--sc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.sc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sc-tip p {\n  font-size: 14px;\n  color: var(--sc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.sc-cta-box {\n  background: linear-gradient(135deg, var(--sc-primary) 0%, var(--sc-primary-dark) 100%);\n  border-radius: var(--sc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.sc-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.sc-disclaimer {\n  font-size: 12px;\n  color: var(--sc-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .sc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sc-card {\n    padding: 1.125rem;\n  }\n\n  .sc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sc-radius-sm);\n  }\n\n  .sc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sc-grid-compact {\n    gap: .625rem;\n  }\n\n  .sc-grid-compact .sc-card {\n    padding: .75rem;\n  }\n\n  .sc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .sc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .sc-testimonial {\n    padding: 1.25rem;\n  }\n\n  .sc-testimonial-text {\n    font-size: 14px;\n  }\n\n  .sc-highlight-box {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    padding: 1.25rem;\n    gap: 1rem;\n  }\n\n  .sc-highlight-icon {\n    width: 56px;\n    height: 56px;\n    font-size: 36px;\n  }\n\n  .sc-highlight-content p {\n    font-size: 14px;\n  }\n\n  .sc-composition-table {\n    border-radius: var(--sc-radius-sm);\n  }\n\n  .sc-compo-row {\n    flex-direction: column;\n    gap: .25rem;\n    padding: .875rem 1rem;\n  }\n\n  .sc-compo-header {\n    flex-direction: row;\n  }\n\n  .sc-compo-quantity {\n    min-width: unset;\n    text-align: left;\n    font-size: 13px;\n  }\n\n  .sc-compo-ingredient {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sc-card {\n    animation: scFadeInUp .5s ease backwards;\n  }\n  .sc-card:nth-child(1) { animation-delay: .05s; }\n  .sc-card:nth-child(2) { animation-delay: .1s; }\n  .sc-card:nth-child(3) { animation-delay: .15s; }\n  .sc-card:nth-child(4) { animation-delay: .2s; }\n  .sc-card:nth-child(5) { animation-delay: .25s; }\n  .sc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes scFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LABO SANTE SILICE","offers":[{"title":"Default Title","offer_id":55160109498745,"sku":"LS0020","price":25.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silacaps-polyphenols-120-gelules-labo-sante-silice-packshothd.webp?v=1775199216"},{"product_id":"collagene-marin-90-gelules-meralia","title":"Collagène Marin - 90 gélules - Meralia","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Collagène Marin - 90 gélules - Meralia\nPalette détectée:\n  - Primaire: #2B5EA7 (bleu marine du bouchon et bandeau)\n  - Secondaire: #3A7BD5 (bleu moyen du logo Meralia)\n  - Accent: #5BAFE6 (bleu clair, rappel marin\/océan)\nAmbiance: Marin, santé\/beauté, naturel, confiance, frais et lumineux\nPréfixe CSS: cm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Collagène marin Meralia : votre allié pour une peau ferme et éclatante\"\n  2. \"Bienfaits du collagène marin et des actifs synergiques\"\n  3. \"Le collagène marin présente-t-il des dangers ?\"\n  4. \"Conseils d'utilisation\"\n  5. \"Composition pour 4 gélules (dose journalière)\"\n  6. \"Pourquoi choisir le collagène marin Meralia ?\"\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🐟 Collagène marin hydrolysé\u003c\/span\u003e\n        \u003cspan class=\"cm-badge\"\u003e💊 90 gélules végétales\u003c\/span\u003e\n        \u003cspan class=\"cm-badge\"\u003e✨ Peau ferme \u0026amp; éclatante\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cm-hero-title\"\u003eCollagène Marin Meralia\u003c\/span\u003e\n      \u003cp class=\"cm-subtitle\"\u003eSoin peau – Visage tonique\u003c\/p\u003e\n      \u003cp class=\"cm-description\"\u003eUne formule synergique associant collagène marin, vitamine C, vitamine E et zinc pour soutenir la beauté de votre peau de l'intérieur.\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\u003eCollagène marin Meralia : votre allié pour une peau ferme et éclatante\u003c\/h2\u003e\n    \u003cp class=\"cm-section-intro\"\u003eAvec l'âge, la production naturelle de collagène diminue d'environ \u003cstrong\u003e1 % par an dès 25 ans\u003c\/strong\u003e. Résultat : la peau perd progressivement sa fermeté, son élasticité et son éclat.\u003c\/p\u003e\n    \u003cdiv class=\"cm-highlight-box\"\u003e\n      \u003cp\u003eLe \u003cstrong\u003eCollagène marin Meralia\u003c\/strong\u003e a été formulé pour répondre à cette problématique. En associant du \u003cstrong\u003ecollagène marin hydrolysé\u003c\/strong\u003e hautement assimilable à de la \u003cstrong\u003evitamine C\u003c\/strong\u003e, de la \u003cstrong\u003evitamine E\u003c\/strong\u003e et du \u003cstrong\u003ezinc\u003c\/strong\u003e, ce complément alimentaire offre une approche complète pour soutenir la beauté de votre peau de l'intérieur.\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\u003eBienfaits du collagène marin et des actifs synergiques\u003c\/h2\u003e\n    \u003cp class=\"cm-section-intro\"\u003eLes \u003cstrong\u003ebienfaits du collagène marin\u003c\/strong\u003e sont aujourd'hui largement documentés. Cette protéine structurelle, extraite de poissons, possède une faible taille moléculaire qui favorise une absorption optimale. Ce qui rend cette formule Meralia particulièrement intéressante, c'est la complémentarité de ses quatre actifs :\u003c\/p\u003e\n    \u003cdiv class=\"cm-grid\"\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🐟 Collagène marin hydrolysé (1 080 mg\/jour)\u003c\/h3\u003e\n        \u003cp\u003eIl contribue à renforcer la structure cutanée, à améliorer l'hydratation et à restaurer la souplesse des tissus. C'est aussi un soutien précieux pour les articulations.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🍊 Vitamine C (80 mg – 100 % VNR)\u003c\/h3\u003e\n        \u003cp\u003eIndispensable à la synthèse du collagène par l'organisme. Sans elle, votre corps ne peut pas correctement utiliser le collagène apporté. Elle agit également comme un puissant antioxydant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🛡️ Vitamine E (12 mg – 100 % VNR)\u003c\/h3\u003e\n        \u003cp\u003eElle protège les cellules cutanées contre le stress oxydatif provoqué par la pollution, les UV et les radicaux libres, contribuant à ralentir les signes visibles du vieillissement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e⚡ Zinc (10 mg – 100 % VNR)\u003c\/h3\u003e\n        \u003cp\u003eEssentiel à la régénération cellulaire et à la cicatrisation, il aide aussi à réguler la production de sébum, ce qui en fait un allié pour tous les types de peaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eLe collagène marin présente-t-il des dangers ?\u003c\/h2\u003e\n    \u003cdiv class=\"cm-testimonial\"\u003e\n      \u003cp class=\"cm-testimonial-text\"\u003eVous vous interrogez sur \u003cstrong\u003ele collagène marin et ses dangers\u003c\/strong\u003e éventuels ? Rassurez-vous : le collagène marin est généralement très bien toléré. La principale précaution concerne les personnes \u003cstrong\u003eallergiques au poisson ou aux sulfites\u003c\/strong\u003e. En dehors de ce cas, aucun effet indésirable notable n'est rapporté aux dosages recommandés. En cas de doute, consultez votre médecin ou pharmacien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\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\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e4 gélules par jour\u003c\/strong\u003e : 2 le matin et 2 le midi, avec un grand verre d'eau, de préférence au cours du repas.\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\u003eDurée de cure recommandée\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est recommandée pour observer des résultats significatifs sur la fermeté et l'éclat de la peau.\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\u003eContenu du flacon\u003c\/h3\u003e\n          \u003cp\u003eLe flacon de \u003cstrong\u003e90 gélules\u003c\/strong\u003e couvre environ \u003cstrong\u003e22 jours\u003c\/strong\u003e de cure.\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\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Déconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eComposition pour 4 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"cm-table-wrapper\"\u003e\n      \u003ctable class=\"cm-table\"\u003e\n        \u003cthead\u003e\n          \u003ctr\u003e\n            \u003cth\u003eIngrédient\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\u003e\n            \u003ctd\u003eCollagène marin (poisson, sulfites)\u003c\/td\u003e\n            \u003ctd\u003e\u003cstrong\u003e1 080 mg\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd\u003e–\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eVitamine C\u003c\/td\u003e\n            \u003ctd\u003e\u003cstrong\u003e80 mg\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd\u003e100 %\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eVitamine E\u003c\/td\u003e\n            \u003ctd\u003e\u003cstrong\u003e12 mg\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd\u003e100 %\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eZinc (oxyde de zinc)\u003c\/td\u003e\n            \u003ctd\u003e\u003cstrong\u003e10 mg\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd\u003e100 %\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eGélule végétale (hypromellose)\u003c\/td\u003e\n            \u003ctd\u003e–\u003c\/td\u003e\n            \u003ctd\u003e–\u003c\/td\u003e\n          \u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cm-disclaimer\"\u003e*Valeurs Nutritionnelles de Référence\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"cm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir le collagène marin Meralia ?\u003c\/h2\u003e\n    \u003cdiv class=\"cm-grid-compact\"\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🔬 Formule complète et synergique\u003c\/h3\u003e\n        \u003cp\u003eQuatre actifs qui travaillent ensemble plutôt qu'un simple collagène isolé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🚀 Haute biodisponibilité\u003c\/h3\u003e\n        \u003cp\u003eLe collagène hydrolysé d'origine marine est reconnu pour son assimilation supérieure au collagène bovin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e💯 100 % des apports recommandés\u003c\/h3\u003e\n        \u003cp\u003eVitamine C, vitamine E et zinc couverts dans chaque dose quotidienne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🌿 Gélules végétales\u003c\/h3\u003e\n        \u003cp\u003eUne alternative respectueuse, facile à avaler.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card cm-card-span\"\u003e\n        \u003ch3\u003e✨ Convient à tous les types de peaux\u003c\/h3\u003e\n        \u003cp\u003eDes plus sèches aux plus mixtes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cm-cta-box\"\u003e\n      \u003cp\u003eOffrez à votre peau un soutien quotidien avec le \u003cstrong\u003ecollagène marin Meralia\u003c\/strong\u003e. Une routine simple — quatre gélules par jour — pour préserver l'éclat naturel de votre peau dans la durée. 🌊\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --cm-cream: #f4f7fb;\n  --cm-white: #ffffff;\n  --cm-primary: #2B5EA7;\n  --cm-primary-dark: #1a3d6e;\n  --cm-primary-light: #e8f0fa;\n  --cm-secondary: #3A7BD5;\n  --cm-accent: #5BAFE6;\n  --cm-text: #1a1a1a;\n  --cm-text-light: #5a5a5a;\n  --cm-border: #dde5ef;\n  --cm-shadow: 0 4px 24px rgba(43,94,167,.08);\n  --cm-shadow-lg: 0 12px 48px rgba(43,94,167,.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.cm-premium *, .cm-premium *::before, .cm-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.cm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a3d6e 0%, #2B5EA7 40%, #3A7BD5 70%, #5BAFE6 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 40%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 60%);\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,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.cm-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 640px;\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-accent));\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: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.cm-highlight-box {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cm-shadow);\n  border-left: 4px solid var(--cm-accent);\n}\n\n.cm-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--cm-text);\n  line-height: 1.8;\n  margin: 0;\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-bottom: 1.5rem;\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.cm-card-span {\n  grid-column: 1 \/ -1;\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-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.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\/* === TESTIMONIAL === *\/\n.cm-testimonial {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cm-shadow);\n  border-left: 4px solid var(--cm-primary);\n}\n\n.cm-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cm-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TABLE === *\/\n.cm-table-wrapper {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  box-shadow: var(--cm-shadow);\n  overflow: hidden;\n}\n\n.cm-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: clamp(13px, 2vw, 15px);\n}\n\n.cm-table thead {\n  background: linear-gradient(135deg, var(--cm-primary), var(--cm-secondary));\n}\n\n.cm-table th {\n  color: white;\n  padding: 14px 16px;\n  text-align: left;\n  font-weight: 700;\n  font-size: clamp(13px, 2vw, 15px);\n}\n\n.cm-table td {\n  padding: 12px 16px;\n  color: var(--cm-text);\n  border-bottom: 1px solid var(--cm-border);\n}\n\n.cm-table tbody tr:last-child td {\n  border-bottom: none;\n}\n\n.cm-table tbody tr:hover {\n  background: var(--cm-primary-light);\n}\n\n.cm-table tbody tr:nth-child(even) {\n  background: rgba(43,94,167,.02);\n}\n\n.cm-table tbody tr:nth-child(even):hover {\n  background: var(--cm-primary-light);\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\/* === CTA FINAL === *\/\n.cm-cta-box {\n  background: linear-gradient(135deg, var(--cm-primary) 0%, var(--cm-primary-dark) 100%);\n  border-radius: var(--cm-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.cm-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.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-testimonial {\n    padding: 1.25rem;\n  }\n\n  .cm-testimonial-text {\n    font-size: 14px;\n  }\n\n  .cm-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .cm-table th,\n  .cm-table td {\n    padding: 10px 12px;\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":"MERALIA","offers":[{"title":"Default Title","offer_id":55160241193337,"sku":"ME4004","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene_marin_gelules_meralia_11zon.jpg?v=1770800378"},{"product_id":"dermoline-hydric-60-gelules-lt-labo","title":"Dermoline Hydric surconcentrée - 60 gélules - LT Labo","description":"\u003cdiv class=\"dh-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"dh-hero\"\u003e\n    \u003cdiv class=\"dh-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"dh-hero-content\"\u003e\n      \u003cdiv class=\"dh-badges-top\"\u003e\n        \u003cspan class=\"dh-badge\"\u003e💧 300 mg d'acide hyaluronique\u003c\/span\u003e\n        \u003cspan class=\"dh-badge\"\u003e🍊 Vitamine C naturelle\u003c\/span\u003e\n        \u003cspan class=\"dh-badge\"\u003e🌿 100 % naturelle\u003c\/span\u003e\n        \u003cspan class=\"dh-badge\"\u003e♻️ Pilulier recyclé\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"dh-hero-title\"\u003eDermoline Hydric Surconcentrée\u003c\/span\u003e\n      \u003cp class=\"dh-subtitle\"\u003e60 gélules — LT Labo\u003c\/p\u003e\n      \u003cp class=\"dh-description\"\u003eL'acide hyaluronique haute concentration par voie orale : repulpez, hydratez et protégez votre peau de l'intérieur, sans injection.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"dh-section\"\u003e\n    \u003ch2\u003eDermoline Hydric Surconcentrée : l'acide hyaluronique en gélules pour hydrater votre peau de l'intérieur\u003c\/h2\u003e\n    \u003cp class=\"dh-section-intro\"\u003eVous cherchez une \u003cstrong\u003ealternative naturelle aux injections d'acide hyaluronique\u003c\/strong\u003e pour retrouver une peau repulpée et éclatante ?\u003c\/p\u003e\n    \u003cdiv class=\"dh-grid-compact\"\u003e\n      \u003cdiv class=\"dh-card\"\u003e\n        \u003ch3\u003e💉 Sans aiguille\u003c\/h3\u003e\n        \u003cp\u003eUne alternative douce et non invasive aux injections en cabinet\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dh-card\"\u003e\n        \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n        \u003cp\u003eNourrit et hydrate votre peau en profondeur, de l'intérieur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dh-card\"\u003e\n        \u003ch3\u003e⚡ 300 mg \/ jour\u003c\/h3\u003e\n        \u003cp\u003eUn dosage parmi les plus élevés du marché en acide hyaluronique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dh-card\"\u003e\n        \u003ch3\u003e🍒 Vitamine C d'acérola\u003c\/h3\u003e\n        \u003cp\u003eStimule la production de collagène et protège contre le stress oxydatif\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"dh-section\"\u003e\n    \u003ch2\u003ePourquoi l'acide hyaluronique est essentiel pour votre peau\u003c\/h2\u003e\n    \u003cdiv class=\"dh-highlight-box\"\u003e\n      \u003cp\u003eL'acide hyaluronique est une molécule naturellement présente dans notre organisme, célèbre pour sa capacité à \u003cstrong\u003eretenir jusqu'à 1000 fois son poids en eau\u003c\/strong\u003e. C'est cette propriété qui en fait l'actif star des soins anti-âge.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dh-timeline\"\u003e\n      \u003cdiv class=\"dh-timeline-item\"\u003e\n        \u003cdiv class=\"dh-timeline-number\"\u003e25\u003c\/div\u003e\n        \u003cdiv class=\"dh-timeline-content\"\u003e\n          \u003ch3\u003eDès 25 ans, la production diminue\u003c\/h3\u003e\n          \u003cp\u003eVotre corps produit de moins en moins d'acide hyaluronique. La peau se déshydrate, perd en fermeté et les premières ridules apparaissent.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dh-timeline-item\"\u003e\n        \u003cdiv class=\"dh-timeline-number\"\u003e→\u003c\/div\u003e\n        \u003cdiv class=\"dh-timeline-content\"\u003e\n          \u003ch3\u003eLa complémentation orale compense\u003c\/h3\u003e\n          \u003cp\u003eApporter de l'acide hyaluronique par voie orale permet de \u003cstrong\u003ecompenser cette diminution naturelle\u003c\/strong\u003e et de soutenir l'hydratation cutanée sur le long terme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"dh-section\"\u003e\n    \u003ch2\u003eUne formule à double action, pensée pour des résultats visibles\u003c\/h2\u003e\n    \u003cp class=\"dh-section-intro\"\u003eCe qui distingue Dermoline Hydric, c'est son \u003cstrong\u003eacide hyaluronique à double poids moléculaire\u003c\/strong\u003e, issu de biofermentation.\u003c\/p\u003e\n    \u003cdiv class=\"dh-grid\"\u003e\n      \u003cdiv class=\"dh-card dh-card-featured\"\u003e\n        \u003ch3\u003e🔬 Haut poids moléculaire\u003c\/h3\u003e\n        \u003cp\u003eForme un film hydratant en surface, lisse les ridules et protège la barrière cutanée pour un effet repulpant immédiat.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dh-card dh-card-featured\"\u003e\n        \u003ch3\u003e🧬 Bas poids moléculaire\u003c\/h3\u003e\n        \u003cp\u003ePénètre en profondeur dans le derme pour améliorer durablement l'élasticité et la souplesse de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dh-card dh-card-featured\"\u003e\n        \u003ch3\u003e🍊 Vitamine C naturelle d'acérola\u003c\/h3\u003e\n        \u003cp\u003eStimule la production de collagène, protéine indispensable à la fermeté cutanée. Rôle antioxydant contre pollution, UV et stress du quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"dh-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 2 gélules\u003c\/h2\u003e\n    \u003cdiv class=\"dh-table-wrapper\"\u003e\n      \u003ctable class=\"dh-table\"\u003e\n        \u003cthead\u003e\n          \u003ctr\u003e\n            \u003cth\u003eIngrédient\u003c\/th\u003e\n            \u003cth\u003eDosage\u003c\/th\u003e\n            \u003cth\u003e% VNR*\u003c\/th\u003e\n          \u003c\/tr\u003e\n        \u003c\/thead\u003e\n        \u003ctbody\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eAcide hyaluronique (biofermentation)\u003c\/td\u003e\n            \u003ctd\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd\u003e–\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eVitamine C (extrait d'acérola)\u003c\/td\u003e\n            \u003ctd\u003e\u003cstrong\u003e12 mg\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd\u003e15 %\u003c\/td\u003e\n          \u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dh-tip\"\u003e\n      \u003cspan class=\"dh-tip-icon\"\u003e📋\u003c\/span\u003e\n      \u003cdiv\u003e\n        \u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e gélule végétale (hydroxypropylméthylcellulose), maltodextrine, farine de noix de coco.\u003c\/p\u003e\n        \u003cp\u003e\u003cem\u003e*VNR = Valeurs Nutritionnelles de Référence.\u003c\/em\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"dh-section\"\u003e\n    \u003ch2\u003eComment prendre Dermoline Hydric ?\u003c\/h2\u003e\n    \u003cdiv class=\"dh-timeline\"\u003e\n      \u003cdiv class=\"dh-timeline-item\"\u003e\n        \u003cdiv class=\"dh-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"dh-timeline-content\"\u003e\n          \u003ch3\u003e2 gélules le matin\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, le matin, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dh-timeline-item\"\u003e\n        \u003cdiv class=\"dh-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"dh-timeline-content\"\u003e\n          \u003ch3\u003e1 flacon = 1 mois de cure\u003c\/h3\u003e\n          \u003cp\u003eLe flacon de 60 gélules correspond à \u003cstrong\u003eun mois de cure\u003c\/strong\u003e complet.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dh-timeline-item\"\u003e\n        \u003cdiv class=\"dh-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"dh-timeline-content\"\u003e\n          \u003ch3\u003eCure de 2 à 3 mois recommandée\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats optimaux et visibles, prolongez la cure sur 2 à 3 mois, renouvelable plusieurs fois dans l'année.\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=\"dh-section\"\u003e\n    \u003ch2\u003eLes bonnes raisons de choisir cette formule\u003c\/h2\u003e\n    \u003cdiv class=\"dh-grid\"\u003e\n      \u003cdiv class=\"dh-card\"\u003e\n        \u003ch3\u003e🏆 Dosage élevé\u003c\/h3\u003e\n        \u003cp\u003e300 mg d'acide hyaluronique par jour, l'un des plus concentrés du marché.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dh-card\"\u003e\n        \u003ch3\u003e🌿 100 % naturelle\u003c\/h3\u003e\n        \u003cp\u003eGélule végétale, vitamine C d'origine naturelle, acide hyaluronique issu de biofermentation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dh-card\"\u003e\n        \u003ch3\u003e💆 Sans injection\u003c\/h3\u003e\n        \u003cp\u003eUne approche douce et non invasive pour celles et ceux qui souhaitent éviter les injections.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dh-card\"\u003e\n        \u003ch3\u003e✨ Effet beauté global\u003c\/h3\u003e\n        \u003cp\u003eContribue également à la vitalité des ongles et des cheveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dh-card\"\u003e\n        \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n        \u003cp\u003ePilulier recyclé et recyclable, dans une démarche respectueuse de l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"dh-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"dh-accordion\"\u003e\n      \u003cdetails class=\"dh-accordion-item\" open\u003e\n        \u003csummary class=\"dh-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n        \u003cdiv class=\"dh-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. Il ne se substitue pas à un traitement médical. Déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dh-accordion-item\"\u003e\n        \u003csummary class=\"dh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"dh-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez hors de portée des enfants, à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dh-accordion-item\"\u003e\n        \u003csummary class=\"dh-accordion-header\"\u003e👩‍⚕️ Conseil professionnel\u003c\/summary\u003e\n        \u003cdiv class=\"dh-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn 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    \u003cp class=\"dh-disclaimer\"\u003eComplément alimentaire — Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --dh-cream: #f7f5f2;\n  --dh-white: #ffffff;\n  --dh-primary: #9abab5;\n  --dh-primary-dark: #5a8a83;\n  --dh-primary-light: #e8f2f0;\n  --dh-secondary: #d4aa8a;\n  --dh-accent: #c48e6c;\n  --dh-text: #1a1a1a;\n  --dh-text-light: #5a5a5a;\n  --dh-border: #e0e0e0;\n  --dh-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --dh-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --dh-radius: 20px;\n  --dh-radius-sm: 12px;\n}\n\n.dh-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--dh-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dh-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5a8a83 0%, #9abab5 40%, #d4aa8a 100%);\n  border-radius: var(--dh-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(--dh-shadow-lg);\n}\n\n.dh-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.dh-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.dh-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.dh-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(--dh-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.dh-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.dh-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.dh-subtitle {\n  color: rgba(255,255,255,.9);\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.dh-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.dh-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dh-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--dh-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.dh-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(--dh-primary), var(--dh-secondary));\n  border-radius: 2px;\n}\n\n.dh-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dh-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.dh-card {\n  background: var(--dh-white);\n  border-radius: var(--dh-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--dh-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.dh-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--dh-shadow-lg);\n  border-color: var(--dh-primary);\n}\n\n.dh-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--dh-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.dh-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--dh-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.dh-card-featured {\n  border-left: 4px solid var(--dh-secondary);\n}\n\n\/* === GRILLES === *\/\n.dh-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.dh-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.dh-grid-compact .dh-card {\n  padding: 1rem;\n}\n\n.dh-grid-compact .dh-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.dh-grid-compact .dh-card p {\n  font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.dh-highlight-box {\n  background: linear-gradient(135deg, var(--dh-primary-light) 0%, rgba(212,170,138,.1) 100%);\n  border-radius: var(--dh-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  text-align: center;\n  margin-bottom: 1.5rem;\n  border: 2px solid rgba(154,186,181,.2);\n}\n\n.dh-highlight-box p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dh-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.dh-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.dh-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.dh-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--dh-primary), var(--dh-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.dh-timeline-content {\n  flex: 1;\n  background: var(--dh-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--dh-radius-sm);\n  box-shadow: var(--dh-shadow);\n}\n\n.dh-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--dh-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.dh-timeline-content p {\n  font-size: 14px;\n  color: var(--dh-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TABLE === *\/\n.dh-table-wrapper {\n  background: var(--dh-white);\n  border-radius: var(--dh-radius);\n  overflow: hidden;\n  box-shadow: var(--dh-shadow);\n  margin-bottom: 1.25rem;\n}\n\n.dh-table {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.dh-table thead {\n  background: linear-gradient(135deg, var(--dh-primary-dark), var(--dh-primary));\n}\n\n.dh-table th {\n  padding: 1rem 1.25rem;\n  color: white;\n  font-weight: 700;\n  font-size: 14px;\n  text-align: left;\n  letter-spacing: .02em;\n}\n\n.dh-table td {\n  padding: .875rem 1.25rem;\n  font-size: 14px;\n  color: var(--dh-text);\n  border-bottom: 1px solid var(--dh-border);\n}\n\n.dh-table tbody tr:last-child td {\n  border-bottom: none;\n}\n\n.dh-table tbody tr:hover {\n  background: var(--dh-primary-light);\n}\n\n\/* === TIP BOX === *\/\n.dh-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--dh-primary-light);\n  border-radius: var(--dh-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.dh-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.dh-tip p {\n  font-size: 14px;\n  color: var(--dh-text);\n  margin: 0 0 .25rem 0;\n  line-height: 1.6;\n}\n\n.dh-tip p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.dh-testimonial {\n  background: var(--dh-white);\n  border-radius: var(--dh-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--dh-shadow);\n  border-left: 4px solid var(--dh-primary);\n}\n\n.dh-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dh-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.dh-accordion {\n  background: var(--dh-white);\n  border-radius: var(--dh-radius);\n  box-shadow: var(--dh-shadow);\n  overflow: hidden;\n}\n\n.dh-accordion-item {\n  border-bottom: 1px solid var(--dh-border);\n  margin: 0;\n  padding: 0;\n}\n\n.dh-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.dh-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--dh-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.dh-accordion-header:hover {\n  background: var(--dh-primary-light);\n}\n\n.dh-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.dh-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--dh-primary);\n  transition: transform .2s ease;\n}\n\n.dh-accordion-item[open] .dh-accordion-header::after {\n  content: '−';\n}\n\n.dh-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--dh-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.dh-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.dh-disclaimer {\n  font-size: 12px;\n  color: var(--dh-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  .dh-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .dh-card {\n    padding: 1.125rem;\n  }\n\n  .dh-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .dh-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--dh-radius-sm);\n  }\n\n  .dh-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .dh-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .dh-grid-compact {\n    gap: .625rem;\n  }\n\n  .dh-grid-compact .dh-card {\n    padding: .75rem;\n  }\n\n  .dh-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .dh-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .dh-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .dh-timeline-content p {\n    font-size: 13px;\n  }\n\n  .dh-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .dh-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .dh-testimonial {\n    padding: 1.25rem;\n  }\n\n  .dh-testimonial-text {\n    font-size: 14px;\n  }\n\n  .dh-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .dh-table th,\n  .dh-table td {\n    padding: .75rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .dh-card {\n    animation: dhFadeInUp .5s ease backwards;\n  }\n  .dh-card:nth-child(1) { animation-delay: .05s; }\n  .dh-card:nth-child(2) { animation-delay: .1s; }\n  .dh-card:nth-child(3) { animation-delay: .15s; }\n  .dh-card:nth-child(4) { animation-delay: .2s; }\n  .dh-card:nth-child(5) { animation-delay: .25s; }\n  .dh-card:nth-child(6) { animation-delay: .3s; }\n\n  .dh-timeline-item {\n    animation: dhFadeInUp .5s ease backwards;\n  }\n  .dh-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .dh-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .dh-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes dhFadeInUp {\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  .dh-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":55160634376569,"sku":"NBAILTL0024","price":30.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dermoline-hydric-surconcentree-60-gelules-lt-labo-packshothd_5de8c354-fb02-4d47-8349-c33650d6cb25.webp?v=1775578984"},{"product_id":"vitamine-b8-biotine-60-comprimes-vital-osmose","title":"Vitamine B8 Biotine - 60 comprimés - Vital Osmose","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vitamine B8 Biotine - Vital Osmose\nPalette détectée:\n  - Primaire: #0066B3 (bleu médical\/santé du texte principal)\n  - Secondaire: #E67E22 (orange cuivré du dosage)\n  - Accent: #F39C12 (jaune-orangé du logo Vital Osmose)\nAmbiance: Santé\/Bien-être médical, Clean\/Professionnel, Packaging pharmaceutique blanc épuré\nPréfixe CSS: vb8\n--\u003e\n\n\u003cdiv class=\"vb8-premium\"\u003e\n  \u003cdiv class=\"vb8-hero\"\u003e\n    \u003cdiv class=\"vb8-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"vb8-hero-content\"\u003e\n      \u003cdiv class=\"vb8-badges-top\"\u003e\n        \u003cspan class=\"vb8-badge\"\u003e💊 10 mg par comprimé\u003c\/span\u003e\n        \u003cspan class=\"vb8-badge\"\u003e✨ 20 000% VNR\u003c\/span\u003e\n        \u003cspan class=\"vb8-badge\"\u003e🇫🇷 Qualité française\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"vb8-hero-title\"\u003eVitamine B8 Biotine en comprimés\u003c\/span\u003e\n      \u003cp class=\"vb8-subtitle\"\u003eLa vitamine beauté par excellence\u003c\/p\u003e\n      \u003cp class=\"vb8-description\"\u003eRenforcez vos cheveux, sublimez votre peau et fortifiez vos ongles grâce à une formule hautement concentrée qui agit en profondeur sur votre beauté naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"vb8-section\"\u003e\n    \u003ch2\u003e✨ Les bienfaits pour votre beauté\u003c\/h2\u003e\n    \u003cdiv class=\"vb8-grid\"\u003e\n      \u003cdiv class=\"vb8-card\"\u003e\n        \u003ch3\u003e💇‍♀️ Cheveux revitalisés\u003c\/h3\u003e\n        \u003cp\u003eFavorise la croissance capillaire, réduit la chute et renforce la structure du cheveu pour une chevelure plus dense et résistante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vb8-card\"\u003e\n        \u003ch3\u003e✨ Peau éclatante\u003c\/h3\u003e\n        \u003cp\u003eAméliore l'hydratation cutanée et stimule la régénération naturelle pour un teint lumineux et des imperfections réduites.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vb8-card\"\u003e\n        \u003ch3\u003e💅 Ongles fortifiés\u003c\/h3\u003e\n        \u003cp\u003eDiminue les cassures et améliore la solidité de vos ongles pour une croissance saine et un aspect plus résistant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vb8-card\"\u003e\n        \u003ch3\u003e⚡ Énergie au quotidien\u003c\/h3\u003e\n        \u003cp\u003eSoutient votre métabolisme énergétique et votre système nerveux pour un bien-être global et moins de fatigue.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vb8-section\"\u003e\n    \u003ch2\u003e🔬 Composition premium\u003c\/h2\u003e\n    \u003cdiv class=\"vb8-grid\"\u003e\n      \u003cdiv class=\"vb8-card vb8-card-highlight\"\u003e\n        \u003ch3\u003e🧬 Biotine (vitamine B8)\u003c\/h3\u003e\n        \u003cp class=\"vb8-dose\"\u003e10 mg · 20 000% VNR*\u003c\/p\u003e\n        \u003cp\u003eL'ingrédient star qui agit sur la beauté de vos cheveux, peau et ongles tout en soutenant votre métabolisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vb8-card\"\u003e\n        \u003ch3\u003e🌾 Maltodextrine\u003c\/h3\u003e\n        \u003cp\u003eSupport naturel permettant une absorption optimale de la biotine par votre organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vb8-card\"\u003e\n        \u003ch3\u003e🌿 Cellulose\u003c\/h3\u003e\n        \u003cp\u003eContribue à la stabilité du comprimé et garantit une conservation optimale des actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vb8-card\"\u003e\n        \u003ch3\u003e💊 Sels de magnésium\u003c\/h3\u003e\n        \u003cp\u003eFacilitent la prise avec une texture agréable et optimisent la fabrication des comprimés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"vb8-note\"\u003e*Valeurs nutritionnelles de référence\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vb8-section\"\u003e\n    \u003ch2\u003e👤 Pour qui sont fait ces comprimés de Vitamine B8 ?\u003c\/h2\u003e\n    \u003cdiv class=\"vb8-grid\"\u003e\n      \u003cdiv class=\"vb8-card\"\u003e\n        \u003ch3\u003e💇‍♀️ Cheveux fragilisés\u003c\/h3\u003e\n        \u003cp\u003eEn cas de chute, de cheveux ternes ou cassants nécessitant un renforcement profond.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vb8-card\"\u003e\n        \u003ch3\u003e💅 Ongles fragiles\u003c\/h3\u003e\n        \u003cp\u003ePour ceux qui souffrent d'ongles mous, cassants ou qui se dédoublent facilement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vb8-card\"\u003e\n        \u003ch3\u003e✨ Peau terne\u003c\/h3\u003e\n        \u003cp\u003eSi votre peau manque d'éclat, d'hydratation ou présente des imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vb8-card\"\u003e\n        \u003ch3\u003e⚡ Fatigue passagère\u003c\/h3\u003e\n        \u003cp\u003ePour soutenir votre métabolisme énergétique et retrouver votre vitalité naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vb8-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"vb8-usage-box\"\u003e\n      \u003cdiv class=\"vb8-usage-step\"\u003e\n        \u003cdiv class=\"vb8-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"vb8-step-content\"\u003e\n          \u003ch3\u003ePosologie\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e1 comprimé par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours d'un repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vb8-usage-step\"\u003e\n        \u003cdiv class=\"vb8-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"vb8-step-content\"\u003e\n          \u003ch3\u003eRégularité\u003c\/h3\u003e\n          \u003cp\u003eUne prise régulière est conseillée pour maximiser les effets. Premiers résultats visibles dès les premières semaines.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vb8-usage-step\"\u003e\n        \u003cdiv class=\"vb8-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"vb8-step-content\"\u003e\n          \u003ch3\u003eDurée\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e60 comprimés = 2 mois de cure\u003c\/strong\u003e pour des résultats durables sur votre beauté naturelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vb8-section\"\u003e\n    \u003ch2\u003e📈 Résultats attendus\u003c\/h2\u003e\n    \u003cdiv class=\"vb8-timeline\"\u003e\n      \u003cdiv class=\"vb8-timeline-item\"\u003e\n        \u003cdiv class=\"vb8-timeline-marker\"\u003e1-2\u003c\/div\u003e\n        \u003cdiv class=\"vb8-timeline-content\"\u003e\n          \u003ch3\u003e🌱 Semaines 1-2\u003c\/h3\u003e\n          \u003cp\u003eAmélioration du niveau d'énergie, peau plus hydratée, ongles qui commencent à se renforcer.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vb8-timeline-item\"\u003e\n        \u003cdiv class=\"vb8-timeline-marker\"\u003e3-4\u003c\/div\u003e\n        \u003cdiv class=\"vb8-timeline-content\"\u003e\n          \u003ch3\u003e✨ Semaines 3-4\u003c\/h3\u003e\n          \u003cp\u003eCheveux plus résistants, réduction de la chute, teint plus lumineux, ongles moins cassants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vb8-timeline-item\"\u003e\n        \u003cdiv class=\"vb8-timeline-marker\"\u003e5-8\u003c\/div\u003e\n        \u003cdiv class=\"vb8-timeline-content\"\u003e\n          \u003ch3\u003e💪 Semaines 5-8\u003c\/h3\u003e\n          \u003cp\u003eTransformation complète : cheveux revitalisés, peau éclatante, ongles fortifiés, bien-être global.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vb8-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"vb8-accordion\"\u003e\n      \u003cdetails class=\"vb8-accordion-item\"\u003e\n        \u003csummary class=\"vb8-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"vb8-accordion-content\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. Ce complément alimentaire doit être utilisé dans le cadre d'un mode de vie sain et ne remplace pas une alimentation variée et équilibrée. En cas de grossesse, d'allaitement ou de doute, consulter un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"vb8-accordion-item\"\u003e\n        \u003csummary class=\"vb8-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"vb8-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 flacon après chaque utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"vb8-accordion-item\"\u003e\n        \u003csummary class=\"vb8-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"vb8-accordion-content\"\u003e\n          \u003cp\u003eDéveloppé par Vital Osmose selon les normes européennes les plus strictes, garantissant sécurité, pureté et efficacité optimale. Qualité française.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vb8-section\"\u003e\n    \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"vb8-grid-compact\"\u003e\n      \u003cdiv class=\"vb8-card\"\u003e\n        \u003ch3\u003e💊 Contenance\u003c\/h3\u003e\n        \u003cp\u003e60 comprimés · 2 mois\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vb8-card\"\u003e\n        \u003ch3\u003e🔬 Dosage\u003c\/h3\u003e\n        \u003cp\u003e10 mg biotine\/cp\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vb8-card\"\u003e\n        \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n        \u003cp\u003eVital Osmose\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vb8-card\"\u003e\n        \u003ch3\u003e✅ Conformité\u003c\/h3\u003e\n        \u003cp\u003eNormes européennes\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vb8-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"vb8-cta-box\"\u003e\n      \u003cp\u003eOffrez à votre corps ce dont il a besoin pour rayonner au quotidien. Avec \u003cstrong\u003e10 mg de biotine par comprimé\u003c\/strong\u003e, notre formule agit en profondeur sur vos cheveux, votre peau et vos ongles.\u003c\/p\u003e\n      \u003cp class=\"vb8-cta-highlight\"\u003e✨ Découvrez des résultats visibles dès les premières semaines !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --vb8-cream: #f8f9fa;\n  --vb8-white: #ffffff;\n  --vb8-primary: #0066B3;\n  --vb8-primary-dark: #004a85;\n  --vb8-primary-light: #e8f4fc;\n  --vb8-secondary: #E67E22;\n  --vb8-accent: #F39C12;\n  --vb8-text: #1a1a1a;\n  --vb8-text-light: #5a5a5a;\n  --vb8-border: #e0e0e0;\n  --vb8-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --vb8-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --vb8-radius: 20px;\n  --vb8-radius-sm: 12px;\n}\n\n.vb8-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--vb8-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vb8-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--vb8-primary) 0%, var(--vb8-primary-dark) 50%, #003461 100%);\n  border-radius: var(--vb8-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(--vb8-shadow-lg);\n}\n\n.vb8-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .05;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.4) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(243,156,18,.3) 0%, transparent 50%);\n}\n\n.vb8-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.vb8-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.vb8-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(--vb8-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.vb8-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.vb8-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.vb8-subtitle {\n  color: var(--vb8-accent);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n}\n\n.vb8-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.vb8-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vb8-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--vb8-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.vb8-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(--vb8-primary), var(--vb8-secondary));\n  border-radius: 2px;\n}\n\n.vb8-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.vb8-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.vb8-card {\n  background: var(--vb8-white);\n  border-radius: var(--vb8-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--vb8-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.vb8-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--vb8-shadow-lg);\n  border-color: var(--vb8-primary);\n}\n\n.vb8-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--vb8-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.vb8-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--vb8-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.vb8-card-highlight {\n  border-color: var(--vb8-secondary);\n  background: linear-gradient(135deg, var(--vb8-white) 0%, #fef9f3 100%);\n}\n\n.vb8-dose {\n  font-size: 14px !important;\n  font-weight: 800 !important;\n  color: var(--vb8-secondary) !important;\n  margin-bottom: .75rem !important;\n}\n\n.vb8-note {\n  text-align: center;\n  font-size: 12px;\n  font-style: italic;\n  color: var(--vb8-text-light);\n  margin-top: 1rem;\n}\n\n.vb8-grid-compact .vb8-card {\n  padding: 1rem;\n}\n\n.vb8-grid-compact .vb8-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.vb8-grid-compact .vb8-card p {\n  font-size: 12px;\n}\n\n.vb8-usage-box {\n  background: var(--vb8-white);\n  border-radius: var(--vb8-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--vb8-shadow);\n}\n\n.vb8-usage-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.vb8-usage-step:last-child {\n  margin-bottom: 0;\n}\n\n.vb8-step-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--vb8-primary), var(--vb8-secondary));\n  color: white;\n  border-radius: 50%;\n  font-size: 20px;\n  font-weight: 900;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 16px rgba(0,102,179,.3);\n}\n\n.vb8-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--vb8-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.vb8-step-content p {\n  font-size: 14px;\n  color: var(--vb8-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.vb8-timeline {\n  position: relative;\n  max-width: 700px;\n  margin: 0 auto;\n  padding-left: 60px;\n}\n\n.vb8-timeline::before {\n  content: '';\n  position: absolute;\n  left: 20px;\n  top: 10px;\n  bottom: 10px;\n  width: 4px;\n  background: linear-gradient(180deg, var(--vb8-primary), var(--vb8-secondary));\n  border-radius: 2px;\n}\n\n.vb8-timeline-item {\n  position: relative;\n  margin-bottom: 1.5rem;\n}\n\n.vb8-timeline-item:last-child {\n  margin-bottom: 0;\n}\n\n.vb8-timeline-marker {\n  position: absolute;\n  left: -60px;\n  top: 0;\n  width: 44px;\n  height: 44px;\n  background: var(--vb8-white);\n  border: 4px solid var(--vb8-primary);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 900;\n  color: var(--vb8-primary);\n  box-shadow: 0 4px 12px rgba(0,102,179,.2);\n}\n\n.vb8-timeline-content {\n  background: var(--vb8-white);\n  border-radius: var(--vb8-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--vb8-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.vb8-timeline-content:hover {\n  border-color: var(--vb8-primary);\n}\n\n.vb8-timeline-content h3 {\n  font-size: 15px;\n  font-weight: 800;\n  color: var(--vb8-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.vb8-timeline-content p {\n  font-size: 13px;\n  color: var(--vb8-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.vb8-accordion {\n  background: var(--vb8-white);\n  border-radius: var(--vb8-radius);\n  box-shadow: var(--vb8-shadow);\n  overflow: hidden;\n}\n\n.vb8-accordion-item {\n  border-bottom: 1px solid var(--vb8-border);\n  margin: 0;\n  padding: 0;\n}\n\n.vb8-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.vb8-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--vb8-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.vb8-accordion-header:hover {\n  background: var(--vb8-primary-light);\n}\n\n.vb8-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.vb8-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--vb8-primary);\n  transition: transform .2s ease;\n}\n\n.vb8-accordion-item[open] .vb8-accordion-header::after {\n  content: '−';\n}\n\n.vb8-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--vb8-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.vb8-accordion-content p {\n  margin: 0;\n}\n\n.vb8-cta-box {\n  background: linear-gradient(135deg, var(--vb8-primary) 0%, var(--vb8-primary-dark) 100%);\n  border-radius: var(--vb8-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.vb8-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 0 1rem 0;\n}\n\n.vb8-cta-box p:last-child {\n  margin-bottom: 0;\n}\n\n.vb8-cta-highlight {\n  font-size: clamp(17px, 3vw, 21px) !important;\n  font-weight: 800 !important;\n  color: var(--vb8-accent) !important;\n}\n\n@media (max-width: 767px) {\n  .vb8-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .vb8-grid-compact {\n    gap: .625rem;\n  }\n  \n  .vb8-grid-compact .vb8-card {\n    padding: .75rem;\n  }\n  \n  .vb8-card {\n    padding: 1.125rem;\n  }\n  \n  .vb8-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .vb8-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--vb8-radius-sm);\n  }\n  \n  .vb8-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .vb8-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .vb8-usage-step {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    gap: 1rem;\n  }\n  \n  .vb8-timeline {\n    padding-left: 50px;\n  }\n  \n  .vb8-timeline::before {\n    left: 15px;\n  }\n  \n  .vb8-timeline-marker {\n    left: -50px;\n    width: 36px;\n    height: 36px;\n    font-size: 10px;\n  }\n  \n  .vb8-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .vb8-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .vb8-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .vb8-card:nth-child(1) { animation-delay: .05s; }\n  .vb8-card:nth-child(2) { animation-delay: .1s; }\n  .vb8-card:nth-child(3) { animation-delay: .15s; }\n  .vb8-card:nth-child(4) { animation-delay: .2s; }\n  .vb8-card:nth-child(5) { animation-delay: .25s; }\n  .vb8-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  .vb8-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"VITALOSMOSE","offers":[{"title":"Default Title","offer_id":55160911266169,"sku":"VO4835","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vitamine-b8-biotine-60-comprimes-vital-osmose-packshothd.webp?v=1790675254"},{"product_id":"ortie-piquante-feuille-100-gelules-neodiet","title":"Ortie piquante feuille – 100 gélules - Neodiet","description":"\u003cdiv class=\"op-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"op-hero\"\u003e\n\u003cdiv class=\"op-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"op-hero-content\"\u003e\n\u003cdiv class=\"op-badges-top\"\u003e\n\u003cspan class=\"op-badge\"\u003e🌿 Certifié biologique\u003c\/span\u003e\n\u003cspan class=\"op-badge\"\u003e💊 100 gélules végétales\u003c\/span\u003e\n\u003cspan class=\"op-badge\"\u003e🌱 210 mg par gélule\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"op-hero-title\"\u003eLa force ancestrale d'une plante d'exception\u003c\/span\u003e\n\u003cp class=\"op-subtitle\"\u003eNeodiet, complément alimentaire biologique\u003c\/p\u003e\n\u003cp class=\"op-description\"\u003eUne formule courte et honnête : de la poudre de feuille d'ortie piquante issue de l'agriculture biologique, encapsulée dans une gélule d'origine végétale. Simple, pratique, sans additif superflu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"op-section\"\u003e\n\u003ch2\u003eL'ortie piquante, une plante ancestrale\u003c\/h2\u003e\n\u003cp class=\"op-section-intro\"\u003eLongtemps considérée comme une simple « mauvaise herbe », l'\u003cstrong\u003eortie piquante\u003c\/strong\u003e (\u003cem\u003eUrtica dioica\u003c\/em\u003e) est en réalité l'une des plantes les plus estimées de la phytothérapie européenne. La \u003cstrong\u003efeuille d'ortie\u003c\/strong\u003e se consomme depuis des siècles sous forme de tisane, de soupe ou de poudre.\u003c\/p\u003e\n\u003cdiv class=\"op-grid-compact\"\u003e\n\u003cdiv class=\"op-card\"\u003e\n\u003ch3\u003e🌱 Feuille d'ortie séchée\u003c\/h3\u003e\n\u003cp\u003eSeule la \u003cstrong\u003efeuille ortie\u003c\/strong\u003e est utilisée, réduite en poudre fine pour un dosage précis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"op-card\"\u003e\n\u003ch3\u003e💊 210 mg par gélule\u003c\/h3\u003e\n\u003cp\u003eUn dosage régulier pour intégrer facilement l'ortie piquante à votre routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"op-card\"\u003e\n\u003ch3\u003e✅ Certifié FR-BIO-01\u003c\/h3\u003e\n\u003cp\u003ePlante issue de l'agriculture biologique, cultivée en UE et hors UE.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"op-card\"\u003e\n\u003ch3\u003e🌿 100 % vegan\u003c\/h3\u003e\n\u003cp\u003eEnveloppe végétale en cellulose, sans gélatine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"op-section\"\u003e\n\u003ch2\u003eBienfaits de l'ortie piquante\u003c\/h2\u003e\n\u003cp class=\"op-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'ortie piquante\u003c\/strong\u003e sont largement reconnus par la tradition herboriste. Cette plante naturellement concentrée en silice, fer, zinc et autres minéraux, riche aussi en vitamines et chlorophylle, est appréciée pour son action revitalisante globale.\u003c\/p\u003e\n\u003cdiv class=\"op-grid\"\u003e\n\u003cdiv class=\"op-card\"\u003e\n\u003ch3\u003e💪 Vitalité au quotidien\u003c\/h3\u003e\n\u003cp\u003eLa feuille d'ortie est traditionnellement utilisée pour soutenir le tonus et la vitalité générale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"op-card\"\u003e\n\u003ch3\u003e💧 Fonction drainante\u003c\/h3\u003e\n\u003cp\u003eL'ortie piquante contribue aux fonctions d'élimination de l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"op-card\"\u003e\n\u003ch3\u003e💅 Beauté de la peau, des cheveux et des ongles\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement associée à l'éclat de la peau et à la vigueur des phanères.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"op-card\"\u003e\n\u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n\u003cp\u003eUtilisée en phytothérapie pour accompagner le confort des articulations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"op-section\"\u003e\n\u003ch2\u003eGélules ou tisane d'ortie piquante ?\u003c\/h2\u003e\n\u003cp class=\"op-section-intro\"\u003eSi les \u003cstrong\u003ebienfaits de la tisane d'ortie piquante\u003c\/strong\u003e sont bien connus, tout le monde n'apprécie pas son goût herbacé ni le temps de préparation. Les gélules offrent une alternative pratique, sans compromis sur la qualité de la plante.\u003c\/p\u003e\n\u003cdiv class=\"op-tip\"\u003e\n\u003cspan class=\"op-tip-icon\"\u003e☕\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003e3 gélules = 630 mg\u003c\/strong\u003e de poudre de feuille d'ortie, soit l'équivalent d'une portion concentrée, sans infusion à préparer ni goût prononcé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"op-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cdiv class=\"op-grid-compact\"\u003e\n\u003cdiv class=\"op-card\"\u003e\n\u003ch3\u003e🌿 Poudre de feuille d'ortie bio\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e210 mg par gélule\u003c\/strong\u003e — 1 260 mg pour 6 gélules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"op-card\"\u003e\n\u003ch3\u003e💊 Enveloppe végétale\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e75 mg de cellulose\u003c\/strong\u003e par gélule — 450 mg pour 6 gélules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"op-tip\"\u003e\n\u003cspan class=\"op-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eCertifié agriculture biologique — FR-BIO-01.\u003c\/strong\u003e Aucun additif, conservateur ni excipient superflu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"op-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"op-timeline\"\u003e\n\u003cdiv class=\"op-timeline-item\"\u003e\n\u003cdiv class=\"op-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"op-timeline-content\"\u003e\n\u003ch3\u003ePosologie\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e3 à 6 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, au moment des repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"op-timeline-item\"\u003e\n\u003cdiv class=\"op-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"op-timeline-content\"\u003e\n\u003ch3\u003eRépartition\u003c\/h3\u003e\n\u003cp\u003eRépartissez idéalement les prises entre le petit-déjeuner, le déjeuner et le dîner.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"op-timeline-item\"\u003e\n\u003cdiv class=\"op-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"op-timeline-content\"\u003e\n\u003ch3\u003eDurée de cure\u003c\/h3\u003e\n\u003cp\u003eLe flacon de 100 gélules couvre \u003cstrong\u003e15 jours à 1 mois\u003c\/strong\u003e selon la posologie.\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=\"op-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"op-accordion\"\u003e\n\u003cdetails class=\"op-accordion-item\"\u003e\n\u003csummary class=\"op-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n\u003cdiv class=\"op-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière conseillée. Ce complément ne remplace ni une alimentation variée et équilibrée, ni un mode de vie sain, ni un traitement médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"op-accordion-item\"\u003e\n\u003csummary class=\"op-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"op-accordion-content mt-3\"\u003e\n\u003cp\u003eFemmes enceintes, allaitantes ou personnes sous traitement : demandez conseil à votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"op-accordion-item\"\u003e\n\u003csummary class=\"op-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"op-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"op-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n\u003cp\u003e🌿 L'ortie piquante bio Neodiet : la simplicité d'une plante traditionnelle, la praticité d'une gélule végétale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"op-disclaimer\"\u003eComplément alimentaire. À utiliser dans le cadre d'un mode de vie sain. Ne remplace pas un traitement médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --op-cream: #f5f9f2;\n  --op-white: #ffffff;\n  --op-primary: #6ab04c;\n  --op-primary-dark: #2f6b1f;\n  --op-primary-light: #e6f2df;\n  --op-secondary: #8fc866;\n  --op-accent: #c8e6a0;\n  --op-text: #1a2e14;\n  --op-text-light: #5a6a52;\n  --op-border: #dce8d4;\n  --op-shadow: 0 4px 24px rgba(47,107,31,.08);\n  --op-shadow-lg: 0 12px 48px rgba(47,107,31,.18);\n  --op-radius: 20px;\n  --op-radius-sm: 12px;\n}\n\n.op-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--op-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--op-text);\n  line-height: 1.6;\n}\n\n\/* HERO *\/\n.op-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2f6b1f 0%, #6ab04c 55%, #8fc866 100%);\n  border-radius: var(--op-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(--op-shadow-lg);\n}\n\n.op-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(255,255,255,.3) 0%, transparent 40%);\n  opacity: .1;\n}\n\n.op-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.op-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 6vw, 42px);\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.op-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.op-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 16px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.op-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.op-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(--op-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.op-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* SECTIONS *\/\n.op-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.op-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--op-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.op-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(--op-primary), var(--op-secondary));\n  border-radius: 2px;\n}\n\n.op-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--op-text-light);\n  margin: 0 auto 1.5rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.op-section-intro strong {\n  color: var(--op-primary-dark);\n}\n\n\/* CARDS *\/\n.op-card {\n  background: var(--op-white);\n  border-radius: var(--op-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--op-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.op-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--op-shadow-lg);\n  border-color: var(--op-primary);\n}\n\n.op-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--op-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.op-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--op-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.op-card p strong {\n  color: var(--op-text);\n}\n\n\/* GRIDS *\/\n.op-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.op-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.op-grid-compact .op-card {\n  padding: 1rem;\n}\n\n.op-grid-compact .op-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.op-grid-compact .op-card p {\n  font-size: 12.5px;\n}\n\n\/* TIMELINE *\/\n.op-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.op-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.op-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--op-primary), var(--op-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(106,176,76,.35);\n}\n\n.op-timeline-content {\n  flex: 1;\n  background: var(--op-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--op-radius-sm);\n  box-shadow: var(--op-shadow);\n}\n\n.op-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--op-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.op-timeline-content p {\n  font-size: 14px;\n  color: var(--op-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* ACCORDION *\/\n.op-accordion {\n  background: var(--op-white);\n  border-radius: var(--op-radius);\n  box-shadow: var(--op-shadow);\n  overflow: hidden;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.op-accordion-item {\n  border-bottom: 1px solid var(--op-border);\n}\n\n.op-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.op-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--op-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}\n\n.op-accordion-header:hover {\n  background: var(--op-primary-light);\n}\n\n.op-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.op-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--op-primary);\n  transition: transform .2s ease;\n}\n\n.op-accordion-item[open] .op-accordion-header::after {\n  content: '−';\n}\n\n.op-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--op-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.op-accordion-content p {\n  margin: 0;\n}\n\n.mt-3 {\n  margin-top: 10px;\n}\n\n\/* TIP *\/\n.op-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--op-primary-light);\n  border-radius: var(--op-radius-sm);\n  padding: 1rem 1.25rem;\n  margin: 1.25rem auto 0;\n  max-width: 800px;\n  border-left: 4px solid var(--op-primary);\n}\n\n.op-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1.2;\n}\n\n.op-tip p {\n  font-size: 14.5px;\n  color: var(--op-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.op-tip p strong {\n  color: var(--op-primary-dark);\n}\n\n\/* CTA *\/\n.op-cta-box {\n  background: linear-gradient(135deg, var(--op-primary) 0%, var(--op-primary-dark) 100%);\n  border-radius: var(--op-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--op-shadow-lg);\n}\n\n.op-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.op-disclaimer {\n  font-size: 12px;\n  color: var(--op-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 767px) {\n  .op-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .op-card {\n    padding: 1.125rem;\n  }\n  .op-section {\n    margin-bottom: 1.75rem;\n  }\n  .op-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--op-radius-sm);\n  }\n  .op-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .op-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .op-grid-compact {\n    gap: .625rem;\n  }\n  .op-grid-compact .op-card {\n    padding: .75rem;\n  }\n  .op-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .op-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .op-timeline-content h3 {\n    font-size: 14px;\n  }\n  .op-timeline-content p {\n    font-size: 13px;\n  }\n  .op-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .op-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* ANIMATIONS *\/\n@media (prefers-reduced-motion: no-preference) {\n  .op-card {\n    animation: opFadeInUp .5s ease backwards;\n  }\n  .op-card:nth-child(1) { animation-delay: .05s; }\n  .op-card:nth-child(2) { animation-delay: .1s; }\n  .op-card:nth-child(3) { animation-delay: .15s; }\n  .op-card:nth-child(4) { animation-delay: .2s; }\n  .op-card:nth-child(5) { animation-delay: .25s; }\n  .op-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes opFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .op-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"NEODIET","offers":[{"title":"Default Title","offer_id":55160981586297,"sku":"VO4801","price":7.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ortie-piquante-feuille-100-gelules-neodiet-packshothd_ee60bd0b-b153-402d-85e8-860a984a2df2.webp?v=1786016990"},{"product_id":"prele-des-champs-200-comprimes-neodiet","title":"Prêle des champs - 200 comprimés - Neodiet","description":"\u003cdiv class=\"pc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pc-hero\"\u003e\n\u003cdiv class=\"pc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pc-hero-content\"\u003e\n\u003cdiv class=\"pc-badges-top\"\u003e\n\u003cspan class=\"pc-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"pc-badge\"\u003e💊 200 comprimés\u003c\/span\u003e \u003cspan class=\"pc-badge\"\u003e⚡ Forte concentration\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pc-hero-title\"\u003ePrêle des champs bio\u003c\/span\u003e\n\u003cp class=\"pc-subtitle\"\u003e200 comprimés de 420 mg — Neodiet \u003c\/p\u003e\n\u003cp class=\"pc-subtitle\"\u003eLa puissance reminéralisante du silicium végétal, issue de l'agriculture biologique, pour vos os, articulations et votre vitalité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"pc-section\"\u003e\n\u003ch2\u003ePrêle des champs bio : une plante reminéralisante d'exception\u003c\/h2\u003e\n\u003cp class=\"pc-section-intro\"\u003eConnue depuis l'Antiquité sous le nom de « queue-de-cheval », \u003cstrong\u003ela prêle des champs\u003c\/strong\u003e (\u003cem\u003eEquisetum arvense\u003c\/em\u003e) est l'une des plantes les plus riches en \u003cstrong\u003esilicium organique\u003c\/strong\u003e du règne végétal.\u003c\/p\u003e\n\u003cdiv class=\"pc-grid-compact\"\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🌱 100 % bio\u003c\/h3\u003e\n\u003cp\u003ePlante issue de l'agriculture biologique certifiée Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e💊 420 mg \/ comprimé\u003c\/h3\u003e\n\u003cp\u003eForte concentration en plante pour une efficacité optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e📦 200 comprimés\u003c\/h3\u003e\n\u003cp\u003eCure longue durée pratique et économique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🧪 Sans additif superflu\u003c\/h3\u003e\n\u003cp\u003eFormulation pure avec un seul agent de compression naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"pc-section\"\u003e\n\u003ch2\u003eBienfaits de la prêle des champs : pourquoi en prendre ?\u003c\/h2\u003e\n\u003cp class=\"pc-section-intro\"\u003eVoici les principaux \u003cstrong\u003ebienfaits de la prêle des champs\u003c\/strong\u003e reconnus en phytothérapie :\u003c\/p\u003e\n\u003cdiv class=\"pc-grid\"\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🦴 Reminéralisation osseuse\u003c\/h3\u003e\n\u003cp\u003eGrâce à sa teneur exceptionnelle en silicates et silicium organique, la prêle contribue à renforcer les os, les cartilages, les ongles et les cheveux. Particulièrement appréciée pour préserver le capital osseux avec l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🤸 Confort articulaire\u003c\/h3\u003e\n\u003cp\u003eLes flavonoïdes et minéraux qu'elle contient soutiennent la souplesse des articulations et aident à maintenir l'intégrité des tissus conjonctifs, notamment en cas d'inconforts liés à l'usure naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e💧 Drainage rénal naturel\u003c\/h3\u003e\n\u003cp\u003eLa prêle des champs favorise l'élimination rénale de l'eau et accompagne l'organisme dans son processus naturel de détoxification. C'est pour cette propriété diurétique qu'elle est aussi consommée en \u003cstrong\u003etisane\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e✨ Beauté de la peau et des phanères\u003c\/h3\u003e\n\u003cp\u003eLe silicium participe à la synthèse du collagène, ce qui profite directement à la fermeté de la peau et à la solidité des ongles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"pc-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cdiv class=\"pc-composition-box\"\u003e\n\u003cp class=\"pc-composition-title\"\u003eIngrédients pour 3 comprimés (dose journalière maximale) :\u003c\/p\u003e\n\u003cdiv class=\"pc-grid-compact\"\u003e\n\u003cdiv class=\"pc-card pc-card-highlight\"\u003e\n\u003ch3\u003e🌿 Prêle des champs bio\u003c\/h3\u003e\n\u003cp\u003ePoudre de parties aériennes (\u003cem\u003eEquisetum arvense\u003c\/em\u003e) : \u003cstrong\u003e1 200 mg\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🪨 Carbonate de magnésium\u003c\/h3\u003e\n\u003cp\u003eAgent de compression : \u003cstrong\u003e60 mg\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-tip\"\u003e\n\u003cspan class=\"pc-tip-icon\"\u003e📋\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePoids net total :\u003c\/strong\u003e 84 g — \u003cstrong\u003eCertification bio Ecocert\u003c\/strong\u003e — 100 % d'origine naturelle, sans additif superflu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"pc-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"pc-timeline\"\u003e\n\u003cdiv class=\"pc-timeline-item\"\u003e\n\u003cdiv class=\"pc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pc-timeline-content\"\u003e\n\u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 à 3 comprimés par jour\u003c\/strong\u003e, avec un grand verre d'eau, de préférence pendant les repas pour une meilleure assimilation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-timeline-item\"\u003e\n\u003cdiv class=\"pc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pc-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003eUne cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est recommandée pour une reminéralisation en profondeur. À 3 comprimés\/jour : environ 66 jours. À 2 comprimés\/jour : 100 jours de cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-timeline-item\"\u003e\n\u003cdiv class=\"pc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pc-timeline-content\"\u003e\n\u003ch3\u003eRenouvellement\u003c\/h3\u003e\n\u003cp\u003eVous pouvez renouveler la cure plusieurs fois dans l'année, notamment aux changements de saison ou en complément d'une \u003cstrong\u003etisane de prêle des champs\u003c\/strong\u003e pour un effet synergique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"pc-section\"\u003e\n\u003ch2\u003ePrêle des champs : danger ou précautions ?\u003c\/h2\u003e\n\u003cp class=\"pc-section-intro\"\u003eLa question du \u003cstrong\u003edanger de la prêle des champs\u003c\/strong\u003e revient souvent. Rassurez-vous : consommée dans le respect des doses recommandées, cette plante est très bien tolérée.\u003c\/p\u003e\n\u003cdiv class=\"pc-accordion\"\u003e\n\u003cdetails class=\"pc-accordion-item\"\u003e\n\u003csummary class=\"pc-accordion-header\"\u003e💊 Dosage maximal\u003c\/summary\u003e\n\u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière de 3 comprimés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pc-accordion-item\"\u003e\n\u003csummary class=\"pc-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n\u003cdiv class=\"pc-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=\"pc-accordion-item\"\u003e\n\u003csummary class=\"pc-accordion-header\"\u003e⚕️ Complément alimentaire\u003c\/summary\u003e\n\u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e, un régime alimentaire varié ni un mode de vie sain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pc-accordion-item\"\u003e\n\u003csummary class=\"pc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n\u003cp\u003eConserver dans un endroit sec, à l'abri de la lumière, hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pc-accordion-item\"\u003e\n\u003csummary class=\"pc-accordion-header\"\u003e⚠️ Troubles rénaux\u003c\/summary\u003e\n\u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de troubles rénaux ou de traitement diurétique, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"pc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir ce produit ?\u003c\/h2\u003e\n\u003cdiv class=\"pc-cta-box\"\u003e\n\u003cp\u003eSi vous vous demandez \u003cstrong\u003eoù trouver de la prêle des champs\u003c\/strong\u003e fiable et concentrée, ce format de 200 comprimés bio Neodiet coche toutes les cases : certification biologique, formulation pure sans excipients inutiles, dosage généreux et format pratique pour une utilisation quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-grid-compact pc-final-grid\"\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eCertification Ecocert garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🧪 Formulation pure\u003c\/h3\u003e\n\u003cp\u003eSans excipients inutiles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e💪 Dosage généreux\u003c\/h3\u003e\n\u003cp\u003e1 200 mg \/ dose journalière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e📅 Longue durée\u003c\/h3\u003e\n\u003cp\u003eJusqu'à 100 jours de cure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pc-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. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --pc-cream: #f5f7f2;\n  --pc-white: #ffffff;\n  --pc-primary: #4a7c3f;\n  --pc-primary-dark: #2d5a24;\n  --pc-primary-light: #e8f0e5;\n  --pc-secondary: #6dad5e;\n  --pc-accent: #c0392b;\n  --pc-text: #1a1a1a;\n  --pc-text-light: #5a5a5a;\n  --pc-border: #dde5d9;\n  --pc-shadow: 0 4px 24px rgba(45,90,36,.08);\n  --pc-shadow-lg: 0 12px 48px rgba(45,90,36,.15);\n  --pc-radius: 20px;\n  --pc-radius-sm: 12px;\n}\n\n.pc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pc-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--pc-primary-dark) 0%, var(--pc-primary) 50%, var(--pc-secondary) 100%);\n  border-radius: var(--pc-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(--pc-shadow-lg);\n}\n\n.pc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n                    radial-gradient(circle at 60% 80%, rgba(255,255,255,.04) 0%, transparent 50%);\n  opacity: 1;\n}\n\n.pc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pc-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.pc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pc-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(--pc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.pc-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n  letter-spacing: .02em;\n}\n\n.pc-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.2vw, 16px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.pc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pc-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.pc-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(--pc-primary), var(--pc-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.pc-card {\n  background: var(--pc-white);\n  border-radius: var(--pc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pc-shadow-lg);\n  border-color: var(--pc-primary);\n}\n\n.pc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pc-card-highlight {\n  border-color: var(--pc-primary);\n  background: var(--pc-primary-light);\n}\n\n\/* === GRILLES === *\/\n.pc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.pc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.pc-grid-compact .pc-card {\n  padding: 1rem;\n}\n\n.pc-grid-compact .pc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.pc-grid-compact .pc-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.pc-composition-box {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pc-composition-title {\n  text-align: center;\n  font-size: clamp(14px, 2.2vw, 16px);\n  font-weight: 700;\n  color: var(--pc-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n\/* === TIMELINE === *\/\n.pc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pc-primary), var(--pc-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.pc-timeline-content {\n  flex: 1;\n  background: var(--pc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pc-radius-sm);\n  box-shadow: var(--pc-shadow);\n}\n\n.pc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pc-timeline-content p {\n  font-size: 14px;\n  color: var(--pc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pc-testimonial {\n  background: var(--pc-white);\n  border-radius: var(--pc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--pc-shadow);\n  border-left: 4px solid var(--pc-primary);\n}\n\n.pc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pc-accordion {\n  background: var(--pc-white);\n  border-radius: var(--pc-radius);\n  box-shadow: var(--pc-shadow);\n  overflow: hidden;\n}\n\n.pc-accordion-item {\n  border-bottom: 1px solid var(--pc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pc-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.pc-accordion-header:hover {\n  background: var(--pc-primary-light);\n}\n\n.pc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--pc-primary);\n  transition: transform .2s ease;\n}\n\n.pc-accordion-item[open] .pc-accordion-header::after {\n  content: '−';\n}\n\n.pc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.pc-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pc-primary-light);\n  border-radius: var(--pc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: .5rem;\n}\n\n.pc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.pc-tip p {\n  font-size: 14px;\n  color: var(--pc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.pc-cta-box {\n  background: linear-gradient(135deg, var(--pc-primary) 0%, var(--pc-primary-dark) 100%);\n  border-radius: var(--pc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.pc-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.pc-final-grid {\n  margin-top: 0;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pc-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\/* === DISCLAIMER === *\/\n.pc-disclaimer {\n  font-size: 12px;\n  color: var(--pc-text-light);\n  text-align: center;\n  margin-top: 1.5rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .pc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .pc-card {\n    padding: 1.125rem;\n  }\n\n  .pc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .pc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pc-radius-sm);\n  }\n\n  .pc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .pc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .pc-grid-compact {\n    gap: .625rem;\n  }\n\n  .pc-grid-compact .pc-card {\n    padding: .75rem;\n  }\n\n  .pc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .pc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .pc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .pc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .pc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .pc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .pc-testimonial {\n    padding: 1.25rem;\n  }\n\n  .pc-testimonial-text {\n    font-size: 14px;\n  }\n\n  .pc-tip {\n    padding: .875rem 1rem;\n  }\n\n  .pc-tip-icon {\n    font-size: 20px;\n  }\n\n  .pc-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .pc-card {\n    animation: pcFadeInUp .5s ease backwards;\n  }\n  .pc-card:nth-child(1) { animation-delay: .05s; }\n  .pc-card:nth-child(2) { animation-delay: .1s; }\n  .pc-card:nth-child(3) { animation-delay: .15s; }\n  .pc-card:nth-child(4) { animation-delay: .2s; }\n  .pc-card:nth-child(5) { animation-delay: .25s; }\n  .pc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pcFadeInUp {\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  .pc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"NEODIET","offers":[{"title":"Default Title","offer_id":55162221461881,"sku":"VO4815","price":10.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/prele-des-champs-200-comprimes-neodiet-packshothd.webp?v=1786018001"},{"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":"dermoline-solaire-bio-lt-labo","title":"Dermoline Solaire Bio - 60 gélules - LT Labo","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Dermoline Solaire Bio - 60 gélules - LT Labo\nPalette détectée:\n  - Primaire: #B8652A (brun cuivré\/terracotta du bandeau packaging)\n  - Secondaire: #D4883E (orange doré, rappel solaire)\n  - Accent: #4A8C3F (vert bio\/AB du label)\nAmbiance: Naturel\/bio, solaire, chaleureux, santé naturelle. Packaging épuré sur fond blanc\/gris clair avec bandeau terracotta. Univers \"beauté solaire naturelle\" avec certifications bio et vegan.\nPréfixe CSS: dls\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Dermoline Solaire Bio : préparez votre peau au soleil naturellement\"\n  2. \"Pourquoi choisir Dermoline Solaire Bio ?\"\n  3. \"Composition détaillée pour 2 gélules\"\n  4. \"Conseils d'utilisation\"\n  5. \"Précautions et recommandations\"\n  6. \"À qui s'adresse Dermoline Solaire Bio ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"dls-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"dls-hero\"\u003e\n    \u003cdiv class=\"dls-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"dls-hero-content\"\u003e\n      \u003cdiv class=\"dls-badges-top\"\u003e\n        \u003cspan class=\"dls-badge\"\u003e🌿 Certifié Agriculture Biologique\u003c\/span\u003e\n        \u003cspan class=\"dls-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n        \u003cspan class=\"dls-badge\"\u003e☀️ Protection cellulaire\u003c\/span\u003e\n        \u003cspan class=\"dls-badge\"\u003e🧴 60 gélules – 30 jours\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"dls-hero-title\"\u003eDermoline Solaire Bio\u003c\/span\u003e\n      \u003cp class=\"dls-subtitle\"\u003eLT Labo – Complément alimentaire solaire\u003c\/p\u003e\n      \u003cp class=\"dls-description\"\u003e4 actifs bio — urucum, carotte, tomate et vitamine C d'acérola — pour préparer, protéger et sublimer votre peau avant, pendant et après le soleil.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"dls-section\"\u003e\n    \u003ch2\u003eDermoline Solaire Bio : préparez votre peau au soleil naturellement\u003c\/h2\u003e\n    \u003cp class=\"dls-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire solaire bio\u003c\/strong\u003e pour aborder l'été en toute sérénité ?\u003c\/p\u003e\n    \u003cdiv class=\"dls-highlight-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003eDermoline Solaire Bio de LT Labo\u003c\/strong\u003e associe quatre actifs naturels — urucum, carotte, tomate et \u003cstrong\u003evitamine C d'acérola\u003c\/strong\u003e — pour contribuer à la \u003cstrong\u003eprotection cellulaire\u003c\/strong\u003e de votre peau face au stress oxydatif lié aux rayons UV. Certifié Agriculture Biologique et 100 % vegan, ce complément vous accompagne avant, pendant et après vos expositions solaires.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"dls-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Dermoline Solaire Bio ?\u003c\/h2\u003e\n    \u003cp class=\"dls-section-intro\"\u003eLes compléments solaires classiques se limitent souvent au bêta-carotène. Dermoline Solaire va plus loin grâce à une \u003cstrong\u003esynergie de quatre actifs complémentaires\u003c\/strong\u003e, tous issus de l'agriculture biologique.\u003c\/p\u003e\n    \u003cdiv class=\"dls-grid\"\u003e\n      \u003cdiv class=\"dls-card\"\u003e\n        \u003ch3\u003e🌺 Urucum (Bixa orellana)\u003c\/h3\u003e\n        \u003cp\u003eCette plante amazonienne est naturellement riche en \u003cstrong\u003ebixine\u003c\/strong\u003e, un caroténoïde rare aux puissantes propriétés antioxydantes. Elle aide à neutraliser les radicaux libres générés par les UV et participe à donner un joli hâle naturel à votre peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dls-card\"\u003e\n        \u003ch3\u003e🥕 Extrait de carotte bio\u003c\/h3\u003e\n        \u003cp\u003eSource concentrée de \u003cstrong\u003ebêta-carotène\u003c\/strong\u003e, il favorise la préparation au bronzage et contribue à un teint lumineux et uniforme. Chaque dose équivaut à \u003cstrong\u003e300 mg\u003c\/strong\u003e de carottes fraîches.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dls-card\"\u003e\n        \u003ch3\u003e🍅 Extrait de tomate bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en \u003cstrong\u003elycopène\u003c\/strong\u003e, un antioxydant reconnu, il renforce la défense de la peau contre le stress oxydatif. Deux gélules apportent l'équivalent de \u003cstrong\u003e380 mg\u003c\/strong\u003e de tomates fraîches.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dls-card\"\u003e\n        \u003ch3\u003e🍒 Acérola \u0026amp; vitamine C\u003c\/h3\u003e\n        \u003cp\u003eLes \u003cstrong\u003ebienfaits de l'acérola\u003c\/strong\u003e sont multiples. Sa \u003cstrong\u003evitamine C\u003c\/strong\u003e naturelle contribue à la protection des cellules contre le stress oxydatif et participe à la formation normale du collagène, essentiel pour maintenir l'élasticité et la fermeté de la peau. Elle soutient le renouvellement cellulaire et aide à préserver un teint éclatant.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"dls-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 2 gélules\u003c\/h2\u003e\n    \u003cdiv class=\"dls-grid-compact\"\u003e\n      \u003cdiv class=\"dls-card dls-card-compo\"\u003e\n        \u003ch3\u003e🌺 Urucum bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e\u003cbr\u003edont 9 mg de bixine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dls-card dls-card-compo\"\u003e\n        \u003ch3\u003e🥕 Carotte bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e46 mg\u003c\/strong\u003e\u003cbr\u003e≈ 300 mg de carottes fraîches\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dls-card dls-card-compo\"\u003e\n        \u003ch3\u003e🍅 Tomate bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e20 mg\u003c\/strong\u003e\u003cbr\u003e≈ 380 mg de tomates fraîches\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dls-card dls-card-compo\"\u003e\n        \u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e80 mg\u003c\/strong\u003e\u003cbr\u003edont 12 mg de vitamine C (15 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dls-tip\"\u003e\n      \u003cspan class=\"dls-tip-icon\"\u003e🧪\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e extrait de riz déshydraté bio, gélule d'origine végétale (hydroxypropylméthylcellulose). Sans additif chimique, sans colorant artificiel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"dls-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"dls-timeline\"\u003e\n      \u003cdiv class=\"dls-timeline-item\"\u003e\n        \u003cdiv class=\"dls-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"dls-timeline-content\"\u003e\n          \u003ch3\u003eCommencez en amont\u003c\/h3\u003e\n          \u003cp\u003eDébutez votre cure \u003cstrong\u003e15 jours avant la première exposition solaire\u003c\/strong\u003e pour laisser les actifs préparer votre peau en profondeur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dls-timeline-item\"\u003e\n        \u003cdiv class=\"dls-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"dls-timeline-content\"\u003e\n          \u003ch3\u003ePrenez 2 gélules par jour\u003c\/h3\u003e\n          \u003cp\u003eAu cours d'un repas, avec un grand verre d'eau, pour une absorption optimale des caroténoïdes liposolubles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dls-timeline-item\"\u003e\n        \u003cdiv class=\"dls-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"dls-timeline-content\"\u003e\n          \u003ch3\u003ePoursuivez tout l'été\u003c\/h3\u003e\n          \u003cp\u003eContinuez pendant toute la période d'ensoleillement, puis quelques jours après pour \u003cstrong\u003eprolonger votre hâle\u003c\/strong\u003e naturellement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dls-tip\"\u003e\n      \u003cspan class=\"dls-tip-icon\"\u003e📦\u003c\/span\u003e\n      \u003cp\u003eUn flacon de 60 gélules correspond à \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e, soit environ un mois de préparation et de protection.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"dls-section\"\u003e\n    \u003ch2\u003ePrécautions et recommandations\u003c\/h2\u003e\n    \u003cdiv class=\"dls-accordion\"\u003e\n      \u003cdetails class=\"dls-accordion-item\"\u003e\n        \u003csummary class=\"dls-accordion-header\"\u003e🛡️ Protection solaire externe\u003c\/summary\u003e\n        \u003cdiv class=\"dls-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas une protection solaire externe\u003c\/strong\u003e (crème, vêtements, chapeau) ni un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dls-accordion-item\"\u003e\n        \u003csummary class=\"dls-accordion-header\"\u003e⚠️ Dosage recommandé\u003c\/summary\u003e\n        \u003cdiv class=\"dls-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de 2 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dls-accordion-item\"\u003e\n        \u003csummary class=\"dls-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"dls-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=\"dls-accordion-item\"\u003e\n        \u003csummary class=\"dls-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"dls-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, à 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  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"dls-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eÀ qui s'adresse Dermoline Solaire Bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"dls-grid\"\u003e\n      \u003cdiv class=\"dls-card\"\u003e\n        \u003ch3\u003e☀️ Préparation solaire naturelle\u003c\/h3\u003e\n        \u003cp\u003eIdéal si vous souhaitez \u003cstrong\u003epréparer votre peau au soleil de façon naturelle\u003c\/strong\u003e et soutenir un bronzage uniforme et durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dls-card\"\u003e\n        \u003ch3\u003e🌸 Peaux claires et sensibles\u003c\/h3\u003e\n        \u003cp\u003eParticulièrement adapté aux peaux qui rougissent facilement et ont besoin d'un soutien antioxydant renforcé avant l'exposition.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dls-card\"\u003e\n        \u003ch3\u003e🛡️ Défense antioxydante estivale\u003c\/h3\u003e\n        \u003cp\u003ePour toute personne souhaitant renforcer ses défenses antioxydantes pendant l'été et adopter une approche naturelle et bio de la beauté solaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dls-cta-box\"\u003e\n      \u003cp\u003e🌞 Avec Dermoline Solaire Bio LT Labo, offrez à votre peau les nutriments dont elle a besoin pour affronter le soleil sereinement, de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"dls-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne remplace pas une protection solaire topique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --dls-cream: #FDF8F3;\n  --dls-white: #ffffff;\n  --dls-primary: #B8652A;\n  --dls-primary-dark: #8B4513;\n  --dls-primary-light: #FAF0E6;\n  --dls-secondary: #D4883E;\n  --dls-accent: #4A8C3F;\n  --dls-text: #1a1a1a;\n  --dls-text-light: #5a5a5a;\n  --dls-border: #e8ddd2;\n  --dls-shadow: 0 4px 24px rgba(139,69,19,.08);\n  --dls-shadow-lg: 0 12px 48px rgba(139,69,19,.15);\n  --dls-radius: 20px;\n  --dls-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dls-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--dls-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dls-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8B4513 0%, #B8652A 40%, #D4883E 70%, #E8A54D 100%);\n  border-radius: var(--dls-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(--dls-shadow-lg);\n}\n\n.dls-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,200,100,.04) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.dls-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.dls-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.dls-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 3vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.dls-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.dls-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.dls-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(--dls-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.dls-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.dls-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dls-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--dls-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.dls-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(--dls-primary), var(--dls-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.dls-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dls-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.dls-highlight-box {\n  background: var(--dls-white);\n  border-radius: var(--dls-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--dls-shadow);\n  border-left: 4px solid var(--dls-secondary);\n}\n\n.dls-highlight-box p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dls-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.dls-card {\n  background: var(--dls-white);\n  border-radius: var(--dls-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--dls-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.dls-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--dls-shadow-lg);\n  border-color: var(--dls-primary);\n}\n\n.dls-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--dls-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.dls-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--dls-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD COMPO VARIANT === *\/\n.dls-card-compo {\n  background: linear-gradient(135deg, var(--dls-white) 0%, var(--dls-primary-light) 100%);\n  border: 1px solid var(--dls-border);\n}\n\n.dls-card-compo p {\n  font-size: clamp(13px, 2vw, 15px);\n  line-height: 1.5;\n}\n\n.dls-card-compo p strong {\n  color: var(--dls-primary);\n  font-size: clamp(18px, 3vw, 24px);\n  display: block;\n  margin-bottom: 2px;\n}\n\n\/* === GRILLES === *\/\n.dls-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.dls-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.dls-grid-compact .dls-card {\n  padding: 1rem;\n}\n\n.dls-grid-compact .dls-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.dls-grid-compact .dls-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dls-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.dls-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.dls-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--dls-primary), var(--dls-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.dls-timeline-content {\n  flex: 1;\n  background: var(--dls-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--dls-radius-sm);\n  box-shadow: var(--dls-shadow);\n}\n\n.dls-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--dls-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.dls-timeline-content p {\n  font-size: 14px;\n  color: var(--dls-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.dls-testimonial {\n  background: var(--dls-white);\n  border-radius: var(--dls-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--dls-shadow);\n  border-left: 4px solid var(--dls-primary);\n}\n\n.dls-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dls-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.dls-accordion {\n  background: var(--dls-white);\n  border-radius: var(--dls-radius);\n  box-shadow: var(--dls-shadow);\n  overflow: hidden;\n}\n\n.dls-accordion-item {\n  border-bottom: 1px solid var(--dls-border);\n  margin: 0;\n  padding: 0;\n}\n\n.dls-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.dls-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--dls-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.dls-accordion-header:hover {\n  background: var(--dls-primary-light);\n}\n\n.dls-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.dls-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--dls-primary);\n  transition: transform .2s ease;\n}\n\n.dls-accordion-item[open] .dls-accordion-header::after {\n  content: '−';\n}\n\n.dls-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--dls-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.dls-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.dls-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--dls-primary-light);\n  border-radius: var(--dls-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.dls-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.dls-tip p {\n  font-size: 14px;\n  color: var(--dls-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.dls-cta-box {\n  background: linear-gradient(135deg, var(--dls-primary) 0%, var(--dls-primary-dark) 100%);\n  border-radius: var(--dls-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.dls-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(255,200,100,.1) 0%, transparent 60%);\n}\n\n.dls-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.dls-disclaimer {\n  font-size: 12px;\n  color: var(--dls-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  .dls-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .dls-card {\n    padding: 1.125rem;\n  }\n\n  .dls-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .dls-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--dls-radius-sm);\n  }\n\n  .dls-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .dls-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .dls-grid-compact {\n    gap: .625rem;\n  }\n\n  .dls-grid-compact .dls-card {\n    padding: .75rem;\n  }\n\n  .dls-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .dls-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .dls-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .dls-timeline-content p {\n    font-size: 13px;\n  }\n\n  .dls-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .dls-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .dls-testimonial {\n    padding: 1.25rem;\n  }\n\n  .dls-testimonial-text {\n    font-size: 14px;\n  }\n\n  .dls-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .dls-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .dls-card {\n    animation: dlsFadeInUp .5s ease backwards;\n  }\n  .dls-card:nth-child(1) { animation-delay: .05s; }\n  .dls-card:nth-child(2) { animation-delay: .1s; }\n  .dls-card:nth-child(3) { animation-delay: .15s; }\n  .dls-card:nth-child(4) { animation-delay: .2s; }\n  .dls-card:nth-child(5) { animation-delay: .25s; }\n  .dls-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dlsFadeInUp {\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  .dls-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":55229432594809,"sku":"NBAILTL0028","price":15.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dermoline-solaire-bio-60-gelules-lt-labo-packshothd.webp?v=1791107393"},{"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":"la-veritable-huile-de-foie-de-morue-nature-lysi-240-ml","title":"La véritable Huile de Foie de Morue Lysi - Goût Neutre - 240 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: La véritable Huile de Foie de Morue Lysi - Goût Neutre - 240 ml\nPalette détectée:\n  - Primaire: #2d3e6e (bleu marine profond du packaging et bandeau)\n  - Secondaire: #d4a820 (jaune doré de l'huile et accents)\n  - Accent: #4a7c59 (vert naturel pour touche fraîcheur)\nAmbiance: Premium nordique, naturel\/santé, traditionnel avec modernité, confiance médicale\nPréfixe CSS: lysi\n--\u003e\n\n\u003cdiv class=\"lysi-premium\"\u003e\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"lysi-hero\"\u003e\n    \u003cdiv class=\"lysi-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lysi-hero-content\"\u003e\n      \u003cdiv class=\"lysi-badges-top\"\u003e\n        \u003cspan class=\"lysi-badge\"\u003e🇮🇸 Produit islandais\u003c\/span\u003e\n        \u003cspan class=\"lysi-badge\"\u003e❄️ Extraction à froid\u003c\/span\u003e\n        \u003cspan class=\"lysi-badge\"\u003e🐟 100% naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lysi-hero-title\"\u003eLa véritable huile de foie de morue\u003c\/span\u003e\n      \u003cp class=\"lysi-subtitle\"\u003eCapital santé · Goût naturel · Depuis 1938\u003c\/p\u003e\n      \u003cp class=\"lysi-description\"\u003eSource naturelle exceptionnelle d'\u003cstrong\u003eoméga-3 EPA \u0026amp; DHA\u003c\/strong\u003e, de \u003cstrong\u003evitamines A et D\u003c\/strong\u003e. Issue des eaux pures d'Islande, cette huile premium préserve vos défenses naturelles, votre vision, vos os et votre cœur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- POINTS FORTS --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003e💎 Pourquoi choisir Lýsi ?\u003c\/h2\u003e\n    \u003cdiv class=\"lysi-grid\"\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🐟 1100mg d'oméga-3\u003c\/h3\u003e\n        \u003cp\u003eDont \u003cstrong\u003e400mg EPA\u003c\/strong\u003e et \u003cstrong\u003e500mg DHA\u003c\/strong\u003e par dose pour soutenir cœur et cerveau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e☀️ 200% vitamine D\u003c\/h3\u003e\n        \u003cp\u003eApport optimal pour la \u003cstrong\u003esanté osseuse\u003c\/strong\u003e et le \u003cstrong\u003esystème immunitaire\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e👁️ 31% vitamine A\u003c\/h3\u003e\n        \u003cp\u003eEssentielle pour maintenir une \u003cstrong\u003evision normale\u003c\/strong\u003e et l'immunité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e❄️ Extraction à froid\u003c\/h3\u003e\n        \u003cp\u003eProcédé doux préservant l'\u003cstrong\u003eintégralité des nutriments\u003c\/strong\u003e sans dégradation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🌿 Sans additifs\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eAucun arôme\u003c\/strong\u003e, aucun conservateur. Juste la pureté islandaise.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🏆 Depuis 1938\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e85 ans d'expertise\u003c\/strong\u003e islandaise, pêche responsable et contrôles rigoureux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BIENFAITS SANTÉ --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003e🛡️ Les bienfaits pour votre santé\u003c\/h2\u003e\n    \u003cdiv class=\"lysi-grid\"\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eLes oméga-3 EPA et DHA contribuent au \u003cstrong\u003efonctionnement normal du cœur\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🧠 Fonctions cérébrales\u003c\/h3\u003e\n        \u003cp\u003eLe DHA soutient les \u003cstrong\u003ecapacités cognitives\u003c\/strong\u003e et la concentration.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🦴 Os et dents solides\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine D (200% VNR) préserve la \u003cstrong\u003esolidité osseuse\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e👁️ Vision normale\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine A maintient une \u003cstrong\u003ebonne acuité visuelle\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🛡️ Défenses immunitaires\u003c\/h3\u003e\n        \u003cp\u003eVitamines A et D renforcent vos \u003cstrong\u003edéfenses naturelles\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e👶 Croissance enfant\u003c\/h3\u003e\n        \u003cp\u003eSoutient le \u003cstrong\u003ebon développement\u003c\/strong\u003e chez les plus jeunes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003e📊 Composition par dose (5ml)\u003c\/h2\u003e\n    \u003cdiv class=\"lysi-grid\"\u003e\n      \u003cdiv class=\"lysi-card lysi-card-highlight\"\u003e\n        \u003ch3\u003e🐟 Oméga-3 totaux\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e1100 mg\u003c\/strong\u003e dont EPA 400mg + DHA 500mg\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card lysi-card-highlight\"\u003e\n        \u003ch3\u003e☀️ Vitamine D\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e10 µg\u003c\/strong\u003e soit 200% des VNR\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card lysi-card-highlight\"\u003e\n        \u003ch3\u003e👁️ Vitamine A\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e250 µg\u003c\/strong\u003e soit 31% des VNR\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=\"lysi-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"lysi-grid\"\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e👶 Enfants 3-6 ans\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e1 cuillère à café\u003c\/strong\u003e (5ml) par jour au cours d'un repas.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🧑 Dès 6 ans et adultes\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e2 cuillères à café\u003c\/strong\u003e (10ml) par jour au cours d'un repas.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🔄 Cure recommandée\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e2 cures de 3 mois\u003c\/strong\u003e par an pour un effet optimal.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-tip-box\"\u003e\n      \u003cp\u003e💡 \u003cstrong\u003eConseil :\u003c\/strong\u003e peut être consommée pure ou mélangée à un yaourt, jus ou smoothie. Agiter avant emploi et conserver au réfrigérateur après ouverture.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est fait l'huile de foie de morue ?\u003c\/h2\u003e\n    \u003cdiv class=\"lysi-grid-compact\"\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🧒 Enfants\u003c\/h3\u003e\n        \u003cp\u003eCroissance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🧑 Adultes\u003c\/h3\u003e\n        \u003cp\u003eVitalité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n        \u003cp\u003eOs \u0026amp; cœur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité\u003c\/h3\u003e\n        \u003cp\u003eDéfenses\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"lysi-grid-compact\"\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n        \u003cp\u003e240 ml\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e⏱️ Durée\u003c\/h3\u003e\n        \u003cp\u003e24 à 48 jours\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🇮🇸 Origine\u003c\/h3\u003e\n        \u003cp\u003eIslande\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🌿 Format\u003c\/h3\u003e\n        \u003cp\u003eHuile liquide\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFORMATIONS COMPLÉMENTAIRES --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"lysi-accordion\"\u003e\n      \u003cdetails class=\"lysi-accordion-item\"\u003e\n        \u003csummary class=\"lysi-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"lysi-accordion-content\"\u003e\n          \u003cp\u003eConserver au frais et au sec avant ouverture. \u003cstrong\u003eAprès ouverture, conserver au réfrigérateur\u003c\/strong\u003e et consommer dans les 3 mois. Agiter le flacon avant chaque utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lysi-accordion-item\"\u003e\n        \u003csummary class=\"lysi-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"lysi-accordion-content\"\u003e\n          \u003cp\u003eDéconseillé aux personnes \u003cstrong\u003eallergiques au poisson\u003c\/strong\u003e. Tenir hors de portée des enfants. En cas de grossesse ou allaitement, demander conseil à un professionnel de santé. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lysi-accordion-item\"\u003e\n        \u003csummary class=\"lysi-accordion-header\"\u003e🏭 Fabrication \u0026amp; qualité\u003c\/summary\u003e\n        \u003cdiv class=\"lysi-accordion-content\"\u003e\n          \u003cp\u003eFabriqué en \u003cstrong\u003eIslande depuis 1938\u003c\/strong\u003e par Lýsi. Extraction à froid pour préserver les nutriments. Contrôles rigoureux garantissant l'absence de métaux lourds et contaminants. Pêche responsable respectant les écosystèmes marins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"lysi-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"lysi-cta-box\"\u003e\n      \u003cp\u003e🇮🇸 \u003cstrong\u003eLa pureté islandaise au service de votre santé.\u003c\/strong\u003e Depuis 1938, Lýsi incarne l'excellence nordique : une huile de foie de morue pure, extraite à froid, riche en oméga-3 et vitamines essentielles. Sans arômes ni conservateurs, pour un capital santé préservé naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES LYSI === *\/\n:root {\n  --lysi-cream: #f8f6f2;\n  --lysi-white: #ffffff;\n  --lysi-primary: #2d3e6e;\n  --lysi-primary-dark: #1e2a4a;\n  --lysi-primary-light: #e8ebf3;\n  --lysi-secondary: #d4a820;\n  --lysi-accent: #4a7c59;\n  --lysi-text: #1a1a1a;\n  --lysi-text-light: #5a5a5a;\n  --lysi-border: #e0e0e0;\n  --lysi-shadow: 0 4px 24px rgba(45,62,110,.08);\n  --lysi-shadow-lg: 0 12px 48px rgba(45,62,110,.15);\n  --lysi-radius: 20px;\n  --lysi-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lysi-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lysi-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lysi-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 50%, #1a2540 100%);\n  border-radius: var(--lysi-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(--lysi-shadow-lg);\n}\n\n.lysi-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 30%, rgba(212,168,32,.15) 0%, transparent 40%),\n    radial-gradient(circle at 80% 70%, rgba(74,124,89,.1) 0%, transparent 40%);\n  opacity: .8;\n}\n\n.lysi-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lysi-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.lysi-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(--lysi-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lysi-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.lysi-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.lysi-subtitle {\n  color: var(--lysi-secondary);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: .5px;\n}\n\n.lysi-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.lysi-description strong {\n  color: var(--lysi-secondary);\n}\n\n\/* === SECTIONS === *\/\n.lysi-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lysi-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lysi-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.lysi-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(--lysi-primary), var(--lysi-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.lysi-card {\n  background: var(--lysi-white);\n  border-radius: var(--lysi-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lysi-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lysi-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lysi-shadow-lg);\n  border-color: var(--lysi-primary);\n}\n\n.lysi-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lysi-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lysi-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lysi-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lysi-card p strong {\n  color: var(--lysi-text);\n}\n\n.lysi-card-highlight {\n  background: linear-gradient(135deg, var(--lysi-primary-light) 0%, #f0f4ff 100%);\n  border: 2px solid var(--lysi-primary);\n}\n\n\/* === GRILLES === *\/\n.lysi-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lysi-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lysi-grid-compact .lysi-card {\n  padding: 1rem;\n}\n\n.lysi-grid-compact .lysi-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lysi-grid-compact .lysi-card p {\n  font-size: 12px;\n}\n\n\/* === TIP BOX === *\/\n.lysi-tip-box {\n  background: linear-gradient(135deg, #fff9e6 0%, #fff5d6 100%);\n  border: 2px solid var(--lysi-secondary);\n  border-radius: var(--lysi-radius);\n  padding: 1.25rem 1.5rem;\n  margin-top: 1.5rem;\n}\n\n.lysi-tip-box p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--lysi-text);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === ACCORDÉON === *\/\n.lysi-accordion {\n  background: var(--lysi-white);\n  border-radius: var(--lysi-radius);\n  box-shadow: var(--lysi-shadow);\n  overflow: hidden;\n}\n\n.lysi-accordion-item {\n  border-bottom: 1px solid var(--lysi-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lysi-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lysi-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lysi-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.lysi-accordion-header:hover {\n  background: var(--lysi-primary-light);\n}\n\n.lysi-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lysi-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lysi-primary);\n  transition: transform .2s ease;\n}\n\n.lysi-accordion-item[open] .lysi-accordion-header::after {\n  content: '−';\n}\n\n.lysi-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lysi-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.lysi-accordion-content p {\n  margin: 0;\n}\n\n.lysi-accordion-content strong {\n  color: var(--lysi-text);\n}\n\n\/* === CTA FINAL === *\/\n.lysi-cta-box {\n  background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 100%);\n  border-radius: var(--lysi-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lysi-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.lysi-cta-box strong {\n  color: var(--lysi-secondary);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .lysi-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .lysi-card {\n    padding: 1.125rem;\n  }\n  \n  .lysi-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .lysi-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lysi-radius-sm);\n  }\n  \n  .lysi-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .lysi-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .lysi-grid-compact {\n    gap: .625rem;\n  }\n  \n  .lysi-grid-compact .lysi-card {\n    padding: .75rem;\n  }\n  \n  .lysi-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .lysi-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .lysi-tip-box {\n    padding: 1rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lysi-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .lysi-card:nth-child(1) { animation-delay: .05s; }\n  .lysi-card:nth-child(2) { animation-delay: .1s; }\n  .lysi-card:nth-child(3) { animation-delay: .15s; }\n  .lysi-card:nth-child(4) { animation-delay: .2s; }\n  .lysi-card:nth-child(5) { animation-delay: .25s; }\n  .lysi-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  .lysi-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LYSI","offers":[{"title":"Default Title","offer_id":55290796409209,"sku":"NBAILSI0002","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/la-veritable-huile-de-foie-de-morue-lysi-gout-neutre-240-ml-packshothd.webp?v=1790596503"},{"product_id":"la-veritable-huile-de-foie-de-morue-citron-lysi-240-ml","title":"La véritable Huile de Foie de Morue Lysi - Goût Citron - 240 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Foie de Morue Lýsi - Goût Citron\nPalette détectée:\n  - Primaire: #2d3e6e (bleu marine profond du packaging)\n  - Secondaire: #f5c842 (jaune citron vif - badge et accent)\n  - Accent: #e8c547 (jaune doré de l'huile)\nAmbiance: Premium nordique, pureté islandaise, santé naturelle, familial\nPréfixe CSS: lysi\n--\u003e\n\n\u003cdiv class=\"lysi-premium\"\u003e\n\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"lysi-hero\"\u003e\n  \u003cdiv class=\"lysi-hero-pattern\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"lysi-hero-content\"\u003e\n    \u003cdiv class=\"lysi-badges-top\"\u003e\n      \u003cspan class=\"lysi-badge\"\u003e🇮🇸 Islande\u003c\/span\u003e\n      \u003cspan class=\"lysi-badge\"\u003e🍋 Arôme citron\u003c\/span\u003e\n      \u003cspan class=\"lysi-badge\"\u003e🐟 Oméga-3\u003c\/span\u003e\n      \u003cspan class=\"lysi-badge\"\u003e💊 Vitamines A \u0026amp; D\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cspan class=\"lysi-hero-title\"\u003eLa véritable huile de foie de morue\u003c\/span\u003e\n    \u003cp class=\"lysi-subtitle\"\u003eCapital santé · Arôme naturel de citron · Depuis 1938\u003c\/p\u003e\n    \u003cp class=\"lysi-description\"\u003eProfitez des bienfaits ancestraux de l'huile de foie de morue avec un \u003cstrong\u003eagréable goût citronné\u003c\/strong\u003e. Extraite à froid en Islande, cette huile liquide soutient votre \u003cstrong\u003esystème immunitaire, votre vision, vos os et votre cœur\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- POURQUOI CHOISIR --\u003e\n\u003csection class=\"lysi-section\"\u003e\n  \u003ch2\u003e🌟 Pourquoi choisir Lýsi goût citron ?\u003c\/h2\u003e\n  \u003cdiv class=\"lysi-grid\"\u003e\n    \u003cdiv class=\"lysi-card\"\u003e\n      \u003ch3\u003e🐟 1100mg d'oméga-3\u003c\/h3\u003e\n      \u003cp\u003eEPA 400mg + DHA 500mg pour le bon fonctionnement cardiaque et cérébral\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-card\"\u003e\n      \u003ch3\u003e☀️ Vitamine D 200% VNR\u003c\/h3\u003e\n      \u003cp\u003eSoutient l'immunité et la santé osseuse avec un apport optimal\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-card\"\u003e\n      \u003ch3\u003e👁️ Vitamine A 31% VNR\u003c\/h3\u003e\n      \u003cp\u003eContribue au maintien d'une vision normale et de la peau\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-card\"\u003e\n      \u003ch3\u003e🍋 Goût citron naturel\u003c\/h3\u003e\n      \u003cp\u003eFini l'arrière-goût de poisson ! Agréable à consommer au quotidien\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-card\"\u003e\n      \u003ch3\u003e🇮🇸 Pureté islandaise\u003c\/h3\u003e\n      \u003cp\u003eExtraction à froid, pêche responsable, contrôles qualité rigoureux\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-card\"\u003e\n      \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n      \u003cp\u003eAdapté dès 3 ans, enfants et adultes peuvent en bénéficier\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BIENFAITS SANTÉ --\u003e\n\u003csection class=\"lysi-section\"\u003e\n  \u003ch2\u003e💪 Les bienfaits pour votre santé\u003c\/h2\u003e\n  \u003cdiv class=\"lysi-grid\"\u003e\n    \u003cdiv class=\"lysi-card lysi-card-benefit\"\u003e\n      \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n      \u003cp\u003eRenforce les défenses naturelles grâce aux vitamines A et D\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-card lysi-card-benefit\"\u003e\n      \u003ch3\u003e🦴 Os et dents solides\u003c\/h3\u003e\n      \u003cp\u003eLa vitamine D favorise l'absorption du calcium pour des os en pleine forme\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-card lysi-card-benefit\"\u003e\n      \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n      \u003cp\u003eLes oméga-3 EPA contribuent au fonctionnement normal du cœur\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-card lysi-card-benefit\"\u003e\n      \u003ch3\u003e🧠 Fonctions cérébrales\u003c\/h3\u003e\n      \u003cp\u003eLe DHA soutient les capacités cognitives, mémoire et concentration\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-card lysi-card-benefit\"\u003e\n      \u003ch3\u003e👁️ Vision optimale\u003c\/h3\u003e\n      \u003cp\u003eLa vitamine A maintient une bonne vision au quotidien\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"lysi-section\"\u003e\n  \u003ch2\u003e🧪 Composition par dose (5ml)\u003c\/h2\u003e\n  \u003cdiv class=\"lysi-composition-box\"\u003e\n    \u003cdiv class=\"lysi-composition-grid\"\u003e\n      \u003cdiv class=\"lysi-composition-item lysi-composition-highlight\"\u003e\n        \u003cspan class=\"lysi-composition-label\"\u003eHuile de foie de morue\u003c\/span\u003e\n        \u003cspan class=\"lysi-composition-value\"\u003e5000 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-composition-item lysi-composition-highlight\"\u003e\n        \u003cspan class=\"lysi-composition-label\"\u003eOméga-3 totaux\u003c\/span\u003e\n        \u003cspan class=\"lysi-composition-value\"\u003e1100 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-composition-item lysi-composition-sub\"\u003e\n        \u003cspan class=\"lysi-composition-label\"\u003e↳ EPA\u003c\/span\u003e\n        \u003cspan class=\"lysi-composition-value\"\u003e400 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-composition-item lysi-composition-sub\"\u003e\n        \u003cspan class=\"lysi-composition-label\"\u003e↳ DHA\u003c\/span\u003e\n        \u003cspan class=\"lysi-composition-value\"\u003e500 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-composition-item\"\u003e\n        \u003cspan class=\"lysi-composition-label\"\u003eVitamine A\u003c\/span\u003e\n        \u003cspan class=\"lysi-composition-value\"\u003e250 µg \u003cem\u003e(31% VNR)\u003c\/em\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-composition-item lysi-composition-highlight\"\u003e\n        \u003cspan class=\"lysi-composition-label\"\u003eVitamine D\u003c\/span\u003e\n        \u003cspan class=\"lysi-composition-value\"\u003e10 µg \u003cem\u003e(200% VNR)\u003c\/em\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"lysi-section\"\u003e\n  \u003ch2\u003e📏 Mode d'emploi\u003c\/h2\u003e\n  \u003cdiv class=\"lysi-dosage-box\"\u003e\n    \u003cdiv class=\"lysi-dosage-grid\"\u003e\n      \u003cdiv class=\"lysi-dosage-card\"\u003e\n        \u003cdiv class=\"lysi-dosage-icon\"\u003e👶\u003c\/div\u003e\n        \u003ch3\u003e3 à 6 ans\u003c\/h3\u003e\n        \u003cp class=\"lysi-dosage-amount\"\u003e1 cuillère à café\/jour\u003c\/p\u003e\n        \u003cp class=\"lysi-dosage-ml\"\u003e(5ml)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-dosage-card\"\u003e\n        \u003cdiv class=\"lysi-dosage-icon\"\u003e🧑\u003c\/div\u003e\n        \u003ch3\u003e+6 ans et adultes\u003c\/h3\u003e\n        \u003cp class=\"lysi-dosage-amount\"\u003e2 cuillères à café\/jour\u003c\/p\u003e\n        \u003cp class=\"lysi-dosage-ml\"\u003e(10ml)\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-dosage-tip\"\u003e\n      \u003cp\u003e💡 \u003cstrong\u003eRecommandation :\u003c\/strong\u003e 2 cures de 3 mois dans l'année pour un adulte\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"lysi-steps\"\u003e\n    \u003cdiv class=\"lysi-step\"\u003e\n      \u003cdiv class=\"lysi-step-number\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"lysi-step-content\"\u003e\n        \u003ch3\u003eBien agiter\u003c\/h3\u003e\n        \u003cp\u003eAgiter le flacon avant chaque utilisation\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-step\"\u003e\n      \u003cdiv class=\"lysi-step-number\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"lysi-step-content\"\u003e\n        \u003ch3\u003ePrendre au repas\u003c\/h3\u003e\n        \u003cp\u003ePure ou mélangée à un jus, yaourt ou smoothie\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-step\"\u003e\n      \u003cdiv class=\"lysi-step-number\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"lysi-step-content\"\u003e\n        \u003ch3\u003eConserver au frais\u003c\/h3\u003e\n        \u003cp\u003eAu réfrigérateur après ouverture\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=\"lysi-section\"\u003e\n  \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n  \u003cdiv class=\"lysi-grid\"\u003e\n    \u003cdiv class=\"lysi-card\"\u003e\n      \u003ch3\u003e👶 Enfants dès 3 ans\u003c\/h3\u003e\n      \u003cp\u003eSoutient la croissance et le développement\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-card\"\u003e\n      \u003ch3\u003e🧑 Adultes actifs\u003c\/h3\u003e\n      \u003cp\u003eImmunité et vitalité au quotidien\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-card\"\u003e\n      \u003ch3\u003e👵 Seniors\u003c\/h3\u003e\n      \u003cp\u003eSanté osseuse et cardiovasculaire\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-card\"\u003e\n      \u003ch3\u003e🛡️ Immunité fragile\u003c\/h3\u003e\n      \u003cp\u003eRenforcer les défenses naturelles\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-card\"\u003e\n      \u003ch3\u003e🧠 Concentration\u003c\/h3\u003e\n      \u003cp\u003eÉtudiants et travailleurs intellectuels\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-card\"\u003e\n      \u003ch3\u003e❤️ Santé cardiaque\u003c\/h3\u003e\n      \u003cp\u003ePersonnes soucieuses de leur cœur\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ORIGINE ISLANDE --\u003e\n\u003csection class=\"lysi-section\"\u003e\n  \u003cdiv class=\"lysi-iceland-box\"\u003e\n    \u003cdiv class=\"lysi-iceland-content\"\u003e\n      \u003ch2\u003e🇮🇸 Fabriqué en Islande depuis 1938\u003c\/h2\u003e\n      \u003cp\u003eL'Islande est reconnue mondialement pour la \u003cstrong\u003epureté de ses eaux\u003c\/strong\u003e et la qualité exceptionnelle de ses produits marins. Lýsi incarne \u003cstrong\u003e85 ans d'expertise\u003c\/strong\u003e en matière d'huile de foie de morue, alliant tradition, savoir-faire et contrôles rigoureux.\u003c\/p\u003e\n      \u003cdiv class=\"lysi-iceland-features\"\u003e\n        \u003cspan\u003e🐟 Pêche responsable\u003c\/span\u003e\n        \u003cspan\u003e❄️ Extraction à froid\u003c\/span\u003e\n        \u003cspan\u003e🔬 Pureté contrôlée\u003c\/span\u003e\n        \u003cspan\u003e🏆 Qualité premium\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=\"lysi-section\"\u003e\n  \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n  \u003cdiv class=\"lysi-grid-compact\"\u003e\n    \u003cdiv class=\"lysi-card\"\u003e\n      \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n      \u003cp\u003eFlacon 240 ml\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-card\"\u003e\n      \u003ch3\u003e⏱️ Durée\u003c\/h3\u003e\n      \u003cp\u003e24 à 48 jours\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-card\"\u003e\n      \u003ch3\u003e🇮🇸 Origine\u003c\/h3\u003e\n      \u003cp\u003eIslande\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-card\"\u003e\n      \u003ch3\u003e🍋 Format\u003c\/h3\u003e\n      \u003cp\u003eHuile liquide citron\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=\"lysi-section\"\u003e\n  \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n  \u003cdiv class=\"lysi-accordion\"\u003e\n    \u003cdetails class=\"lysi-accordion-item\"\u003e\n      \u003csummary class=\"lysi-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n      \u003cdiv class=\"lysi-accordion-content\"\u003e\n        \u003cp\u003eConserver au réfrigérateur après ouverture. Bien agiter avant chaque utilisation. À consommer dans les 3 mois après ouverture.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"lysi-accordion-item\"\u003e\n      \u003csummary class=\"lysi-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n      \u003cdiv class=\"lysi-accordion-content\"\u003e\n        \u003cp\u003eNe pas dépasser la dose journalière recommandée. Déconseillé aux personnes allergiques au poisson. Tenir hors de portée des enfants. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Femmes enceintes ou allaitantes : demander conseil à un professionnel de santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"lysi-accordion-item\"\u003e\n      \u003csummary class=\"lysi-accordion-header\"\u003e🍋 Pourquoi le goût citron ?\u003c\/summary\u003e\n      \u003cdiv class=\"lysi-accordion-content\"\u003e\n        \u003cp\u003eL'arôme naturel de citron masque complètement la saveur marine redoutée de l'huile de foie de morue. Vous pouvez la consommer pure ou l'ajouter à vos jus, yaourts ou smoothies sans altérer le goût. Même les enfants l'apprécient !\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=\"lysi-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"lysi-cta-box\"\u003e\n    \u003cp\u003e🇮🇸 \u003cstrong\u003eCapital santé depuis 1938\u003c\/strong\u003e — Une huile de foie de morue pure, extraite à froid en Islande, riche en oméga-3 EPA \u0026amp; DHA et vitamines A \u0026amp; D. Avec son arôme naturel de citron, soutenez votre immunité, votre vision, vos os et votre cœur naturellement, en famille.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES LYSI === *\/\n:root {\n  --lysi-cream: #f8f6f3;\n  --lysi-white: #ffffff;\n  --lysi-primary: #2d3e6e;\n  --lysi-primary-dark: #1e2a4a;\n  --lysi-primary-light: #e8ebf3;\n  --lysi-secondary: #f5c842;\n  --lysi-secondary-dark: #e0b536;\n  --lysi-secondary-light: #fff8e5;\n  --lysi-accent: #e8c547;\n  --lysi-text: #1a1a1a;\n  --lysi-text-light: #5a5a5a;\n  --lysi-border: #e0e0e0;\n  --lysi-shadow: 0 4px 24px rgba(45, 62, 110, .08);\n  --lysi-shadow-lg: 0 12px 48px rgba(45, 62, 110, .15);\n  --lysi-radius: 20px;\n  --lysi-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lysi-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lysi-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lysi-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 50%, #1a2340 100%);\n  border-radius: var(--lysi-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(--lysi-shadow-lg);\n}\n\n.lysi-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 30%, rgba(245, 200, 66, .15) 0%, transparent 40%),\n    radial-gradient(circle at 80% 70%, rgba(232, 197, 71, .1) 0%, transparent 40%);\n  opacity: .8;\n}\n\n.lysi-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lysi-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.lysi-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(245, 200, 66, .2);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: white;\n  border: 1px solid rgba(245, 200, 66, .4);\n  transition: all .3s ease;\n}\n\n.lysi-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  background: rgba(245, 200, 66, .3);\n}\n\n.lysi-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.lysi-subtitle {\n  color: var(--lysi-secondary);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: .5px;\n}\n\n.lysi-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.lysi-description strong {\n  color: var(--lysi-secondary);\n  font-weight: 700;\n}\n\n\/* === SECTIONS === *\/\n.lysi-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lysi-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lysi-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.lysi-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(--lysi-primary), var(--lysi-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.lysi-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lysi-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.lysi-card {\n  background: var(--lysi-white);\n  border-radius: var(--lysi-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lysi-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lysi-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lysi-shadow-lg);\n  border-color: var(--lysi-primary);\n}\n\n.lysi-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lysi-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lysi-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lysi-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lysi-card-benefit {\n  border-left: 4px solid var(--lysi-secondary);\n}\n\n.lysi-grid-compact .lysi-card {\n  padding: 1rem;\n}\n\n.lysi-grid-compact .lysi-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lysi-grid-compact .lysi-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION === *\/\n.lysi-composition-box {\n  background: var(--lysi-white);\n  border-radius: var(--lysi-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  box-shadow: var(--lysi-shadow-lg);\n  border: 3px solid var(--lysi-primary);\n}\n\n.lysi-composition-grid {\n  display: grid;\n  gap: .75rem;\n}\n\n.lysi-composition-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: .875rem 1rem;\n  background: var(--lysi-primary-light);\n  border-radius: var(--lysi-radius-sm);\n}\n\n.lysi-composition-highlight {\n  background: var(--lysi-secondary-light);\n  border: 2px solid var(--lysi-secondary);\n}\n\n.lysi-composition-sub {\n  background: transparent;\n  padding-left: 2rem;\n}\n\n.lysi-composition-label {\n  font-weight: 600;\n  color: var(--lysi-text);\n  font-size: clamp(13px, 2vw, 15px);\n}\n\n.lysi-composition-value {\n  font-weight: 800;\n  color: var(--lysi-primary-dark);\n  font-size: clamp(14px, 2vw, 16px);\n}\n\n.lysi-composition-value em {\n  font-weight: 600;\n  font-style: normal;\n  color: var(--lysi-text-light);\n  font-size: .85em;\n}\n\n\/* === DOSAGE === *\/\n.lysi-dosage-box {\n  background: var(--lysi-white);\n  border-radius: var(--lysi-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  box-shadow: var(--lysi-shadow-lg);\n  border: 3px solid var(--lysi-secondary);\n  margin-bottom: 1.5rem;\n}\n\n.lysi-dosage-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.lysi-dosage-card {\n  background: var(--lysi-primary-light);\n  border-radius: var(--lysi-radius-sm);\n  padding: 1.5rem;\n  text-align: center;\n}\n\n.lysi-dosage-icon {\n  font-size: 40px;\n  margin-bottom: .5rem;\n}\n\n.lysi-dosage-card h3 {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--lysi-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.lysi-dosage-amount {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--lysi-primary);\n  margin: 0;\n}\n\n.lysi-dosage-ml {\n  font-size: 13px;\n  color: var(--lysi-text-light);\n  margin: .25rem 0 0 0;\n}\n\n.lysi-dosage-tip {\n  background: var(--lysi-secondary-light);\n  border-radius: var(--lysi-radius-sm);\n  padding: 1rem 1.25rem;\n  text-align: center;\n}\n\n.lysi-dosage-tip p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--lysi-text);\n}\n\n\/* === STEPS === *\/\n.lysi-steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.lysi-step {\n  background: var(--lysi-white);\n  border-radius: var(--lysi-radius);\n  padding: 1.5rem;\n  box-shadow: var(--lysi-shadow);\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  transition: all .3s ease;\n}\n\n.lysi-step:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--lysi-shadow-lg);\n}\n\n.lysi-step-number {\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 100%);\n  color: var(--lysi-secondary);\n  font-size: 18px;\n  font-weight: 900;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.lysi-step-content h3 {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--lysi-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.lysi-step-content p {\n  font-size: 13px;\n  color: var(--lysi-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ICELAND BOX === *\/\n.lysi-iceland-box {\n  background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 100%);\n  border-radius: var(--lysi-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--lysi-shadow-lg);\n}\n\n.lysi-iceland-content h2 {\n  color: white;\n  font-size: clamp(20px, 4vw, 28px);\n  margin: 0 0 1rem 0;\n  padding-bottom: 0;\n}\n\n.lysi-iceland-content h2::after {\n  display: none;\n}\n\n.lysi-iceland-content \u003e p {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 16px);\n  line-height: 1.7;\n  margin: 0 0 1.5rem 0;\n}\n\n.lysi-iceland-content strong {\n  color: var(--lysi-secondary);\n}\n\n.lysi-iceland-features {\n  display: flex;\n  flex-wrap: wrap;\n  gap: .75rem;\n}\n\n.lysi-iceland-features span {\n  background: rgba(245, 200, 66, .2);\n  color: white;\n  font-size: 13px;\n  font-weight: 600;\n  padding: .5rem 1rem;\n  border-radius: 999px;\n  border: 1px solid rgba(245, 200, 66, .3);\n}\n\n\/* === ACCORDÉON === *\/\n.lysi-accordion {\n  background: var(--lysi-white);\n  border-radius: var(--lysi-radius);\n  box-shadow: var(--lysi-shadow);\n  overflow: hidden;\n}\n\n.lysi-accordion-item {\n  border-bottom: 1px solid var(--lysi-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lysi-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lysi-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lysi-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.lysi-accordion-header:hover {\n  background: var(--lysi-primary-light);\n}\n\n.lysi-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lysi-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lysi-primary);\n  transition: transform .2s ease;\n}\n\n.lysi-accordion-item[open] .lysi-accordion-header::after {\n  content: '−';\n}\n\n.lysi-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lysi-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.lysi-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.lysi-cta-box {\n  background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 100%);\n  border-radius: var(--lysi-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lysi-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.lysi-cta-box strong {\n  color: var(--lysi-secondary);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .lysi-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .lysi-card {\n    padding: 1.125rem;\n  }\n  \n  .lysi-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .lysi-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lysi-radius-sm);\n  }\n  \n  .lysi-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .lysi-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .lysi-grid-compact {\n    gap: .625rem;\n  }\n  \n  .lysi-grid-compact .lysi-card {\n    padding: .75rem;\n  }\n  \n  .lysi-dosage-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .lysi-dosage-card {\n    padding: 1.25rem;\n  }\n  \n  .lysi-steps {\n    grid-template-columns: 1fr;\n  }\n  \n  .lysi-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .lysi-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .lysi-iceland-features {\n    justify-content: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lysi-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .lysi-card:nth-child(1) { animation-delay: .05s; }\n  .lysi-card:nth-child(2) { animation-delay: .1s; }\n  .lysi-card:nth-child(3) { animation-delay: .15s; }\n  .lysi-card:nth-child(4) { animation-delay: .2s; }\n  .lysi-card:nth-child(5) { animation-delay: .25s; }\n  .lysi-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  .lysi-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LYSI","offers":[{"title":"Default Title","offer_id":55290827178361,"sku":"NBAILSI0001","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/la-veritable-huile-de-foie-de-morue-lysi-gout-citron-240-ml-packshothd.webp?v=1790596672"},{"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":"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":"phyco-sublime-lifes-code","title":"Phyco‑sublime - Phycocyanine + 8 actifs anti-âge - Life's Code","description":"\u003cdiv class=\"ps-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"ps-hero\"\u003e\n    \u003cdiv class=\"ps-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ps-hero-content\"\u003e\n      \u003cdiv class=\"ps-badges-top\"\u003e\n        \u003cspan class=\"ps-badge\"\u003e🔬 8 actifs synergiques\u003c\/span\u003e\n        \u003cspan class=\"ps-badge\"\u003e🌿 100 % végane\u003c\/span\u003e\n        \u003cspan class=\"ps-badge\"\u003e💎 200 mg phycocyanine\/dose\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ps-hero-title\"\u003ePhyco‑Sublime Life's Code\u003c\/span\u003e\n      \u003cp class=\"ps-subtitle\"\u003ePhycocyanine 100 mg \u0026amp; 8 actifs premium\u003c\/p\u003e\n      \u003cp class=\"ps-description\"\u003eLa formule tout-en-un qui réunit phycocyanine extraite à froid, acide hyaluronique, astaxanthine, coenzyme Q10, silicium, zinc et sélénium pour sublimer votre peau, vos cheveux et vos articulations.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"ps-section\"\u003e\n    \u003ch2\u003ePhyco-Sublime : la phycocyanine enrichie de 7 actifs pour la peau, les cheveux et les articulations\u003c\/h2\u003e\n    \u003cp class=\"ps-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire antioxydant\u003c\/strong\u003e complet qui va au-delà de la simple spiruline ?\u003c\/p\u003e\n    \u003cdiv class=\"ps-grid-compact\"\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🧬 Phycocyanine extraite à froid\u003c\/h3\u003e\n        \u003cp\u003eLyophilisée pour préserver 100 % de son intégrité et de sa puissance antioxydante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n        \u003cp\u003eHydratation profonde de la peau et confort articulaire au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🛡️ Coenzyme Q10\u003c\/h3\u003e\n        \u003cp\u003eStimule la production d'énergie cellulaire et lutte contre le vieillissement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e✨ 7 actifs complémentaires\u003c\/h3\u003e\n        \u003cp\u003eAstaxanthine, silicium, zinc, sélénium… une synergie pensée pour une action globale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ps-tip\"\u003e\n      \u003cspan class=\"ps-tip-icon\"\u003e🎯\u003c\/span\u003e\n      \u003cp\u003eLe résultat : une formule tout-en-un pensée pour soutenir votre vitalité, protéger vos cellules du stress oxydatif et prendre soin de votre beauté de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"ps-section\"\u003e\n    \u003ch2\u003eQu'est-ce que la phycocyanine et quels sont ses bienfaits ?\u003c\/h2\u003e\n    \u003cdiv class=\"ps-highlight-box\"\u003e\n      \u003cp\u003eLa \u003cstrong\u003ephycocyanine\u003c\/strong\u003e est le pigment bleu naturellement présent dans la spiruline. Souvent surnommée « \u003cstrong\u003eor bleu de la spiruline\u003c\/strong\u003e », cette protéine est reconnue pour ses puissantes propriétés antioxydantes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ps-grid\"\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eContribue à protéger les cellules contre le stress oxydatif et les radicaux libres.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e⚡ Énergie quotidienne\u003c\/h3\u003e\n        \u003cp\u003eSoutient l'énergie et la vitalité au quotidien, même en période de fatigue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🌿 Défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eParticipe au renforcement des défenses naturelles de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ps-tip\"\u003e\n      \u003cspan class=\"ps-tip-icon\"\u003e❄️\u003c\/span\u003e\n      \u003cp\u003eIci, la phycocyanine est \u003cstrong\u003eextraite à froid puis lyophilisée\u003c\/strong\u003e pour préserver toute son intégrité — un procédé qui garantit une qualité optimale à chaque gélule.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"ps-section\"\u003e\n    \u003ch2\u003eUne synergie de 8 actifs pour une action globale\u003c\/h2\u003e\n    \u003cp class=\"ps-section-intro\"\u003eCe qui distingue Phyco-Sublime, c'est la cohérence de sa formule. Chaque actif a été choisi pour compléter et renforcer l'action des autres.\u003c\/p\u003e\n    \u003cdiv class=\"ps-grid\"\u003e\n      \u003cdiv class=\"ps-card ps-card-featured\"\u003e\n        \u003ch3\u003e💙 Phycocyanine — 200 mg\/dose\u003c\/h3\u003e\n        \u003cp\u003eAntioxydant majeur, soutien de la vitalité et de l'énergie cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e💧 Acide hyaluronique — 180 mg\u003c\/h3\u003e\n        \u003cp\u003eHydrate la peau en profondeur et favorise le confort articulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e💎 Silicium organique — 100 mg\u003c\/h3\u003e\n        \u003cp\u003eRenforce la structure de la peau, des cheveux et des ongles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🔋 Coenzyme Q10 — 80 mg\u003c\/h3\u003e\n        \u003cp\u003eStimule la production d'énergie cellulaire et lutte contre le vieillissement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🦐 Astaxanthine — 8 mg\u003c\/h3\u003e\n        \u003cp\u003eUn caroténoïde aux propriétés anti-âge remarquables pour la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e⚙️ Zinc — 10 mg (100 % VNR)\u003c\/h3\u003e\n        \u003cp\u003eEssentiel pour l'immunité, la peau et la chevelure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🔬 Sélénium — 55 µg (100 % VNR)\u003c\/h3\u003e\n        \u003cp\u003eOligo-élément clé des défenses antioxydantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"ps-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"ps-grid-compact\"\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n        \u003cp\u003eRetrouvez votre énergie grâce à la phycocyanine et la CoQ10.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e✨ Peau terne\u003c\/h3\u003e\n        \u003cp\u003eRedonnez éclat et hydratation à votre peau en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n        \u003cp\u003eAcide hyaluronique et silicium pour des articulations souples.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🌱 Anti-âge global\u003c\/h3\u003e\n        \u003cp\u003eUn seul flacon au lieu de plusieurs : la formule tout-en-un.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ps-tip\"\u003e\n      \u003cspan class=\"ps-tip-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cp\u003eSa formule \u003cstrong\u003e100 % végane\u003c\/strong\u003e en gélules de pullulan (sans HPMC) le rend accessible au plus grand nombre.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"ps-section\"\u003e\n    \u003ch2\u003ePosologie et conseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"ps-timeline\"\u003e\n      \u003cdiv class=\"ps-timeline-item\"\u003e\n        \u003cdiv class=\"ps-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ps-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, de préférence le matin 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=\"ps-timeline-item\"\u003e\n        \u003cdiv class=\"ps-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ps-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est recommandée pour des résultats durables, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-timeline-item\"\u003e\n        \u003cdiv class=\"ps-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"ps-timeline-content\"\u003e\n          \u003ch3\u003eRégularité\u003c\/h3\u003e\n          \u003cp\u003ePour une meilleure assimilation, privilégiez une prise régulière sans interruption.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 \u0026 7 regroupées en accordéon --\u003e\n  \u003csection class=\"ps-section\"\u003e\n    \u003ch2\u003eQualité et engagements\u003c\/h2\u003e\n    \u003cdiv class=\"ps-grid-compact\"\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e❄️ Extraction à froid\u003c\/h3\u003e\n        \u003cp\u003ePhycocyanine lyophilisée de grade pharmaceutique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🌿 Gélules pullulan\u003c\/h3\u003e\n        \u003cp\u003eVégétales, sans additif controversé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🚫 Sans compromis\u003c\/h3\u003e\n        \u003cp\u003eSans gluten, sans conservateur, sans métaux lourds.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🏭 Certifié GMP\u003c\/h3\u003e\n        \u003cp\u003eFabrication conforme aux normes GMP et ISO 22000.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ps-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"ps-accordion\"\u003e\n      \u003cdetails class=\"ps-accordion-item\"\u003e\n        \u003csummary class=\"ps-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"ps-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ps-accordion-item\"\u003e\n        \u003csummary class=\"ps-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n        \u003cdiv class=\"ps-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ps-accordion-item\"\u003e\n        \u003csummary class=\"ps-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"ps-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ps-accordion-item\"\u003e\n        \u003csummary class=\"ps-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"ps-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace ni un traitement médical ni une alimentation variée et équilibrée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 8 - Avis --\u003e\n  \u003csection class=\"ps-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eNotre avis sur Phyco-Sublime\u003c\/h2\u003e\n    \u003cdiv class=\"ps-testimonial\"\u003e\n      \u003cp class=\"ps-testimonial-text\"\u003e\"Ce que j'apprécie avec Phyco-Sublime, c'est la logique derrière chaque ingrédient : rien n'est là par hasard. La \u003cstrong\u003ephycocyanine\u003c\/strong\u003e bien dosée, l'acide hyaluronique et la CoQ10 forment un trio anti-âge convaincant, tandis que le zinc et le sélénium complètent la protection antioxydante. On le recommande souvent en cure de 3 mois, notamment en période de fatigue ou pour retrouver un meilleur éclat de peau. Un vrai produit de fond, pas un simple effet de mode.\"\u003c\/p\u003e\n      \u003cp class=\"ps-testimonial-author\"\u003e— Pauline, cheffe de produit chez Naturellement Bio\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --ps-cream: #f7f4f0;\n  --ps-white: #ffffff;\n  --ps-primary: #5b3a7a;\n  --ps-primary-dark: #3d2556;\n  --ps-primary-light: #f3eef8;\n  --ps-secondary: #c18dbf;\n  --ps-accent: #1f5f6b;\n  --ps-text: #1a1a1a;\n  --ps-text-light: #5a5a5a;\n  --ps-border: #e0dbd6;\n  --ps-shadow: 0 4px 24px rgba(91,58,122,.08);\n  --ps-shadow-lg: 0 12px 48px rgba(91,58,122,.15);\n  --ps-radius: 20px;\n  --ps-radius-sm: 12px;\n}\n\n.ps-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ps-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ps-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--ps-primary-dark) 0%, var(--ps-primary) 45%, var(--ps-secondary) 100%);\n  border-radius: var(--ps-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(--ps-shadow-lg);\n}\n\n.ps-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(193,141,191,.15) 0%, transparent 50%),\n              radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.ps-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ps-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.ps-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: -.01em;\n}\n\n.ps-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\/* === BADGES === *\/\n.ps-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ps-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(--ps-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ps-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ps-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ps-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ps-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.3;\n}\n\n.ps-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(--ps-primary), var(--ps-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ps-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ps-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.ps-card {\n  background: var(--ps-white);\n  border-radius: var(--ps-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ps-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ps-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ps-shadow-lg);\n  border-color: var(--ps-primary);\n}\n\n.ps-card-featured {\n  background: linear-gradient(135deg, var(--ps-primary-light) 0%, var(--ps-white) 100%);\n  border-color: var(--ps-secondary);\n}\n\n.ps-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ps-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ps-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ps-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ps-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ps-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ps-grid-compact .ps-card {\n  padding: 1rem;\n}\n\n.ps-grid-compact .ps-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ps-grid-compact .ps-card p {\n  font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ps-highlight-box {\n  background: linear-gradient(135deg, var(--ps-primary-light) 0%, rgba(193,141,191,.1) 100%);\n  border-radius: var(--ps-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  margin-bottom: 1.5rem;\n  border-left: 4px solid var(--ps-primary);\n}\n\n.ps-highlight-box p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ps-text);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === TIMELINE === *\/\n.ps-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ps-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ps-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ps-primary), var(--ps-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.ps-timeline-content {\n  flex: 1;\n  background: var(--ps-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ps-radius-sm);\n  box-shadow: var(--ps-shadow);\n}\n\n.ps-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ps-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ps-timeline-content p {\n  font-size: 14px;\n  color: var(--ps-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ps-testimonial {\n  background: var(--ps-white);\n  border-radius: var(--ps-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ps-shadow);\n  border-left: 4px solid var(--ps-primary);\n}\n\n.ps-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ps-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0 0 1rem 0;\n}\n\n.ps-testimonial-author {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--ps-primary);\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ps-accordion {\n  background: var(--ps-white);\n  border-radius: var(--ps-radius);\n  box-shadow: var(--ps-shadow);\n  overflow: hidden;\n}\n\n.ps-accordion-item {\n  border-bottom: 1px solid var(--ps-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ps-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ps-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ps-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.ps-accordion-header:hover {\n  background: var(--ps-primary-light);\n}\n\n.ps-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ps-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ps-primary);\n  transition: transform .2s ease;\n}\n\n.ps-accordion-item[open] .ps-accordion-header::after {\n  content: '−';\n}\n\n.ps-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ps-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ps-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ps-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ps-primary-light);\n  border-radius: var(--ps-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ps-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ps-tip p {\n  font-size: 14px;\n  color: var(--ps-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ps-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ps-card {\n    padding: 1.125rem;\n  }\n\n  .ps-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ps-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ps-radius-sm);\n  }\n\n  .ps-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ps-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ps-grid-compact {\n    gap: .625rem;\n  }\n\n  .ps-grid-compact .ps-card {\n    padding: .75rem;\n  }\n\n  .ps-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ps-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ps-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ps-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ps-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ps-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ps-testimonial {\n    padding: 1.25rem;\n  }\n\n  .ps-testimonial-text {\n    font-size: 14px;\n  }\n\n  .ps-highlight-box {\n    padding: 1rem;\n  }\n\n  .ps-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ps-card {\n    animation: psFadeInUp .5s ease backwards;\n  }\n  .ps-card:nth-child(1) { animation-delay: .05s; }\n  .ps-card:nth-child(2) { animation-delay: .1s; }\n  .ps-card:nth-child(3) { animation-delay: .15s; }\n  .ps-card:nth-child(4) { animation-delay: .2s; }\n  .ps-card:nth-child(5) { animation-delay: .25s; }\n  .ps-card:nth-child(6) { animation-delay: .3s; }\n  .ps-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes psFadeInUp {\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  .ps-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LIFES CODE","offers":[{"title":"30 gélules","offer_id":55365307957625,"sku":"PHYCOSUBLIME-30","price":34.52,"currency_code":"EUR","in_stock":true},{"title":"90 gélules","offer_id":55365307990393,"sku":"PHYCOSUBLIME-90","price":79.43,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/phycosublime-phycocyanine-8-actifs-anti-age-lifes-code-packshothd.webp?v=1790450987"},{"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":"collagene-marin-peptide-de-collagene-neutre-humble","title":"Collagène Marin Naticol Humble+ (5 goûts au choix) - Peptide de Collagène Type 1","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Collagène Marin Naticol Humble+\nPalette détectée:\n  - Primaire: #2C5F5D (vert profond\/teal du packaging - couleur dominante)\n  - Secondaire: #4A8B88 (vert-turquoise plus clair)\n  - Accent: #8FBC8F (vert naturel des feuilles d'eucalyptus)\nAmbiance: Clean, naturel\/océanique, premium accessible, scientifique\/clinique, éco-responsable\nType: Complément alimentaire beauté\/santé\nStyle suggéré: Épuré, naturel-premium, médical avec touches organiques\nPréfixe CSS: cm\n--\u003e\n\u003cdiv class=\"cm-premium\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"cm-hero\"\u003e\n\u003cdiv class=\"cm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cm-hero-content\"\u003e\n\u003cdiv class=\"cm-badges-top\"\u003e\n\u003cspan class=\"cm-badge\"\u003e🏆 Breveté Naticol®\u003c\/span\u003e \u003cspan class=\"cm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cm-badge\"\u003e🌊 Pêche durable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cm-hero-title\"\u003eCollagène marin Naticol®\u003c\/span\u003e\n\u003cp class=\"cm-subtitle\"\u003eLe meilleur collagène marin français breveté\u003c\/p\u003e\n\u003cp class=\"cm-description\"\u003ePeptides de collagène type I hautement assimilables · 7 études cliniques · 300g · Goût neutre, menthe-citron , mangue, chocolat ou fruits rouges.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Chiffres clés --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003cdiv class=\"cm-stats-grid\"\u003e\n\u003cdiv class=\"cm-stat-card\"\u003e\n\u003cdiv class=\"cm-stat-number\"\u003e88%\u003c\/div\u003e\n\u003cdiv class=\"cm-stat-label\"\u003ese sentent plus jeunes après 2 mois*\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-stat-card\"\u003e\n\u003cdiv class=\"cm-stat-number\"\u003e7\u003c\/div\u003e\n\u003cdiv class=\"cm-stat-label\"\u003eétudes cliniques\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-stat-card\"\u003e\n\u003cdiv class=\"cm-stat-number\"\u003e+22%\u003c\/div\u003e\n\u003cdiv class=\"cm-stat-label\"\u003ede fermeté en 8 semaines\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-stat-card\"\u003e\n\u003cdiv class=\"cm-stat-number\"\u003e2000\u003c\/div\u003e\n\u003cdiv class=\"cm-stat-label\"\u003eDaltons (haute assimilation)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Bénéfices prouvés --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003e✨ Bénéfices prouvés scientifiquement\u003c\/h2\u003e\n\u003cdiv class=\"cm-grid\"\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e✨ Beauté de la peau\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e+22% de fermeté\u003c\/strong\u003e après 8 semaines, \u003cstrong\u003e+14% d'élasticité\u003c\/strong\u003e cutanée, \u003cstrong\u003e-16% de rides\u003c\/strong\u003e du contour des yeux en 12 semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n\u003cp\u003eAmélioration de la \u003cstrong\u003emobilité articulaire\u003c\/strong\u003e, soutien des cartilages, tendons et ligaments. Résultats dès 1 mois à 10g\/jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e💪 Récupération musculaire\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eMoins de courbatures\u003c\/strong\u003e après l'effort, récupération améliorée grâce à l'hydrolysat Naticol®. Idéal pour les sportifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e💅 Cheveux et ongles\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eRenforcement\u003c\/strong\u003e des structures kératinées, amélioration de la densité capillaire, ongles plus résistants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Pourquoi Naticol --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003e🔬 Pourquoi Naticol® est supérieur\u003c\/h2\u003e\n\u003cdiv class=\"cm-grid\"\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🏆 Breveté \u0026amp; cliniquement prouvé\u003c\/h3\u003e\n\u003cp\u003eLe \u003cstrong\u003eseul collagène marin français breveté\u003c\/strong\u003e, soutenu par 7 études cliniques sur plus de 30 000 testeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e⚡ Hydrolyse optimale\u003c\/h3\u003e\n\u003cp\u003ePoids moléculaire de \u003cstrong\u003e~2 000 Daltons\u003c\/strong\u003e obtenu par hydrolyse enzymatique. Absorption rapide et biodisponibilité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🌊 Pêche durable certifiée\u003c\/h3\u003e\n\u003cp\u003eCertifié \u003cstrong\u003eFriends of the Sea®\u003c\/strong\u003e, issu d'une pêche responsable et transformé en France par Weishardt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e💎 Pureté absolue\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e100% peptides de collagène type I\u003c\/strong\u003e, sans additifs, sans sucre, sans lactose, sans gluten, sans OGM.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e👅 Dissolution parfaite\u003c\/h3\u003e\n\u003cp\u003eSolubilité excellente, \u003cstrong\u003esans goût ni odeur de poisson\u003c\/strong\u003e (version neutre) ou arôme naturel menthe-citron.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e💰 Rapport qualité-prix\u003c\/h3\u003e\n\u003cp\u003e~\u003cstrong\u003e1€ par dose\u003c\/strong\u003e (5g). Qualité premium accessible pour une cure longue durée efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Mode d'emploi --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"cm-usage-timeline\"\u003e\n\u003cdiv class=\"cm-usage-step\"\u003e\n\u003cdiv class=\"cm-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cm-step-content\"\u003e\n\u003ch3\u003eDosage\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e5g (1 dosette)\u003c\/strong\u003e pour entretien beauté ou \u003cstrong\u003e10g (2 dosettes)\u003c\/strong\u003e pour confort articulaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-usage-step\"\u003e\n\u003cdiv class=\"cm-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cm-step-content\"\u003e\n\u003ch3\u003eDilution\u003c\/h3\u003e\n\u003cp\u003eVerser dans \u003cstrong\u003e200-300ml\u003c\/strong\u003e d'eau, jus, smoothie ou yaourt. Mélanger jusqu'à dissolution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-usage-step\"\u003e\n\u003cdiv class=\"cm-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cm-step-content\"\u003e\n\u003ch3\u003eMoment idéal\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLe matin à jeun\u003c\/strong\u003e de préférence, pour une absorption optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-usage-step\"\u003e\n\u003cdiv class=\"cm-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"cm-step-content\"\u003e\n\u003ch3\u003eBoost vitamine C\u003c\/h3\u003e\n\u003cp\u003eAssocier avec un \u003cstrong\u003ejus d'orange ou citron\u003c\/strong\u003e pour optimiser la synthèse de collagène.\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=\"cm-section\"\u003e\n\u003ch2\u003e👥 Pour qui est fait ce collagène ?\u003c\/h2\u003e\n\u003cdiv class=\"cm-grid\"\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e👤 À partir de 25 ans\u003c\/h3\u003e\n\u003cp\u003eDès 25 ans, la production naturelle diminue de \u003cstrong\u003e~1% par an\u003c\/strong\u003e. Une supplémentation préventive maintient fermeté et souplesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n\u003cp\u003eRécupération optimisée, soutien des \u003cstrong\u003earticulations sollicitées\u003c\/strong\u003e, réduction des courbatures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e✨ Beauté naturelle\u003c\/h3\u003e\n\u003cp\u003ePeau ferme et éclatante, réduction des \u003cstrong\u003erides\u003c\/strong\u003e, cheveux et ongles renforcés de l'intérieur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🧘 Confort articulaire\u003c\/h3\u003e\n\u003cp\u003eMobilité préservée, soutien des \u003cstrong\u003ecartilages et tendons\u003c\/strong\u003e, idéal pour articulations sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Infos pratiques --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n\u003cdiv class=\"cm-grid-compact\"\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n\u003cp\u003e300g (60 doses de 5g)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e⏱️ Durée\u003c\/h3\u003e\n\u003cp\u003e30 à 60 jours selon dosage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🌿 Certifications\u003c\/h3\u003e\n\u003cp\u003eFriends of the Sea®\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Accordéon informations complémentaires --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"cm-accordion\"\u003e\n\u003cdetails class=\"cm-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"cm-accordion-header\"\u003e🧪 Valeurs nutritionnelles\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003ePour 100g de poudre :\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eÉnergie : 380 kcal · Protéines : ~94g · Glucides : ~0,1g · Matières grasses : 0g · Sel : 0g\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePar dose (5g) :\u003c\/strong\u003e Peptides de Collagène Naticol® : 5g · Énergie : 79 kJ · Protéines : 4,7g\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⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Ne pas utiliser comme substitut d'un régime alimentaire varié et équilibré. Tenir hors de portée des enfants. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. \u003cstrong\u003eContient du poisson\u003c\/strong\u003e (allergène).\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🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content\"\u003e\n\u003cp\u003eConserver dans un endroit sec, à l'abri de la lumière et de l'humidité. Bien refermer le sachet après chaque utilisation. Ne pas exposer à des températures élevées.\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🏭 Fabrication \u0026amp; traçabilité\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content\"\u003e\n\u003cp\u003eTransformé par \u003cstrong\u003eWeishardt\u003c\/strong\u003e, leader européen du collagène marin depuis 1839. Certifié Friends of the Sea® pour une pêche durable. Chaque lot est analysé pour garantir pureté et respect des normes européennes. Brevet Naticol® garantissant une qualité constante.\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📊 Pourquoi le collagène diminue avec l'âge ?\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content\"\u003e\n\u003cp\u003eLe collagène représente \u003cstrong\u003e30% des protéines totales\u003c\/strong\u003e du corps. À 25 ans : début de la diminution (-1%\/an). À 40 ans : perte de 15-20%. À 60 ans : perte de 40-50%.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eConséquences :\u003c\/strong\u003e rides, relâchement cutané, inconfort articulaire, fragilité des cheveux et ongles.\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 style=\"margin-bottom: 0px!important;\" class=\"cm-section\"\u003e\n\u003cdiv class=\"cm-cta-box\"\u003e\n\u003cp\u003e🌊 Rejoignez les \u003cstrong\u003e30 000+ personnes\u003c\/strong\u003e qui ont déjà adopté le meilleur collagène marin français. Résultats visibles dès 8 semaines, prouvés par 7 études cliniques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --cm-cream: #fafaf7;\n  --cm-white: #ffffff;\n  --cm-primary: #2C5F5D;\n  --cm-primary-dark: #1a3938;\n  --cm-primary-light: #e8f2f1;\n  --cm-secondary: #4A8B88;\n  --cm-accent: #8FBC8F;\n  --cm-text: #1a1a1a;\n  --cm-text-light: #5a5a5a;\n  --cm-border: #e0e0e0;\n  --cm-shadow: 0 4px 24px rgba(44,95,93,.08);\n  --cm-shadow-lg: 0 12px 48px rgba(44,95,93,.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) 0%, var(--cm-secondary) 50%, var(--cm-accent) 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  opacity: .05;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.4) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.3) 0%, transparent 40%);\n}\n\n.cm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\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.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,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.cm-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 16px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\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\/* === STATS GRID === *\/\n.cm-stats-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1rem;\n}\n\n.cm-stat-card {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  padding: clamp(1rem, 2.5vw, 1.5rem);\n  text-align: center;\n  box-shadow: var(--cm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.cm-stat-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cm-shadow-lg);\n  border-color: var(--cm-primary);\n}\n\n.cm-stat-number {\n  font-size: clamp(28px, 5vw, 42px);\n  font-weight: 900;\n  line-height: 1;\n  margin-bottom: 0.5rem;\n  background: linear-gradient(135deg, var(--cm-primary), var(--cm-secondary));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.cm-stat-label {\n  font-size: clamp(11px, 1.5vw, 13px);\n  color: var(--cm-text-light);\n  font-weight: 600;\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.cm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\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.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\/* === USAGE TIMELINE === *\/\n.cm-usage-timeline {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.25rem;\n}\n\n.cm-usage-step {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  padding: 1.5rem;\n  box-shadow: var(--cm-shadow);\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  transition: all .3s ease;\n}\n\n.cm-usage-step:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--cm-shadow-lg);\n}\n\n.cm-step-number {\n  width: 36px;\n  height: 36px;\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-size: 16px;\n  font-weight: 900;\n  flex-shrink: 0;\n}\n\n.cm-step-content h3 {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--cm-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.cm-step-content p {\n  font-size: 13px;\n  color: var(--cm-text-light);\n  margin: 0;\n  line-height: 1.5;\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}\n\n.cm-accordion-content p {\n  margin: 0 0 .5rem 0;\n}\n\n.cm-accordion-content p:last-child {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.cm-cta-box {\n  background: linear-gradient(135deg, var(--cm-primary) 0%, var(--cm-primary-dark) 100%);\n  border-radius: var(--cm-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.cm-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  .cm-stats-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .75rem;\n  }\n  \n  .cm-stat-card {\n    padding: .875rem;\n  }\n  \n  .cm-stat-number {\n    font-size: 26px;\n  }\n  \n  .cm-stat-label {\n    font-size: 10px;\n  }\n  \n  .cm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .cm-grid-compact {\n    gap: .625rem;\n  }\n  \n  .cm-grid-compact .cm-card {\n    padding: .75rem;\n  }\n  \n  .cm-usage-timeline {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .cm-usage-step {\n    padding: 1.125rem;\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-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  .cm-stat-card,\n  .cm-usage-step {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .cm-card:nth-child(1), .cm-stat-card:nth-child(1), .cm-usage-step:nth-child(1) { animation-delay: .05s; }\n  .cm-card:nth-child(2), .cm-stat-card:nth-child(2), .cm-usage-step:nth-child(2) { animation-delay: .1s; }\n  .cm-card:nth-child(3), .cm-stat-card:nth-child(3), .cm-usage-step:nth-child(3) { animation-delay: .15s; }\n  .cm-card:nth-child(4), .cm-stat-card:nth-child(4), .cm-usage-step: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 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  .cm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Goût neutre","offer_id":55692020318585,"sku":"COLLAGENENEUTREHUMBLE","price":24.69,"currency_code":"EUR","in_stock":true},{"title":"Arômes menthe-citron","offer_id":55692020351353,"sku":"COLLAGENEMENTHECITRONHUMBLE","price":24.69,"currency_code":"EUR","in_stock":true},{"title":"Chocolat","offer_id":57253637685625,"sku":"COLLAGENECHOCOLATHUMBLE","price":24.69,"currency_code":"EUR","in_stock":true},{"title":"Mangue","offer_id":57261661389177,"sku":"COLLAGENEMANGUEHUMBLE","price":24.69,"currency_code":"EUR","in_stock":true},{"title":"Fruits rouges","offer_id":63743508087161,"sku":"COLLAGENEFRUITSROUGESHUMBLE","price":24.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene-marin-poudre-neutre-humble.jpg?v=1779354709"},{"product_id":"proteine-peptides-de-collagene-marin-de-type-1-saveur-cafe-humble-copie","title":"Protéine + Peptides de Collagène marin de Type 1 - Saveur Café - Humble+","description":"\u003cdiv class=\"hpc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hpc-hero\"\u003e\n\u003cdiv class=\"hpc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hpc-hero-content\"\u003e\n\u003cdiv class=\"hpc-badges-top\"\u003e\n\u003cspan class=\"hpc-badge\"\u003e🇫🇷 Protéines françaises\u003c\/span\u003e \u003cspan class=\"hpc-badge\"\u003e🐟 Collagène Naticol®\u003c\/span\u003e \u003cspan class=\"hpc-badge\"\u003e☕ Saveur café Arabica\u003c\/span\u003e \u003cspan class=\"hpc-badge\"\u003e📺 Vu à la TV\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hpc-hero-title\"\u003eProtéine + Collagène Marin\u003c\/span\u003e\n\u003cp class=\"hpc-subtitle\"\u003eSaveur Café — par Humble+\u003c\/p\u003e\n\u003cp class=\"hpc-description\"\u003e22,4 g de protéines + peptides de collagène marin de type I par portion. Le duo sport, beauté \u0026amp; bien-être dans un rituel café gourmand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"hpc-section\"\u003e\n\u003ch2\u003eProtéine + Collagène Marin Naticol® Saveur Café : le duo sport \u0026amp; beauté signé Humble+\u003c\/h2\u003e\n\u003cp class=\"hpc-section-intro\"\u003eVous cherchez une formule complète qui allie \u003cstrong\u003eperformance sportive\u003c\/strong\u003e et \u003cstrong\u003ebienfaits du collagène marin\u003c\/strong\u003e ? La Protéine + Collagène Saveur Café de Humble+ combine un \u003cstrong\u003econcentré de protéines de lactosérum d'origine française\u003c\/strong\u003e et des \u003cstrong\u003epeptides de collagène marin hydrolysé de type I Naticol®\u003c\/strong\u003e, reconnus pour leur excellente biodisponibilité.\u003c\/p\u003e\n\u003cp class=\"hpc-section-intro\"\u003eLe tout sublimé par un arôme de café Arabica naturel, pour un rituel quotidien aussi savoureux qu'efficace.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"hpc-section\"\u003e\n\u003ch2\u003eBienfaits de cette formule protéine + collagène marin\u003c\/h2\u003e\n\u003cp class=\"hpc-section-intro\"\u003eCe produit a été pensé pour répondre à trois objectifs complémentaires :\u003c\/p\u003e\n\u003cdiv class=\"hpc-grid\"\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e💪 Muscles \u0026amp; récupération\u003c\/h3\u003e\n\u003cp\u003eAvec \u003cstrong\u003e22,4 g de protéines\u003c\/strong\u003e par portion, cette poudre soutient le maintien de la masse musculaire et favorise une récupération de qualité après l'effort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e🦴 Articulations \u0026amp; mobilité\u003c\/h3\u003e\n\u003cp\u003eLes peptides de \u003cstrong\u003ecollagène marin\u003c\/strong\u003e contribuent au bon fonctionnement des cartilages, tendons et ligaments — un atout précieux si vous êtes actif ou si vos articulations sont sollicitées au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e✨ Peau, cheveux \u0026amp; ongles\u003c\/h3\u003e\n\u003cp\u003eParmi les \u003cstrong\u003ebienfaits du collagène marin\u003c\/strong\u003e les plus documentés : soutien de l'hydratation cutanée, de l'élasticité de la peau et de la solidité des ongles. Un vrai geste beauté de l'intérieur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e☕ Plaisir gustatif\u003c\/h3\u003e\n\u003cp\u003eLa saveur café naturelle, légèrement cacaotée, transforme votre prise quotidienne en moment gourmand — sans arrière-goût artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"hpc-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"hpc-section-intro\"\u003e\u003cstrong\u003eIngrédients pour 30 g (2 dosettes) :\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"hpc-grid-compact\"\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e🥛 Protéines de lactosérum\u003c\/h3\u003e\n\u003cp\u003eConcentré issu de pâturages français\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e🐟 Collagène Naticol®\u003c\/h3\u003e\n\u003cp\u003ePeptides de collagène marin hydrolysé de type I\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e☕ Café torréfié Arabica\u003c\/h3\u003e\n\u003cp\u003ePoudre de café pour un arôme authentique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e🍫 Cacao durable\u003c\/h3\u003e\n\u003cp\u003eIssu du développement durable certifié\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e🍯 Sucre blond\u003c\/h3\u003e\n\u003cp\u003eTouche de douceur naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e🌿 Arômes naturels\u003c\/h3\u003e\n\u003cp\u003eArômes naturels de café, sans artifice\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-tip\"\u003e\n\u003cspan class=\"hpc-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAllergènes :\u003c\/strong\u003e lait, poisson. Sans gluten, sans OGM.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"hpc-accordion-item\"\u003e\n\u003csummary class=\"hpc-accordion-header\"\u003e📊 Valeurs nutritionnelles par portion de 30 g\u003c\/summary\u003e\n\u003cdiv class=\"hpc-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eÉnergie :\u003c\/strong\u003e 112 kcal (468 kJ)\u003cbr\u003e\u003cstrong\u003eProtéines :\u003c\/strong\u003e 22,4 g\u003cbr\u003e\u003cstrong\u003eMatières grasses :\u003c\/strong\u003e 0,6 g (dont saturées 0,4 g)\u003cbr\u003e\u003cstrong\u003eGlucides :\u003c\/strong\u003e 4,3 g (dont sucres 2,5 g)\u003cbr\u003e\u003cstrong\u003eFibres :\u003c\/strong\u003e 0,3 g\u003cbr\u003e\u003cstrong\u003eSel :\u003c\/strong\u003e 0,09 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"hpc-section\"\u003e\n\u003ch2\u003eComment prendre ce combo de protéine \u0026amp; collagène en poudre ?\u003c\/h2\u003e\n\u003cdiv class=\"hpc-timeline\"\u003e\n\u003cdiv class=\"hpc-timeline-item\"\u003e\n\u003cdiv class=\"hpc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-content\"\u003e\n\u003ch3\u003eDosez\u003c\/h3\u003e\n\u003cp\u003eMesurez \u003cstrong\u003e2 dosettes (30 g)\u003c\/strong\u003e de poudre Protéine + Collagène saveur café.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-item\"\u003e\n\u003cdiv class=\"hpc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-content\"\u003e\n\u003ch3\u003eMélangez\u003c\/h3\u003e\n\u003cp\u003eVersez dans \u003cstrong\u003e200 ml\u003c\/strong\u003e d'eau, de lait ou de votre boisson préférée, chaude ou froide (jusqu'à 90 °C). La poudre se dissout facilement sans grumeaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-item\"\u003e\n\u003cdiv class=\"hpc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-content\"\u003e\n\u003ch3\u003eDégustez\u003c\/h3\u003e\n\u003cp\u003ePrenez une à deux portions par jour selon votre niveau d'activité physique. Savourez votre rituel café protéiné !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-item\"\u003e\n\u003cdiv class=\"hpc-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-content\"\u003e\n\u003ch3\u003ePersévérez\u003c\/h3\u003e\n\u003cp\u003ePour des résultats optimaux, maintenez une cure d'au moins \u003cstrong\u003e8 à 12 semaines\u003c\/strong\u003e. C'est sur la durée que les \u003cstrong\u003ebienfaits du collagène marin\u003c\/strong\u003e se font pleinement ressentir, notamment sur la peau et les articulations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-tip\"\u003e\n\u003cspan class=\"hpc-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eContenu :\u003c\/strong\u003e 600 g — soit 20 portions de 30 g.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"hpc-section\"\u003e\n\u003ch2\u003eLe collagène marin est-il dangereux ?\u003c\/h2\u003e\n\u003cdiv class=\"hpc-testimonial\"\u003e\n\u003cp class=\"hpc-testimonial-text\"\u003eVous avez peut-être lu des articles évoquant \u003cstrong\u003ele collagène marin et ses dangers\u003c\/strong\u003e. Rassurez-vous : les peptides Naticol® utilisés ici sont issus de \u003cstrong\u003epêche durable\u003c\/strong\u003e, soumis à des \u003cstrong\u003econtrôles stricts anti-métaux lourds\u003c\/strong\u003e et certifiés pour leur pureté. Aux doses recommandées, le collagène marin en poudre est parfaitement sûr pour la grande majorité des adultes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-tip\"\u003e\n\u003cspan class=\"hpc-tip-icon\"\u003e👨⚕️\u003c\/span\u003e\n\u003cp\u003eEn cas de doute ou d'allergie au poisson, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"hpc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir Humble+ ?\u003c\/h2\u003e\n\u003cdiv class=\"hpc-grid\"\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e🏆 Qualité premium\u003c\/h3\u003e\n\u003cp\u003eProtéines de lactosérum issues de \u003cstrong\u003epâturages français\u003c\/strong\u003e, collagène marin \u003cstrong\u003eNaticol® breveté\u003c\/strong\u003e — le meilleur de la nutrition française.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e🔍 Transparence totale\u003c\/h3\u003e\n\u003cp\u003eTraçabilité certifiée, développement durable, pas d'ingrédients superflus. Vous savez exactement ce que vous consommez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e⚡ Double action\u003c\/h3\u003e\n\u003cp\u003eUne seule prise combine vos besoins en \u003cstrong\u003eprotéines\u003c\/strong\u003e et en \u003cstrong\u003ecollagène\u003c\/strong\u003e, simplifiant votre routine bien-être et sportive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-cta-box\"\u003e\n\u003cp\u003e☕ Offrez à votre corps le meilleur : protéines françaises + collagène marin Naticol® dans un délicieux rituel café quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"hpc-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants. En cas de traitement médical, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --hpc-cream: #f7f3ee;\n  --hpc-white: #ffffff;\n  --hpc-primary: #8b6f47;\n  --hpc-primary-dark: #5c4a2e;\n  --hpc-primary-light: #f0e8db;\n  --hpc-secondary: #c49a5c;\n  --hpc-accent: #3d6b5e;\n  --hpc-text: #1a1a1a;\n  --hpc-text-light: #5a5a5a;\n  --hpc-border: #e0d5c7;\n  --hpc-shadow: 0 4px 24px rgba(92,74,46,.08);\n  --hpc-shadow-lg: 0 12px 48px rgba(92,74,46,.15);\n  --hpc-radius: 20px;\n  --hpc-radius-sm: 12px;\n}\n\n.hpc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--hpc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hpc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5c4a2e 0%, #8b6f47 40%, #c49a5c 100%);\n  border-radius: var(--hpc-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(--hpc-shadow-lg);\n}\n\n.hpc-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.hpc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.hpc-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.hpc-subtitle {\n  color: rgba(255,255,255,.85);\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.hpc-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.hpc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.hpc-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(--hpc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.hpc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hpc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hpc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--hpc-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.hpc-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(--hpc-primary), var(--hpc-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.hpc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--hpc-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.hpc-card {\n  background: var(--hpc-white);\n  border-radius: var(--hpc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hpc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.hpc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--hpc-shadow-lg);\n  border-color: var(--hpc-primary);\n}\n\n.hpc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--hpc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.hpc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hpc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hpc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.hpc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.hpc-grid-compact .hpc-card {\n  padding: 1rem;\n}\n\n.hpc-grid-compact .hpc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.hpc-grid-compact .hpc-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hpc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.hpc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.hpc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--hpc-primary), var(--hpc-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.hpc-timeline-content {\n  flex: 1;\n  background: var(--hpc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--hpc-radius-sm);\n  box-shadow: var(--hpc-shadow);\n}\n\n.hpc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--hpc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hpc-timeline-content p {\n  font-size: 14px;\n  color: var(--hpc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.hpc-testimonial {\n  background: var(--hpc-white);\n  border-radius: var(--hpc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--hpc-shadow);\n  border-left: 4px solid var(--hpc-primary);\n}\n\n.hpc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--hpc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.hpc-accordion {\n  background: var(--hpc-white);\n  border-radius: var(--hpc-radius);\n  box-shadow: var(--hpc-shadow);\n  overflow: hidden;\n}\n\n.hpc-accordion-item {\n  border-bottom: 1px solid var(--hpc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.hpc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.hpc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--hpc-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.hpc-accordion-header:hover {\n  background: var(--hpc-primary-light);\n}\n\n.hpc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.hpc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--hpc-primary);\n  transition: transform .2s ease;\n}\n\n.hpc-accordion-item[open] .hpc-accordion-header::after {\n  content: '−';\n}\n\n.hpc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--hpc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.hpc-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.hpc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--hpc-primary-light);\n  border-radius: var(--hpc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.hpc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.hpc-tip p {\n  font-size: 14px;\n  color: var(--hpc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.hpc-cta-box {\n  background: linear-gradient(135deg, var(--hpc-primary) 0%, var(--hpc-primary-dark) 100%);\n  border-radius: var(--hpc-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.hpc-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.hpc-disclaimer {\n  font-size: 12px;\n  color: var(--hpc-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  .hpc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .hpc-card {\n    padding: 1.125rem;\n  }\n\n  .hpc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .hpc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--hpc-radius-sm);\n  }\n\n  .hpc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .hpc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .hpc-grid-compact {\n    gap: .625rem;\n  }\n\n  .hpc-grid-compact .hpc-card {\n    padding: .75rem;\n  }\n\n  .hpc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .hpc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .hpc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .hpc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .hpc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .hpc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .hpc-testimonial {\n    padding: 1.25rem;\n  }\n\n  .hpc-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .hpc-card {\n    animation: hpcFadeInUp .5s ease backwards;\n  }\n  .hpc-card:nth-child(1) { animation-delay: .05s; }\n  .hpc-card:nth-child(2) { animation-delay: .1s; }\n  .hpc-card:nth-child(3) { animation-delay: .15s; }\n  .hpc-card:nth-child(4) { animation-delay: .2s; }\n  .hpc-card:nth-child(5) { animation-delay: .25s; }\n  .hpc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hpcFadeInUp {\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  .hpc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":55567471280505,"sku":"PROTCAFEHUMBLE","price":32.64,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/proteine-peptides-de-collagene-marin-de-type-1-saveur-cafe-h-lifestyle_c1ab2597-0b06-4d29-8436-a0d1e5dd2bf5.webp?v=1777457778"},{"product_id":"collagene-marin-150-gelules-humble","title":"Collagène Marin - 150 gélules - Humble+","description":"\u003cdiv class=\"cm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cm-hero\"\u003e\n\u003cdiv class=\"cm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cm-hero-content\"\u003e\n\u003cdiv class=\"cm-badges-top\"\u003e\n\u003cspan class=\"cm-badge\"\u003e🐟 Tripeptides Naticol®\u003c\/span\u003e \u003cspan class=\"cm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cm-badge\"\u003e🧪 Efficacité clinique\u003c\/span\u003e \u003cspan class=\"cm-badge\"\u003e📺 Vu à la TV\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cm-hero-title\"\u003eCollagène Marin Humble+\u003c\/span\u003e\n\u003cp class=\"cm-subtitle\"\u003eLook Good · Feel Good\u003c\/p\u003e\n\u003cp class=\"cm-description\"\u003e150 gélules · 2 500 mg de tripeptides marins par jour · 1 mois de cure complète\u003c\/p\u003e\n\u003cdiv class=\"cm-hero-stats\"\u003e\n\u003cdiv class=\"cm-hero-stat\"\u003e\n\u003cspan class=\"cm-hero-stat-number\"\u003e−42%\u003c\/span\u003e \u003cspan class=\"cm-hero-stat-label\"\u003ede rides visibles*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-hero-stat-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cm-hero-stat\"\u003e\n\u003cspan class=\"cm-hero-stat-number\"\u003e+34%\u003c\/span\u003e \u003cspan class=\"cm-hero-stat-label\"\u003ed'éclat du teint*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-hero-stat-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cm-hero-stat\"\u003e\n\u003cspan class=\"cm-hero-stat-number\"\u003e8 sem.\u003c\/span\u003e \u003cspan class=\"cm-hero-stat-label\"\u003erésultats prouvés*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cm-hero-footnote\"\u003e*Étude randomisée, double aveugle, contre placebo sur 90 femmes de 50 à 70 ans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003eCollagène marin Humble+ : des tripeptides Naticol® pour votre peau et vos articulations\u003c\/h2\u003e\n\u003cp class=\"cm-section-intro\"\u003eÀ partir de 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 les articulations peuvent devenir plus sensibles.\u003c\/p\u003e\n\u003cdiv class=\"cm-highlight-box\"\u003e\n\u003cp\u003eLe \u003cstrong\u003ecollagène marin\u003c\/strong\u003e Humble+ apporte une réponse concrète grâce à ses \u003cstrong\u003etripeptides Naticol®\u003c\/strong\u003e, une forme ultra-concentrée dont l'efficacité est documentée par des études cliniques. Avec seulement \u003cstrong\u003e5 gélules par jour\u003c\/strong\u003e, vous bénéficiez de \u003cstrong\u003e2,5 g de peptides marins\u003c\/strong\u003e, soit l'équivalent en efficacité de 5 g de collagène marin en poudre — \u003cstrong\u003esans goût, sans préparation et sans additifs\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003eLes bienfaits du collagène marin Naticol® prouvés cliniquement\u003c\/h2\u003e\n\u003cp class=\"cm-section-intro\"\u003eCe qui distingue cette formule, c'est la qualité de son actif. Les tripeptides Naticol® sont des peptides de très faible poids moléculaire, absorbés rapidement par l'organisme. Une étude randomisée en double aveugle a démontré des résultats remarquables en seulement 8 semaines :\u003c\/p\u003e\n\u003cdiv class=\"cm-grid\"\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e✨ −42 % de rides visibles\u003c\/h3\u003e\n\u003cp\u003eLa peau retrouve souplesse et lissé, les ridules s'estompent significativement dès les premières semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🌟 +34 % d'éclat\u003c\/h3\u003e\n\u003cp\u003eLe teint paraît plus lumineux et uniforme, avec une amélioration visible de la qualité de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🦴 Confort articulaire amélioré\u003c\/h3\u003e\n\u003cp\u003eSoutien du cartilage, des tendons et des ligaments pour retrouver mobilité et souplesse au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e💅 Beauté globale renforcée\u003c\/h3\u003e\n\u003cp\u003eCheveux, ongles et tissus conjonctifs bénéficient également de cet apport ciblé en peptides marins.\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\u003eLes \u003cstrong\u003ebienfaits du collagène marin\u003c\/strong\u003e ne se limitent pas à l'esthétique : c'est un véritable allié pour votre bien-être quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003eComposition transparente et posologie\u003c\/h2\u003e\n\u003cp class=\"cm-section-intro\"\u003eLa formule est volontairement minimaliste pour garantir pureté et tolérance.\u003c\/p\u003e\n\u003cdiv class=\"cm-grid-compact\"\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🐟 Tripeptides Naticol®\u003c\/h3\u003e\n\u003cp\u003eCollagène marin (origine poisson) — 2 500 mg pour 5 gélules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🌿 Gélule végétale\u003c\/h3\u003e\n\u003cp\u003eHPMC (hypromellose), adaptée aux régimes végétariens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003e100 % pure, sans arôme, sans édulcorant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e⚠️ Allergène\u003c\/h3\u003e\n\u003cp\u003eContient du poisson\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-posologie-box\"\u003e\n\u003ch3\u003e📋 Posologie recommandée\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e5 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, à n'importe quel moment de la journée. Un flacon de 150 gélules correspond à \u003cstrong\u003e1 mois de cure complète\u003c\/strong\u003e. Pour des résultats optimaux, maintenez la prise pendant au moins \u003cstrong\u003e8 semaines\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003eLe collagène marin présente-t-il des dangers ?\u003c\/h2\u003e\n\u003cdiv class=\"cm-reassurance-box\"\u003e\n\u003cp\u003eC'est une question légitime que beaucoup d'entre vous se posent. Rassurez-vous : le \u003cstrong\u003ecollagène marin\u003c\/strong\u003e est généralement très bien toléré. La seule précaution réelle concerne les personnes \u003cstrong\u003eallergiques au poisson\u003c\/strong\u003e, qui doivent éviter ce type de complément.\u003c\/p\u003e\n\u003cp\u003eEn dehors de cette situation, \u003cstrong\u003eaucun effet indésirable notable\u003c\/strong\u003e n'a été rapporté dans les études cliniques sur le Naticol®.\u003c\/p\u003e\n\u003cp\u003eSi vous êtes enceinte, allaitante ou sous traitement médical, consultez votre médecin avant de commencer une supplémentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003ePourquoi choisir Humble+ plutôt qu'un collagène classique ?\u003c\/h2\u003e\n\u003cdiv class=\"cm-grid\"\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e⚡ Tripeptides vs peptides standards\u003c\/h3\u003e\n\u003cp\u003eLes tripeptides Naticol® sont absorbés plus rapidement et plus efficacement que les peptides classiques présents dans la plupart des collagènes en poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🎯 Dosage optimisé\u003c\/h3\u003e\n\u003cp\u003e2,5 g suffisent là où d'autres formules nécessitent 5 à 10 g de poudre pour des résultats comparables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e💊 Format pratique\u003c\/h3\u003e\n\u003cp\u003ePas de mélange, pas de shaker, pas de goût désagréable. Simplement 5 gélules à avaler avec de l'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🏆 Engagements qualité\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France, certifié Friend of the Sea®, conforme aux normes HACCP et ISO 9001.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"cm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eConseils pour maximiser les résultats\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\u003eAssociez à la vitamine C\u003c\/h3\u003e\n\u003cp\u003eAgrumes, kiwi, poivron… La vitamine C est indispensable à la synthèse naturelle du collagène par votre organisme.\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\u003eConservez correctement\u003c\/h3\u003e\n\u003cp\u003eConservez le flacon à l'abri de la chaleur et de l'humidité pour préserver toute l'efficacité des tripeptides.\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\u003eAdoptez une démarche globale\u003c\/h3\u003e\n\u003cp\u003eCe complément alimentaire ne remplace ni une alimentation équilibrée, ni un traitement médical. Il s'inscrit dans une démarche globale de soin de soi, en complément de bonnes habitudes de vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-cta-box\"\u003e\n\u003cp\u003e🌊 Offrez à votre peau, vos articulations et votre beauté le meilleur du collagène marin — cliniquement prouvé, fabriqué en France et d'une pureté irréprochable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cm-disclaimer\"\u003eComplé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 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:root {\n  --cm-cream: #f4f1ec;\n  --cm-white: #ffffff;\n  --cm-primary: #1B4D5C;\n  --cm-primary-dark: #0F3340;\n  --cm-primary-light: #e8f1f4;\n  --cm-secondary: #6BA3B5;\n  --cm-accent: #C8A87C;\n  --cm-text: #1a1a1a;\n  --cm-text-light: #5a5a5a;\n  --cm-border: #e0e0e0;\n  --cm-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --cm-shadow-lg: 0 12px 48px rgba(0,0,0,.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, #0F3340 0%, #1B4D5C 40%, #6BA3B5 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: repeating-linear-gradient(\n    0deg,\n    transparent,\n    transparent 40px,\n    rgba(255,255,255,.03) 40px,\n    rgba(255,255,255,.03) 42px\n  );\n  opacity: 1;\n}\n\n.cm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\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 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cm-subtitle {\n  color: var(--cm-accent);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  font-style: italic;\n  margin: 0 0 .75rem 0;\n  letter-spacing: .05em;\n}\n\n.cm-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  margin: 0 0 2rem 0;\n  line-height: 1.6;\n}\n\n\/* === HERO STATS === *\/\n.cm-hero-stats {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: clamp(1rem, 3vw, 2rem);\n  margin-bottom: 1.5rem;\n  flex-wrap: wrap;\n}\n\n.cm-hero-stat {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.cm-hero-stat-number {\n  font-size: clamp(28px, 6vw, 44px);\n  font-weight: 900;\n  color: white;\n  letter-spacing: -.03em;\n  text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n.cm-hero-stat-label {\n  font-size: clamp(11px, 2vw, 14px);\n  color: rgba(255,255,255,.75);\n  font-weight: 500;\n  margin-top: 2px;\n}\n\n.cm-hero-stat-divider {\n  width: 1px;\n  height: 50px;\n  background: rgba(255,255,255,.2);\n}\n\n.cm-hero-footnote {\n  font-size: 11px;\n  color: rgba(255,255,255,.5);\n  margin: 0;\n  font-style: italic;\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  line-height: 1.25;\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: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\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}\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\/* === HIGHLIGHT BOX === *\/\n.cm-highlight-box {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cm-shadow);\n  border-left: 5px solid var(--cm-accent);\n}\n\n.cm-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--cm-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === POSOLOGIE BOX === *\/\n.cm-posologie-box {\n  background: linear-gradient(135deg, var(--cm-primary-light) 0%, #daeef3 100%);\n  border-radius: var(--cm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  margin-top: 1.25rem;\n  text-align: center;\n}\n\n.cm-posologie-box h3 {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--cm-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.cm-posologie-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--cm-text);\n  line-height: 1.7;\n  margin: 0;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === REASSURANCE BOX === *\/\n.cm-reassurance-box {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cm-shadow);\n  border: 2px solid #d4edda;\n  position: relative;\n}\n\n.cm-reassurance-box::before {\n  content: '✅';\n  position: absolute;\n  top: -14px;\n  left: 24px;\n  font-size: 28px;\n  background: var(--cm-cream);\n  padding: 0 8px;\n}\n\n.cm-reassurance-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--cm-text);\n  line-height: 1.8;\n  margin: 0 0 .75rem 0;\n}\n\n.cm-reassurance-box p:last-child {\n  margin-bottom: 0;\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\/* === CTA FINAL === *\/\n.cm-cta-box {\n  background: linear-gradient(135deg, var(--cm-primary) 0%, var(--cm-primary-dark) 100%);\n  border-radius: var(--cm-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.cm-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-linear-gradient(\n    120deg,\n    transparent,\n    transparent 60px,\n    rgba(255,255,255,.03) 60px,\n    rgba(255,255,255,.03) 62px\n  );\n}\n\n.cm-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.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-hero-stats {\n    gap: .75rem;\n  }\n\n  .cm-hero-stat-number {\n    font-size: 26px;\n  }\n\n  .cm-hero-stat-label {\n    font-size: 10px;\n  }\n\n  .cm-hero-stat-divider {\n    height: 35px;\n  }\n\n  .cm-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .cm-posologie-box {\n    padding: 1.25rem;\n  }\n\n  .cm-reassurance-box {\n    padding: 1.25rem;\n    padding-top: 1.5rem;\n  }\n\n  .cm-reassurance-box::before {\n    top: -12px;\n    left: 16px;\n    font-size: 22px;\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  .cm-timeline-item {\n    animation: cmFadeInUp .5s ease backwards;\n  }\n  .cm-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .cm-timeline-item:nth-child(2) { animation-delay: .2s; }\n  .cm-timeline-item:nth-child(3) { 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":"HUMBLE +","offers":[{"title":"Default Title","offer_id":55567599010169,"sku":"COLLAGENE150HUMBLE","price":24.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene_marin_gelules_humble.webp?v=1785505527"},{"product_id":"seve-de-bouleau-bio-derma-seve-250ml-alphagem","title":"Sève de bouleau bio enrichie aux bourgeons (Derma-sève) - 250ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Derma-Sève - Sève de bouleau bio enrichie aux bourgeons\nPalette détectée:\n  - Primaire: #5B8C3E (vert naturel du logo AlphaGEM et feuilles)\n  - Secondaire: #E85D75 (rose\/corail du visage et bourgeons de cassis)\n  - Accent: #F5A623 (orange des badges \"Orme et Cassis\" et \"BIO\")\n  - Fond: #F9F7F3 (crème naturel)\nAmbiance: Naturel\/Bio, féminin, cosmétique naturelle, fraîcheur printanière, bien-être intérieur\nPréfixe CSS: ds\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"🌿 Une sève de bouleau nouvelle génération, enrichie pour votre peau\"\n  2. \"🌱 Principaux bienfaits de la Derma‑Sève\"\n  3. \"🍃 Une formulation complète et biologique\"\n  4. \"🥄 Comment prendre la Derma‑Sève ?\"\n  5. \"🔍 À qui s'adresse cette cure ?\"\n  6. \"📦 Informations pratiques\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ds-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"ds-hero\"\u003e\n    \u003cdiv class=\"ds-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ds-hero-content\"\u003e\n      \u003cdiv class=\"ds-badges-top\"\u003e\n        \u003cspan class=\"ds-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"ds-badge\"\u003e💧 Lacto-fermentée\u003c\/span\u003e\n        \u003cspan class=\"ds-badge\"\u003e✨ Beauté intérieure\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ds-hero-title\"\u003eDerma-Sève Bio\u003c\/span\u003e\n      \u003cp class=\"ds-subtitle\"\u003eSève de bouleau enrichie aux bourgeons\u003c\/p\u003e\n      \u003cp class=\"ds-description\"\u003eHydrate, régénère et protège votre peau de l'intérieur grâce à une formule unique associant sève lacto-fermentée, kombucha et macérats de bourgeons.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"ds-section\"\u003e\n    \u003ch2\u003e🌿 Une sève de bouleau nouvelle génération, enrichie pour votre peau\u003c\/h2\u003e\n    \u003cp class=\"ds-section-intro\"\u003eLa Derma‑Sève Bio d'Alphagem réinvente la cure de sève traditionnelle avec une synergie puissante d'actifs naturels.\u003c\/p\u003e\n    \u003cdiv class=\"ds-grid\"\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e🍃 Sève lacto-fermentée\u003c\/h3\u003e\n        \u003cp\u003eLa lacto-fermentation, procédé de conservation naturel, permet de profiter toute l'année de la richesse minérale de la sève fraîche de bouleau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e🍵 Kombucha actif\u003c\/h3\u003e\n        \u003cp\u003eFermentation naturelle apportant des probiotiques et de l'acide glucuronique (625 mg\/L) pour la régénération cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e🌸 Bourgeons ciblés\u003c\/h3\u003e\n        \u003cp\u003eMacérats d'orme et de cassis bio pour une action en profondeur sur l'hydratation et l'éclat de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ds-tip\"\u003e\n      \u003cspan class=\"ds-tip-icon\"\u003e🍋\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eUn goût frais et agréable :\u003c\/strong\u003e légèrement citronné, la Derma-Sève se consomme facilement au quotidien, pure ou diluée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"ds-section\"\u003e\n    \u003ch2\u003e🌱 Principaux bienfaits de la Derma‑Sève\u003c\/h2\u003e\n    \u003cdiv class=\"ds-grid\"\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n        \u003cp\u003eAction reminéralisante de la sève fraîche pour nourrir la peau de l'intérieur et restaurer son film hydrolipidique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e🔄 Régénération cutanée\u003c\/h3\u003e\n        \u003cp\u003eL'acide glucuronique (625 mg\/L) stimule le renouvellement cellulaire et soutient l'élasticité de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e🌿 Détox douce\u003c\/h3\u003e\n        \u003cp\u003eBardane, ortie et pissenlit soutiennent le foie et l'élimination des toxines pour une peau plus nette.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e✨ Éclat et élasticité\u003c\/h3\u003e\n        \u003cp\u003eLa silice naturelle de la prêle renforce les tissus conjonctifs et ravive la luminosité du teint.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e🤍 Formule douce\u003c\/h3\u003e\n        \u003cp\u003eSève lacto-fermentée au goût frais et légèrement citronné, agréable à consommer au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e🌱 100% biologique\u003c\/h3\u003e\n        \u003cp\u003eTous les ingrédients sont issus de l'agriculture biologique certifiée (LU-BIO-06).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"ds-section\"\u003e\n    \u003ch2\u003e🍃 Une formulation complète et biologique\u003c\/h2\u003e\n    \u003cp class=\"ds-section-intro\"\u003eUne synergie d'actifs naturels soigneusement sélectionnés pour leur action sur la beauté de la peau.\u003c\/p\u003e\n    \u003cdiv class=\"ds-grid\"\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e🌳 Sève de bouleau\u003c\/h3\u003e\n        \u003cp\u003eBetula alba – riche en minéraux et oligo-éléments pour une reminéralisation en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e🍵 Kombucha de thé\u003c\/h3\u003e\n        \u003cp\u003eThea chinensis – fermentation naturelle source d'acide glucuronique régénérant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e🌾 Prêle\u003c\/h3\u003e\n        \u003cp\u003eEquisetum arvense – silice naturelle pour l'élasticité et la fermeté des tissus.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e🌿 Bardane\u003c\/h3\u003e\n        \u003cp\u003eArctium lappa – purifiante, elle aide à assainir la peau et soutient le foie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e🌱 Ortie\u003c\/h3\u003e\n        \u003cp\u003eUrtica dioica – reminéralisante et détoxifiante, riche en silice et minéraux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e🌼 Pissenlit\u003c\/h3\u003e\n        \u003cp\u003eTaraxacum officinale – drainage hépatique doux pour un teint plus clair.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e🌳 Bourgeon d'orme\u003c\/h3\u003e\n        \u003cp\u003eUlmus campestris – action drainante et purifiante pour les peaux à imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e🫐 Bourgeon de cassis\u003c\/h3\u003e\n        \u003cp\u003eRibes nigrum – adaptogène et anti-inflammatoire, il apaise et revitalise.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ds-highlight-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003eDosage par portion (15 ml) :\u003c\/strong\u003e Acide glucuronique : 9,4 mg • Éthanol* bio : 15 % (selon la composition officielle)\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"ds-section\"\u003e\n    \u003ch2\u003e🥄 Comment prendre la Derma‑Sève ?\u003c\/h2\u003e\n    \u003cdiv class=\"ds-timeline\"\u003e\n      \u003cdiv class=\"ds-timeline-item\"\u003e\n        \u003cspan class=\"ds-timeline-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"ds-timeline-content\"\u003e\n          \u003ch3\u003eDosage conseillé\u003c\/h3\u003e\n          \u003cp\u003e1 à 3 cuillères à soupe (15 à 45 ml) par jour selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-timeline-item\"\u003e\n        \u003cspan class=\"ds-timeline-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"ds-timeline-content\"\u003e\n          \u003ch3\u003eMode de prise\u003c\/h3\u003e\n          \u003cp\u003ePure ou diluée dans un verre d'eau de source, le matin à jeun ou répartie dans la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-timeline-item\"\u003e\n        \u003cspan class=\"ds-timeline-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"ds-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eCure recommandée de 3 semaines, renouvelable pour des résultats optimaux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ds-tip\"\u003e\n      \u003cspan class=\"ds-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAgitez bien avant emploi.\u003c\/strong\u003e Conservez au frais après ouverture et consommez dans les 3 semaines.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"ds-section\"\u003e\n    \u003ch2\u003e🔍 À qui s'adresse cette cure ?\u003c\/h2\u003e\n    \u003cdiv class=\"ds-grid-compact\"\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e✨ Peau terne\u003c\/h3\u003e\n        \u003cp\u003eRavivez l'éclat naturel de votre teint\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e💧 Peau sèche\u003c\/h3\u003e\n        \u003cp\u003eHydratation profonde de l'intérieur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e🌸 Peau sensible\u003c\/h3\u003e\n        \u003cp\u003eFormule douce et lacto-fermentée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e🔴 Imperfections\u003c\/h3\u003e\n        \u003cp\u003eAction purifiante et apaisante\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e🌿 Détox printanière\u003c\/h3\u003e\n        \u003cp\u003eAccompagnez le renouveau saisonnier\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ds-card\"\u003e\n        \u003ch3\u003e🧴 Routine naturelle\u003c\/h3\u003e\n        \u003cp\u003eComplément idéal de vos soins\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"ds-section\"\u003e\n    \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"ds-accordion\"\u003e\n      \u003cdetails class=\"ds-accordion-item\"\u003e\n        \u003csummary class=\"ds-accordion-header\"\u003e📋 Caractéristiques du produit\u003c\/summary\u003e\n        \u003cdiv class=\"ds-accordion-content\"\u003e\n          \u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e Flacon de 250 ml\u003cbr\u003e\n          \u003cstrong\u003eType de produit :\u003c\/strong\u003e Complément liquide à base de plantes et de bourgeons\u003cbr\u003e\n          \u003cstrong\u003eMarque :\u003c\/strong\u003e Alphagem (Belgique)\u003cbr\u003e\n          \u003cstrong\u003eLabels :\u003c\/strong\u003e Bio européen (LU-BIO-06), sans conservateurs\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ds-accordion-item\"\u003e\n        \u003csummary class=\"ds-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"ds-accordion-content\"\u003e\n          \u003cp\u003eConserver au frais après ouverture. Consommer dans les 3 semaines après ouverture. Agiter avant chaque utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ds-accordion-item\"\u003e\n        \u003csummary class=\"ds-accordion-header\"\u003e♻️ Tri et recyclage\u003c\/summary\u003e\n        \u003cdiv class=\"ds-accordion-content\"\u003e\n          \u003cp\u003eFlacon, bouchon et étui à jeter dans le bac de tri jaune. Vérifiez les consignes locales de votre commune.\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=\"ds-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"ds-cta-box\"\u003e\n      \u003cp\u003e🌿 La Derma‑Sève d'Alphagem est bien plus qu'une simple sève de bouleau : c'est une \u003cstrong\u003ecure de beauté intérieure\u003c\/strong\u003e. Enrichie en bourgeons, kombucha et plantes détoxifiantes, elle hydrate, régénère et réveille l'éclat de votre peau. Idéale pour une routine naturelle quotidienne, \u003cstrong\u003ebio et respectueuse de votre équilibre\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ds-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants. Déconseillé aux femmes enceintes et allaitantes sans avis médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --ds-cream: #F9F7F3;\n  --ds-white: #ffffff;\n  --ds-primary: #5B8C3E;\n  --ds-primary-dark: #3D6929;\n  --ds-primary-light: #E8F2E0;\n  --ds-secondary: #E85D75;\n  --ds-accent: #F5A623;\n\n  \/* Textes *\/\n  --ds-text: #1a1a1a;\n  --ds-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --ds-border: #e0e0e0;\n  --ds-shadow: 0 4px 24px rgba(91,140,62,.08);\n  --ds-shadow-lg: 0 12px 48px rgba(91,140,62,.15);\n  --ds-radius: 20px;\n  --ds-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ds-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ds-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ds-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5B8C3E 0%, #7AAD5A 40%, #E85D75 100%);\n  border-radius: var(--ds-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(--ds-shadow-lg);\n}\n\n.ds-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    radial-gradient(circle at 40% 40%, rgba(255,255,255,.05) 0%, transparent 30%);\n  opacity: 1;\n}\n\n.ds-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ds-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.ds-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ds-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\/* === BADGES === *\/\n.ds-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ds-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(--ds-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ds-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ds-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ds-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ds-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.ds-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(--ds-primary), var(--ds-secondary));\n  border-radius: 2px;\n}\n\n.ds-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ds-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.ds-card {\n  background: var(--ds-white);\n  border-radius: var(--ds-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ds-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ds-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ds-shadow-lg);\n  border-color: var(--ds-primary);\n}\n\n.ds-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ds-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ds-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ds-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ds-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ds-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ds-grid-compact .ds-card {\n  padding: 1rem;\n}\n\n.ds-grid-compact .ds-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ds-grid-compact .ds-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ds-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ds-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ds-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ds-primary), var(--ds-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.ds-timeline-content {\n  flex: 1;\n  background: var(--ds-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ds-radius-sm);\n  box-shadow: var(--ds-shadow);\n}\n\n.ds-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ds-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ds-timeline-content p {\n  font-size: 14px;\n  color: var(--ds-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ds-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ds-primary-light);\n  border-radius: var(--ds-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ds-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ds-tip p {\n  font-size: 14px;\n  color: var(--ds-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ds-highlight-box {\n  background: linear-gradient(135deg, var(--ds-primary-light) 0%, rgba(232,93,117,.1) 100%);\n  border-radius: var(--ds-radius-sm);\n  padding: 1.25rem 1.5rem;\n  text-align: center;\n  margin-top: 1.5rem;\n  border: 1px solid rgba(91,140,62,.2);\n}\n\n.ds-highlight-box p {\n  font-size: 15px;\n  color: var(--ds-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ds-accordion {\n  background: var(--ds-white);\n  border-radius: var(--ds-radius);\n  box-shadow: var(--ds-shadow);\n  overflow: hidden;\n}\n\n.ds-accordion-item {\n  border-bottom: 1px solid var(--ds-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ds-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ds-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ds-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.ds-accordion-header:hover {\n  background: var(--ds-primary-light);\n}\n\n.ds-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ds-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ds-primary);\n  transition: transform .2s ease;\n}\n\n.ds-accordion-item[open] .ds-accordion-header::after {\n  content: '−';\n}\n\n.ds-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ds-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ds-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ds-cta-box {\n  background: linear-gradient(135deg, var(--ds-primary) 0%, var(--ds-primary-dark) 100%);\n  border-radius: var(--ds-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ds-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.ds-cta-box strong {\n  font-weight: 700;\n}\n\n\/* === DISCLAIMER === *\/\n.ds-disclaimer {\n  font-size: 12px;\n  color: var(--ds-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  .ds-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .ds-card {\n    padding: 1.125rem;\n  }\n  \n  .ds-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .ds-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ds-radius-sm);\n  }\n  \n  .ds-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .ds-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .ds-grid-compact {\n    gap: .625rem;\n  }\n  \n  .ds-grid-compact .ds-card {\n    padding: .75rem;\n  }\n  \n  .ds-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .ds-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .ds-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .ds-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .ds-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .ds-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .ds-tip {\n    padding: .875rem 1rem;\n  }\n  \n  .ds-tip-icon {\n    font-size: 20px;\n  }\n  \n  .ds-tip p {\n    font-size: 13px;\n  }\n  \n  .ds-highlight-box {\n    padding: 1rem;\n  }\n  \n  .ds-highlight-box p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ds-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .ds-card:nth-child(1) { animation-delay: .05s; }\n  .ds-card:nth-child(2) { animation-delay: .1s; }\n  .ds-card:nth-child(3) { animation-delay: .15s; }\n  .ds-card:nth-child(4) { animation-delay: .2s; }\n  .ds-card:nth-child(5) { animation-delay: .25s; }\n  .ds-card:nth-child(6) { animation-delay: .3s; }\n  .ds-card:nth-child(7) { animation-delay: .35s; }\n  .ds-card:nth-child(8) { animation-delay: .4s; }\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  .ds-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":55675063796089,"sku":"GE0070","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/seve-de-bouleau-bio-enrichie-aux-bourgeons-derma-seve-250ml--packshothd.webp?v=1791469272"},{"product_id":"vitalite-collagene-pomme-citron-humble","title":"Multi-Nutriments Vitalité - 420g (saveur Pomme-Citron) - Humble+","description":"\u003cdiv class=\"hmb-premium\"\u003e\n\n  \u003cdiv class=\"hmb-hero\"\u003e\n    \u003cdiv class=\"hmb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hmb-hero-content\"\u003e\n      \u003cdiv class=\"hmb-badges-top\"\u003e\n        \u003cspan class=\"hmb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"hmb-badge\"\u003e🌿 19 vitamines \u0026amp; minéraux\u003c\/span\u003e\n        \u003cspan class=\"hmb-badge\"\u003e🍏 Saveur pomme-citron\u003c\/span\u003e\n        \u003cspan class=\"hmb-badge\"\u003e📅 Cure de 30 jours\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hmb-hero-title\"\u003eRetrouvez tonus, clarté et sérénité au quotidien\u003c\/span\u003e\n      \u003cp class=\"hmb-subtitle\"\u003eLook good, feel good.\u003c\/p\u003e\n      \u003cp class=\"hmb-description\"\u003eUne poudre nouvelle génération qui réunit 19 vitamines et minéraux essentiels, associés à la spiruline et à la rhodiola, pour soutenir votre vitalité chaque matin.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"hmb-section\"\u003e\n    \u003ch2\u003eMulti-Nutriments Vitalité Humble+ : votre allié quotidien contre la fatigue\u003c\/h2\u003e\n    \u003cp class=\"hmb-section-intro\"\u003eVous ressentez une baisse d'énergie persistante, un stress qui s'installe ou un besoin de soutenir votre organisme au quotidien ? Le \u003cstrong\u003eMulti-Nutriments Vitalité Humble+\u003c\/strong\u003e est un complément alimentaire vitalité nouvelle génération, formulé sous forme de poudre à la saveur pomme-citron. Une seule dose vous apporte \u003cstrong\u003e19 vitamines et minéraux essentiels\u003c\/strong\u003e, associés à des plantes reconnues comme la spiruline et la rhodiola. Pensé pour celles et ceux qui veulent retrouver tonus, clarté mentale et sérénité, ce complément alimentaire forme et vitalité se glisse facilement dans votre routine matinale.\u003c\/p\u003e\n    \u003cdiv class=\"hmb-grid-compact\"\u003e\n      \u003cdiv class=\"hmb-card\"\u003e\n        \u003ch3\u003e⚡ Énergie\u003c\/h3\u003e\n        \u003cp\u003eRéduit la fatigue au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité\u003c\/h3\u003e\n        \u003cp\u003eSoutient le système immunitaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-card\"\u003e\n        \u003ch3\u003e🧠 Cognition\u003c\/h3\u003e\n        \u003cp\u003eFavorise la fonction cognitive\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-card\"\u003e\n        \u003ch3\u003e🧘 Sérénité\u003c\/h3\u003e\n        \u003cp\u003eAide à mieux gérer le stress\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hmb-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce complément alimentaire énergie et vitalité ?\u003c\/h2\u003e\n    \u003cp class=\"hmb-section-intro\"\u003eContrairement aux gélules classiques, la formule en poudre permet un dosage généreux et une meilleure biodisponibilité des actifs. Chaque dosette de 14 g concentre un cocktail complet pensé pour vous.\u003c\/p\u003e\n    \u003cdiv class=\"hmb-grid\"\u003e\n      \u003cdiv class=\"hmb-card\"\u003e\n        \u003ch3\u003e💪 Réduire la fatigue\u003c\/h3\u003e\n        \u003cp\u003eGrâce à la vitamine C, aux vitamines B et au magnésium pour retrouver un vrai coup d'énergie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-card\"\u003e\n        \u003ch3\u003e🛡️ Soutenir l'immunité\u003c\/h3\u003e\n        \u003cp\u003eLe zinc et la vitamine C contribuent au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-card\"\u003e\n        \u003ch3\u003e🧠 Booster la cognition\u003c\/h3\u003e\n        \u003cp\u003eLe zinc et les vitamines B favorisent une fonction cognitive normale au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-card\"\u003e\n        \u003ch3\u003e🌿 Mieux gérer le stress\u003c\/h3\u003e\n        \u003cp\u003eL'extrait de Rhodiola rosea, plante adaptogène reconnue, aide à composer avec le stress.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre hormonal\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine B6 contribue à réguler l'activité hormonale au fil des cycles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-card\"\u003e\n        \u003ch3\u003e🌱 Actifs végétaux\u003c\/h3\u003e\n        \u003cp\u003eSpiruline, épinard et rhodiola pour un vrai concentré de nature dans votre verre.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hmb-section\"\u003e\n    \u003ch2\u003eComposition détaillée par dose de 14 g\u003c\/h2\u003e\n    \u003cdiv class=\"hmb-accordion\"\u003e\n      \u003cdetails class=\"hmb-accordion-item\" open\u003e\n        \u003csummary class=\"hmb-accordion-header\"\u003e💊 Vitamines\u003c\/summary\u003e\n        \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n          \u003cp\u003eC (94 mg), A (789 µg), D (35 µg), E (12 mg), K (172 µg), B1 (1,2 mg), B2 (1,5 mg), B3 (14 mg), B5 (6,1 mg), B6 (1,5 mg), B8 (50 µg), B9 (178 µg), B12 (2,5 µg).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hmb-accordion-item\"\u003e\n        \u003csummary class=\"hmb-accordion-header\"\u003e⚡ Minéraux\u003c\/summary\u003e\n        \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n          \u003cp\u003ePotassium (409 mg), magnésium (120 mg), calcium (36,5 mg), zinc (10 mg), iode (57,3 µg), sélénium (22 µg), chrome (13 µg).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hmb-accordion-item\"\u003e\n        \u003csummary class=\"hmb-accordion-header\"\u003e🌿 Plantes et actifs\u003c\/summary\u003e\n        \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n          \u003cp\u003ePoudre d'épinard (363 mg), spiruline (245 mg), extrait de Rhodiola rosea (200 mg), choline bitartrate (160 mg).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hmb-accordion-item\"\u003e\n        \u003csummary class=\"hmb-accordion-header\"\u003e📋 Ingrédients complets\u003c\/summary\u003e\n        \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n          \u003cp\u003eProtéine de pois, fibre d'acacia, citrate de potassium, bisglycinate de magnésium, bisglycinate de zinc, picolinate de chrome, iodure de potassium, sucre blond de canne, arômes naturels citron et autres, poudre de citron (4,32%), poudre de pomme (4,32%), choline L-bitartrate, vitamines (C, K1, extrait d'acérola, E, B3, A, B5, B12, B6, D3, B1, B2, B9, B8), poudre d'épinard.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hmb-accordion-item\"\u003e\n        \u003csummary class=\"hmb-accordion-header\"\u003e📊 Valeurs nutritionnelles\u003c\/summary\u003e\n        \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n          \u003cp\u003ePar dose : 48 kcal, 3,1 g de protéines, 6,8 g de glucides (dont 2,2 g de sucres), 2,9 g de fibres.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hmb-section\"\u003e\n    \u003ch2\u003eComment prendre le Multi-Nutriments Vitalité ?\u003c\/h2\u003e\n    \u003cdiv class=\"hmb-timeline\"\u003e\n      \u003cdiv class=\"hmb-timeline-item\"\u003e\n        \u003cdiv class=\"hmb-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"hmb-timeline-content\"\u003e\n          \u003ch3\u003eUne dosette par jour\u003c\/h3\u003e\n          \u003cp\u003ePrenez 1 dosette (14 g), de préférence le matin ou en début de journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-timeline-item\"\u003e\n        \u003cdiv class=\"hmb-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"hmb-timeline-content\"\u003e\n          \u003ch3\u003eMélangez à 250 ml\u003c\/h3\u003e\n          \u003cp\u003eDiluez dans 250 ml d'eau froide ou de lait végétal, selon votre préférence.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-timeline-item\"\u003e\n        \u003cdiv class=\"hmb-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"hmb-timeline-content\"\u003e\n          \u003ch3\u003eFouettez ou shakez\u003c\/h3\u003e\n          \u003cp\u003eUtilisez un fouet ou un shaker pour une dissolution complète et onctueuse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-timeline-item\"\u003e\n        \u003cdiv class=\"hmb-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"hmb-timeline-content\"\u003e\n          \u003ch3\u003eBuvez immédiatement\u003c\/h3\u003e\n          \u003cp\u003eÀ reconstituer juste avant consommation pour préserver toute la fraîcheur des actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hmb-tip\"\u003e\n      \u003cspan class=\"hmb-tip-icon\"\u003e📅\u003c\/span\u003e\n      \u003cp\u003eLe sachet de 420 g offre \u003cstrong\u003e30 doses\u003c\/strong\u003e, soit une cure complète d'un mois.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hmb-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"hmb-accordion\"\u003e\n      \u003cdetails class=\"hmb-accordion-item\"\u003e\n        \u003csummary class=\"hmb-accordion-header\"\u003e⚠️ Public concerné\u003c\/summary\u003e\n        \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n          \u003cp\u003eRéservé aux adultes. Ne pas dépasser la dose journalière recommandée. Usage prolongé déconseillé. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hmb-accordion-item\"\u003e\n        \u003csummary class=\"hmb-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes, allaitantes, désireuses de l'être et aux femmes ménopausées (présence de rétinol). Déconseillé aux personnes sous anticoagulants, souffrant de troubles thyroïdiens, aux fumeurs, aux personnes âgées ou atteintes de néphropathie.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hmb-accordion-item\"\u003e\n        \u003csummary class=\"hmb-accordion-header\"\u003e👨‍⚕️ Traitement médicamenteux\u003c\/summary\u003e\n        \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de traitement médicamenteux, demandez conseil à un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"hmb-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain. Il ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hmb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eFabrication française et exigence Humble+\u003c\/h2\u003e\n    \u003cdiv class=\"hmb-cta-box\"\u003e\n      \u003cp\u003eLe Multi-Nutriments Vitalité est \u003cstrong\u003efabriqué en France\u003c\/strong\u003e et proposé en exclusivité par Humble+. Une formule pensée dans l'esprit de la marque : \u003cem\u003eLook good, feel good.\u003c\/em\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  :root {\n    --hmb-cream: #f5efe3;\n    --hmb-white: #ffffff;\n    --hmb-primary: #a8c47a;\n    --hmb-primary-dark: #2a3a26;\n    --hmb-primary-light: #eaf1d8;\n    --hmb-secondary: #6b8e3d;\n    --hmb-accent: #d4e09b;\n    --hmb-text: #1a1a1a;\n    --hmb-text-light: #5a5a5a;\n    --hmb-border: #e0e0e0;\n    --hmb-shadow: 0 4px 24px rgba(42,58,38,.08);\n    --hmb-shadow-lg: 0 12px 48px rgba(42,58,38,.15);\n    --hmb-radius: 20px;\n    --hmb-radius-sm: 12px;\n  }\n\n  .hmb-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--hmb-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--hmb-text);\n  }\n\n  .hmb-hero {\n    position: relative;\n    background: linear-gradient(135deg, #a8c47a 0%, #6b8e3d 50%, #2a3a26 100%);\n    border-radius: var(--hmb-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(--hmb-shadow-lg);\n  }\n\n  .hmb-hero-pattern {\n    position: absolute;\n    inset: 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(255,255,255,.3) 0%, transparent 40%);\n    opacity: .15;\n  }\n\n  .hmb-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .hmb-hero-title {\n    display: block;\n    color: white;\n    font-size: clamp(22px, 7vw, 42px);\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  .hmb-subtitle {\n    color: rgba(255,255,255,.95);\n    font-size: clamp(15px, 2.8vw, 20px);\n    font-weight: 600;\n    font-style: italic;\n    margin: 0 0 1rem 0;\n  }\n\n  .hmb-description {\n    color: rgba(255,255,255,.9);\n    font-size: clamp(14px, 2.3vw, 17px);\n    line-height: 1.7;\n    max-width: 700px;\n    margin: 0 auto;\n  }\n\n  .hmb-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.5rem;\n  }\n\n  .hmb-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(--hmb-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.1);\n    transition: all .3s ease;\n  }\n\n  .hmb-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  .hmb-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .hmb-premium h2 {\n    font-size: clamp(22px, 5vw, 34px);\n    font-weight: 900;\n    color: var(--hmb-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  .hmb-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(--hmb-primary), var(--hmb-secondary));\n    border-radius: 2px;\n  }\n\n  .hmb-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--hmb-text-light);\n    margin-bottom: 1.75rem;\n    max-width: 720px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.7;\n  }\n\n  .hmb-card {\n    background: var(--hmb-white);\n    border-radius: var(--hmb-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--hmb-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .hmb-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--hmb-shadow-lg);\n    border-color: var(--hmb-primary);\n  }\n\n  .hmb-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--hmb-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .hmb-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--hmb-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .hmb-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .hmb-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .hmb-grid-compact .hmb-card {\n    padding: 1rem;\n  }\n\n  .hmb-grid-compact .hmb-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .hmb-grid-compact .hmb-card p {\n    font-size: 12px;\n  }\n\n  .hmb-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  .hmb-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .hmb-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--hmb-primary), var(--hmb-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  .hmb-timeline-content {\n    flex: 1;\n    background: var(--hmb-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--hmb-radius-sm);\n    box-shadow: var(--hmb-shadow);\n  }\n\n  .hmb-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--hmb-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .hmb-timeline-content p {\n    font-size: 14px;\n    color: var(--hmb-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  .hmb-accordion {\n    background: var(--hmb-white);\n    border-radius: var(--hmb-radius);\n    box-shadow: var(--hmb-shadow);\n    overflow: hidden;\n  }\n\n  .hmb-accordion-item {\n    border-bottom: 1px solid var(--hmb-border);\n  }\n\n  .hmb-accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .hmb-accordion-header {\n    padding: 1rem 1.25rem;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--hmb-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  }\n\n  .hmb-accordion-header:hover {\n    background: var(--hmb-primary-light);\n  }\n\n  .hmb-accordion-header::-webkit-details-marker {\n    display: none;\n  }\n\n  .hmb-accordion-header::after {\n    content: '+';\n    font-size: 22px;\n    font-weight: 400;\n    color: var(--hmb-primary);\n    transition: transform .2s ease;\n  }\n\n  .hmb-accordion-item[open] .hmb-accordion-header::after {\n    content: '−';\n  }\n\n  .hmb-accordion-content {\n    padding: 0 1.25rem 1rem;\n    color: var(--hmb-text-light);\n    font-size: 14px;\n    line-height: 1.7;\n    margin-top: 10px;\n  }\n\n  .hmb-accordion-content p {\n    margin: 0;\n  }\n\n  .hmb-tip {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n    background: var(--hmb-primary-light);\n    border-radius: var(--hmb-radius-sm);\n    padding: 1rem 1.25rem;\n    margin-top: 1.25rem;\n  }\n\n  .hmb-tip-icon {\n    font-size: 24px;\n    flex-shrink: 0;\n  }\n\n  .hmb-tip p {\n    font-size: 14px;\n    color: var(--hmb-text);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .hmb-cta-box {\n    background: linear-gradient(135deg, var(--hmb-secondary) 0%, var(--hmb-primary-dark) 100%);\n    border-radius: var(--hmb-radius);\n    padding: clamp(1.75rem, 4vw, 3rem);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hmb-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  .hmb-disclaimer {\n    font-size: 12px;\n    color: var(--hmb-text-light);\n    text-align: center;\n    margin-top: 1rem;\n    font-style: italic;\n  }\n\n  @media (max-width: 767px) {\n    .hmb-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n    .hmb-card {\n      padding: 1.125rem;\n    }\n    .hmb-section {\n      margin-bottom: 1.75rem;\n    }\n    .hmb-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--hmb-radius-sm);\n    }\n    .hmb-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n    .hmb-premium h2::after {\n      width: 40px;\n      height: 3px;\n    }\n    .hmb-grid-compact {\n      gap: .625rem;\n    }\n    .hmb-grid-compact .hmb-card {\n      padding: .75rem;\n    }\n    .hmb-timeline-number {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n    }\n    .hmb-timeline-content {\n      padding: .875rem 1rem;\n    }\n    .hmb-timeline-content h3 {\n      font-size: 14px;\n    }\n    .hmb-timeline-content p {\n      font-size: 13px;\n    }\n    .hmb-accordion-header {\n      padding: .875rem 1rem;\n      font-size: 14px;\n    }\n    .hmb-accordion-content {\n      padding: 0 1rem .875rem;\n      font-size: 13px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .hmb-card {\n      animation: hmbFadeInUp .5s ease backwards;\n    }\n    .hmb-card:nth-child(1) { animation-delay: .05s; }\n    .hmb-card:nth-child(2) { animation-delay: .1s; }\n    .hmb-card:nth-child(3) { animation-delay: .15s; }\n    .hmb-card:nth-child(4) { animation-delay: .2s; }\n    .hmb-card:nth-child(5) { animation-delay: .25s; }\n    .hmb-card:nth-child(6) { animation-delay: .3s; }\n  }\n\n  @keyframes hmbFadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .hmb-premium * {\n      animation-duration: 0.01ms !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":55692167709049,"sku":"MULTINUTRIMENTSVITALIT","price":59.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/multi-nutriments-vitalite-420g-saveur-pomme-citron-humble-packshothd.webp?v=1789641157"},{"product_id":"acai-en-poudre-bio-origine-bresil-70-g-iswari","title":"Açaï en poudre bio (origine Brésil) 70 g - Iswari","description":"\u003cdiv class=\"ac-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"ac-hero\"\u003e\n    \u003cdiv class=\"ac-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ac-hero-content\"\u003e\n      \u003cdiv class=\"ac-badges-top\"\u003e\n        \u003cspan class=\"ac-badge\"\u003e🌿 100 % Bio\u003c\/span\u003e\n        \u003cspan class=\"ac-badge\"\u003e🇧🇷 Origine Brésil\u003c\/span\u003e\n        \u003cspan class=\"ac-badge\"\u003e🥄 ~22 portions\u003c\/span\u003e\n        \u003cspan class=\"ac-badge\"\u003e🌾 Sans gluten\u003c\/span\u003e\n        \u003cspan class=\"ac-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ac-hero-title\"\u003eAçaï en poudre bio Iswari\u003c\/span\u003e\n      \u003cp class=\"ac-subtitle\"\u003eLe superaliment antioxydant de l'Amazonie brésilienne\u003c\/p\u003e\n      \u003cp class=\"ac-description\"\u003eBaies d'açaï lyophilisées, riches en calcium, fer et magnésium — aux notes subtiles de fruits rouges et de cacao. Sachet de 70 g.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 : Pourquoi choisir cette poudre d'açaï bio ? --\u003e\n  \u003csection class=\"ac-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette poudre d'açaï bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"ac-grid\"\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e🍇 100 % açaï lyophilisé\u003c\/h3\u003e\n        \u003cp\u003eSans sucre ajouté, sans additif, sans conservateur. Juste la baie, dans toute sa pureté.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e💎 Riche en minéraux essentiels\u003c\/h3\u003e\n        \u003cp\u003eCalcium, fer et magnésium : trois piliers pour le bon fonctionnement de votre organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e🛡️ Source naturelle d'antioxydants\u003c\/h3\u003e\n        \u003cp\u003eAnthocyanes puissantes qui contribuent à protéger vos cellules contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e✅ Bio, vegan et sans gluten\u003c\/h3\u003e\n        \u003cp\u003eCertifié Bio (PT-BIO-04), convient à la majorité des régimes alimentaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e📦 ~22 portions par sachet\u003c\/h3\u003e\n        \u003cp\u003eUn format de 70 g idéal pour découvrir tous les bienfaits de la poudre d'açaï au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Les bienfaits de la poudre d'açaï --\u003e\n  \u003csection class=\"ac-section\"\u003e\n    \u003ch2\u003eLes bienfaits de la poudre d'açaï\u003c\/h2\u003e\n    \u003cp class=\"ac-section-intro\"\u003eL'açaï est considéré comme l'un des superfruits les plus riches en antioxydants au monde. Sa teneur en fer contribue à réduire la fatigue, tandis que le calcium et le magnésium participent au maintien d'une ossature normale et d'un métabolisme énergétique optimal.\u003c\/p\u003e\n    \u003cdiv class=\"ac-grid\"\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e⚡ Soutenir la vitalité quotidienne\u003c\/h3\u003e\n        \u003cp\u003eNotamment lors de périodes intenses ou de changements de saison, l'açaï est un allié revitalisant naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e🥬 Compléter une alimentation végétale\u003c\/h3\u003e\n        \u003cp\u003eUn profil minéral dense et peu sucré, parfait pour enrichir une alimentation plant-based.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e✨ Accompagner une routine beauté\u003c\/h3\u003e\n        \u003cp\u003eLes antioxydants de l'açaï sont reconnus pour leur action protectrice sur les cellules de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition --\u003e\n  \u003csection class=\"ac-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cdiv class=\"ac-composition-box\"\u003e\n      \u003cdiv class=\"ac-composition-main\"\u003e\n        \u003ch3\u003e🫐 Ingrédient unique\u003c\/h3\u003e\n        \u003cp\u003e100 % poudre de baies d'açaï (\u003cem\u003eEuterpe oleracea\u003c\/em\u003e) lyophilisée, issue de l'agriculture biologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-composition-allergens\"\u003e\n        \u003ch3\u003e⚠️ Allergènes\u003c\/h3\u003e\n        \u003cp\u003ePeut contenir des \u003cem\u003etraces\u003c\/em\u003e de fruits à coque, cacahuètes, sésame et moutarde (environnement de fabrication).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser la poudre d'açaï ? Recettes et idées --\u003e\n  \u003csection class=\"ac-section\"\u003e\n    \u003ch2\u003eComment utiliser la poudre d'açaï ? Recettes et idées\u003c\/h2\u003e\n    \u003cdiv class=\"ac-grid-compact\"\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e👩 Adultes (+12 ans)\u003c\/h3\u003e\n        \u003cp\u003e1 à 2 cuillères à café par jour (environ 3 à 6 g)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e👧 Enfants (7–12 ans)\u003c\/h3\u003e\n        \u003cp\u003e1 cuillère à café par jour\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ac-recipe-box\"\u003e\n      \u003ch3\u003e🥣 Recette de smoothie bowl à l'açaï\u003c\/h3\u003e\n      \u003cdiv class=\"ac-timeline\"\u003e\n        \u003cdiv class=\"ac-timeline-item\"\u003e\n          \u003cdiv class=\"ac-timeline-number\"\u003e1\u003c\/div\u003e\n          \u003cdiv class=\"ac-timeline-content\"\u003e\n            \u003ch3\u003eMixer les ingrédients\u003c\/h3\u003e\n            \u003cp\u003eUne banane congelée, une poignée de fruits rouges et 1 à 2 cuillères à café de poudre d'açaï avec un peu de lait végétal.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ac-timeline-item\"\u003e\n          \u003cdiv class=\"ac-timeline-number\"\u003e2\u003c\/div\u003e\n          \u003cdiv class=\"ac-timeline-content\"\u003e\n            \u003ch3\u003eVerser dans un bol\u003c\/h3\u003e\n            \u003cp\u003eGarnissez de granola, de fruits frais et de graines. C'est prêt !\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ac-timeline-item\"\u003e\n          \u003cdiv class=\"ac-timeline-number\"\u003e3\u003c\/div\u003e\n          \u003cdiv class=\"ac-timeline-content\"\u003e\n            \u003ch3\u003eVarier les plaisirs\u003c\/h3\u003e\n            \u003cp\u003eSaupoudrez sur un yaourt, une compote, des pancakes ou incorporez dans vos pâtisseries maison.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-tip\"\u003e\n        \u003cspan class=\"ac-tip-icon\"\u003e💡\u003c\/span\u003e\n        \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e ajoutez la poudre en fin de préparation pour préserver sa magnifique couleur violette.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Origine et qualité --\u003e\n  \u003csection class=\"ac-section\"\u003e\n    \u003ch2\u003eOrigine et qualité\u003c\/h2\u003e\n    \u003cdiv class=\"ac-grid-compact\"\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e🌎 Amazonie brésilienne\u003c\/h3\u003e\n        \u003cp\u003eBaies issues de palmiers cultivés de manière durable au Brésil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e❄️ Lyophilisation rapide\u003c\/h3\u003e\n        \u003cp\u003eRéalisée peu après la récolte pour préserver couleur, arômes et profil nutritionnel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e🏅 Marque Iswari\u003c\/h3\u003e\n        \u003cp\u003eReconnue dans le domaine des superaliments bio, gage de qualité et de traçabilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ac-card\"\u003e\n        \u003ch3\u003e🔬 Profil nutritionnel intact\u003c\/h3\u003e\n        \u003cp\u003eConditionné avec soin pour garantir toutes les propriétés du fruit d'origine.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Conservation --\u003e\n  \u003csection class=\"ac-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eConservation\u003c\/h2\u003e\n    \u003cdiv class=\"ac-accordion\"\u003e\n      \u003cdetails class=\"ac-accordion-item\"\u003e\n        \u003csummary class=\"ac-accordion-header\"\u003e📦 Conditions de conservation\u003c\/summary\u003e\n        \u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n          \u003cp\u003eRefermez soigneusement le sachet après chaque utilisation. Conservez au frais, au sec et à l'abri de la lumière. À consommer de préférence dans les semaines suivant l'ouverture.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ac-accordion-item\"\u003e\n        \u003csummary class=\"ac-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit est un complément alimentaire. Il ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. En cas de grossesse, d'allaitement, de traitement médical ou de condition de santé particulière, consultez un professionnel de santé avant utilisation.\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  --ac-cream: #f7f3f8;\n  --ac-white: #ffffff;\n  --ac-primary: #6b3a7d;\n  --ac-primary-dark: #4a1e5e;\n  --ac-primary-light: #f0e6f5;\n  --ac-secondary: #e8a838;\n  --ac-accent: #d4942e;\n  --ac-text: #1a1a1a;\n  --ac-text-light: #5a5a5a;\n  --ac-border: #e0d6e6;\n  --ac-shadow: 0 4px 24px rgba(75, 30, 94, .08);\n  --ac-shadow-lg: 0 12px 48px rgba(75, 30, 94, .15);\n  --ac-radius: 20px;\n  --ac-radius-sm: 12px;\n}\n\n.ac-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ac-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4a1e5e 0%, #6b3a7d 40%, #8b5ca0 70%, #e8a838 100%);\n  border-radius: var(--ac-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(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(232, 168, 56, .15) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255, 255, 255, .08) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.ac-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ac-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.ac-subtitle {\n  color: var(--ac-secondary);\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.ac-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\/* === BADGES === *\/\n.ac-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ac-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(--ac-primary-dark);\n  box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n  transition: all .3s ease;\n}\n\n.ac-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ac-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ac-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.ac-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(--ac-primary), var(--ac-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ac-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ac-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.ac-card {\n  background: var(--ac-white);\n  border-radius: var(--ac-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ac-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ac-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ac-shadow-lg);\n  border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ac-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ac-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ac-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ac-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ac-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ac-grid-compact .ac-card {\n  padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ac-composition-box {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ac-composition-main,\n.ac-composition-allergens {\n  background: var(--ac-white);\n  border-radius: var(--ac-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ac-shadow);\n  text-align: center;\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.ac-composition-main:hover,\n.ac-composition-allergens:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--ac-shadow-lg);\n  border-color: var(--ac-primary);\n}\n\n.ac-composition-main h3,\n.ac-composition-allergens h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ac-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.ac-composition-main p,\n.ac-composition-allergens p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ac-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === RECIPE BOX === *\/\n.ac-recipe-box {\n  background: var(--ac-white);\n  border-radius: var(--ac-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  box-shadow: var(--ac-shadow);\n  margin-top: 1.25rem;\n}\n\n.ac-recipe-box \u003e h3 {\n  font-size: clamp(17px, 3vw, 22px);\n  font-weight: 800;\n  color: var(--ac-primary-dark);\n  text-align: center;\n  margin: 0 0 1.5rem 0;\n}\n\n\/* === TIMELINE === *\/\n.ac-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ac-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ac-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ac-primary), var(--ac-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.ac-timeline-content {\n  flex: 1;\n  background: var(--ac-primary-light);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ac-radius-sm);\n}\n\n.ac-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ac-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n  font-size: 14px;\n  color: var(--ac-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ac-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ac-primary-light);\n  border-radius: var(--ac-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ac-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ac-tip p {\n  font-size: 14px;\n  color: var(--ac-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.ac-testimonial {\n  background: var(--ac-white);\n  border-radius: var(--ac-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ac-shadow);\n  border-left: 4px solid var(--ac-primary);\n}\n\n.ac-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ac-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ac-accordion {\n  background: var(--ac-white);\n  border-radius: var(--ac-radius);\n  box-shadow: var(--ac-shadow);\n  overflow: hidden;\n}\n\n.ac-accordion-item {\n  border-bottom: 1px solid var(--ac-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ac-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ac-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ac-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.ac-accordion-header:hover {\n  background: var(--ac-primary-light);\n}\n\n.ac-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ac-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ac-primary);\n  transition: transform .2s ease;\n}\n\n.ac-accordion-item[open] .ac-accordion-header::after {\n  content: '−';\n}\n\n.ac-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ac-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ac-accordion-content p {\n  margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ac-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ac-composition-box {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ac-card {\n    padding: 1.125rem;\n  }\n\n  .ac-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ac-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ac-radius-sm);\n  }\n\n  .ac-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ac-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ac-grid-compact {\n    gap: .625rem;\n  }\n\n  .ac-grid-compact .ac-card {\n    padding: .75rem;\n  }\n\n  .ac-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ac-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ac-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ac-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ac-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ac-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ac-recipe-box {\n    padding: 1.25rem;\n  }\n\n  .ac-recipe-box \u003e h3 {\n    font-size: 17px;\n    margin-bottom: 1rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ac-card,\n  .ac-composition-main,\n  .ac-composition-allergens {\n    animation: acFadeInUp .5s ease backwards;\n  }\n  .ac-card:nth-child(1),\n  .ac-composition-main { animation-delay: .05s; }\n  .ac-card:nth-child(2),\n  .ac-composition-allergens { animation-delay: .1s; }\n  .ac-card:nth-child(3) { animation-delay: .15s; }\n  .ac-card:nth-child(4) { animation-delay: .2s; }\n  .ac-card:nth-child(5) { animation-delay: .25s; }\n  .ac-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes acFadeInUp {\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  .ac-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"Iswari","offers":[{"title":"Default Title","offer_id":55770977501561,"sku":"NBAIISW0047","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/acai-en-poudre-bio-origine-bresil-70-g-iswari-packshothd.webp?v=1775739511"},{"product_id":"urucum-bio-80-tablettes-guayapi","title":"Urucum Bio - Antioxydant - 80 tablettes – Guayapi","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Urucum Bio - Antioxydant - 80 tablettes – Guayapi\nPalette détectée:\n  - Primaire: #2D4A47 (vert forêt profond du packaging)\n  - Secondaire: #E07850 (orange corail\/terracotta de la bande urucum)\n  - Accent: #C5D4A0 (vert tilleul clair des étiquettes)\nAmbiance: Naturel\/bio amazonien, éthique, premium organique, chaleureux et terreux\nPréfixe CSS: uru\n--\u003e\n\n\u003cdiv class=\"uru-premium\"\u003e\n\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"uru-hero\"\u003e\n    \u003cdiv class=\"uru-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"uru-hero-content\"\u003e\n      \u003cdiv class=\"uru-badges-top\"\u003e\n        \u003cspan class=\"uru-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"uru-badge\"\u003e☀️ Préparation solaire\u003c\/span\u003e\n        \u003cspan class=\"uru-badge\"\u003e✨ Teint lumineux\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"uru-hero-title\"\u003eUrucum Bio\u003c\/span\u003e\n      \u003cp class=\"uru-subtitle\"\u003eL'antioxydant amazonien pour une peau sublimée\u003c\/p\u003e\n      \u003cp class=\"uru-description\"\u003e100× plus riche en bêta-carotène que la carotte • 80 tablettes de pur urucum bio\u003c\/p\u003e\n      \u003cdiv class=\"uru-hero-stats\"\u003e\n        \u003cdiv class=\"uru-stat\"\u003e\n          \u003cspan class=\"uru-stat-number\"\u003e99,9%\u003c\/span\u003e\n          \u003cspan class=\"uru-stat-label\"\u003eUrucum pur\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"uru-stat\"\u003e\n          \u003cspan class=\"uru-stat-number\"\u003e80\u003c\/span\u003e\n          \u003cspan class=\"uru-stat-label\"\u003eTablettes\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"uru-stat\"\u003e\n          \u003cspan class=\"uru-stat-number\"\u003e1990\u003c\/span\u003e\n          \u003cspan class=\"uru-stat-label\"\u003eGuayapi depuis\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BIENFAITS --\u003e\n  \u003csection class=\"uru-section\"\u003e\n    \u003ch2\u003e🌺 Les pouvoirs de l'urucum\u003c\/h2\u003e\n    \u003cdiv class=\"uru-grid\"\u003e\n      \u003cdiv class=\"uru-card uru-benefit-card\"\u003e\n        \u003cdiv class=\"uru-card-icon\"\u003e☀️\u003c\/div\u003e\n        \u003ch3\u003ePréparation solaire\u003c\/h3\u003e\n        \u003cp\u003eRenforce naturellement la peau avant l'exposition au soleil grâce à sa richesse exceptionnelle en provitamine A\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"uru-card uru-benefit-card\"\u003e\n        \u003cdiv class=\"uru-card-icon\"\u003e✨\u003c\/div\u003e\n        \u003ch3\u003eTeint lumineux\u003c\/h3\u003e\n        \u003cp\u003eLa bixine, pigment naturel de l'urucum, offre un teint hâlé et rayonnant sans autobronzant chimique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"uru-card uru-benefit-card\"\u003e\n        \u003cdiv class=\"uru-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eBouclier antioxydant\u003c\/h3\u003e\n        \u003cp\u003eProtection cellulaire contre le stress oxydatif grâce aux caroténoïdes et oligo-éléments naturels\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"uru-section\"\u003e\n    \u003ch2\u003e🍃 Une formule d'une pureté rare\u003c\/h2\u003e\n    \u003cdiv class=\"uru-composition-box\"\u003e\n      \u003cdiv class=\"uru-composition-main\"\u003e\n        \u003cdiv class=\"uru-ingredient-hero\"\u003e\n          \u003cspan class=\"uru-ingredient-icon\"\u003e🌱\u003c\/span\u003e\n          \u003cdiv class=\"uru-ingredient-info\"\u003e\n            \u003cspan class=\"uru-ingredient-name\"\u003eBixa orellana (Urucum)\u003c\/span\u003e\n            \u003cspan class=\"uru-ingredient-dose\"\u003e99,9%\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cp class=\"uru-ingredient-desc\"\u003eArbuste amazonien dont les graines sont concentrées en bixine, un caroténoïde rare aux vertus exceptionnelles pour la peau\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"uru-ingredient-secondary\"\u003e\n          \u003cspan class=\"uru-ingredient-icon-sm\"\u003e💎\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cspan class=\"uru-ingredient-name-sm\"\u003eDioxyde de silicium\u003c\/span\u003e\n            \u003cspan class=\"uru-ingredient-dose-sm\"\u003e0,1%\u003c\/span\u003e\n            \u003cspan class=\"uru-ingredient-role\"\u003eAgent de texture naturel\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"uru-purity-badges\"\u003e\n        \u003cspan class=\"uru-purity-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n        \u003cspan class=\"uru-purity-badge\"\u003e🚫 Sans additifs\u003c\/span\u003e\n        \u003cspan class=\"uru-purity-badge\"\u003e🌱 Végétarien\u003c\/span\u003e\n        \u003cspan class=\"uru-purity-badge\"\u003e💚 Sans conservateurs\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"uru-section\"\u003e\n    \u003ch2\u003e📋 Votre rituel beauté solaire\u003c\/h2\u003e\n    \u003cdiv class=\"uru-timeline\"\u003e\n      \u003cdiv class=\"uru-timeline-item\"\u003e\n        \u003cdiv class=\"uru-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"uru-timeline-content\"\u003e\n          \u003ch3\u003e2-3 semaines avant\u003c\/h3\u003e\n          \u003cp\u003eCommencez votre cure avec \u003cstrong\u003e3 tablettes par jour\u003c\/strong\u003e pour préparer votre peau en douceur\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"uru-timeline-item\"\u003e\n        \u003cdiv class=\"uru-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"uru-timeline-content\"\u003e\n          \u003ch3\u003ePendant l'exposition\u003c\/h3\u003e\n          \u003cp\u003eAugmentez à \u003cstrong\u003e4 à 6 tablettes par jour\u003c\/strong\u003e selon votre besoin. À avaler ou croquer !\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"uru-timeline-item\"\u003e\n        \u003cdiv class=\"uru-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"uru-timeline-content\"\u003e\n          \u003ch3\u003eAprès l'été\u003c\/h3\u003e\n          \u003cp\u003ePoursuivez avec \u003cstrong\u003e3 tablettes par jour\u003c\/strong\u003e pour prolonger votre éclat naturel\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"uru-tip-box\"\u003e\n      \u003cspan class=\"uru-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Un flacon de 80 tablettes = environ 2 à 4 semaines de cure selon le dosage. Idéal pour une préparation complète !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"uru-section\"\u003e\n    \u003ch2\u003e👤 À qui s'adresse l'urucum ?\u003c\/h2\u003e\n    \u003cdiv class=\"uru-grid uru-grid-4\"\u003e\n      \u003cdiv class=\"uru-card uru-profile-card\"\u003e\n        \u003cspan class=\"uru-profile-icon\"\u003e🏖️\u003c\/span\u003e\n        \u003ch3\u003eVacanciers\u003c\/h3\u003e\n        \u003cp\u003ePréparez votre peau avant vos vacances au soleil\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"uru-card uru-profile-card\"\u003e\n        \u003cspan class=\"uru-profile-icon\"\u003e🌞\u003c\/span\u003e\n        \u003ch3\u003eAmateurs de teint hâlé\u003c\/h3\u003e\n        \u003cp\u003eUn bronzage lumineux et naturel sans chimie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"uru-card uru-profile-card\"\u003e\n        \u003cspan class=\"uru-profile-icon\"\u003e🧴\u003c\/span\u003e\n        \u003ch3\u003eAdeptes du naturel\u003c\/h3\u003e\n        \u003cp\u003eAlternative bio aux autobronzants classiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"uru-card uru-profile-card\"\u003e\n        \u003cspan class=\"uru-profile-icon\"\u003e💆\u003c\/span\u003e\n        \u003ch3\u003eRoutine beauté\u003c\/h3\u003e\n        \u003cp\u003eUn super-aliment pour sublimer votre peau\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- PRÉCAUTIONS --\u003e\n  \u003csection class=\"uru-section\"\u003e\n    \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"uru-warning-box\"\u003e\n      \u003cdiv class=\"uru-warning-grid\"\u003e\n        \u003cdiv class=\"uru-warning-item\"\u003e\n          \u003cspan\u003e📏\u003c\/span\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée (6 tablettes)\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"uru-warning-item\"\u003e\n          \u003cspan\u003e👶\u003c\/span\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"uru-warning-item\"\u003e\n          \u003cspan\u003e🥗\u003c\/span\u003e\n          \u003cp\u003eNe se substitue pas à une alimentation variée et équilibrée\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"uru-warning-item\"\u003e\n          \u003cspan\u003e🧴\u003c\/span\u003e\n          \u003cp\u003eNe remplace pas une protection solaire adaptée (crème, vêtements)\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"uru-warning-item\"\u003e\n          \u003cspan\u003e🤰\u003c\/span\u003e\n          \u003cp\u003eGrossesse, allaitement ou traitement : consultez un professionnel de santé\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"uru-warning-item\"\u003e\n          \u003cspan\u003e💧\u003c\/span\u003e\n          \u003cp\u003eAssociez à une bonne hydratation et une alimentation riche en fruits \u0026amp; légumes\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=\"uru-section\"\u003e\n    \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"uru-info-grid\"\u003e\n      \u003cdiv class=\"uru-info-item\"\u003e\n        \u003cspan class=\"uru-info-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"uru-info-value\"\u003e80 tablettes\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"uru-info-item\"\u003e\n        \u003cspan class=\"uru-info-label\"\u003eForme galénique\u003c\/span\u003e\n        \u003cspan class=\"uru-info-value\"\u003eTablettes à croquer ou avaler\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"uru-info-item\"\u003e\n        \u003cspan class=\"uru-info-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"uru-info-value\"\u003eAgriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"uru-info-item\"\u003e\n        \u003cspan class=\"uru-info-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"uru-info-value\"\u003eGuayapi (depuis 1990)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"uru-info-item\"\u003e\n        \u003cspan class=\"uru-info-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"uru-info-value\"\u003eAmazonie\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"uru-info-item\"\u003e\n        \u003cspan class=\"uru-info-label\"\u003eRégime\u003c\/span\u003e\n        \u003cspan class=\"uru-info-value\"\u003eVégétarien\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"uru-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"uru-cta-box\"\u003e\n      \u003cdiv class=\"uru-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"uru-cta-content\"\u003e\n        \u003cspan class=\"uru-cta-icon\"\u003e🌺\u003c\/span\u003e\n        \u003cp\u003eOffrez à votre peau la puissance ancestrale de l'Amazonie. Avec \u003cstrong\u003eUrucum Bio Guayapi\u003c\/strong\u003e, préparez naturellement votre peau au soleil et révélez un teint lumineux et éclatant, sans compromis sur la pureté.\u003c\/p\u003e\n        \u003cdiv class=\"uru-cta-badges\"\u003e\n          \u003cspan\u003e🌿 100% bio\u003c\/span\u003e\n          \u003cspan\u003e🇧🇷 Trésor amazonien\u003c\/span\u003e\n          \u003cspan\u003e✨ Éclat naturel\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\/* === VARIABLES CSS === *\/\n:root {\n  --uru-cream: #faf8f5;\n  --uru-white: #ffffff;\n  --uru-primary: #2D4A47;\n  --uru-primary-dark: #1e3532;\n  --uru-primary-light: #3d5f5b;\n  --uru-secondary: #E07850;\n  --uru-secondary-light: #f4a989;\n  --uru-accent: #C5D4A0;\n  --uru-accent-dark: #9eb872;\n  --uru-text: #1a1a1a;\n  --uru-text-light: #5a5a5a;\n  --uru-border: #e8e4df;\n  --uru-shadow: 0 4px 24px rgba(45, 74, 71, .08);\n  --uru-shadow-lg: 0 12px 48px rgba(45, 74, 71, .15);\n  --uru-radius: 20px;\n  --uru-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.uru-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--uru-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--uru-text);\n  line-height: 1.6;\n}\n\n.uru-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO SECTION === *\/\n.uru-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--uru-primary) 0%, var(--uru-primary-dark) 40%, #1a2d2b 100%);\n  border-radius: var(--uru-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(--uru-shadow-lg);\n}\n\n.uru-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 80%, var(--uru-secondary) 1px, transparent 1px),\n    radial-gradient(circle at 80% 20%, var(--uru-accent) 1px, transparent 1px),\n    radial-gradient(circle at 40% 40%, var(--uru-secondary) 0.5px, transparent 0.5px);\n  background-size: 60px 60px, 80px 80px, 40px 40px;\n  opacity: .15;\n}\n\n.uru-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.uru-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.uru-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(--uru-primary-dark);\n  box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n  transition: all .3s ease;\n}\n\n.uru-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 20px rgba(0, 0, 0, .15);\n}\n\n.uru-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.uru-subtitle {\n  color: var(--uru-accent);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.02em;\n}\n\n.uru-description {\n  color: rgba(255, 255, 255, .85);\n  font-size: clamp(14px, 2vw, 17px);\n  max-width: 600px;\n  margin: 0 auto 2rem auto;\n  line-height: 1.7;\n}\n\n.uru-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(2rem, 5vw, 4rem);\n  flex-wrap: wrap;\n}\n\n.uru-stat {\n  text-align: center;\n}\n\n.uru-stat-number {\n  display: block;\n  color: var(--uru-secondary);\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 900;\n  line-height: 1;\n}\n\n.uru-stat-label {\n  display: block;\n  color: rgba(255, 255, 255, .7);\n  font-size: 13px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.uru-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.uru-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--uru-primary-dark);\n  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.uru-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(--uru-secondary), var(--uru-accent));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.uru-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.uru-grid-4 {\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === CARDS === *\/\n.uru-card {\n  background: var(--uru-white);\n  border-radius: var(--uru-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--uru-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.uru-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--uru-shadow-lg);\n  border-color: var(--uru-secondary);\n}\n\n.uru-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--uru-primary-dark);\n  margin: 0 0 0.75rem 0;\n}\n\n.uru-card p {\n  font-size: 15px;\n  color: var(--uru-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === BENEFIT CARDS === *\/\n.uru-benefit-card {\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.uru-benefit-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(--uru-secondary), var(--uru-accent));\n}\n\n.uru-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n\/* === PROFILE CARDS === *\/\n.uru-profile-card {\n  text-align: center;\n  padding: clamp(1.25rem, 2.5vw, 1.75rem);\n}\n\n.uru-profile-icon {\n  font-size: 40px;\n  display: block;\n  margin-bottom: 0.75rem;\n}\n\n.uru-profile-card h3 {\n  font-size: 16px;\n  margin-bottom: 0.5rem;\n}\n\n.uru-profile-card p {\n  font-size: 14px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.uru-composition-box {\n  background: var(--uru-white);\n  border-radius: var(--uru-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--uru-shadow);\n}\n\n.uru-composition-main {\n  margin-bottom: 2rem;\n}\n\n.uru-ingredient-hero {\n  background: linear-gradient(135deg, var(--uru-primary) 0%, var(--uru-primary-light) 100%);\n  border-radius: var(--uru-radius-sm);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  margin-bottom: 1rem;\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-template-rows: auto auto;\n  gap: 0.5rem 1rem;\n  align-items: center;\n}\n\n.uru-ingredient-icon {\n  font-size: 48px;\n  grid-row: span 2;\n}\n\n.uru-ingredient-info {\n  display: flex;\n  align-items: baseline;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.uru-ingredient-name {\n  color: white;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 800;\n}\n\n.uru-ingredient-dose {\n  background: var(--uru-secondary);\n  color: white;\n  padding: 4px 12px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.uru-ingredient-desc {\n  grid-column: 2;\n  color: rgba(255, 255, 255, .85);\n  font-size: 14px;\n  margin: 0;\n  line-height: 1.6;\n}\n\n.uru-ingredient-secondary {\n  background: var(--uru-cream);\n  border-radius: var(--uru-radius-sm);\n  padding: 1rem 1.5rem;\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n\n.uru-ingredient-icon-sm {\n  font-size: 24px;\n}\n\n.uru-ingredient-name-sm {\n  font-weight: 700;\n  color: var(--uru-primary-dark);\n  margin-right: 0.5rem;\n}\n\n.uru-ingredient-dose-sm {\n  background: var(--uru-accent);\n  color: var(--uru-primary-dark);\n  padding: 2px 8px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  margin-right: 0.5rem;\n}\n\n.uru-ingredient-role {\n  color: var(--uru-text-light);\n  font-size: 13px;\n}\n\n.uru-purity-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n}\n\n.uru-purity-badge {\n  background: linear-gradient(135deg, var(--uru-accent) 0%, var(--uru-accent-dark) 100%);\n  color: var(--uru-primary-dark);\n  padding: 8px 16px;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n\/* === TIMELINE === *\/\n.uru-timeline {\n  max-width: 700px;\n  margin: 0 auto 2rem auto;\n}\n\n.uru-timeline-item {\n  display: flex;\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n  position: relative;\n}\n\n.uru-timeline-item:not(:last-child)::after {\n  content: '';\n  position: absolute;\n  left: 24px;\n  top: 60px;\n  bottom: -1.5rem;\n  width: 3px;\n  background: linear-gradient(180deg, var(--uru-secondary), var(--uru-accent));\n  border-radius: 2px;\n}\n\n.uru-timeline-number {\n  width: 50px;\n  height: 50px;\n  min-width: 50px;\n  background: linear-gradient(135deg, var(--uru-secondary) 0%, #c75f3a 100%);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 22px;\n  font-weight: 900;\n  box-shadow: 0 4px 15px rgba(224, 120, 80, .4);\n}\n\n.uru-timeline-content {\n  background: var(--uru-white);\n  border-radius: var(--uru-radius-sm);\n  padding: 1.25rem 1.5rem;\n  flex: 1;\n  box-shadow: var(--uru-shadow);\n}\n\n.uru-timeline-content h3 {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--uru-primary-dark);\n  margin: 0 0 0.5rem 0;\n}\n\n.uru-timeline-content p {\n  font-size: 15px;\n  color: var(--uru-text-light);\n  margin: 0;\n}\n\n.uru-timeline-content strong {\n  color: var(--uru-secondary);\n}\n\n\/* === TIP BOX === *\/\n.uru-tip-box {\n  background: linear-gradient(135deg, var(--uru-accent) 0%, #d8e4bb 100%);\n  border-radius: var(--uru-radius-sm);\n  padding: 1.25rem 1.5rem;\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.uru-tip-icon {\n  font-size: 24px;\n}\n\n.uru-tip-box p {\n  margin: 0;\n  font-size: 15px;\n  color: var(--uru-primary-dark);\n}\n\n\/* === WARNING BOX === *\/\n.uru-warning-box {\n  background: var(--uru-white);\n  border-radius: var(--uru-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  box-shadow: var(--uru-shadow);\n  border-left: 5px solid var(--uru-secondary);\n}\n\n.uru-warning-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1rem;\n}\n\n.uru-warning-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.75rem;\n  padding: 0.75rem;\n  background: var(--uru-cream);\n  border-radius: var(--uru-radius-sm);\n}\n\n.uru-warning-item span {\n  font-size: 20px;\n  line-height: 1;\n}\n\n.uru-warning-item p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--uru-text-light);\n}\n\n\/* === INFO GRID === *\/\n.uru-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1rem;\n}\n\n.uru-info-item {\n  background: var(--uru-white);\n  border-radius: var(--uru-radius-sm);\n  padding: 1.25rem;\n  text-align: center;\n  box-shadow: var(--uru-shadow);\n  transition: all .3s ease;\n}\n\n.uru-info-item:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--uru-shadow-lg);\n}\n\n.uru-info-label {\n  display: block;\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  color: var(--uru-text-light);\n  margin-bottom: 0.5rem;\n}\n\n.uru-info-value {\n  display: block;\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--uru-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.uru-cta-box {\n  background: linear-gradient(135deg, var(--uru-primary) 0%, var(--uru-primary-dark) 50%, #1a2d2b 100%);\n  border-radius: var(--uru-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--uru-shadow-lg);\n}\n\n.uru-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-image: radial-gradient(circle at 30% 70%, var(--uru-secondary) 1px, transparent 1px);\n  background-size: 40px 40px;\n  opacity: .1;\n}\n\n.uru-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.uru-cta-icon {\n  font-size: 56px;\n  display: block;\n  margin-bottom: 1.5rem;\n}\n\n.uru-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 500;\n  max-width: 700px;\n  margin: 0 auto 1.5rem auto;\n  text-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n}\n\n.uru-cta-box strong {\n  color: var(--uru-accent);\n}\n\n.uru-cta-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n}\n\n.uru-cta-badges span {\n  background: rgba(255, 255, 255, .15);\n  backdrop-filter: blur(10px);\n  color: white;\n  padding: 10px 20px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 700;\n  border: 1px solid rgba(255, 255, 255, .2);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .uru-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .uru-grid-4 {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .uru-hero-stats {\n    gap: 1.5rem;\n  }\n  \n  .uru-ingredient-hero {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n  \n  .uru-ingredient-icon {\n    grid-row: auto;\n  }\n  \n  .uru-ingredient-info {\n    justify-content: center;\n  }\n  \n  .uru-ingredient-desc {\n    grid-column: 1;\n  }\n  \n  .uru-timeline-item::after {\n    display: none;\n  }\n  \n  .uru-warning-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 480px) {\n  .uru-grid-4 {\n    grid-template-columns: 1fr;\n  }\n  \n  .uru-info-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .uru-card {\n    animation: uruFadeInUp .6s ease backwards;\n  }\n  \n  .uru-card:nth-child(1) { animation-delay: .1s; }\n  .uru-card:nth-child(2) { animation-delay: .2s; }\n  .uru-card:nth-child(3) { animation-delay: .3s; }\n  .uru-card:nth-child(4) { animation-delay: .4s; }\n  \n  .uru-timeline-item {\n    animation: uruFadeInUp .6s ease backwards;\n  }\n  \n  .uru-timeline-item:nth-child(1) { animation-delay: .15s; }\n  .uru-timeline-item:nth-child(2) { animation-delay: .3s; }\n  .uru-timeline-item:nth-child(3) { animation-delay: .45s; }\n}\n\n@keyframes uruFadeInUp {\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  .uru-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .uru-card {\n    border: 2px solid var(--uru-primary);\n  }\n  \n  .uru-text-light {\n    color: var(--uru-text);\n  }\n}\n\u003c\/style\u003e","brand":"Guayapi","offers":[{"title":"Default Title","offer_id":56129879703929,"sku":"GU0090","price":19.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/urucum-bio-antioxydant-80-tablettes-guayapi-packshothd.webp?v=1790613455"},{"product_id":"zinc-bisglycinate-vit-b6-60-gelules-sfb-laboratoires","title":"Zinc Bisglycinate + Vit. B6 - 60 gélules - SFB Laboratoires","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Zinc Bisglycinate + Vit. B6 - 60 gélules - SFB Laboratoires\nPalette détectée:\n  - Primaire: #8B6914 (doré\/or du packaging - bouchon et liserés)\n  - Secondaire: #5D4E37 (brun chocolat du bandeau central)\n  - Accent: #2E7D32 (vert du logo SFB)\n  - Cream: #F9F7F3 (blanc cassé élégant)\nAmbiance: Pharmaceutique premium, français, scientifique mais accessible, confiance et qualité\nPréfixe CSS: zb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Zinc Bisglycinate + Vitamine B6 : le duo synergique pour votre vitalité\"\n  2. \"Pourquoi choisir le bisglycinate de zinc plutôt qu'une autre forme ?\"\n  3. \"Les bienfaits reconnus du zinc bisglycinate et de la vitamine B6\"\n  4. \"Composition détaillée par gélule\"\n  5. \"Comment prendre ce complément de zinc bisglycinate ?\"\n  6. \"Le bisglycinate de zinc présente-t-il un danger ?\"\n  7. \"Ce que recherchent souvent les utilisateurs : nos réponses\"\n  8. \"Les garanties qualité de ce complément\"\n  9. \"À qui s'adresse ce complément ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"zb-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"zb-hero\"\u003e\n    \u003cdiv class=\"zb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"zb-hero-content\"\u003e\n      \u003cdiv class=\"zb-badges-top\"\u003e\n        \u003cspan class=\"zb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"zb-badge\"\u003e🌱 100% Vegan\u003c\/span\u003e\n        \u003cspan class=\"zb-badge\"\u003e⚡ 150% des VNR en zinc\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"zb-hero-title\"\u003eZinc Bisglycinate + Vitamine B6\u003c\/span\u003e\n      \u003cp class=\"zb-subtitle\"\u003eLe duo synergique haute absorption\u003c\/p\u003e\n      \u003cp class=\"zb-description\"\u003e15 mg de zinc bisglycinate hautement biodisponible associé à la vitamine B6 et E pour une action complète sur votre immunité, votre énergie et la protection de vos cellules.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"zb-section\"\u003e\n    \u003ch2\u003eZinc Bisglycinate + Vitamine B6 : le duo synergique pour votre vitalité\u003c\/h2\u003e\n    \u003cp class=\"zb-section-intro\"\u003eVous cherchez un complément en zinc bisglycinate vraiment efficace et bien toléré ? Cette formule des Laboratoires SFB associe \u003cstrong\u003e15 mg de zinc bisglycinate\u003c\/strong\u003e hautement biodisponible à la \u003cstrong\u003evitamine B6\u003c\/strong\u003e et à la \u003cstrong\u003evitamine E\u003c\/strong\u003e pour une action complète sur votre organisme.\u003c\/p\u003e\n    \u003cdiv class=\"zb-grid-compact\"\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n        \u003cp\u003eSoutien naturel de vos défenses\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e⚡ Anti-fatigue\u003c\/h3\u003e\n        \u003cp\u003eÉnergie retrouvée au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n        \u003cp\u003eConcentration et clarté mentale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e✨ Peau \u0026amp; cheveux\u003c\/h3\u003e\n        \u003cp\u003eBeauté de l'intérieur\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"zb-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le bisglycinate de zinc plutôt qu'une autre forme ?\u003c\/h2\u003e\n    \u003cp class=\"zb-section-intro\"\u003eToutes les formes de zinc ne se valent pas. Le bisglycinate de zinc présente deux avantages majeurs qui font la différence :\u003c\/p\u003e\n    \u003cdiv class=\"zb-grid\"\u003e\n      \u003cdiv class=\"zb-card zb-card-highlight\"\u003e\n        \u003ch3\u003e🎯 Biodisponibilité supérieure\u003c\/h3\u003e\n        \u003cp\u003eLe zinc est lié à deux molécules de glycine, un acide aminé qui facilite son absorption intestinale. Votre corps assimile ainsi une plus grande quantité de zinc par rapport aux formes classiques comme l'oxyde ou le sulfate.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card zb-card-highlight\"\u003e\n        \u003ch3\u003e🌿 Tolérance digestive optimale\u003c\/h3\u003e\n        \u003cp\u003eContrairement à d'autres formes qui peuvent provoquer des inconforts gastriques, le bisglycinate est doux pour l'estomac. Idéal même pour les systèmes digestifs sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"zb-tip\"\u003e\n      \u003cspan class=\"zb-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eZinc liposomal ou bisglycinate ?\u003c\/strong\u003e Les deux formes offrent une bonne absorption. Le bisglycinate reste cependant la référence la plus étudiée et la plus accessible pour une supplémentation quotidienne efficace.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"zb-section\"\u003e\n    \u003ch2\u003eLes bienfaits reconnus du zinc bisglycinate et de la vitamine B6\u003c\/h2\u003e\n    \u003cp class=\"zb-section-intro\"\u003eCette formule combine intelligemment trois nutriments aux actions complémentaires.\u003c\/p\u003e\n    \n    \u003cdiv class=\"zb-benefits-block\"\u003e\n      \u003ch3 class=\"zb-benefits-title\"\u003e⚡ Le zinc contribue à :\u003c\/h3\u003e\n      \u003cdiv class=\"zb-grid\"\u003e\n        \u003cdiv class=\"zb-card\"\u003e\n          \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n          \u003cp\u003eFonctionnement normal de votre première ligne de défense\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zb-card\"\u003e\n          \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n          \u003cp\u003eConcentration, mémoire et clarté mentale\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zb-card\"\u003e\n          \u003ch3\u003e🔬 Protection cellulaire\u003c\/h3\u003e\n          \u003cp\u003eAction antioxydante contre le stress oxydatif\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zb-card\"\u003e\n          \u003ch3\u003e🔄 Métabolisme\u003c\/h3\u003e\n          \u003cp\u003eMétabolisme normal des protéines, glucides et lipides\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zb-card\"\u003e\n          \u003ch3\u003e💪 Fertilité\u003c\/h3\u003e\n          \u003cp\u003eFertilité et reproduction normales\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zb-card\"\u003e\n          \u003ch3\u003e✨ Beauté\u003c\/h3\u003e\n          \u003cp\u003eMaintien d'une peau, d'ongles et de cheveux normaux\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"zb-grid\"\u003e\n      \u003cdiv class=\"zb-card zb-card-vitb6\"\u003e\n        \u003ch3\u003e🧬 La vitamine B6 contribue à\u003c\/h3\u003e\n        \u003cp\u003e• Fonctionnement normal du système nerveux\u003cbr\u003e• Réduction de la fatigue (idéal en période de surmenage)\u003cbr\u003e• Métabolisme énergétique normal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card zb-card-vite\"\u003e\n        \u003ch3\u003e🌟 La vitamine E apporte\u003c\/h3\u003e\n        \u003cp\u003eUne protection antioxydante supplémentaire pour vos cellules\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"zb-section\"\u003e\n    \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n    \u003cdiv class=\"zb-composition\"\u003e\n      \u003cdiv class=\"zb-composition-grid\"\u003e\n        \u003cdiv class=\"zb-compo-item\"\u003e\n          \u003cspan class=\"zb-compo-name\"\u003eZinc (bisglycinate)\u003c\/span\u003e\n          \u003cspan class=\"zb-compo-value\"\u003e15 mg\u003c\/span\u003e\n          \u003cspan class=\"zb-compo-vnr\"\u003e150% VNR\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zb-compo-item\"\u003e\n          \u003cspan class=\"zb-compo-name\"\u003eVitamine B6\u003c\/span\u003e\n          \u003cspan class=\"zb-compo-value\"\u003e2,016 mg\u003c\/span\u003e\n          \u003cspan class=\"zb-compo-vnr\"\u003e144% VNR\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zb-compo-item\"\u003e\n          \u003cspan class=\"zb-compo-name\"\u003eVitamine E\u003c\/span\u003e\n          \u003cspan class=\"zb-compo-value\"\u003e3,58 mg\u003c\/span\u003e\n          \u003cspan class=\"zb-compo-vnr\"\u003e29,9% VNR\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-accordion\"\u003e\n        \u003cdetails class=\"zb-accordion-item\"\u003e\n          \u003csummary class=\"zb-accordion-header\"\u003e📋 Liste complète des ingrédients\u003c\/summary\u003e\n          \u003cdiv class=\"zb-accordion-content\"\u003e\n            \u003cp\u003e• Cellulose : 203,8 mg\u003cbr\u003e• Zinc Bisglycinate poudre : 75 mg (titré à 20%)\u003cbr\u003e• Vitamine E : 10,7 mg (titré à 33,5%)\u003cbr\u003e• Stéarate de magnésium : 5 mg\u003cbr\u003e• Vitamine B6 : 2,5 mg\u003cbr\u003e• Tunique : Gélule végétale (convient aux végans)\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"zb-section\"\u003e\n    \u003ch2\u003eComment prendre ce complément de zinc bisglycinate ?\u003c\/h2\u003e\n    \u003cdiv class=\"zb-timeline\"\u003e\n      \u003cdiv class=\"zb-timeline-item\"\u003e\n        \u003cspan class=\"zb-timeline-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"zb-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-timeline-item\"\u003e\n        \u003cspan class=\"zb-timeline-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"zb-timeline-content\"\u003e\n          \u003ch3\u003eMoment optimal\u003c\/h3\u003e\n          \u003cp\u003eDe préférence \u003cstrong\u003eau cours d'un repas\u003c\/strong\u003e pour optimiser l'absorption\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-timeline-item\"\u003e\n        \u003cspan class=\"zb-timeline-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"zb-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e2 mois recommandés\u003c\/strong\u003e pour des résultats optimaux (60 gélules = 1 cure complète)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"zb-section\"\u003e\n    \u003ch2\u003eLe bisglycinate de zinc présente-t-il un danger ?\u003c\/h2\u003e\n    \u003cdiv class=\"zb-reassurance\"\u003e\n      \u003cp class=\"zb-reassurance-intro\"\u003eRassurez-vous : cette forme de zinc est \u003cstrong\u003eparticulièrement bien tolérée\u003c\/strong\u003e lorsqu'elle est prise dans le respect des dosages recommandés. Le dosage de 15 mg par gélule correspond à un apport adapté pour une supplémentation quotidienne.\u003c\/p\u003e\n      \u003cdiv class=\"zb-grid-compact\"\u003e\n        \u003cdiv class=\"zb-card\"\u003e\n          \u003ch3\u003e✅ Respectez la posologie\u003c\/h3\u003e\n          \u003cp\u003e1 gélule\/jour maximum\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zb-card\"\u003e\n          \u003ch3\u003e⚠️ Évitez les cumuls\u003c\/h3\u003e\n          \u003cp\u003ePas d'autres compléments de zinc\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zb-card\"\u003e\n          \u003ch3\u003e🤰 Grossesse\/allaitement\u003c\/h3\u003e\n          \u003cp\u003eConsultez un professionnel\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zb-card\"\u003e\n          \u003ch3\u003e👶 Enfants\u003c\/h3\u003e\n          \u003cp\u003eConserver hors de portée\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"zb-section\"\u003e\n    \u003ch2\u003eCe que recherchent souvent les utilisateurs : nos réponses\u003c\/h2\u003e\n    \u003cdiv class=\"zb-accordion\"\u003e\n      \u003cdetails class=\"zb-accordion-item\"\u003e\n        \u003csummary class=\"zb-accordion-header\"\u003e💊 Peut-on associer vitamine B6, zinc et magnésium ?\u003c\/summary\u003e\n        \u003cdiv class=\"zb-accordion-content\"\u003e\n          \u003cp\u003eOui, c'est même une combinaison classique appréciée des sportifs et des personnes fatiguées. Cette formule contient déjà du zinc et de la B6. Si vous souhaitez ajouter du magnésium, vous pouvez le faire en complément, en respectant les dosages de chaque nutriment.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"zb-accordion-item\"\u003e\n        \u003csummary class=\"zb-accordion-header\"\u003e⭐ Quels sont les avis sur le zinc bisglycinate ?\u003c\/summary\u003e\n        \u003cdiv class=\"zb-accordion-content\"\u003e\n          \u003cp\u003eLes avis sur le zinc bisglycinate sont généralement très positifs. Les utilisateurs apprécient particulièrement sa \u003cstrong\u003ebonne tolérance digestive\u003c\/strong\u003e et son \u003cstrong\u003eefficacité ressentie sur l'énergie et l'immunité\u003c\/strong\u003e, notamment lors des changements de saison.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #8 --\u003e\n  \u003csection class=\"zb-section\"\u003e\n    \u003ch2\u003eLes garanties qualité de ce complément\u003c\/h2\u003e\n    \u003cdiv class=\"zb-grid\"\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité et exigence de qualité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n        \u003cp\u003eGélules 100% végétales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n        \u003cp\u003eFormule naturelle et saine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-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=\"zb-card\"\u003e\n        \u003ch3\u003e🥛 Sans lactose\u003c\/h3\u003e\n        \u003cp\u003eDigestibilité optimale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e🍷 Sans alcool\u003c\/h3\u003e\n        \u003cp\u003eFormule pure\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #9 --\u003e\n  \u003csection class=\"zb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cp class=\"zb-section-intro\"\u003eCette formule Zinc + B6 convient particulièrement aux personnes :\u003c\/p\u003e\n    \u003cdiv class=\"zb-grid\"\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité fragile\u003c\/h3\u003e\n        \u003cp\u003eSouhaitant renforcer leurs défenses immunitaires naturellement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n        \u003cp\u003eRessentant un manque d'énergie au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e🔬 Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eCherchant à protéger leurs cellules du stress oxydatif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e💇 Beauté naturelle\u003c\/h3\u003e\n        \u003cp\u003eDésireuses d'améliorer la qualité de leur peau, cheveux et ongles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e🥗 Régime végé\u003c\/h3\u003e\n        \u003cp\u003eSuivant un régime végétarien ou végan, souvent pauvre en zinc biodisponible\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"zb-cta-box\"\u003e\n      \u003cp\u003e🌟 \u003cstrong\u003e60 gélules = 2 mois de cure complète\u003c\/strong\u003e\u003cbr\u003eVotre allié quotidien pour l'immunité, l'énergie et la vitalité\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cp class=\"zb-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute ou de traitement médical en cours, demandez conseil à votre médecin ou pharmacien avant toute supplémentation.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --zb-cream: #F9F7F3;\n  --zb-white: #ffffff;\n  --zb-primary: #8B6914;\n  --zb-primary-dark: #5D4A10;\n  --zb-primary-light: #F5F0E0;\n  --zb-secondary: #5D4E37;\n  --zb-accent: #2E7D32;\n  --zb-text: #1a1a1a;\n  --zb-text-light: #5a5a5a;\n  --zb-border: #e0e0e0;\n  --zb-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --zb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --zb-radius: 20px;\n  --zb-radius-sm: 12px;\n}\n\n.zb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--zb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.zb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8B6914 0%, #5D4E37 50%, #3D3225 100%);\n  border-radius: var(--zb-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(--zb-shadow-lg);\n}\n\n.zb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 50%, 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 60% 80%, rgba(255,255,255,.05) 0%, transparent 30%);\n  opacity: 1;\n}\n\n.zb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.zb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.zb-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(--zb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.zb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.zb-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.zb-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.zb-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.zb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.zb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--zb-secondary);\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.zb-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(--zb-primary), var(--zb-accent));\n  border-radius: 2px;\n}\n\n.zb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--zb-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.zb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.zb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.zb-card {\n  background: var(--zb-white);\n  border-radius: var(--zb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--zb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.zb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--zb-shadow-lg);\n  border-color: var(--zb-primary);\n}\n\n.zb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--zb-secondary);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.zb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--zb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.zb-card-highlight {\n  border-left: 4px solid var(--zb-primary);\n  text-align: left;\n}\n\n.zb-card-vitb6 {\n  border-left: 4px solid var(--zb-accent);\n  text-align: left;\n}\n\n.zb-card-vite {\n  border-left: 4px solid #E65100;\n  text-align: left;\n}\n\n.zb-grid-compact .zb-card {\n  padding: 1rem;\n}\n\n.zb-grid-compact .zb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.zb-grid-compact .zb-card p {\n  font-size: 12px;\n}\n\n\/* === BENEFITS BLOCK === *\/\n.zb-benefits-block {\n  margin-bottom: 1.5rem;\n}\n\n.zb-benefits-title {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--zb-secondary);\n  text-align: center;\n  margin-bottom: 1rem;\n}\n\n\/* === TIP BOX === *\/\n.zb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--zb-primary-light);\n  border-radius: var(--zb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.zb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.zb-tip p {\n  font-size: 14px;\n  color: var(--zb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.zb-composition {\n  background: var(--zb-white);\n  border-radius: var(--zb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--zb-shadow);\n}\n\n.zb-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.zb-compo-item {\n  text-align: center;\n  padding: 1rem;\n  background: var(--zb-primary-light);\n  border-radius: var(--zb-radius-sm);\n}\n\n.zb-compo-name {\n  display: block;\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--zb-secondary);\n  margin-bottom: .25rem;\n}\n\n.zb-compo-value {\n  display: block;\n  font-size: 24px;\n  font-weight: 900;\n  color: var(--zb-primary);\n  margin-bottom: .25rem;\n}\n\n.zb-compo-vnr {\n  display: inline-block;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--zb-white);\n  background: var(--zb-accent);\n  padding: 2px 8px;\n  border-radius: 999px;\n}\n\n\/* === TIMELINE === *\/\n.zb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.zb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.zb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--zb-primary), var(--zb-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.zb-timeline-content {\n  flex: 1;\n  background: var(--zb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--zb-radius-sm);\n  box-shadow: var(--zb-shadow);\n}\n\n.zb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--zb-secondary);\n  margin: 0 0 .25rem 0;\n}\n\n.zb-timeline-content p {\n  font-size: 14px;\n  color: var(--zb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === REASSURANCE === *\/\n.zb-reassurance {\n  background: var(--zb-white);\n  border-radius: var(--zb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--zb-shadow);\n}\n\n.zb-reassurance-intro {\n  text-align: center;\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--zb-text);\n  margin-bottom: 1.5rem;\n  line-height: 1.7;\n}\n\n\/* === ACCORDÉON === *\/\n.zb-accordion {\n  background: var(--zb-white);\n  border-radius: var(--zb-radius);\n  box-shadow: var(--zb-shadow);\n  overflow: hidden;\n}\n\n.zb-composition .zb-accordion {\n  box-shadow: none;\n  background: transparent;\n}\n\n.zb-accordion-item {\n  border-bottom: 1px solid var(--zb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.zb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.zb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--zb-secondary);\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.zb-accordion-header:hover {\n  background: var(--zb-primary-light);\n}\n\n.zb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.zb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--zb-primary);\n  transition: transform .2s ease;\n}\n\n.zb-accordion-item[open] .zb-accordion-header::after {\n  content: '−';\n}\n\n.zb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--zb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.zb-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.zb-cta-box {\n  background: linear-gradient(135deg, var(--zb-primary) 0%, var(--zb-secondary) 100%);\n  border-radius: var(--zb-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.zb-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.zb-disclaimer {\n  font-size: 12px;\n  color: var(--zb-text-light);\n  text-align: center;\n  margin-top: 1.5rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .zb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .zb-card {\n    padding: 1.125rem;\n  }\n  \n  .zb-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .zb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--zb-radius-sm);\n  }\n  \n  .zb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .zb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .zb-grid-compact {\n    gap: .625rem;\n  }\n  \n  .zb-grid-compact .zb-card {\n    padding: .75rem;\n  }\n  \n  .zb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .zb-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .zb-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .zb-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .zb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .zb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .zb-composition {\n    padding: 1.25rem;\n  }\n  \n  .zb-composition-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .zb-compo-value {\n    font-size: 20px;\n  }\n  \n  .zb-reassurance {\n    padding: 1.25rem;\n  }\n\n  .zb-card-highlight,\n  .zb-card-vitb6,\n  .zb-card-vite {\n    text-align: center;\n    border-left: none;\n    border-top: 4px solid var(--zb-primary);\n  }\n  \n  .zb-card-vitb6 {\n    border-top-color: var(--zb-accent);\n  }\n  \n  .zb-card-vite {\n    border-top-color: #E65100;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .zb-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .zb-card:nth-child(1) { animation-delay: .05s; }\n  .zb-card:nth-child(2) { animation-delay: .1s; }\n  .zb-card:nth-child(3) { animation-delay: .15s; }\n  .zb-card:nth-child(4) { animation-delay: .2s; }\n  .zb-card:nth-child(5) { animation-delay: .25s; }\n  .zb-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  .zb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":56554993320313,"sku":"SF0260","price":9.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/zinc-b6-60-gelules-SFB_11zon.jpg?v=1769342493"},{"product_id":"collagene-marin-et-vitamine-c-en-poudre-210g-superdiet","title":"Collagène Marin et Vitamine C en Poudre - 210g - Superdiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Collagène Marin 10g + Vitamine C Naturelle Superdiet\nPalette détectée:\n  - Primaire: #2A8B6E (vert profond du packaging, zone \"Formule complète\")\n  - Secondaire: #5BBFB5 (turquoise\/cyan de la zone centrale du pot)\n  - Accent: #A81D2B (rouge bordeaux du couvercle et logo Superdiet)\n  - Vert clair: #E8F5EE (fond clair naturel)\nAmbiance: Santé\/bien-être naturel, expertise scientifique française, formule premium avec collagène marin\nPréfixe CSS: cm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Collagène Marin 10g + Vitamine C Naturelle Superdiet : la formule complète pour votre peau, vos os et vos articulations\"\n  2. \"Pourquoi associer collagène marin et vitamine C ?\"\n  3. \"Une formule complète avec les collagènes Naticol® et Cartidyss®\"\n  4. \"Composition détaillée pour 1 dosette (10,5 g)\"\n  5. \"Comment prendre ce collagène marin en poudre ?\"\n  6. \"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🐟 Collagène marin 10 g\u003c\/span\u003e\n        \u003cspan class=\"cm-badge\"\u003e🍊 Vitamine C naturelle\u003c\/span\u003e\n        \u003cspan class=\"cm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cm-badge\"\u003e🧬 Types I, II \u0026amp; III\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cm-hero-title\"\u003eCollagène Marin \u0026amp; Vitamine C en Poudre\u003c\/span\u003e\n      \u003cp class=\"cm-subtitle\"\u003eSuperdiet — 210 g · 20 jours de cure\u003c\/p\u003e\n      \u003cp class=\"cm-description\"\u003eLa formule complète associant 3 types de collagène hydrolysé (Naticol® \u0026amp; Cartidyss®) et de la vitamine C naturelle d'acérola pour la peau, les os et les articulations.\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\u003eCollagène Marin 10g + Vitamine C Naturelle Superdiet : la formule complète pour votre peau, vos os et vos articulations\u003c\/h2\u003e\n    \u003cp class=\"cm-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecollagène marin en poudre\u003c\/strong\u003e vraiment dosé et associé à de la \u003cstrong\u003evitamine C naturelle\u003c\/strong\u003e ? Superdiet a conçu cette formule complète qui réunit \u003cstrong\u003etrois types de collagène (I, II et III)\u003c\/strong\u003e dans un seul produit.\u003c\/p\u003e\n    \u003cdiv class=\"cm-grid-compact\"\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e💪 10 g de collagène\u003c\/h3\u003e\n        \u003cp\u003eCollagène hydrolysé par dose pour une action globale et mesurable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🧬 3 types combinés\u003c\/h3\u003e\n        \u003cp\u003eTypes I, II et III pour la peau, les cartilages et les muscles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e😋 Goût neutre\u003c\/h3\u003e\n        \u003cp\u003eFacile à intégrer dans toutes vos boissons quotidiennes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e📅 20 jours de cure\u003c\/h3\u003e\n        \u003cp\u003ePot de 210 g contenant environ 20 dosettes de 10,5 g\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003ePourquoi associer collagène marin et vitamine C ?\u003c\/h2\u003e\n    \u003cdiv class=\"cm-two-col\"\u003e\n      \u003cdiv class=\"cm-col-text\"\u003e\n        \u003cp\u003eLe collagène est la protéine la plus abondante de notre corps. Avec l'âge ou une activité sportive intense, notre capital collagène diminue naturellement. Un apport complémentaire aide à soutenir la \u003cstrong\u003efermeté et l'élasticité de la peau\u003c\/strong\u003e, ainsi que le bon fonctionnement des \u003cstrong\u003eos et des cartilages\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003cp\u003eLa \u003cstrong\u003evitamine C contribue à la formation normale du collagène\u003c\/strong\u003e. Ici, elle provient d'\u003cstrong\u003eacérola\u003c\/strong\u003e, un fruit naturellement très riche en vitamine C. Cette synergie permet de favoriser une meilleure assimilation du collagène par votre organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-synergy-box\"\u003e\n        \u003cdiv class=\"cm-synergy-item\"\u003e\n          \u003cspan class=\"cm-synergy-icon\"\u003e🐟\u003c\/span\u003e\n          \u003cspan class=\"cm-synergy-label\"\u003eCollagène marin hydrolysé\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cm-synergy-plus\"\u003e+\u003c\/div\u003e\n        \u003cdiv class=\"cm-synergy-item\"\u003e\n          \u003cspan class=\"cm-synergy-icon\"\u003e🍒\u003c\/span\u003e\n          \u003cspan class=\"cm-synergy-label\"\u003eVitamine C d'acérola\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cm-synergy-equals\"\u003e=\u003c\/div\u003e\n        \u003cdiv class=\"cm-synergy-result\"\u003e\n          \u003cspan class=\"cm-synergy-icon\"\u003e✨\u003c\/span\u003e\n          \u003cspan class=\"cm-synergy-label\"\u003eAssimilation optimale\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eUne formule complète avec les collagènes Naticol® et Cartidyss®\u003c\/h2\u003e\n    \u003cdiv class=\"cm-grid\"\u003e\n      \u003cdiv class=\"cm-card cm-card-featured\"\u003e\n        \u003ch3\u003e🌊 Collagène Naticol® — Types I et III\u003c\/h3\u003e\n        \u003cp\u003eExtrait de peau de poisson, il améliore la \u003cstrong\u003efermeté et l'élasticité cutanée\u003c\/strong\u003e, réduit l'apparence des rides et rend le teint plus homogène et éclatant.\u003c\/p\u003e\n        \u003cdiv class=\"cm-card-tag\"\u003ePeau \u0026amp; éclat\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card cm-card-featured\"\u003e\n        \u003ch3\u003e🦴 Collagène Cartidyss® — Type II\u003c\/h3\u003e\n        \u003cp\u003eExtrait de cartilage de poisson, associé à la vitamine C naturelle d'acérola pour contribuer au fonctionnement normal des \u003cstrong\u003eos et des cartilages\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003cdiv class=\"cm-card-tag\"\u003eOs \u0026amp; articulations\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card cm-card-featured\"\u003e\n        \u003ch3\u003e⚡ Faible poids moléculaire (4000 Da)\u003c\/h3\u003e\n        \u003cp\u003eDes peptides de collagène à faible poids moléculaire pour une \u003cstrong\u003eassimilation optimale\u003c\/strong\u003e par votre corps. Chaque dosette apporte \u003cstrong\u003e9,76 g de protéines\u003c\/strong\u003e contribuant au maintien de la masse musculaire.\u003c\/p\u003e\n        \u003cdiv class=\"cm-card-tag\"\u003eAbsorption maximale\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 1 dosette (10,5 g)\u003c\/h2\u003e\n    \u003cdiv class=\"cm-composition\"\u003e\n      \u003cdiv class=\"cm-compo-row\"\u003e\n        \u003cspan class=\"cm-compo-label\"\u003eCollagène marin hydrolysé\u003c\/span\u003e\n        \u003cspan class=\"cm-compo-value\"\u003e10 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-compo-row cm-compo-sub\"\u003e\n        \u003cspan class=\"cm-compo-label\"\u003e↳ dont Collagène Naticol®\u003c\/span\u003e\n        \u003cspan class=\"cm-compo-value\"\u003e5 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-compo-row\"\u003e\n        \u003cspan class=\"cm-compo-label\"\u003eProtéines\u003c\/span\u003e\n        \u003cspan class=\"cm-compo-value\"\u003e9,76 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-compo-row\"\u003e\n        \u003cspan class=\"cm-compo-label\"\u003eJus concentré déshydraté d'acérola (\u003cem\u003eMalpighia glabra\u003c\/em\u003e L.)\u003c\/span\u003e\n        \u003cspan class=\"cm-compo-value\"\u003e455 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-compo-row cm-compo-sub\"\u003e\n        \u003cspan class=\"cm-compo-label\"\u003e↳ dont Vitamine C\u003c\/span\u003e\n        \u003cspan class=\"cm-compo-value\"\u003e12 mg \u003csmall\u003e(15 % VNR)\u003c\/small\u003e\u003c\/span\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\u003eIngrédients :\u003c\/strong\u003e Collagène marin hydrolysé extrait de peau (collagène type I et III) et cartilage (collagène type II) de \u003cstrong\u003epoisson\u003c\/strong\u003e, jus concentré déshydraté d'acérola titré en vitamine C. Collagène d'origine UE et acérola d'origine non UE.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eComment prendre ce collagène marin en poudre ?\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\u003eMesurez votre dose\u003c\/h3\u003e\n          \u003cp\u003ePesez \u003cstrong\u003e1 dosette de 10,5 g\u003c\/strong\u003e à l'aide de la cuillère fournie pour une meilleure précision.\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\u003eDissolvez dans votre boisson\u003c\/h3\u003e\n          \u003cp\u003eVersez la poudre dans un grand verre d'eau ou la boisson de votre choix. L'utilisation d'un \u003cstrong\u003eshaker\u003c\/strong\u003e facilite la dissolution.\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\u003eMélangez et dégustez\u003c\/h3\u003e\n          \u003cp\u003eMélangez jusqu'à obtention d'un rendu homogène. Son \u003cstrong\u003egoût neutre\u003c\/strong\u003e le rend très facile à consommer au quotidien.\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\u003eLe pot de 210 g contient environ \u003cstrong\u003e20 dosettes\u003c\/strong\u003e, soit 20 jours de cure. Convient aux adultes et adolescents à partir de 12 ans.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\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\"\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. Si vous êtes enceinte ou allaitante, demandez l'avis de votre médecin. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des jeunes enfants.\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🐟 Allergènes\u003c\/summary\u003e\n        \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eContient du poisson.\u003c\/strong\u003e Ce produit est formulé à partir de collagène marin extrait de peau et de cartilage de poisson.\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🏭 Fabrication et qualité\u003c\/summary\u003e\n        \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n          \u003cp\u003eLa teinte de la poudre peut varier d'un lot à l'autre sans incidence sur la qualité du produit. Fabriqué en France par \u003cstrong\u003eSuperdiet\u003c\/strong\u003e, laboratoire basé dans les Hauts-de-France avec plus de 60 ans d'expertise en compléments alimentaires.\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 et équilibrée ni à un mode de vie sain. *Efficacité prouvée : étude clinique réalisée sur 60 femmes âgées de 40 à 59 ans pendant 8 semaines à raison d'une prise de 5 g de Collagène Naticol® par jour.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cm-cream: #F4F9F6;\n  --cm-white: #ffffff;\n  --cm-primary: #2A8B6E;\n  --cm-primary-dark: #1A6B52;\n  --cm-primary-light: #E3F2EC;\n  --cm-secondary: #5BBFB5;\n  --cm-accent: #A81D2B;\n  --cm-text: #1a1a1a;\n  --cm-text-light: #5a5a5a;\n  --cm-border: #e0e0e0;\n  --cm-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --cm-shadow-lg: 0 12px 48px rgba(0,0,0,.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, #1A6B52 0%, #2A8B6E 40%, #5BBFB5 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 60%);\n  opacity: 1;\n}\n\n.cm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\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,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.cm-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto;\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  line-height: 1.3;\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.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: 680px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\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.cm-card-featured {\n  position: relative;\n  overflow: hidden;\n}\n\n.cm-card-tag {\n  display: inline-block;\n  margin-top: .75rem;\n  padding: 4px 12px;\n  background: var(--cm-primary-light);\n  color: var(--cm-primary-dark);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .02em;\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.cm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\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\/* === TWO COL LAYOUT === *\/\n.cm-two-col {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 2rem;\n  align-items: center;\n}\n\n.cm-col-text p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--cm-text-light);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.cm-col-text p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === SYNERGY BOX === *\/\n.cm-synergy-box {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--cm-shadow);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: .75rem;\n  text-align: center;\n}\n\n.cm-synergy-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: .35rem;\n}\n\n.cm-synergy-icon {\n  font-size: 32px;\n}\n\n.cm-synergy-label {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--cm-primary-dark);\n}\n\n.cm-synergy-plus,\n.cm-synergy-equals {\n  font-size: 24px;\n  font-weight: 900;\n  color: var(--cm-secondary);\n}\n\n.cm-synergy-result {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: .35rem;\n  padding: .75rem 1.5rem;\n  background: linear-gradient(135deg, var(--cm-primary-light), #d4f0e5);\n  border-radius: var(--cm-radius-sm);\n}\n\n.cm-synergy-result .cm-synergy-label {\n  color: var(--cm-primary);\n  font-weight: 800;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.cm-composition {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  box-shadow: var(--cm-shadow);\n  overflow: hidden;\n}\n\n.cm-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(--cm-border);\n  transition: background .2s ease;\n}\n\n.cm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.cm-compo-row:hover {\n  background: var(--cm-primary-light);\n}\n\n.cm-compo-sub {\n  background: #fafffe;\n  padding-left: 2.5rem;\n}\n\n.cm-compo-label {\n  font-size: clamp(13px, 2.2vw, 15px);\n  color: var(--cm-text);\n  font-weight: 600;\n}\n\n.cm-compo-sub .cm-compo-label {\n  font-weight: 500;\n  color: var(--cm-text-light);\n}\n\n.cm-compo-value {\n  font-size: clamp(14px, 2.5vw, 16px);\n  font-weight: 800;\n  color: var(--cm-primary-dark);\n  white-space: nowrap;\n}\n\n.cm-compo-value small {\n  font-weight: 500;\n  color: var(--cm-text-light);\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\/* === TESTIMONIAL === *\/\n.cm-testimonial {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cm-shadow);\n  border-left: 4px solid var(--cm-primary);\n}\n\n.cm-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cm-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\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  line-height: 1.6;\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-two-col {\n    grid-template-columns: 1fr;\n    gap: 1.25rem;\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  .cm-testimonial {\n    padding: 1.25rem;\n  }\n\n  .cm-testimonial-text {\n    font-size: 14px;\n  }\n\n  .cm-compo-row {\n    padding: .875rem 1rem;\n  }\n\n  .cm-compo-sub {\n    padding-left: 1.75rem;\n  }\n\n  .cm-compo-label {\n    font-size: 13px;\n  }\n\n  .cm-compo-value {\n    font-size: 13px;\n  }\n\n  .cm-synergy-icon {\n    font-size: 26px;\n  }\n\n  .cm-synergy-label {\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  .cm-timeline-item {\n    animation: cmFadeInUp .5s ease backwards;\n  }\n  .cm-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .cm-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .cm-timeline-item:nth-child(3) { animation-delay: .25s; }\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":"SUPERDIET","offers":[{"title":"Default Title","offer_id":56717250134393,"sku":"NBAISUP0010","price":41.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene-marin-et-vitamine-c-en-poudre-210g-superdiet-lifestyle_0ba2ca36-8920-4a97-a44c-49ce15bc1948.webp?v=1771923042"},{"product_id":"collagene-marin-beaute-de-la-peau-10g-superdiet","title":"Collagène Marin Beauté de la Peau - 210g - Superdiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Collagène Marin Beauté de la Peau - 10g - Superdiet\nPalette détectée:\n  - Primaire: #2A8B6E (vert émeraude\/nature du packaging Superdiet)\n  - Secondaire: #5BBFB5 (turquoise clair, rappel marin)\n  - Accent: #A81D2B (rouge Superdiet\/acérola)\nAmbiance: Naturel\/santé, marin, clean, premium bien-être\nPréfixe CSS: cm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Collagène Marin 10g + Vitamine C Naturelle Superdiet : peau, os et articulations\"\n  2. \"Pourquoi associer collagène marin et vitamine C ?\"\n  3. \"Collagènes brevetés Naticol® et Cartidyss®\"\n  4. \"Composition pour 1 dosette (10,5 g)\"\n  5. \"Comment prendre ce collagène marin en poudre ?\"\n  6. \"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🐟 Collagène marin 10 g\u003c\/span\u003e\n        \u003cspan class=\"cm-badge\"\u003e🍊 Vitamine C naturelle\u003c\/span\u003e\n        \u003cspan class=\"cm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cm-badge\"\u003e🧬 Types I, II \u0026amp; III\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cm-hero-title\"\u003eCollagène Marin Beauté de la Peau\u003c\/span\u003e\n      \u003cp class=\"cm-subtitle\"\u003eSuperdiet — 210 g · 20 jours de cure\u003c\/p\u003e\n      \u003cp class=\"cm-description\"\u003eFormule complète associant 3 types de collagène marin hydrolysé (Naticol® \u0026amp; Cartidyss®) et vitamine C naturelle d'acérola pour la peau, les os et les articulations.\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\u003eCollagène Marin 10g + Vitamine C Naturelle Superdiet : peau, os et articulations\u003c\/h2\u003e\n    \u003cp class=\"cm-section-intro\"\u003eCe \u003cstrong\u003ecollagène marin en poudre\u003c\/strong\u003e hautement dosé réunit \u003cstrong\u003etrois types de collagène (I, II et III)\u003c\/strong\u003e enrichis en \u003cstrong\u003evitamine C naturelle\u003c\/strong\u003e pour des \u003cstrong\u003ebienfaits\u003c\/strong\u003e complets sur la peau, les os et les articulations.\u003c\/p\u003e\n    \u003cdiv class=\"cm-grid-compact\"\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e💪 10 g de collagène\u003c\/h3\u003e\n        \u003cp\u003eDosage optimal pour la fermeté cutanée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🧬 3 types combinés\u003c\/h3\u003e\n        \u003cp\u003eTypes I, II et III : peau, cartilages, tissus conjonctifs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e😋 Goût neutre\u003c\/h3\u003e\n        \u003cp\u003eSe mélange facilement dans toutes vos boissons\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e📅 20 jours de cure\u003c\/h3\u003e\n        \u003cp\u003ePot de 210 g, environ 20 dosettes de 10,5 g\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003ePourquoi associer collagène marin et vitamine C ?\u003c\/h2\u003e\n    \u003cdiv class=\"cm-two-col\"\u003e\n      \u003cdiv class=\"cm-col-text\"\u003e\n        \u003cp\u003eDès 25 ans, la production naturelle de collagène diminue, entraînant une perte de \u003cstrong\u003efermeté de la peau\u003c\/strong\u003e et un inconfort articulaire. Le \u003cstrong\u003ecollagène marin\u003c\/strong\u003e compense cette baisse grâce à des peptides hautement assimilables.\u003c\/p\u003e\n        \u003cp\u003eLa \u003cstrong\u003evitamine C contribue à la formation normale du collagène\u003c\/strong\u003e (EFSA). Ici, elle provient d'\u003cstrong\u003eacérola\u003c\/strong\u003e, 30 fois plus riche en vitamine C que l'orange.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-synergy-box\"\u003e\n        \u003cdiv class=\"cm-synergy-item\"\u003e\n          \u003cspan class=\"cm-synergy-icon\"\u003e🐟\u003c\/span\u003e\n          \u003cspan class=\"cm-synergy-label\"\u003eCollagène marin hydrolysé\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cm-synergy-plus\"\u003e+\u003c\/div\u003e\n        \u003cdiv class=\"cm-synergy-item\"\u003e\n          \u003cspan class=\"cm-synergy-icon\"\u003e🍒\u003c\/span\u003e\n          \u003cspan class=\"cm-synergy-label\"\u003eVitamine C d'acérola\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cm-synergy-equals\"\u003e=\u003c\/div\u003e\n        \u003cdiv class=\"cm-synergy-result\"\u003e\n          \u003cspan class=\"cm-synergy-icon\"\u003e✨\u003c\/span\u003e\n          \u003cspan class=\"cm-synergy-label\"\u003eAssimilation optimale\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eCollagènes brevetés Naticol® et Cartidyss®\u003c\/h2\u003e\n    \u003cdiv class=\"cm-grid\"\u003e\n      \u003cdiv class=\"cm-card cm-card-featured\"\u003e\n        \u003ch3\u003e🌊 Naticol® — Types I et III\u003c\/h3\u003e\n        \u003cp\u003eExtrait de peau de poisson, ce collagène breveté améliore la fermeté cutanée et réduit l'apparence des rides.\u003c\/p\u003e\n        \u003cdiv class=\"cm-card-tag\"\u003ePeau \u0026amp; éclat\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card cm-card-featured\"\u003e\n        \u003ch3\u003e🦴 Cartidyss® — Type II\u003c\/h3\u003e\n        \u003cp\u003eExtrait de cartilage de poisson, il cible le confort articulaire et la solidité osseuse.\u003c\/p\u003e\n        \u003cdiv class=\"cm-card-tag\"\u003eOs \u0026amp; articulations\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card cm-card-featured\"\u003e\n        \u003ch3\u003e⚡ Poids moléculaire bas (4000 Da)\u003c\/h3\u003e\n        \u003cp\u003ePeptides à \u003cstrong\u003efaible poids moléculaire\u003c\/strong\u003e pour une biodisponibilité maximale. \u003cstrong\u003e9,76 g de protéines\u003c\/strong\u003e par dosette.\u003c\/p\u003e\n        \u003cdiv class=\"cm-card-tag\"\u003eAbsorption maximale\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eComposition pour 1 dosette (10,5 g)\u003c\/h2\u003e\n    \u003cdiv class=\"cm-composition\"\u003e\n      \u003cdiv class=\"cm-compo-row\"\u003e\n        \u003cspan class=\"cm-compo-label\"\u003eCollagène marin hydrolysé\u003c\/span\u003e\n        \u003cspan class=\"cm-compo-value\"\u003e10 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-compo-row cm-compo-sub\"\u003e\n        \u003cspan class=\"cm-compo-label\"\u003e↳ dont Collagène Naticol®\u003c\/span\u003e\n        \u003cspan class=\"cm-compo-value\"\u003e5 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-compo-row\"\u003e\n        \u003cspan class=\"cm-compo-label\"\u003eProtéines\u003c\/span\u003e\n        \u003cspan class=\"cm-compo-value\"\u003e9,76 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-compo-row\"\u003e\n        \u003cspan class=\"cm-compo-label\"\u003eJus concentré déshydraté d'acérola (\u003cem\u003eMalpighia glabra\u003c\/em\u003e L.)\u003c\/span\u003e\n        \u003cspan class=\"cm-compo-value\"\u003e455 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-compo-row cm-compo-sub\"\u003e\n        \u003cspan class=\"cm-compo-label\"\u003e↳ dont Vitamine C\u003c\/span\u003e\n        \u003cspan class=\"cm-compo-value\"\u003e12 mg \u003csmall\u003e(15 % VNR)\u003c\/small\u003e\u003c\/span\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\u003eIngrédients :\u003c\/strong\u003e Collagène marin hydrolysé extrait de peau (types I et III) et cartilage (type II) de \u003cstrong\u003epoisson\u003c\/strong\u003e, jus concentré déshydraté d'acérola titré en vitamine C. Origine : collagène UE, acérola non UE.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eComment prendre ce collagène marin en poudre ?\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\u003eMesurez votre dose\u003c\/h3\u003e\n          \u003cp\u003ePrélevez \u003cstrong\u003e1 dosette de 10,5 g\u003c\/strong\u003e avec la cuillère doseuse fournie.\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\u003eDissolvez dans votre boisson\u003c\/h3\u003e\n          \u003cp\u003eVersez la poudre dans un verre d'eau, jus ou smoothie et mélangez bien.\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\u003eDégustez chaque matin\u003c\/h3\u003e\n          \u003cp\u003eDe préférence à jeun. \u003cstrong\u003eGoût neutre\u003c\/strong\u003e, agréable au quotidien.\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\u003e20 jours de cure\u003c\/strong\u003e par pot. Renouvelez sur 2 à 3 mois pour des résultats durables. Convient aux adultes et adolescents dès 12 ans.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\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\"\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. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. Ne se substitue pas à une alimentation variée et équilibrée. Tenir hors de portée des jeunes enfants.\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🐟 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, ne consommez pas ce produit.\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🏭 Fabrication et qualité\u003c\/summary\u003e\n        \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n          \u003cp\u003eFabriqué en France par \u003cstrong\u003eSuperdiet\u003c\/strong\u003e, laboratoire des Hauts-de-France, plus de 60 ans d'expertise en compléments alimentaires naturels.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cm-disclaimer\"\u003eCe complément alimentaire ne remplace pas un traitement médical. Consultez votre professionnel de santé en cas de doute.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cm-cream: #F4F9F6;\n  --cm-white: #ffffff;\n  --cm-primary: #2A8B6E;\n  --cm-primary-dark: #1A6B52;\n  --cm-primary-light: #E3F2EC;\n  --cm-secondary: #5BBFB5;\n  --cm-accent: #A81D2B;\n  --cm-text: #1a1a1a;\n  --cm-text-light: #5a5a5a;\n  --cm-border: #e0e0e0;\n  --cm-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --cm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --cm-radius: 20px;\n  --cm-radius-sm: 12px;\n}\n\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.cm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1A6B52 0%, #2A8B6E 40%, #5BBFB5 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 60%);\n}\n\n.cm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\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,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.cm-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto;\n}\n\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.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  line-height: 1.3;\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.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: 680px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\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.cm-card-featured {\n  position: relative;\n  overflow: hidden;\n}\n\n.cm-card-tag {\n  display: inline-block;\n  margin-top: .75rem;\n  padding: 4px 12px;\n  background: var(--cm-primary-light);\n  color: var(--cm-primary-dark);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .02em;\n}\n\n.cm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\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.cm-two-col {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 2rem;\n  align-items: center;\n}\n\n.cm-col-text p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--cm-text-light);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.cm-col-text p:last-child {\n  margin-bottom: 0;\n}\n\n.cm-synergy-box {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--cm-shadow);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: .75rem;\n  text-align: center;\n}\n\n.cm-synergy-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: .35rem;\n}\n\n.cm-synergy-icon {\n  font-size: 32px;\n}\n\n.cm-synergy-label {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--cm-primary-dark);\n}\n\n.cm-synergy-plus,\n.cm-synergy-equals {\n  font-size: 24px;\n  font-weight: 900;\n  color: var(--cm-secondary);\n}\n\n.cm-synergy-result {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: .35rem;\n  padding: .75rem 1.5rem;\n  background: linear-gradient(135deg, var(--cm-primary-light), #d4f0e5);\n  border-radius: var(--cm-radius-sm);\n}\n\n.cm-synergy-result .cm-synergy-label {\n  color: var(--cm-primary);\n  font-weight: 800;\n}\n\n.cm-composition {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  box-shadow: var(--cm-shadow);\n  overflow: hidden;\n}\n\n.cm-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(--cm-border);\n  transition: background .2s ease;\n}\n\n.cm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.cm-compo-row:hover {\n  background: var(--cm-primary-light);\n}\n\n.cm-compo-sub {\n  background: #fafffe;\n  padding-left: 2.5rem;\n}\n\n.cm-compo-label {\n  font-size: clamp(13px, 2.2vw, 15px);\n  color: var(--cm-text);\n  font-weight: 600;\n}\n\n.cm-compo-sub .cm-compo-label {\n  font-weight: 500;\n  color: var(--cm-text-light);\n}\n\n.cm-compo-value {\n  font-size: clamp(14px, 2.5vw, 16px);\n  font-weight: 800;\n  color: var(--cm-primary-dark);\n  white-space: nowrap;\n}\n\n.cm-compo-value small {\n  font-weight: 500;\n  color: var(--cm-text-light);\n  font-size: 12px;\n}\n\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.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.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.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  line-height: 1.6;\n}\n\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-two-col {\n    grid-template-columns: 1fr;\n    gap: 1.25rem;\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  .cm-compo-row {\n    padding: .875rem 1rem;\n  }\n\n  .cm-compo-sub {\n    padding-left: 1.75rem;\n  }\n\n  .cm-compo-label {\n    font-size: 13px;\n  }\n\n  .cm-compo-value {\n    font-size: 13px;\n  }\n\n  .cm-synergy-icon {\n    font-size: 26px;\n  }\n\n  .cm-synergy-label {\n    font-size: 13px;\n  }\n}\n\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  .cm-timeline-item {\n    animation: cmFadeInUp .5s ease backwards;\n  }\n  .cm-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .cm-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .cm-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes cmFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\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":"SUPERDIET","offers":[{"title":"Default Title","offer_id":56721876812153,"sku":"NBAISUP0050","price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene-marin-beaute-de-la-peau-10g-superdiet-lifestyle_ba79b8e8-01cd-4993-9afe-7e1a0de49b3a.webp?v=1771923936"},{"product_id":"collagene-marin-et-acerola-180-comprimes-superdiet","title":"Collagène Marin et Acérola - 180 comprimés - Superdiet","description":"\u003cdiv class=\"cm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cm-hero\"\u003e\n\u003cdiv class=\"cm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cm-hero-content\"\u003e\n\u003cdiv class=\"cm-badges-top\"\u003e\n\u003cspan class=\"cm-badge\"\u003e🐟 CAollagène marin hydrolysé\u003c\/span\u003e \u003cspan class=\"cm-badge\"\u003e🍒 Acérola - Vitamine C naturelle\u003c\/span\u003e \u003cspan class=\"cm-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"cm-badge\"\u003e🧬 Types I \u0026amp; III\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cm-hero-title\"\u003eCollagène Marin + Acérola\u003c\/span\u003e\n\u003cp class=\"cm-subtitle\"\u003eSuperdiet - 180 comprimés · 30 jours de cure\u003c\/p\u003e\n\u003cp class=\"cm-description\"\u003eCollagène marin hydrolysé de types I et III à faible poids moléculaire (2 000 Da) enrichi en vitamine C naturelle d'acérola. Une formule hautement assimilable pour soutenir votre peau, vos os et vos articulations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003eCollagène marin et acérola Superdiet : pourquoi cette association ?\u003c\/h2\u003e\n\u003cp class=\"cm-section-intro\"\u003eDès 25 ans, la production naturelle de collagène diminue, entraînant perte de fermeté cutanée et raideurs articulaires. Le \u003cstrong\u003ecollagène marin\u003c\/strong\u003e compense ce déclin grâce à des peptides proches de notre propre collagène, tandis que la \u003cstrong\u003evitamine C d'acérola contribue à la formation normale du collagène\u003c\/strong\u003e dans l'organisme (allégation EFSA). Un duo complémentaire où chaque actif renforce l'autre.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003eLes bienfaits du collagène marin en comprimés\u003c\/h2\u003e\n\u003cdiv class=\"cm-grid-compact\"\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e✨ Fermeté de la peau\u003c\/h3\u003e\n\u003cp\u003eLes peptides de types I et III soutiennent l'élasticité cutanée et aident à réduire l'apparence des rides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🦴 Solidité osseuse\u003c\/h3\u003e\n\u003cp\u003eLe collagène constitue environ 90 % de la matrice organique de l'os, un pilier pour sa résistance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🏃 Confort articulaire\u003c\/h3\u003e\n\u003cp\u003eDes articulations mieux soutenues pour rester actif, sportif ou sédentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e⚡ Absorption optimale\u003c\/h3\u003e\n\u003cp\u003eUn poids moléculaire de 2 000 Da pour une biodisponibilité remarquable.\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\u003eCollagène marin et dangers ?\u003c\/strong\u003e À dose recommandée, aucun effet indésirable notable n'est signalé. En cas d'allergie au poisson, consultez votre médecin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003eComposition pour 6 comprimés (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"cm-composition\"\u003e\n\u003cdiv class=\"cm-compo-row\"\u003e\n\u003cspan class=\"cm-compo-label\"\u003eCollagène marin hydrolysé (types I \u0026amp; III)\u003c\/span\u003e \u003cspan class=\"cm-compo-value\"\u003e2 700 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-compo-row\"\u003e\n\u003cspan class=\"cm-compo-label\"\u003eExtrait d'acérola (\u003cem\u003eMalpighia glabra\u003c\/em\u003e L.)\u003c\/span\u003e \u003cspan class=\"cm-compo-value\"\u003edosé en vitamine C\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-compo-row cm-compo-sub\"\u003e\n\u003cspan class=\"cm-compo-label\"\u003e↳ dont Vitamine C\u003c\/span\u003e \u003cspan class=\"cm-compo-value\"\u003e12 mg \u003csmall\u003e(15 % VNR)\u003c\/small\u003e\u003c\/span\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\u003eIngrédients :\u003c\/strong\u003e Collagène marin hydrolysé (peau de \u003cstrong\u003epoisson\u003c\/strong\u003e), agents de charge : cellulose microcristalline et phosphate dicalcique, extrait d'acérola titré en vitamine C, anti-agglomérant : stéarate de magnésium. \u003cstrong\u003eContient du poisson.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003eComment prendre ce collagène marin ?\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\u003eDose quotidienne\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e6 comprimés par jour\u003c\/strong\u003e avec un grand verre d'eau, au cours d'un repas.\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\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003e180 comprimés = \u003cstrong\u003e30 jours\u003c\/strong\u003e. Pour des résultats durables, renouvelez sur 2 à 3 mois.\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\u003eLe bon moment\u003c\/h3\u003e\n\u003cp\u003eMatin ou soir, l'essentiel est la régularité. Intégrez la prise à votre routine quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003ePourquoi choisir Superdiet ?\u003c\/h2\u003e\n\u003cdiv class=\"cm-grid\"\u003e\n\u003cdiv class=\"cm-card cm-card-featured\"\u003e\n\u003ch3\u003e🏭 60 ans d'expertise française\u003c\/h3\u003e\n\u003cp\u003eLaboratoire des Hauts-de-France, Superdiet maîtrise toute la chaîne de fabrication.\u003c\/p\u003e\n\u003cdiv class=\"cm-card-tag\"\u003eSavoir-faire français\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card cm-card-featured\"\u003e\n\u003ch3\u003e🔬 2 000 Da : absorption maximale\u003c\/h3\u003e\n\u003cp\u003eDes peptides à très faible poids moléculaire, facilement absorbés par l'organisme.\u003c\/p\u003e\n\u003cdiv class=\"cm-card-tag\"\u003eHaute biodisponibilité\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card cm-card-featured\"\u003e\n\u003ch3\u003e🍒 Vitamine C naturelle\u003c\/h3\u003e\n\u003cp\u003eL'acérola apporte une vitamine C naturelle, mieux reconnue par le corps.\u003c\/p\u003e\n\u003cdiv class=\"cm-card-tag\"\u003e100 % naturelle\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\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\"\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 6 comprimés par jour. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. Ne se substitue pas à une alimentation variée et équilibrée. Tenir hors de portée des enfants.\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🐟 Allergènes\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eContient du poisson.\u003c\/strong\u003e Ne consommez pas ce produit en cas d'allergie aux produits de la mer.\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📦 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Refermez bien après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cm-disclaimer\"\u003eCe complément alimentaire ne remplace pas un traitement médical. Consultez 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  --cm-cream: #F4F9F6;\n  --cm-white: #ffffff;\n  --cm-primary: #2A8B6E;\n  --cm-primary-dark: #1A6B52;\n  --cm-primary-light: #E3F2EC;\n  --cm-secondary: #5BBFB5;\n  --cm-accent: #A81D2B;\n  --cm-text: #1a1a1a;\n  --cm-text-light: #5a5a5a;\n  --cm-border: #e0e0e0;\n  --cm-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --cm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --cm-radius: 20px;\n  --cm-radius-sm: 12px;\n}\n\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) 40%, 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 15% 85%, rgba(255,255,255,.1) 0%, transparent 50%),\n                    radial-gradient(circle at 85% 15%, rgba(255,255,255,.07) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 60%),\n                    radial-gradient(circle at 70% 70%, rgba(91,191,181,.15) 0%, transparent 40%);\n}\n\n.cm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\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,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.cm-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto;\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  line-height: 1.3;\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.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: 680px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\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.cm-card-featured {\n  position: relative;\n  overflow: hidden;\n}\n\n.cm-card-featured::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cm-primary), var(--cm-secondary));\n}\n\n.cm-card-tag {\n  display: inline-block;\n  margin-top: .75rem;\n  padding: 4px 12px;\n  background: var(--cm-primary-light);\n  color: var(--cm-primary-dark);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .02em;\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.cm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\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\/* === COMPOSITION TABLE === *\/\n.cm-composition {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  box-shadow: var(--cm-shadow);\n  overflow: hidden;\n}\n\n.cm-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(--cm-border);\n  transition: background .2s ease;\n}\n\n.cm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.cm-compo-row:hover {\n  background: var(--cm-primary-light);\n}\n\n.cm-compo-sub {\n  background: #fafffe;\n  padding-left: 2.5rem;\n}\n\n.cm-compo-label {\n  font-size: clamp(13px, 2.2vw, 15px);\n  color: var(--cm-text);\n  font-weight: 600;\n}\n\n.cm-compo-sub .cm-compo-label {\n  font-weight: 500;\n  color: var(--cm-text-light);\n}\n\n.cm-compo-value {\n  font-size: clamp(14px, 2.5vw, 16px);\n  font-weight: 800;\n  color: var(--cm-primary-dark);\n  white-space: nowrap;\n}\n\n.cm-compo-value small {\n  font-weight: 500;\n  color: var(--cm-text-light);\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  box-shadow: 0 4px 12px rgba(42,139,110,.3);\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  line-height: 1.6;\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  .cm-compo-row {\n    padding: .875rem 1rem;\n    flex-wrap: wrap;\n    gap: .25rem;\n  }\n\n  .cm-compo-sub {\n    padding-left: 1.75rem;\n  }\n\n  .cm-compo-label {\n    font-size: 13px;\n  }\n\n  .cm-compo-value {\n    font-size: 13px;\n  }\n\n  .cm-tip {\n    padding: .875rem 1rem;\n  }\n\n  .cm-tip-icon {\n    font-size: 20px;\n  }\n\n  .cm-tip p {\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\n  .cm-timeline-item {\n    animation: cmFadeInUp .5s ease backwards;\n  }\n  .cm-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .cm-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .cm-timeline-item:nth-child(3) { animation-delay: .25s; }\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":"SUPERDIET","offers":[{"title":"Default Title","offer_id":56722637193593,"sku":"NBAISUP0009","price":19.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene-marin-et-acerola-180-comprimes-superdiet-lifestyle_4b1ee04f-5915-40db-92bf-262309ee9499.webp?v=1771928623"},{"product_id":"collagene-marin-30-doses-humble","title":"Collagène Marin - 30 doses - Humble+","description":"\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🐟 Collagène marin pur\u003c\/span\u003e\n        \u003cspan class=\"cm-badge\"\u003e📦 30 sachets individuels\u003c\/span\u003e\n        \u003cspan class=\"cm-badge\"\u003e⚡ 5 g par dose\u003c\/span\u003e\n        \u003cspan class=\"cm-badge\"\u003e📺 Vu à la TV\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cm-hero-title\"\u003eCollagène Marin Humble+\u003c\/span\u003e\n      \u003cp class=\"cm-subtitle\"\u003eLook Good, Feel Good\u003c\/p\u003e\n      \u003cp class=\"cm-description\"\u003e30 sachets individuels de peptides de collagène marin hydrolysé pour une peau ferme, des articulations souples et des cheveux éclatants. Votre rituel beauté \u0026amp; bien-être, partout avec vous.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eCollagène Marin en sachets individuels : votre rituel beauté et bien-être au quotidien\u003c\/h2\u003e\n    \u003cp class=\"cm-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecollagène marin en poudre\u003c\/strong\u003e pratique et facile à emporter partout ? Les sachets individuels de \u003cstrong\u003eCollagène Marin Humble+\u003c\/strong\u003e contiennent chacun \u003cstrong\u003e5 g de peptides de collagène marin\u003c\/strong\u003e hautement assimilables.\u003c\/p\u003e\n    \u003cdiv class=\"cm-grid-compact\"\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🎒 Format nomade\u003c\/h3\u003e\n        \u003cp\u003eSachets individuels à glisser dans votre sac, idéaux au bureau, en voyage ou à la maison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e⚡ 5 g par sachet\u003c\/h3\u003e\n        \u003cp\u003eLa dose quotidienne optimale de peptides de collagène marin dans un seul sachet.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🧬 Hautement assimilable\u003c\/h3\u003e\n        \u003cp\u003ePeptides hydrolysés à faible poids moléculaire pour une absorption maximale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e✅ Zéro oubli\u003c\/h3\u003e\n        \u003cp\u003eLe format dose individuelle vous assure de ne jamais manquer votre rituel quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eLes bienfaits du collagène marin pour votre corps\u003c\/h2\u003e\n    \u003cp class=\"cm-section-intro\"\u003eLe \u003cstrong\u003ecollagène marin\u003c\/strong\u003e est une protéine naturellement présente dans notre organisme, essentielle pour la peau, les articulations, les cheveux et les ongles. Dès 25 ans, sa production diminue d'environ \u003cstrong\u003e1 % par an\u003c\/strong\u003e, entraînant rides, perte de fermeté et inconfort articulaire.\u003c\/p\u003e\n    \u003cdiv class=\"cm-grid\"\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e✨ Fermeté et élasticité de la peau\u003c\/h3\u003e\n        \u003cp\u003eLes peptides de collagène soutiennent le renouvellement des fibres cutanées pour un teint rebondi et lumineux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n        \u003cp\u003eContribue à la souplesse des cartilages, tendons et ligaments, idéal pour les personnes actives ou sportives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e💇 Cheveux et ongles renforcés\u003c\/h3\u003e\n        \u003cp\u003eNourrit les structures kératinées pour des ongles moins cassants et des cheveux plus résistants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e💧 Hydratation cutanée\u003c\/h3\u003e\n        \u003cp\u003eEn soutenant la matrice dermique, il aide la peau à mieux retenir l'eau pour un aspect souple et repulpé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eCollagène marin : dangers et précautions à connaître\u003c\/h2\u003e\n    \u003cp class=\"cm-section-intro\"\u003eBeaucoup se demandent si \u003cstrong\u003ele collagène marin présente des dangers\u003c\/strong\u003e. Aux dosages recommandés, cette protéine est très bien tolérée.\u003c\/p\u003e\n    \u003cdiv class=\"cm-accordion\"\u003e\n      \u003cdetails class=\"cm-accordion-item\"\u003e\n        \u003csummary class=\"cm-accordion-header\"\u003e🐟 Allergène poisson\u003c\/summary\u003e\n        \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n          \u003cp\u003eLe collagène marin est issu de poisson et constitue un \u003cstrong\u003eallergène\u003c\/strong\u003e pour les personnes sensibles aux produits de la mer. Vérifiez l'absence de sensibilité avant de débuter une cure.\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🤰 Grossesse et allaitement\u003c\/summary\u003e\n        \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n          \u003cp\u003eIl est déconseillé aux femmes enceintes ou allaitantes de débuter une cure 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✅ Tolérance générale\u003c\/summary\u003e\n        \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n          \u003cp\u003eAux dosages recommandés (5 à 10 g par jour), le collagène marin est très bien toléré et ne présente pas d'effets secondaires notables chez la majorité des utilisateurs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eComposition et dosage par sachet\u003c\/h2\u003e\n    \u003cp class=\"cm-section-intro\"\u003eChaque sachet Humble+ apporte une formule pure et transparente :\u003c\/p\u003e\n    \u003cdiv class=\"cm-grid\"\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🧬 Peptides de collagène marin hydrolysé\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e5 g\u003c\/strong\u003e de collagène de type I pur, à faible poids moléculaire pour une absorption optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e💪 Protéines\u003c\/h3\u003e\n        \u003cp\u003eEnviron \u003cstrong\u003e4,7 g\u003c\/strong\u003e de protéines par sachet, contribuant au maintien de la masse musculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🔥 Énergie\u003c\/h3\u003e\n        \u003cp\u003eSeulement \u003cstrong\u003e19 kcal\u003c\/strong\u003e par sachet, parfaitement compatible avec tous les régimes alimentaires.\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\u003eSans sucre ajouté, sans gluten, sans lactose et sans OGM.\u003c\/strong\u003e Collagène de type I pur avec un faible poids moléculaire pour une absorption optimale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eComment prendre votre collagène marin Humble+ ?\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\u003eChoisissez votre dosage\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003eBeauté et entretien\u003c\/strong\u003e : 1 sachet par jour (5 g). \u003cstrong\u003eConfort articulaire renforcé\u003c\/strong\u003e : 2 sachets par jour (10 g).\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\u003eVersez le contenu dans \u003cstrong\u003e200 à 300 ml\u003c\/strong\u003e d'eau, de jus, de smoothie ou de yaourt et mélangez bien.\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\u003ePrenez-le le matin à jeun\u003c\/h3\u003e\n          \u003cp\u003ePrivilégiez une prise \u003cstrong\u003ele matin à jeun\u003c\/strong\u003e pour favoriser l'assimilation des peptides.\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\u003eAstuce :\u003c\/strong\u003e associez votre collagène avec un jus de citron ou d'orange. La vitamine C stimule la synthèse du collagène dans l'organisme.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cm-tip\" style=\"margin-top:.75rem;\"\u003e\n      \u003cspan class=\"cm-tip-icon\"\u003e📅\u003c\/span\u003e\n      \u003cp\u003eAvec la boîte de \u003cstrong\u003e30 sachets\u003c\/strong\u003e, vous disposez d'un mois complet de cure. Pour des résultats visibles sur la peau, comptez \u003cstrong\u003e8 à 12 semaines\u003c\/strong\u003e d'utilisation régulière.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce collagène marin ?\u003c\/h2\u003e\n    \u003cdiv class=\"cm-grid-compact\"\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e👩 +25 ans\u003c\/h3\u003e\n        \u003cp\u003eLa production naturelle de collagène décline dès 25 ans : anticipez et préservez votre jeunesse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eSoutien articulaire et récupération pour les personnes actives et les athlètes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e✨ Beauté naturelle\u003c\/h3\u003e\n        \u003cp\u003eUn geste beauté simple et efficace pour une peau ferme, des cheveux forts et des ongles résistants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🦴 Confort quotidien\u003c\/h3\u003e\n        \u003cp\u003ePour ceux qui souhaitent maintenir la souplesse de leurs articulations et améliorer leur bien-être global.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"cm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"cm-accordion\"\u003e\n      \u003cdetails class=\"cm-accordion-item\"\u003e\n        \u003csummary class=\"cm-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n        \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n          \u003cp\u003e30 sachets individuels de 5 g (150 g au total).\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📅 Durée de cure\u003c\/summary\u003e\n        \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n          \u003cp\u003e15 à 30 jours selon le dosage choisi (1 ou 2 sachets par jour).\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🐟 Allergène\u003c\/summary\u003e\n        \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n          \u003cp\u003eContient du \u003cstrong\u003epoisson\u003c\/strong\u003e.\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🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cm-disclaimer\"\u003eCe produit est un complément alimentaire. Il ne se substitue pas à un régime alimentaire varié et équilibré ni à un suivi 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:root {\n  --cm-cream: #f5f7fa;\n  --cm-white: #ffffff;\n  --cm-primary: #1a6b7a;\n  --cm-primary-dark: #0e4a56;\n  --cm-primary-light: #e8f4f7;\n  --cm-secondary: #5aacbd;\n  --cm-accent: #2d8fa1;\n  --cm-text: #1a1a1a;\n  --cm-text-light: #5a5a5a;\n  --cm-border: #e0e0e0;\n  --cm-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --cm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --cm-radius: 20px;\n  --cm-radius-sm: 12px;\n}\n\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, #0e4a56 0%, #1a6b7a 40%, #5aacbd 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: 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 40px, rgba(255,255,255,.02) 40px, rgba(255,255,255,.02) 80px);\n  opacity: 1;\n}\n\n.cm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\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,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.cm-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\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 === *\/\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  line-height: 1.7;\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.cm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\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\/* === ACCORDION === *\/\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\/* === TIP === *\/\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\/* === TESTIMONIAL === *\/\n.cm-testimonial {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cm-shadow);\n  border-left: 4px solid var(--cm-primary);\n}\n\n.cm-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cm-text);\n  line-height: 1.8;\n  font-style: italic;\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 === *\/\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  .cm-testimonial {\n    padding: 1.25rem;\n  }\n\n  .cm-testimonial-text {\n    font-size: 14px;\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@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":"HUMBLE +","offers":[{"title":"Default Title","offer_id":56946482086265,"sku":"COLLAGENEMARINDOSE","price":21.09,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene_marin_stick_5g_humble__11zon.jpg?v=1775148496"},{"product_id":"collagene-marin-ultra-concentre-30-doses-menthe-citron-vert-humble","title":"Collagène Marin Ultra concentré - 30 doses - Menthe et Citron vert - Humble+","description":"\u003cdiv class=\"hc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"hc-hero\"\u003e\n    \u003cdiv class=\"hc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hc-hero-content\"\u003e\n      \u003cdiv class=\"hc-badges-top\"\u003e\n        \u003cspan class=\"hc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"hc-badge\"\u003e🐟 Certifié Friend of Sea\u003c\/span\u003e\n        \u003cspan class=\"hc-badge\"\u003e🍃 Orodispersible\u003c\/span\u003e\n        \u003cspan class=\"hc-badge\"\u003e⚡ Tripeptides ultra concentrés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hc-hero-title\"\u003eCollagène Marin Ultra Concentré Humble+\u003c\/span\u003e\n      \u003cp class=\"hc-subtitle\"\u003e30 sticks saveur menthe-citron vert · 5 g de tripeptides par dose\u003c\/p\u003e\n      \u003cp class=\"hc-description\"\u003eLe collagène marin nouvelle génération qui se prend sans eau. Résultats visibles dès 8 semaines : −42 % de rides, +34 % d'éclat.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"hc-section\"\u003e\n    \u003ch2\u003eCollagène marin ultra concentré Humble+ : des tripeptides orodispersibles pour votre peau et vos articulations\u003c\/h2\u003e\n    \u003cp class=\"hc-section-intro\"\u003eVous recherchez un \u003cstrong\u003ecollagène marin en poudre\u003c\/strong\u003e vraiment efficace et agréable à prendre ? Le \u003cstrong\u003eCollagène Marin Ultra Concentré Humble+\u003c\/strong\u003e se distingue par sa formule à base de \u003cstrong\u003etripeptides orodispersibles\u003c\/strong\u003e, qui se dissolvent directement en bouche pour une absorption rapide et optimale.\u003c\/p\u003e\n    \u003cdiv class=\"hc-grid-compact\"\u003e\n      \u003cdiv class=\"hc-card\"\u003e\n        \u003ch3\u003e🧬 Tripeptides\u003c\/h3\u003e\n        \u003cp\u003eLes plus petites fractions de collagène pour une assimilation maximale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hc-card\"\u003e\n        \u003ch3\u003e💧 Orodispersible\u003c\/h3\u003e\n        \u003cp\u003eFond directement sur la langue, sans besoin d'eau\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hc-card\"\u003e\n        \u003ch3\u003e🍃 Menthe-citron vert\u003c\/h3\u003e\n        \u003cp\u003eUne saveur fraîche et agréable pour un rituel quotidien plaisant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eQualité premium, certifié Friend of Sea\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"hc-section\"\u003e\n    \u003ch2\u003ePourquoi choisir des tripeptides de collagène marin ?\u003c\/h2\u003e\n    \u003cp class=\"hc-section-intro\"\u003eTous les collagènes ne se valent pas. Les tripeptides sont les plus petites fractions de collagène hydrolysé, composées de seulement trois acides aminés. Leur faible poids moléculaire leur permet de traverser la barrière intestinale bien plus facilement que les peptides classiques.\u003c\/p\u003e\n    \u003cdiv class=\"hc-grid\"\u003e\n      \u003cdiv class=\"hc-card\"\u003e\n        \u003ch3\u003e🔬 Poids moléculaire ultra faible\u003c\/h3\u003e\n        \u003cp\u003eSeulement 3 acides aminés par fragment, soit la plus petite unité assimilable. Ils traversent la barrière intestinale bien plus facilement que les peptides classiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hc-card\"\u003e\n        \u003ch3\u003e👅 Absorption buccale directe\u003c\/h3\u003e\n        \u003cp\u003eLe format orodispersible fond directement sur la langue. L'assimilation démarre dès la cavité buccale, avant même d'atteindre l'estomac.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hc-card\"\u003e\n        \u003ch3\u003e🥤 Flexible au quotidien\u003c\/h3\u003e\n        \u003cp\u003ePrenez-le directement en bouche ou mélangez-le dans une boisson fraîche : eau, jus ou smoothie. L'efficacité reste la même dans tous les cas.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"hc-section\"\u003e\n    \u003ch2\u003eBienfaits du collagène marin : ce que vous pouvez en attendre\u003c\/h2\u003e\n    \u003cp class=\"hc-section-intro\"\u003eDès 25 ans, notre production naturelle de collagène diminue d'environ 1 % par an. Compléter cet apport aide à préserver votre capital jeunesse et votre mobilité.\u003c\/p\u003e\n    \u003cdiv class=\"hc-grid\"\u003e\n      \u003cdiv class=\"hc-card\"\u003e\n        \u003ch3\u003e✨ Fermeté et éclat de la peau\u003c\/h3\u003e\n        \u003cp\u003eJusqu'à \u003cstrong\u003e42 % de rides en moins\u003c\/strong\u003e et \u003cstrong\u003e34 % d'éclat en plus\u003c\/strong\u003e après 8 semaines de cure. La peau retrouve rebond et luminosité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hc-card\"\u003e\n        \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n        \u003cp\u003eLes tripeptides nourrissent \u003cstrong\u003ecartilages, tendons et ligaments\u003c\/strong\u003e pour soutenir la mobilité et réduire les inconforts articulaires au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hc-card\"\u003e\n        \u003ch3\u003e💅 Cheveux et ongles renforcés\u003c\/h3\u003e\n        \u003cp\u003eLe collagène de type I nourrit les \u003cstrong\u003estructures kératinées\u003c\/strong\u003e : ongles moins cassants, cheveux plus forts et résistants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hc-card\"\u003e\n        \u003ch3\u003e💦 Hydratation cutanée\u003c\/h3\u003e\n        \u003cp\u003eLa peau retient mieux l'eau au quotidien. Une hydratation profonde qui se ressent dès les premières semaines de cure.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"hc-section\"\u003e\n    \u003ch2\u003eComposition détaillée par stick de 5 g\u003c\/h2\u003e\n    \u003cp class=\"hc-section-intro\"\u003eChaque stick contient \u003cstrong\u003e5 g de peptides de collagène marin hydrolysé\u003c\/strong\u003e (tripeptides de type I), issus de poissons sauvages certifiés Friend of Sea.\u003c\/p\u003e\n    \u003cdiv class=\"hc-grid-compact\"\u003e\n      \u003cdiv class=\"hc-card\"\u003e\n        \u003ch3\u003e🧪 Protéines\u003c\/h3\u003e\n        \u003cp\u003eEnviron \u003cstrong\u003e4,7 g\u003c\/strong\u003e par dose\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hc-card\"\u003e\n        \u003ch3\u003e🔥 Énergie\u003c\/h3\u003e\n        \u003cp\u003eSeulement \u003cstrong\u003e19 kcal\u003c\/strong\u003e par stick\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hc-card\"\u003e\n        \u003ch3\u003e🚫 Sans ajouts\u003c\/h3\u003e\n        \u003cp\u003eSans sucre ajouté, sans gluten, sans lactose, sans OGM\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hc-card\"\u003e\n        \u003ch3\u003e⚠️ Allergène\u003c\/h3\u003e\n        \u003cp\u003eContient du \u003cstrong\u003epoisson\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"hc-section\"\u003e\n    \u003ch2\u003eComment prendre votre collagène marin Humble+ ?\u003c\/h2\u003e\n    \u003cdiv class=\"hc-timeline\"\u003e\n      \u003cdiv class=\"hc-timeline-item\"\u003e\n        \u003cdiv class=\"hc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"hc-timeline-content\"\u003e\n          \u003ch3\u003eVersez directement en bouche\u003c\/h3\u003e\n          \u003cp\u003eVersez le contenu d'un stick directement sur la langue ou mélangez-le dans \u003cstrong\u003e200 à 300 ml\u003c\/strong\u003e d'eau, de jus ou de smoothie.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hc-timeline-item\"\u003e\n        \u003cdiv class=\"hc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"hc-timeline-content\"\u003e\n          \u003ch3\u003ePrivilégiez le matin à jeun\u003c\/h3\u003e\n          \u003cp\u003ePrenez-le de préférence \u003cstrong\u003ele matin à jeun\u003c\/strong\u003e pour maximiser l'assimilation des tripeptides.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hc-timeline-item\"\u003e\n        \u003cdiv class=\"hc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"hc-timeline-content\"\u003e\n          \u003ch3\u003eAdaptez la dose à vos besoins\u003c\/h3\u003e\n          \u003cp\u003ePour un objectif beauté, \u003cstrong\u003eun stick par jour\u003c\/strong\u003e suffit. Pour un soutien articulaire renforcé, vous pouvez prendre \u003cstrong\u003edeux sticks quotidiens\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hc-timeline-item\"\u003e\n        \u003cdiv class=\"hc-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"hc-timeline-content\"\u003e\n          \u003ch3\u003eComptez 8 à 12 semaines\u003c\/h3\u003e\n          \u003cp\u003eSoyez régulier pour obtenir des résultats visibles sur la peau. La constance est la clé de l'efficacité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hc-tip\"\u003e\n      \u003cspan class=\"hc-tip-icon\"\u003e🍋\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e associez votre collagène à un jus riche en vitamine C (citron, orange) pour stimuler la synthèse naturelle du collagène.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"hc-section\"\u003e\n    \u003ch2\u003eLe collagène marin présente-t-il des dangers ?\u003c\/h2\u003e\n    \u003cdiv class=\"hc-testimonial\"\u003e\n      \u003cp class=\"hc-testimonial-text\"\u003eAux dosages recommandés de \u003cstrong\u003e5 à 10 g par jour\u003c\/strong\u003e, le collagène marin est une protéine très bien tolérée. La seule précaution majeure concerne les personnes \u003cstrong\u003eallergiques au poisson\u003c\/strong\u003e. Les femmes enceintes ou allaitantes devraient consulter un professionnel de santé avant de débuter une cure. Aucun effet indésirable notable n'a été rapporté dans les études cliniques menées sur les tripeptides de collagène marin.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"hc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"hc-accordion\"\u003e\n      \u003cdetails class=\"hc-accordion-item\"\u003e\n        \u003csummary class=\"hc-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n        \u003cdiv class=\"hc-accordion-content mt-3\"\u003e\n          \u003cp\u003e30 sticks de 5 g (150 g) – 1 mois de cure à raison d'un stick par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hc-accordion-item\"\u003e\n        \u003csummary class=\"hc-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"hc-accordion-content mt-3\"\u003e\n          \u003cp\u003eFabriqué en France – Qualité premium – Certifié Friend of Sea.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hc-accordion-item\"\u003e\n        \u003csummary class=\"hc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"hc-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur 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=\"hc-accordion-item\"\u003e\n        \u003csummary class=\"hc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"hc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit est un complément alimentaire. Il ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hc-cta-box\"\u003e\n      \u003cp\u003e🌊 Offrez à votre peau et à vos articulations le meilleur du collagène marin.\u003cbr\u003eTripeptides orodispersibles, saveur menthe-citron vert, résultats dès 8 semaines.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"hc-disclaimer\"\u003eComplément alimentaire à base de collagène marin orodispersible, avec édulcorant. 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  --hc-cream: #f4f9f7;\n  --hc-white: #ffffff;\n  --hc-primary: #8cbcac;\n  --hc-primary-dark: #2d5e4e;\n  --hc-primary-light: #e6f2ed;\n  --hc-secondary: #a8d8c8;\n  --hc-accent: #5ba389;\n  --hc-text: #1a1a1a;\n  --hc-text-light: #5a5a5a;\n  --hc-border: #d8e8e0;\n  --hc-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --hc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --hc-radius: 20px;\n  --hc-radius-sm: 12px;\n}\n\n.hc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--hc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2d5e4e 0%, #5ba389 50%, #8cbcac 100%);\n  border-radius: var(--hc-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(--hc-shadow-lg);\n}\n\n.hc-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,.15) 0%, transparent 50%),\n              radial-gradient(circle at 80% 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: .6;\n}\n\n.hc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.hc-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.hc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.hc-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(--hc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.hc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.hc-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n}\n\n.hc-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.hc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--hc-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.hc-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(--hc-primary), var(--hc-secondary));\n  border-radius: 2px;\n}\n\n.hc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--hc-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.hc-card {\n  background: var(--hc-white);\n  border-radius: var(--hc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.hc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--hc-shadow-lg);\n  border-color: var(--hc-primary);\n}\n\n.hc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--hc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.hc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.hc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.hc-grid-compact .hc-card {\n  padding: 1rem;\n}\n\n.hc-grid-compact .hc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.hc-grid-compact .hc-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.hc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.hc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--hc-primary), var(--hc-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.hc-timeline-content {\n  flex: 1;\n  background: var(--hc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--hc-radius-sm);\n  box-shadow: var(--hc-shadow);\n}\n\n.hc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--hc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hc-timeline-content p {\n  font-size: 14px;\n  color: var(--hc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.hc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--hc-primary-light);\n  border-radius: var(--hc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.hc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.hc-tip p {\n  font-size: 14px;\n  color: var(--hc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.hc-testimonial {\n  background: var(--hc-white);\n  border-radius: var(--hc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--hc-shadow);\n  border-left: 4px solid var(--hc-primary);\n}\n\n.hc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--hc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.hc-accordion {\n  background: var(--hc-white);\n  border-radius: var(--hc-radius);\n  box-shadow: var(--hc-shadow);\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.hc-accordion-item {\n  border-bottom: 1px solid var(--hc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.hc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.hc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--hc-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.hc-accordion-header:hover {\n  background: var(--hc-primary-light);\n}\n\n.hc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.hc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--hc-primary);\n  transition: transform .2s ease;\n}\n\n.hc-accordion-item[open] .hc-accordion-header::after {\n  content: '−';\n}\n\n.hc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--hc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.hc-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.hc-cta-box {\n  background: linear-gradient(135deg, var(--hc-accent) 0%, var(--hc-primary-dark) 100%);\n  border-radius: var(--hc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.hc-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.hc-disclaimer {\n  font-size: 12px;\n  color: var(--hc-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .hc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .hc-card {\n    padding: 1.125rem;\n  }\n\n  .hc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .hc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--hc-radius-sm);\n  }\n\n  .hc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .hc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .hc-grid-compact {\n    gap: .625rem;\n  }\n\n  .hc-grid-compact .hc-card {\n    padding: .75rem;\n  }\n\n  .hc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .hc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .hc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .hc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .hc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .hc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .hc-testimonial {\n    padding: 1.25rem;\n  }\n\n  .hc-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .hc-card {\n    animation: hcFadeInUp .5s ease backwards;\n  }\n  .hc-card:nth-child(1) { animation-delay: .05s; }\n  .hc-card:nth-child(2) { animation-delay: .1s; }\n  .hc-card:nth-child(3) { animation-delay: .15s; }\n  .hc-card:nth-child(4) { animation-delay: .2s; }\n  .hc-card:nth-child(5) { animation-delay: .25s; }\n  .hc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hcFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":56946647695737,"sku":"COLLAGENECONCENTRE","price":24.34,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene-marin-ultra-concentre-30-doses-menthe-et-citron-ve-lifestyle.webp?v=1775379029"},{"product_id":"glutathion-reduit-30-gelules-sfb-laboratoires","title":"Glutathion Réduit – 30 gélules – SFB Laboratoires","description":"\u003cdiv class=\"glt-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"glt-hero\"\u003e\n    \u003cdiv class=\"glt-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"glt-hero-content\"\u003e\n      \u003cdiv class=\"glt-badges-top\"\u003e\n        \u003cspan class=\"glt-badge\"\u003e🧬 250 mg par gélule\u003c\/span\u003e\n        \u003cspan class=\"glt-badge\"\u003e🌱 Vegan \u0026amp; sans gluten\u003c\/span\u003e\n        \u003cspan class=\"glt-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"glt-badge\"\u003e💊 30 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"glt-hero-title\"\u003eGlutathion Réduit 250 mg\u003c\/span\u003e\n      \u003cp class=\"glt-subtitle\"\u003eSFB Laboratoires – Gamme Nutraceutic\u003c\/p\u003e\n      \u003cp class=\"glt-description\"\u003eL'antioxydant majeur de l'organisme sous sa forme la plus biodisponible. Une gélule par jour pour protéger vos cellules, soutenir la détoxification et révéler l'éclat naturel de votre peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"glt-section\"\u003e\n    \u003ch2\u003eGlutathion Réduit : l'antioxydant majeur en gélules végétales\u003c\/h2\u003e\n    \u003cp class=\"glt-section-intro\"\u003eConnaissez-vous le \u003cstrong\u003eglutathion réduit\u003c\/strong\u003e ? Ce tripeptide naturel, composé de trois acides aminés – cystéine, glutamine et glycine –, est considéré comme l'\u003cstrong\u003eantioxydant endogène principal\u003c\/strong\u003e de notre organisme.\u003c\/p\u003e\n    \u003cdiv class=\"glt-grid-compact\"\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🧬 Tripeptide naturel\u003c\/h3\u003e\n        \u003cp\u003eComposé de 3 acides aminés essentiels : cystéine, glutamine et glycine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eIntervient dans les mécanismes naturels contre le stress oxydatif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🔬 Forme biodisponible\u003c\/h3\u003e\n        \u003cp\u003eL-glutathion réduit directement assimilable par l'organisme\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e💎 250 mg par gélule\u003c\/h3\u003e\n        \u003cp\u003eDosage optimal signé SFB Laboratoires pour une efficacité maximale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"glt-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la forme réduite du glutathion ?\u003c\/h2\u003e\n    \u003cdiv class=\"glt-testimonial\"\u003e\n      \u003cp class=\"glt-testimonial-text\"\u003e\"La forme réduite (GSH) représente environ 98 à 99 % du glutathion total présent dans l'organisme. C'est précisément cette forme qui est biologiquement active et directement utilisable par vos cellules.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"glt-tip\"\u003e\n      \u003cspan class=\"glt-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eContrairement à la forme oxydée, le \u003cstrong\u003eL-glutathion réduit\u003c\/strong\u003e n'a pas besoin d'être transformé pour jouer son rôle. C'est pourquoi les personnes en quête d'un complément de qualité se tournent vers des \u003cstrong\u003egélules de glutathion réduit\u003c\/strong\u003e plutôt que vers d'autres formulations moins assimilables.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"glt-section\"\u003e\n    \u003ch2\u003eLes bienfaits du L-glutathion réduit\u003c\/h2\u003e\n    \u003cp class=\"glt-section-intro\"\u003eLe glutathion est au carrefour de plusieurs fonctions physiologiques essentielles. Voici les principaux rôles qui lui sont attribués :\u003c\/p\u003e\n    \u003cdiv class=\"glt-grid\"\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eAide à protéger les cellules contre les dommages causés par le stress oxydatif et les radicaux libres\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🧹 Détoxification\u003c\/h3\u003e\n        \u003cp\u003eParticipe aux mécanismes naturels d'élimination des toxines, notamment au niveau hépatique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre physiologique\u003c\/h3\u003e\n        \u003cp\u003eContribue au maintien des fonctions normales de l'organisme au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e✨ Éclat du teint\u003c\/h3\u003e\n        \u003cp\u003eRôle reconnu dans la régulation naturelle de la mélanine et l'uniformité du teint pour un effet éclaircissant\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"glt-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 1 gélule\u003c\/h2\u003e\n    \u003cdiv class=\"glt-composition-highlight\"\u003e\n      \u003cdiv class=\"glt-composition-main\"\u003e\n        \u003cspan class=\"glt-composition-dose\"\u003e250 mg\u003c\/span\u003e\n        \u003cspan class=\"glt-composition-name\"\u003eL-Glutathion réduit\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"glt-grid-compact\"\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🔬 Antiagglomérant\u003c\/h3\u003e\n        \u003cp\u003eSilice colloïdale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e💊 Tunique\u003c\/h3\u003e\n        \u003cp\u003eGélule végétale HPMC\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n        \u003cp\u003eSans OGM, sans lactose, sans gluten\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué par SFB Laboratoires\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"glt-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"glt-timeline\"\u003e\n      \u003cdiv class=\"glt-timeline-item\"\u003e\n        \u003cdiv class=\"glt-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"glt-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e, de préférence en dehors des repas pour optimiser l'assimilation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-timeline-item\"\u003e\n        \u003cdiv class=\"glt-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"glt-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e3 mois\u003c\/strong\u003e est généralement recommandée, à renouveler si nécessaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-timeline-item\"\u003e\n        \u003cdiv class=\"glt-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"glt-timeline-content\"\u003e\n          \u003ch3\u003eDosage à respecter\u003c\/h3\u003e\n          \u003cp\u003eNe dépassez jamais la dose journalière conseillée de 1 gélule (250 mg).\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=\"glt-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"glt-accordion\"\u003e\n      \u003cdetails class=\"glt-accordion-item\"\u003e\n        \u003csummary class=\"glt-accordion-header\"\u003e⚠️ Avertissement important\u003c\/summary\u003e\n        \u003cdiv class=\"glt-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire à base de glutathion \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni une alimentation variée et équilibrée. Il est important de maintenir un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"glt-accordion-item\"\u003e\n        \u003csummary class=\"glt-accordion-header\"\u003e👩‍⚕️ Consultez un professionnel\u003c\/summary\u003e\n        \u003cdiv class=\"glt-accordion-content mt-3\"\u003e\n          \u003cp\u003eConsultez un professionnel de santé avant utilisation si vous êtes sous traitement médicamenteux, enceinte ou allaitante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"glt-accordion-item\"\u003e\n        \u003csummary class=\"glt-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"glt-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le flacon au sec, à l'abri de la chaleur et de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"glt-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"glt-grid\"\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🛡️ Défenses antioxydantes\u003c\/h3\u003e\n        \u003cp\u003ePour toute personne souhaitant soutenir ses défenses antioxydantes naturelles au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🧹 Démarche détox\u003c\/h3\u003e\n        \u003cp\u003ePour accompagner une démarche de détoxification et prendre soin de son organisme en profondeur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e✨ Routine beauté\u003c\/h3\u003e\n        \u003cp\u003ePour celles et ceux qui recherchent un glutathion éclaircissant dans le cadre d'une routine beauté globale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"glt-cta-box\"\u003e\n      \u003cp\u003e🧬 30 gélules par flacon – 1 mois complet de cure\u003cbr\u003eDécouvrez les bienfaits du \u003cstrong\u003eL-glutathion réduit\u003c\/strong\u003e par vous-même\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"glt-disclaimer\"\u003eCe produit n'est pas un médicament. 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  --glt-cream: #f4f6fa;\n  --glt-white: #ffffff;\n  --glt-primary: #3b4d82;\n  --glt-primary-dark: #2a3660;\n  --glt-primary-light: #e8ecf4;\n  --glt-secondary: #4a9e6f;\n  --glt-accent: #6b82b8;\n  --glt-text: #1a1a1a;\n  --glt-text-light: #5a5a5a;\n  --glt-border: #dde2ec;\n  --glt-shadow: 0 4px 24px rgba(59, 77, 130, .08);\n  --glt-shadow-lg: 0 12px 48px rgba(59, 77, 130, .15);\n  --glt-radius: 20px;\n  --glt-radius-sm: 12px;\n}\n\n.glt-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--glt-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.glt-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--glt-primary-dark) 0%, var(--glt-primary) 50%, var(--glt-accent) 100%);\n  border-radius: var(--glt-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(--glt-shadow-lg);\n}\n\n.glt-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(255,255,255,.06) 0%, transparent 50%),\n              radial-gradient(circle at 50% 50%, rgba(74,158,111,.1) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.glt-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.glt-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.glt-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n  text-transform: uppercase;\n}\n\n.glt-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.glt-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.glt-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(--glt-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.glt-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.glt-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.glt-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--glt-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.glt-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(--glt-primary), var(--glt-secondary));\n  border-radius: 2px;\n}\n\n.glt-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--glt-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.glt-card {\n  background: var(--glt-white);\n  border-radius: var(--glt-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--glt-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.glt-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--glt-shadow-lg);\n  border-color: var(--glt-primary);\n}\n\n.glt-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--glt-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.glt-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--glt-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.glt-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.glt-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.glt-grid-compact .glt-card {\n  padding: 1rem;\n}\n\n.glt-grid-compact .glt-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.glt-grid-compact .glt-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.glt-composition-highlight {\n  display: flex;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.glt-composition-main {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: linear-gradient(135deg, var(--glt-primary) 0%, var(--glt-accent) 100%);\n  border-radius: var(--glt-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem) clamp(2.5rem, 6vw, 4rem);\n  box-shadow: var(--glt-shadow-lg);\n}\n\n.glt-composition-dose {\n  font-size: clamp(36px, 8vw, 56px);\n  font-weight: 900;\n  color: white;\n  letter-spacing: -.04em;\n  line-height: 1;\n  text-shadow: 0 4px 16px rgba(0,0,0,.15);\n}\n\n.glt-composition-name {\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 700;\n  color: rgba(255,255,255,.9);\n  margin-top: .5rem;\n  letter-spacing: .02em;\n}\n\n\/* === TIMELINE === *\/\n.glt-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.glt-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.glt-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--glt-primary), var(--glt-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.glt-timeline-content {\n  flex: 1;\n  background: var(--glt-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--glt-radius-sm);\n  box-shadow: var(--glt-shadow);\n}\n\n.glt-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--glt-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.glt-timeline-content p {\n  font-size: 14px;\n  color: var(--glt-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.glt-testimonial {\n  background: var(--glt-white);\n  border-radius: var(--glt-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--glt-shadow);\n  border-left: 4px solid var(--glt-primary);\n  margin-bottom: 1.25rem;\n}\n\n.glt-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--glt-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.glt-accordion {\n  background: var(--glt-white);\n  border-radius: var(--glt-radius);\n  box-shadow: var(--glt-shadow);\n  overflow: hidden;\n}\n\n.glt-accordion-item {\n  border-bottom: 1px solid var(--glt-border);\n  margin: 0;\n  padding: 0;\n}\n\n.glt-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.glt-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--glt-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.glt-accordion-header:hover {\n  background: var(--glt-primary-light);\n}\n\n.glt-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.glt-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--glt-primary);\n  transition: transform .2s ease;\n}\n\n.glt-accordion-item[open] .glt-accordion-header::after {\n  content: '−';\n}\n\n.glt-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--glt-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.glt-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.glt-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--glt-primary-light);\n  border-radius: var(--glt-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.glt-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.glt-tip p {\n  font-size: 14px;\n  color: var(--glt-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.glt-cta-box {\n  background: linear-gradient(135deg, var(--glt-primary) 0%, var(--glt-primary-dark) 100%);\n  border-radius: var(--glt-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.glt-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.glt-disclaimer {\n  font-size: 12px;\n  color: var(--glt-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  .glt-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .glt-card {\n    padding: 1.125rem;\n  }\n\n  .glt-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .glt-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--glt-radius-sm);\n  }\n\n  .glt-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .glt-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .glt-grid-compact {\n    gap: .625rem;\n  }\n\n  .glt-grid-compact .glt-card {\n    padding: .75rem;\n  }\n\n  .glt-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .glt-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .glt-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .glt-timeline-content p {\n    font-size: 13px;\n  }\n\n  .glt-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .glt-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .glt-testimonial {\n    padding: 1.25rem;\n  }\n\n  .glt-testimonial-text {\n    font-size: 14px;\n  }\n\n  .glt-composition-main {\n    padding: 1.25rem 2rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .glt-card {\n    animation: gltFadeInUp .5s ease backwards;\n  }\n  .glt-card:nth-child(1) { animation-delay: .05s; }\n  .glt-card:nth-child(2) { animation-delay: .1s; }\n  .glt-card:nth-child(3) { animation-delay: .15s; }\n  .glt-card:nth-child(4) { animation-delay: .2s; }\n  .glt-card:nth-child(5) { animation-delay: .25s; }\n  .glt-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gltFadeInUp {\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  .glt-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":56955006779769,"sku":"SF0080","price":31.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/glutathion-reduit-30-gelules-sfb-laboratoires-packshothd.webp?v=1775141898"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/complements-alimentaires-peau.webp?v=1790072284","url":"https:\/\/www.naturellement-bio.com\/collections\/complements-alimentaires-peau.oembed?page=3","provider":"Naturellement Bio","version":"1.0","type":"link"}