{"title":"Silicium (prêle, ortie)","description":"\u003ch2 style=\"text-align: center; font-family: inherit; font-size: 1.8rem; font-weight: normal; color: #4b5d40; margin: 20px 0;\" id=\"quiz\"\u003e\n  Quel complément alimentaire à base de silicium est fait pour vous ? Faites le test !\n\u003c\/h2\u003e\n\u003cdiv class=\"container quiz-container\"\u003e\n  \u003c!-- Étape 1 : Objectif principal --\u003e\n  \u003cdiv class=\"quiz-step active\" id=\"quiz-step-1\"\u003e\n    \u003ch3\u003eÉtape 1 : Quel est votre principal objectif ?\u003c\/h3\u003e\n    \u003cp\u003e\n      \u003clabel\u003e\u003cinput value=\"osseux\" name=\"objective\" type=\"radio\"\u003e Renforcer vos os et articulations\u003c\/label\u003e\n      \u003clabel\u003e\u003cinput value=\"beaute\" name=\"objective\" type=\"radio\"\u003e Améliorer la beauté de votre peau, cheveux et ongles\u003c\/label\u003e\n      \u003clabel\u003e\u003cinput value=\"musculaire\" name=\"objective\" type=\"radio\"\u003e Soutenir la santé musculaire, tendineuse et la mobilité\u003c\/label\u003e\n      \u003clabel\u003e\u003cinput value=\"global\" name=\"objective\" type=\"radio\"\u003e Obtenir un soutien global (bien-être, antioxydant)\u003c\/label\u003e\n    \u003c\/p\u003e\n    \u003cdiv class=\"quiz-buttons\"\u003e\n      \u003cbutton type=\"button\" onclick=\"nextStep(1)\"\u003eSuivant\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Étape 2 : Forme préférée --\u003e\n  \u003cdiv class=\"quiz-step\" id=\"quiz-step-2\"\u003e\n    \u003ch3\u003eÉtape 2 : Quelle forme de complément préférez-vous ?\u003c\/h3\u003e\n    \u003cp\u003e\n      \u003clabel\u003e\u003cinput value=\"liquide\" name=\"form\" type=\"radio\"\u003e Liquide (flacon, ampoules)\u003c\/label\u003e\n      \u003clabel\u003e\u003cinput value=\"capsules\" name=\"form\" type=\"radio\"\u003e Capsules \/ Comprimés\u003c\/label\u003e\n      \u003clabel\u003e\u003cinput value=\"buvable\" name=\"form\" type=\"radio\"\u003e Buvable (boisson)\u003c\/label\u003e\n      \u003clabel\u003e\u003cinput value=\"indifferent\" name=\"form\" type=\"radio\"\u003e Indifférent\u003c\/label\u003e\n    \u003c\/p\u003e\n    \u003cdiv class=\"quiz-buttons\"\u003e\n      \u003cbutton type=\"button\" onclick=\"prevStep(1)\"\u003ePrécédent\u003c\/button\u003e\n      \u003cbutton type=\"button\" onclick=\"nextStep(2)\"\u003eSuivant\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Étape 3 : Profil utilisateur --\u003e\n  \u003cdiv class=\"quiz-step\" id=\"quiz-step-3\"\u003e\n    \u003ch3\u003eÉtape 3 : Quel profil vous décrit le mieux ?\u003c\/h3\u003e\n    \u003cp\u003e\n      \u003clabel\u003e\u003cinput value=\"sportif\" name=\"profile\" type=\"radio\"\u003e Sportif \/ Actif\u003c\/label\u003e\n      \u003clabel\u003e\u003cinput value=\"bureau\" name=\"profile\" type=\"radio\"\u003e Bureau \/ Sédentaire\u003c\/label\u003e\n      \u003clabel\u003e\u003cinput value=\"senior\" name=\"profile\" type=\"radio\"\u003e Senior\u003c\/label\u003e\n      \u003clabel\u003e\u003cinput value=\"jeune\" name=\"profile\" type=\"radio\"\u003e Jeune actif \/ Étudiant\u003c\/label\u003e\n      \u003clabel\u003e\u003cinput value=\"autre\" name=\"profile\" type=\"radio\"\u003e Autre\u003c\/label\u003e\n    \u003c\/p\u003e\n    \u003cdiv class=\"quiz-buttons\"\u003e\n      \u003cbutton type=\"button\" onclick=\"prevStep(2)\"\u003ePrécédent\u003c\/button\u003e\n      \u003cbutton type=\"button\" onclick=\"nextStep(3)\"\u003eSuivant\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Étape 4 : Option dimensionnelle --\u003e\n  \u003cdiv class=\"quiz-step\" id=\"quiz-step-4\"\u003e\n    \u003ch3\u003eÉtape 4 : Quel aspect souhaitez-vous prioriser ?\u003c\/h3\u003e\n    \u003cp\u003e\n      \u003clabel\u003e\u003cinput value=\"os\" name=\"dimension\" type=\"radio\"\u003e Santé osseuse et articulations\u003c\/label\u003e\n      \u003clabel\u003e\u003cinput value=\"beaute\" name=\"dimension\" type=\"radio\"\u003e Beauté de la peau, cheveux \u0026amp; ongles\u003c\/label\u003e\n      \u003clabel\u003e\u003cinput value=\"tendons\" name=\"dimension\" type=\"radio\"\u003e Confort tendineux \u0026amp; musculaire\u003c\/label\u003e\n      \u003clabel\u003e\u003cinput value=\"global\" name=\"dimension\" type=\"radio\"\u003e Soutien global \/ Synergie\u003c\/label\u003e\n      \u003clabel\u003e\u003cinput value=\"indifferent\" name=\"dimension\" type=\"radio\"\u003e Indifférent\u003c\/label\u003e\n    \u003c\/p\u003e\n    \u003cdiv class=\"quiz-buttons\"\u003e\n      \u003cbutton type=\"button\" onclick=\"prevStep(3)\"\u003ePrécédent\u003c\/button\u003e\n      \u003cbutton type=\"button\" onclick=\"showResult()\"\u003eVoir les recommandations\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Zone d'affichage du résultat --\u003e\n  \u003cdiv id=\"quiz-result\" style=\"display:none;\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003ch2\u003e❓ FAQ – Tout savoir sur les compléments alimentaires au silicium\u003c\/h2\u003e\n\u003cp\u003eVous avez des questions sur les compléments alimentaires au silicium ? Voici toutes les réponses utiles pour faire le bon choix 👇\u003c\/p\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuels sont les bienfaits du silicium ?\u003c\/summary\u003e\n\u003cp\u003eLe silicium joue un rôle clé dans :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa santé des os\u003c\/strong\u003e – Il stimule la production de collagène et renforce la densité osseuse.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLe confort articulaire\u003c\/strong\u003e – Il soutient la régénération des cartilages et améliore la mobilité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa beauté de la peau, des cheveux et des ongles\u003c\/strong\u003e – Il favorise la synthèse de kératine et améliore l’élasticité de la peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la différence entre le silicium végétal et le silicium biogénique ?\u003c\/summary\u003e\n\u003cp\u003eLe silicium végétal (prêle, ortie) est d’origine naturelle mais moins biodisponible. Le silicium biogénique (issu de micro-organismes) est hautement assimilable par l’organisme et agit plus rapidement. Le \u003ca href=\"\/products\/silicium-biogenique-liquide-1-litre-vitalosmose\" target=\"_blank\"\u003eSilicium Biogénique Liquide - Vitalosmose\u003c\/a\u003e est particulièrement apprécié pour sa biodisponibilité élevée.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eFaut-il prendre le silicium avec ou sans nourriture ?\u003c\/summary\u003e\n\u003cp\u003eLe silicium végétal est mieux assimilé lorsqu'il est pris pendant un repas. Le silicium biogénique peut être pris à jeun ou avec un repas, car il possède une haute biodisponibilité.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCombien de temps faut-il pour ressentir les effets d’un complément au silicium ?\u003c\/summary\u003e\n\u003cp\u003eLes premiers effets apparaissent en **2 à 3 jours** avec le silicium biogénique et en **5 à 7 jours** avec le silicium végétal. Une prise régulière pendant **4 à 6 semaines** permet de renforcer les effets sur le long terme.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuels sont les effets secondaires du silicium ?\u003c\/summary\u003e\n\u003cp\u003eLe silicium est bien toléré dans le respect des doses recommandées. Des effets secondaires légers comme des ballonnements ou une légère élimination d’eau peuvent apparaître dans de rares cas. Si vous ressentez une gêne, réduisez le dosage ou prenez le complément pendant un repas.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePeut-on associer le silicium à d'autres compléments alimentaires ?\u003c\/summary\u003e\n\u003cp\u003eOui, le silicium fonctionne en synergie avec :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLe zinc\u003c\/strong\u003e – Renforce la solidité des os et améliore la régénération cellulaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLe manganèse\u003c\/strong\u003e – Favorise la souplesse articulaire et la mobilité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLe collagène\u003c\/strong\u003e – Améliore l’élasticité de la peau et le confort articulaire.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e➡️ Par exemple, le \u003ca href=\"\/products\/siliriche-silicium-plantes-manganese-1-litre-vitalosmose\" target=\"_blank\"\u003eSiliriche Silicium + Manganèse - Vitalosmose\u003c\/a\u003e est idéal pour une action complète sur les articulations.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003ch2\u003ePourquoi prendre un complément alimentaire au silicium ?\u003c\/h2\u003e\n\u003cp\u003eLe silicium est un oligo-élément essentiel au maintien de la santé des os, des articulations et de la peau. Bien qu'il soit naturellement présent dans certains aliments (comme les céréales complètes, certains légumes, ou même l'eau minérale), son assimilation par l’organisme est souvent très faible... C’est là que les compléments alimentaires au silicium jouent un rôle important.\u003c\/p\u003e\n\u003ch3\u003eMeilleure assimilation et biodisponibilité\u003c\/h3\u003e\n\u003cp\u003eLe silicium contenu dans les compléments alimentaires (prêle, ortie ou silicium biogénique) est sous une forme hautement biodisponible, ce qui permet une assimilation rapide et efficace par l’organisme. Cela garantit un effet optimal sur :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa santé des os et des articulations\u003c\/strong\u003e : Stimule la production de collagène, essentiel à la solidité des os et au confort articulaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa beauté de la peau, des cheveux et des ongles\u003c\/strong\u003e : renforce la structure de la peau, stimule la croissance des cheveux et fortifie les ongles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOu encore la souplesse des tendons et des ligaments\u003c\/strong\u003e : améliorent la régénération du tissu conjonctif, favorisant une meilleure mobilité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003ePourquoi privilégier un complément alimentaire ?\u003c\/h3\u003e\n\u003cp\u003eAvec l’âge, la capacité de notre corps à assimiler le silicium diminue considérablement. Un complément alimentaire au silicium sous forme de prêle, d’ortie ou de silicium biogénique permet donc de compenser cette carence de manière efficace.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePour une efficacité optimale, nous vous recommandons chaudement de privilégier un complément combinant du silicium naturel et des minéraux synergiques (comme le zinc ou la manganèse) pour une meilleure assimilation !\u003c\/strong\u003e\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eQuel complément alimentaire au silicium choisir ?\u003c\/h2\u003e\n\u003cp\u003eLe choix d’un complément au silicium dépend de vos besoins spécifiques. Que vous souhaitiez renforcer vos os, améliorer la souplesse articulaire ou stimuler la croissance de vos cheveux, voici une sélection adaptée :\u003c\/p\u003e\n\u003cdiv style=\"overflow-x: auto;\"\u003e\n  \u003ctable style=\"width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 16px;\" class=\"table table-responsive\"\u003e\n    \u003cthead\u003e\n      \u003ctr\u003e\n        \u003cth\u003eVotre besoin\u003c\/th\u003e\n        \u003cth\u003eType de silicium\u003c\/th\u003e\n        \u003cth\u003eComplément recommandé\u003c\/th\u003e\n        \u003cth\u003ePourquoi celui-ci\u003c\/th\u003e\n      \u003c\/tr\u003e\n    \u003c\/thead\u003e\n    \u003ctbody\u003e\n      \u003ctr\u003e\n        \u003ctd\u003eRenforcement osseux\u003c\/td\u003e\n        \u003ctd\u003eSilicium organique fluide\u003c\/td\u003e\n        \u003ctd\u003e\n          \u003ca href=\"\/products\/silamax-1-litre-labo-sante-silice\" target=\"_blank\"\u003e\n            SILAMAX silicium 4000 mg\/L (1 Litre) - Labo Santé Silice\n          \u003c\/a\u003e\n        \u003c\/td\u003e\n        \u003ctd\u003eAbsorption rapide pour soutenir la densité osseuse et la souplesse articulaire.\u003c\/td\u003e\n      \u003c\/tr\u003e\n      \u003ctr style=\"background-color: #f8f8f8;\"\u003e\n        \u003ctd\u003eConfort articulaire\u003c\/td\u003e\n        \u003ctd\u003eSilicium + polyphénols\u003c\/td\u003e\n        \u003ctd\u003e\n          \u003ca href=\"\/products\/silacaps-articulaire-120-gelules-labo-sante-silice\" target=\"_blank\"\u003e\n            Silacaps Articulaire - 120 gélules - Labo Santé Silice\n          \u003c\/a\u003e\n        \u003c\/td\u003e\n        \u003ctd\u003eFormulé avec des antioxydants pour soulager tendons et ligaments.\u003c\/td\u003e\n      \u003c\/tr\u003e\n      \u003ctr\u003e\n        \u003ctd\u003eBeauté peau, cheveux \u0026amp; ongles\u003c\/td\u003e\n        \u003ctd\u003eSilicium végétal (ortie)\u003c\/td\u003e\n        \u003ctd\u003e\n          \u003ca href=\"\/products\/ortie-silice-bio-buvable-500-ml-biofloral\" target=\"_blank\"\u003e\n            Ortie Silice Bio Buvable - 500 ml - Biofloral\n          \u003c\/a\u003e\n        \u003c\/td\u003e\n        \u003ctd\u003eStimule la production de collagène et renforce la structure cutanée.\u003c\/td\u003e\n      \u003c\/tr\u003e\n      \u003ctr style=\"background-color: #f8f8f8;\"\u003e\n        \u003ctd\u003eSoutien global du tissu conjonctif\u003c\/td\u003e\n        \u003ctd\u003eSilicium multi-sources\u003c\/td\u003e\n        \u003ctd\u003e\n          \u003ca href=\"\/products\/cor-silumine-500ml-tendons-et-muscles-jade-recherche\" target=\"_blank\"\u003e\n            COR SILUMINE 500 ml pour les os, tendons et muscles de Jade Recherche\n          \u003c\/a\u003e\n        \u003c\/td\u003e\n        \u003ctd\u003eFormule complète pour renforcer os, tendons et muscles.\u003c\/td\u003e\n      \u003c\/tr\u003e\n      \u003ctr\u003e\n        \u003ctd\u003eRégénération \u0026amp; prêle\u003c\/td\u003e\n        \u003ctd\u003eSilicium \u0026amp; extraits végétaux\u003c\/td\u003e\n        \u003ctd\u003e\n          \u003ca href=\"\/products\/flexilium-gelules-vegan-100-gelules-lt-labo\" target=\"_blank\"\u003e\n            Flexilium - 60 gélules végétales - de LT Labo\n          \u003c\/a\u003e\n        \u003c\/td\u003e\n        \u003ctd\u003eCombine silicium et extraits de prêle pour renforcer tissus et articulations.\u003c\/td\u003e\n      \u003c\/tr\u003e\n    \u003c\/tbody\u003e\n  \u003c\/table\u003e\n\u003c\/div\u003e\n\n\u003cp\u003e\u003cstrong\u003ePetit conseil d'expert :\u003c\/strong\u003e pour une efficacité accrue, vous pouvez associez le silicium avec du zinc et du manganèse. Cette combinaison renforce les os, les articulations et améliore l'élasticité de la peau grâce à leur action synergique.\u003c\/p\u003e\n\u003cp\u003eVous avez encore du mal à choisir le complément au silicium qu'il vous faut ? Pas de panique, nous vous avons concocté un petit questionnaire interactif pour vous aider à choisir le meilleur complément selon votre besoin. Testez-le ! 👇\u003c\/p\u003e\n\u003cdiv style=\"text-align: center; margin: 20px 0;\"\u003e\u003ca href=\"#quiz\" style=\"display: inline-block; padding: 12px 24px; background-color: transparent; color: #66745c; text-decoration: none; font-size: 16px; border: 2px solid #66745c; border-radius: 8px; transition: all 0.3s ease;\"\u003e Faire le quiz d'aide aux choix \u003c\/a\u003e\u003c\/div\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eEn combien de temps les compléments au silicium font-ils effet ?\u003c\/h2\u003e\n\u003cp\u003eLe silicium agit de manière progressive sur l’organisme. Les premiers effets sont généralement ressentis après quelques jours, mais le délai d’action varie en fonction du type de silicium utilisé :\u003c\/p\u003e\n\u003cdiv style=\"overflow-x: auto;\"\u003e\n\u003ctable class=\"table table-responsive\" style=\"width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 16px;\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eType de silicium\u003c\/th\u003e\n\u003cth\u003eDélai d'action\u003c\/th\u003e\n\u003cth\u003eBénéfices visibles\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eSilicium biogénique (liquide)\u003c\/td\u003e\n\u003ctd\u003e2 à 3 jours\u003c\/td\u003e\n\u003ctd\u003eEffet rapide sur le confort articulaire et la souplesse musculaire.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSilicium végétal (prêle, ortie)\u003c\/td\u003e\n\u003ctd\u003e5 à 7 jours\u003c\/td\u003e\n\u003ctd\u003eAmélioration de la santé des os, de la peau et des cheveux.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSilicium combiné (silicium + zinc, manganèse)\u003c\/td\u003e\n\u003ctd\u003e7 à 10 jours\u003c\/td\u003e\n\u003ctd\u003eRenforcement global des tissus conjonctifs, tendons et articulations.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003ePetit conseil de pro :\u003c\/strong\u003e pour une action plus rapide, optez pour un silicium biogénique sous forme liquide. Par exemple, le \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/cor-silumine-500ml-tendons-et-muscles-jade-recherche\" target=\"_blank\" title=\"Cor silumine de Jade Recherche\" rel=\"noopener\"\u003esilicium liquide COR SILUMINE de Jade Recherche\u003c\/a\u003e\u003ca href=\"\/products\/silicium-biogenique-liquide-1-litre-vitalosmose\" target=\"_blank\"\u003e\u003c\/a\u003e offre une assimilation très rapide et donc des résultats visibles dès 2 à 3 jours seulement !\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eLes effets secondaires possibles du silicium en complément\u003c\/h2\u003e\n\u003cp\u003eLe silicium est considéré comme parfaitement sûr lorsqu’il est pris sous forme de complément alimentaire dans le respect des dosages recommandés. Toutefois, des effets secondaires légers peuvent apparaître dans certains cas précis, que voici :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eUn inconfort digestif\u003c\/strong\u003e comme des ballonnements légers ou une sensation de lourdeur peuvent survenir, surtout avec le silicium végétal (prêle, ortie).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUn effet drainant naturel\u003c\/strong\u003e : car le silicium peut favoriser l’élimination de l’eau, en particulier sous forme de silicium biogénique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDes réactions allergiques rares\u003c\/strong\u003e chez certaines personnes sensibles, qui peut provoquer une réaction cutanée légère (rougeurs ou démangeaisons).\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCes effets secondaires sont néanmoins très rares et disparaissent généralement rapidement après une réduction du dosage ou une prise pendant un repas.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eEn bonus, voici les meilleures synergies avec d’autres minéraux pour des résultats boostés !\u003c\/h2\u003e\n\u003cp\u003e\n  Le silicium, qu’il provienne de la prêle ou de l’ortie, a déjà bien des atouts… Mais parfois, c’est la bonne association qui va tout changer ! Voici comment profiter au maximum de votre cure de silicium, selon vos attentes ou votre contexte du moment.\n\u003c\/p\u003e\n\u003cul\u003e\n  \u003cli\u003e\n    \u003cstrong\u003eVous cherchez à renforcer vos articulations ou à préserver votre souplesse ?\u003c\/strong\u003e\u003cbr\u003e\n    Associer le silicium à un \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/manganese\" style=\"color:#66745c; text-decoration:underline;\"\u003eapport en manganèse\u003c\/a\u003e est souvent recommandé pour soutenir la régénération du cartilage et le confort articulaire, notamment si vous êtes sportif(ve) ou que l’âge commence à se faire sentir de ce côté-là.\n  \u003c\/li\u003e\n  \u003cli\u003e\n    \u003cstrong\u003eVous souhaitez améliorer la beauté de vos cheveux, ongles ou peau ?\u003c\/strong\u003e\u003cbr\u003e\n    Une cure de silicium donne de très bons résultats en synergie avec un \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/zinc\" style=\"color:#66745c; text-decoration:underline;\"\u003ecomplément alimentaire à base de zinc\u003c\/a\u003e, voire un \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/fer\" style=\"color:#66745c; text-decoration:underline;\"\u003eapport en fer\u003c\/a\u003e, surtout lors des changements de saison ou après une période de fatigue.\n  \u003c\/li\u003e\n  \u003cli\u003e\n    \u003cstrong\u003eFatigue chronique ou besoin de renforcer vos défenses ?\u003c\/strong\u003e\u003cbr\u003e\n    Compléter le silicium par un \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/magnesium\" style=\"color:#66745c; text-decoration:underline;\"\u003ecomplément riche en magnésium\u003c\/a\u003e ou une \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/selenium\" style=\"color:#66745c; text-decoration:underline;\"\u003ecure de sélénium\u003c\/a\u003e peut apporter un vrai “coup de boost” à votre organisme, surtout en période de surmenage ou lors des changements de saison.\n  \u003c\/li\u003e\n  \u003cli\u003e\n    \u003cstrong\u003eVous souhaitez soutenir la solidité osseuse sur le long terme ?\u003c\/strong\u003e\u003cbr\u003e\n    Associer le silicium à un \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/calcium\" style=\"color:#66745c; text-decoration:underline;\"\u003eapport en calcium\u003c\/a\u003e et à un \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/phosphore\" style=\"color:#66745c; text-decoration:underline;\"\u003ecomplément en phosphore\u003c\/a\u003e aide à renforcer la structure des os, particulièrement utile avec l’âge ou lors de périodes où l’organisme est plus sollicité.\n  \u003c\/li\u003e\n  \u003cli\u003e\n    \u003cstrong\u003eEnvie d’une routine vraiment complète et équilibrée ?\u003c\/strong\u003e\u003cbr\u003e\n    N’hésitez pas à penser à des minéraux comme le \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/cuivre\" style=\"color:#66745c; text-decoration:underline;\"\u003ecuivre\u003c\/a\u003e, le potassium ou même un apport en sodium si votre alimentation laisse à désirer ou si vous traversez une phase de convalescence ou de fatigue intense.\n  \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\n  Ce qui compte, ce n’est pas de tout prendre d’un coup, mais d’écouter vos besoins du moment et de cibler la bonne association : une synergie bien pensée, c’est souvent tout ce qu’il faut pour obtenir des résultats visibles. Et si vous hésitez ou voulez affiner votre choix, pensez à jeter un œil à notre \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/mineraux-oligo-elements\" style=\"color:#66745c; text-decoration:underline;\"\u003esélection complète de minéraux et oligo-éléments\u003c\/a\u003e. Vous y trouverez sûrement le petit plus qui fera la différence dans votre routine.\n\u003c\/p\u003e\n","products":[{"product_id":"boisson-instantanee-green-boost-bio-80-g-sol-semilla","title":"Boisson Green Boost Bio 50g - Spiruline, Acérola \u0026 Gingembre - Sol Semilla","description":"\u003cdiv class=\"gb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gb-hero\"\u003e\n\u003cdiv class=\"gb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gb-hero-content\"\u003e\n\u003cdiv class=\"gb-badges-top\"\u003e\n\u003cspan class=\"gb-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e \u003cspan class=\"gb-badge\"\u003e🍊 Riche en vitamine C\u003c\/span\u003e \u003cspan class=\"gb-badge\"\u003e⚡ 10 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gb-hero-title\"\u003eBoisson Green Boost Bio\u003c\/span\u003e\n\u003cp class=\"gb-subtitle\"\u003eSpiruline, Acérola \u0026amp; Gingembre - Sol Semilla\u003c\/p\u003e\n\u003cp class=\"gb-description\"\u003eTrois superaliments bio d'exception réunis dans une poudre instantanée pour booster votre vitalité, renforcer votre immunité et accompagner vos performances sportives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003cp class=\"gb-section-intro\"\u003eVous cherchez un coup de fouet naturel pour démarrer la journée ou préparer une séance de sport ?\u003c\/p\u003e\n\u003cdiv class=\"gb-grid-compact\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌱 Spiruline bio\u003c\/h3\u003e\n\u003cp\u003eMicro-algue riche en fer, protéines végétales et phycocyanine antioxydante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n\u003cp\u003eL'une des sources naturelles les plus concentrées en vitamine C\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🫚 Gingembre bio\u003c\/h3\u003e\n\u003cp\u003eNote épicée et réchauffante pour un effet tonifiant au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🥤 Instantanée\u003c\/h3\u003e\n\u003cp\u003e50 g de poudre, 10 portions, à mélanger avec du jus de pomme ou votre boisson préférée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003ePourquoi associer spiruline et acérola ? Les bienfaits de cette synergie\u003c\/h2\u003e\n\u003cdiv class=\"gb-synergy-box\"\u003e\n\u003cp\u003eL'association \u003cstrong\u003espiruline acérola\u003c\/strong\u003e est l'une des plus étudiées en nutrition naturelle, et pour cause. La spiruline est une micro-algue exceptionnellement riche en \u003cstrong\u003efer, protéines végétales et phycocyanine\u003c\/strong\u003e, un pigment aux propriétés antioxydantes remarquables. L'acérola, petit fruit d'Amazonie, est quant à lui l'une des sources naturelles les plus concentrées en \u003cstrong\u003evitamine C\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e🔬\u003c\/span\u003e\n\u003cp\u003eLa vitamine C de l'acérola \u003cstrong\u003efavorise l'absorption du fer\u003c\/strong\u003e contenu dans la spiruline. Vous profitez ainsi pleinement des bienfaits de chaque ingrédient — une synergie que les simples comprimés ne peuvent égaler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003eC'est exactement ce qui distingue cette formule des simples comprimés de \u003cstrong\u003espiruline et acérola\u003c\/strong\u003e disponibles sur le marché : ici, le gingembre vient compléter le trio pour un résultat encore plus complet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eLe gingembre : un troisième allié pour votre énergie\u003c\/h2\u003e\n\u003cdiv class=\"gb-testimonial\"\u003e\n\u003cp class=\"gb-testimonial-text\"\u003eReconnu depuis des siècles en médecine traditionnelle, le gingembre apporte une \u003cstrong\u003enote épicée et réchauffante\u003c\/strong\u003e à la boisson. L'association \u003cstrong\u003espiruline et gingembre\u003c\/strong\u003e crée un mélange tonifiant et savoureux, idéal pour soutenir votre vitalité au quotidien, que vous soyez sportif ou simplement en quête d'un regain d'énergie naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"gb-section-intro\"\u003eFormulée à partir d'ingrédients 100 % biologiques, soigneusement sourcés entre l'Amazonie et le Maroc.\u003c\/p\u003e\n\u003cdiv class=\"gb-grid\"\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🌊 Spiruline bio\u003c\/h3\u003e\n\u003cp\u003eSource de fer, protéines et phycocyanine. Micro-algue aux propriétés nutritionnelles exceptionnelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n\u003cp\u003eConcentré naturel de vitamine C et antioxydants. Petit fruit puissant d'Amazonie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🫚 Gingembre bio\u003c\/h3\u003e\n\u003cp\u003eTonifiant et réchauffant. Épice millénaire reconnue pour ses vertus énergisantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eSans additifs, sans conservateurs, sans gluten. Convient à une alimentation \u003cstrong\u003evégane\u003c\/strong\u003e et crue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eComment préparer votre Green Boost ?\u003c\/h2\u003e\n\u003cdiv class=\"gb-timeline\"\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eDosez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003eune dose de 5 g\u003c\/strong\u003e (environ une cuillère à café bombée) dans un verre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eAjoutez votre boisson\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003e200 ml de jus de pomme\u003c\/strong\u003e (recommandé par Sol Semilla) ou d'eau fraîche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eMélangez vigoureusement\u003c\/h3\u003e\n\u003cp\u003eRemuez à la cuillère ou au shaker jusqu'à dissolution complète de la poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eDégustez immédiatement\u003c\/h3\u003e\n\u003cp\u003eConsommez sans attendre pour profiter de \u003cstrong\u003etous les nutriments\u003c\/strong\u003e à leur maximum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e⏰\u003c\/span\u003e\n\u003cp\u003ePour un effet optimal, consommez votre boisson \u003cstrong\u003ele matin à jeun ou 30 minutes avant l'effort\u003c\/strong\u003e. Vous pouvez également l'ajouter à un smoothie ou un bol de fruits pour varier les plaisirs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003ePour qui est faite cette boisson ?\u003c\/h2\u003e\n\u003cdiv class=\"gb-grid-compact\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003eUn boost naturel avant l'effort pour des performances au top\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e😴 Personnes fatiguées\u003c\/h3\u003e\n\u003cp\u003eIdéal en période de changement de saison ou de baisse d'énergie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🛡️ Immunité fragilisée\u003c\/h3\u003e\n\u003cp\u003eRenforcez vos défenses naturelles grâce à la vitamine C et aux antioxydants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eUne alternative bio aux comprimés classiques de spiruline et acérola\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"gb-section\"\u003e\n\u003ch2\u003eQualité et engagements Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"gb-cta-box\"\u003e\n\u003cp\u003eDepuis 1992, Sol Semilla sélectionne les \u003cstrong\u003emeilleurs superaliments biologiques\u003c\/strong\u003e avec une exigence rare. Certifié \u003cstrong\u003eAB (Agriculture Biologique)\u003c\/strong\u003e et conditionné en France, chaque sachet de 50 g offre \u003cstrong\u003e10 portions\u003c\/strong\u003e d'un rituel bien-être quotidien accessible et pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-accordion\"\u003e\n\u003cdetails class=\"gb-accordion-item\"\u003e\n\u003csummary class=\"gb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gb-accordion-item\"\u003e\n\u003csummary class=\"gb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un complément alimentaire. Il ne remplace ni un régime alimentaire varié et équilibré, ni un avis médical. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --gb-cream: #faf6f0;\n  --gb-white: #ffffff;\n  --gb-primary: #d4441c;\n  --gb-primary-dark: #a8330f;\n  --gb-primary-light: #fef0ec;\n  --gb-secondary: #2d8c4e;\n  --gb-secondary-light: #e8f5ee;\n  --gb-accent: #5b9bd5;\n  --gb-kraft: #c8a96e;\n  --gb-text: #1a1a1a;\n  --gb-text-light: #5a5a5a;\n  --gb-border: #e0d8ce;\n  --gb-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --gb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --gb-radius: 20px;\n  --gb-radius-sm: 12px;\n}\n\n.gb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gb-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--gb-primary) 0%, #e06530 40%, var(--gb-secondary) 100%);\n  border-radius: var(--gb-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(--gb-shadow-lg);\n}\n\n.gb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-conic-gradient(from 0deg at 50% 0%, transparent 0deg, rgba(255,255,255,.06) 15deg, transparent 30deg);\n  opacity: 1;\n}\n\n.gb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.gb-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.gb-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.gb-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.gb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gb-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(--gb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gb-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.gb-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(--gb-primary), var(--gb-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.gb-card {\n  background: var(--gb-white);\n  border-radius: var(--gb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gb-shadow-lg);\n  border-color: var(--gb-primary);\n}\n\n.gb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT (variante verte) === *\/\n.gb-card-ingredient {\n  border-top: 4px solid var(--gb-secondary);\n}\n\n.gb-card-ingredient:hover {\n  border-color: var(--gb-secondary);\n}\n\n.gb-card-ingredient h3 {\n  color: #1e6b3a;\n}\n\n\/* === GRILLES === *\/\n.gb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.gb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gb-grid-compact .gb-card {\n  padding: 1rem;\n}\n\n.gb-grid-compact .gb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gb-grid-compact .gb-card p {\n  font-size: 12px;\n}\n\n\/* === SYNERGY BOX === *\/\n.gb-synergy-box {\n  background: var(--gb-white);\n  border-radius: var(--gb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gb-shadow);\n}\n\n.gb-synergy-box p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--gb-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.gb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gb-primary), var(--gb-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.gb-timeline-content {\n  flex: 1;\n  background: var(--gb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gb-radius-sm);\n  box-shadow: var(--gb-shadow);\n}\n\n.gb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gb-timeline-content p {\n  font-size: 14px;\n  color: var(--gb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gb-testimonial {\n  background: var(--gb-white);\n  border-radius: var(--gb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gb-shadow);\n  border-left: 4px solid var(--gb-secondary);\n}\n\n.gb-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gb-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gb-accordion {\n  background: var(--gb-white);\n  border-radius: var(--gb-radius);\n  box-shadow: var(--gb-shadow);\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.gb-accordion-item {\n  border-bottom: 1px solid var(--gb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gb-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.gb-accordion-header:hover {\n  background: var(--gb-primary-light);\n}\n\n.gb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gb-primary);\n  transition: transform .2s ease;\n}\n\n.gb-accordion-item[open] .gb-accordion-header::after {\n  content: '−';\n}\n\n.gb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gb-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gb-secondary-light);\n  border-radius: var(--gb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gb-tip p {\n  font-size: 14px;\n  color: var(--gb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === SECTION INTRO === *\/\n.gb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gb-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CTA BOX === *\/\n.gb-cta-box {\n  background: linear-gradient(135deg, var(--gb-primary) 0%, var(--gb-primary-dark) 100%);\n  border-radius: var(--gb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.gb-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  .gb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gb-card {\n    padding: 1.125rem;\n  }\n\n  .gb-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gb-radius-sm);\n  }\n\n  .gb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gb-grid-compact {\n    gap: .625rem;\n  }\n\n  .gb-grid-compact .gb-card {\n    padding: .75rem;\n  }\n\n  .gb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gb-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gb-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gb-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gb-testimonial {\n    padding: 1.25rem;\n  }\n\n  .gb-testimonial-text {\n    font-size: 14px;\n  }\n\n  .gb-synergy-box {\n    padding: 1.25rem;\n  }\n\n  .gb-synergy-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gb-card {\n    animation: gbFadeInUp .5s ease backwards;\n  }\n  .gb-card:nth-child(1) { animation-delay: .05s; }\n  .gb-card:nth-child(2) { animation-delay: .1s; }\n  .gb-card:nth-child(3) { animation-delay: .15s; }\n  .gb-card:nth-child(4) { animation-delay: .2s; }\n  .gb-card:nth-child(5) { animation-delay: .25s; }\n  .gb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gbFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .gb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755115995293,"sku":"REF1349","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/boisson-green-boost-bio-50g-spiruline-acerola-gingembre-sol--lifestyle.webp?v=1772788773"},{"product_id":"super-topping-vert-origine-spiruline-chanvre-graines-bio-170-g-sol-semilla","title":"Super Topping Vert Origine : Spiruline \u0026 Chanvre - Graines Bio 170 g - Sol Semilla","description":"\u003cdiv class=\"st-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"st-hero\"\u003e\n\u003cdiv class=\"st-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"st-hero-content\"\u003e\n\u003cdiv class=\"st-badges-top\"\u003e\n\u003cspan class=\"st-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"st-badge\"\u003e🇫🇷 Chanvre français\u003c\/span\u003e \u003cspan class=\"st-badge\"\u003e💪 Super-protéiné\u003c\/span\u003e \u003cspan class=\"st-badge\"\u003e🧃 14 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"st-hero-title\"\u003eSuper Topping Vert Origine Spiruline \u0026amp; Chanvre Bio\u003c\/span\u003e\n\u003cp class=\"st-subtitle\"\u003eLe mix croquant super-protéiné par Sol Semilla\u003c\/p\u003e\n\u003cp class=\"st-description\"\u003eUn mélange bio de brindilles de spiruline, graines de chanvre français et super-graines à saupoudrer sur tous vos plats pour un boost nutritionnel immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"st-section\"\u003e\n\u003cp class=\"st-section-intro\"\u003eEnvie de rehausser vos repas avec un concentré de nutriments, sans effort ?\u003c\/p\u003e\n\u003cdiv class=\"st-grid-compact\"\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌀 Spiruline premium\u003c\/h3\u003e\n\u003cp\u003eBrindilles séchées à basse température (\u0026lt;50 °C) pour une richesse intacte en nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌱 Chanvre français\u003c\/h3\u003e\n\u003cp\u003eGraines décortiquées cultivées en France, source d'oméga-3 et de protéines végétales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e⚡ Apport protéiné\u003c\/h3\u003e\n\u003cp\u003eUn concentré de protéines complètes, acides gras essentiels, vitamines et minéraux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🥄 Ultra-simple\u003c\/h3\u003e\n\u003cp\u003eSe saupoudre sur tous vos plats : une cuillère suffit pour un boost nutritionnel immédiat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"st-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce super topping spiruline et chanvre ?\u003c\/h2\u003e\n\u003cp class=\"st-section-intro\"\u003eSol Semilla, pionnière des superaliments en France depuis 1992, a formulé cette recette pour répondre à trois objectifs précis :\u003c\/p\u003e\n\u003cdiv class=\"st-grid\"\u003e\n\u003cdiv class=\"st-card st-card-highlight\"\u003e\n\u003ch3\u003e🌞 Vitalité au quotidien\u003c\/h3\u003e\n\u003cp\u003eLa spiruline premium conserve toute sa richesse en \u003cstrong\u003efer, phycocyanine et protéines complètes\u003c\/strong\u003e (environ 60 % de protéines). Elle contribue à réduire la fatigue et à soutenir le système immunitaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card st-card-highlight\"\u003e\n\u003ch3\u003e🏃 Nutrition sportive naturelle\u003c\/h3\u003e\n\u003cp\u003eLes graines de chanvre décortiquées offrent un profil idéal en \u003cstrong\u003eoméga-3 et oméga-6\u003c\/strong\u003e, ainsi qu'une teneur élevée en protéines végétales facilement assimilables, précieuses pour la récupération musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card st-card-highlight\"\u003e\n\u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n\u003cp\u003eL'association spiruline + chanvre + graines sélectionnées fournit un cocktail d'\u003cstrong\u003eantioxydants, de zinc et de vitamines du groupe B\u003c\/strong\u003e pour vos défenses naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"st-section\"\u003e\n\u003ch2\u003eComposition du Super Topping Vert Bio\u003c\/h2\u003e\n\u003cp class=\"st-section-intro\"\u003eTous les ingrédients sont issus de l'agriculture biologique certifiée (label AB et Eurofeuille). Origine : France et Maroc.\u003c\/p\u003e\n\u003cdiv class=\"st-grid-compact\"\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌀 Brindilles de spiruline bio\u003c\/h3\u003e\n\u003cp\u003eMicro-algue riche en protéines, fer et antioxydants, séchée à basse température\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌿 Graines de chanvre bio\u003c\/h3\u003e\n\u003cp\u003eDécortiquées, cultivées en France - source d'oméga-3, oméga-6, protéines et fibres\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🎃 Graines de courge bio\u003c\/h3\u003e\n\u003cp\u003eApport en zinc, magnésium et fer\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌻 Graines de tournesol bio\u003c\/h3\u003e\n\u003cp\u003eRiches en vitamine E et en sélénium\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-tip\"\u003e\n\u003cspan class=\"st-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans additifs, sans conservateurs, sans arômes artificiels.\u003c\/strong\u003e Le sachet de 170 g correspond à environ \u003cstrong\u003e14 portions\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"st-section\"\u003e\n\u003ch2\u003eComment utiliser le Super Topping Spiruline Chanvre ?\u003c\/h2\u003e\n\u003cp class=\"st-section-intro\"\u003eLa dose recommandée est de 1 à 2 cuillères à soupe par jour (environ 12 g par portion).\u003c\/p\u003e\n\u003cdiv class=\"st-timeline\"\u003e\n\u003cdiv class=\"st-timeline-item\"\u003e\n\u003cdiv class=\"st-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-content\"\u003e\n\u003ch3\u003e🥗 Sur vos salades\u003c\/h3\u003e\n\u003cp\u003ePour une texture croquante et un boost nutritionnel immédiat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-item\"\u003e\n\u003cdiv class=\"st-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-content\"\u003e\n\u003ch3\u003e🥣 Dans un smoothie ou un bowl\u003c\/h3\u003e\n\u003cp\u003eMixé ou parsemé, il enrichit votre petit-déjeuner en protéines végétales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-item\"\u003e\n\u003cdiv class=\"st-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-content\"\u003e\n\u003ch3\u003e🍜 Sur vos soupes et veloutés\u003c\/h3\u003e\n\u003cp\u003eAjouté au dernier moment pour conserver le croquant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-item\"\u003e\n\u003cdiv class=\"st-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-content\"\u003e\n\u003ch3\u003e🥑 Sur tartines d'avocat ou houmous\u003c\/h3\u003e\n\u003cp\u003eUn topping original qui surprendra vos convives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-item\"\u003e\n\u003cdiv class=\"st-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-content\"\u003e\n\u003ch3\u003e🍝 Dans vos pâtes ou risottos\u003c\/h3\u003e\n\u003cp\u003eEn finition, pour une touche de couleur et de saveur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-tip\"\u003e\n\u003cspan class=\"st-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e évitez de le cuire à haute température afin de préserver les bienfaits de la spiruline et les acides gras du chanvre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"st-section\"\u003e\n\u003ch2\u003eSol Semilla : l'exigence des superaliments depuis 1992\u003c\/h2\u003e\n\u003cdiv class=\"st-testimonial\"\u003e\n\u003cp class=\"st-testimonial-text\"\u003eFondée il y a plus de trente ans, Sol Semilla sélectionne ses producteurs avec rigueur, en privilégiant les filières courtes et les pratiques agricoles durables. Chaque lot est contrôlé pour garantir pureté, traçabilité et respect de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"st-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce topping bio ?\u003c\/h2\u003e\n\u003cdiv class=\"st-grid-compact\"\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n\u003cp\u003eProtéines végétales et oméga pour la récupération musculaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e⚡ En quête de vitalité\u003c\/h3\u003e\n\u003cp\u003eFer, vitamines B et antioxydants pour réduire la fatigue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌱 Végétariens \u0026amp; vegans\u003c\/h3\u003e\n\u003cp\u003eUn complément nutritionnel 100 % végétal et naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🔍 Curieux des superaliments\u003c\/h3\u003e\n\u003cp\u003eUne façon simple de découvrir spiruline et chanvre au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-tip\"\u003e\n\u003cspan class=\"st-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eNaturellement \u003cstrong\u003esans gluten\u003c\/strong\u003e et sans lactose. Convient à tous les régimes alimentaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"st-disclaimer\"\u003eCe produit est un aliment et ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --st-cream: #faf6f0;\n  --st-white: #ffffff;\n  --st-primary: #2e7d32;\n  --st-primary-dark: #1b5e20;\n  --st-primary-light: #e8f5e9;\n  --st-secondary: #f9a825;\n  --st-accent: #d84315;\n  --st-text: #1a1a1a;\n  --st-text-light: #5a5a5a;\n  --st-border: #e0e0e0;\n  --st-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --st-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --st-radius: 20px;\n  --st-radius-sm: 12px;\n}\n\n.st-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--st-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.st-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--st-primary-dark) 0%, var(--st-primary) 45%, #4caf50 100%);\n  border-radius: var(--st-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(--st-shadow-lg);\n}\n\n.st-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 50%, rgba(249,168,37,.15) 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(216,67,21,.1) 0%, transparent 45%);\n  opacity: 1;\n}\n\n.st-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.st-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.st-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.st-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.st-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.st-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(--st-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.st-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.st-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.st-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--st-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.st-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(--st-primary), var(--st-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.st-card {\n  background: var(--st-white);\n  border-radius: var(--st-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--st-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.st-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--st-shadow-lg);\n  border-color: var(--st-primary);\n}\n\n.st-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--st-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.st-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--st-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.st-card-highlight {\n  border-left: 4px solid var(--st-secondary);\n  text-align: left;\n}\n\n.st-card-highlight p strong {\n  color: var(--st-primary-dark);\n}\n\n\/* === GRILLES === *\/\n.st-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.st-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.st-grid-compact .st-card {\n  padding: 1rem;\n}\n\n.st-grid-compact .st-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.st-grid-compact .st-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.st-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.st-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.st-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--st-primary), var(--st-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.st-timeline-content {\n  flex: 1;\n  background: var(--st-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--st-radius-sm);\n  box-shadow: var(--st-shadow);\n}\n\n.st-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--st-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.st-timeline-content p {\n  font-size: 14px;\n  color: var(--st-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.st-testimonial {\n  background: var(--st-white);\n  border-radius: var(--st-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--st-shadow);\n  border-left: 4px solid var(--st-secondary);\n}\n\n.st-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--st-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.st-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--st-primary-light);\n  border-radius: var(--st-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.st-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.st-tip p {\n  font-size: 14px;\n  color: var(--st-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.st-tip p strong {\n  color: var(--st-primary-dark);\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.st-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--st-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.st-disclaimer {\n  font-size: 12px;\n  color: var(--st-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  .st-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .st-card {\n    padding: 1.125rem;\n  }\n\n  .st-card-highlight {\n    text-align: left;\n  }\n\n  .st-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .st-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--st-radius-sm);\n  }\n\n  .st-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .st-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .st-grid-compact {\n    gap: .625rem;\n  }\n\n  .st-grid-compact .st-card {\n    padding: .75rem;\n  }\n\n  .st-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .st-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .st-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .st-timeline-content p {\n    font-size: 13px;\n  }\n\n  .st-testimonial {\n    padding: 1.25rem;\n  }\n\n  .st-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .st-card {\n    animation: stFadeInUp .5s ease backwards;\n  }\n  .st-card:nth-child(1) { animation-delay: .05s; }\n  .st-card:nth-child(2) { animation-delay: .1s; }\n  .st-card:nth-child(3) { animation-delay: .15s; }\n  .st-card:nth-child(4) { animation-delay: .2s; }\n  .st-card:nth-child(5) { animation-delay: .25s; }\n  .st-card:nth-child(6) { animation-delay: .3s; }\n\n  .st-timeline-item {\n    animation: stFadeInUp .5s ease backwards;\n  }\n  .st-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .st-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .st-timeline-item:nth-child(3) { animation-delay: .15s; }\n  .st-timeline-item:nth-child(4) { animation-delay: .2s; }\n  .st-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes stFadeInUp {\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  .st-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755132805277,"sku":"REF1368","price":4.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/super-topping-vert-origine-spiruline-chanvre-graines-bio-170-lifestyle.webp?v=1772786590"},{"product_id":"phyco-40-bio-spiruline-et-phycocyanine-24-gelules-lt-labo","title":"Phyco++40 Bio - Spiruline \u0026 Phycocyanine - 32 Gelules - LT Labo","description":"\u003cdiv class=\"pc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"pc-hero\"\u003e\n    \u003cdiv class=\"pc-hero-pattern\"\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\n        \u003cspan class=\"pc-badge\"\u003e🇫🇷 Spiruline française\u003c\/span\u003e\n        \u003cspan class=\"pc-badge\"\u003e🌱 Vegan certifié\u003c\/span\u003e\n        \u003cspan class=\"pc-badge\"\u003e💊 32 gélules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pc-hero-title\"\u003ePhyco++40 Bio\u003c\/span\u003e\n      \u003cp class=\"pc-subtitle\"\u003eSpiruline \u0026amp; Phycocyanine concentrée à 40 % — LT Labo\u003c\/p\u003e\n      \u003cp class=\"pc-description\"\u003eL'un des extraits de phycocyanine les plus concentrés du marché : 40 % de principes actifs pour un soutien immunitaire et antioxydant maximal, en gélules 100 % bio et vegan.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003ePhyco++40 Bio : la puissance concentrée de la phycocyanine à 40 %\u003c\/h2\u003e\n    \u003cp class=\"pc-section-intro\"\u003eVous cherchez un complément alimentaire à base de \u003cstrong\u003espiruline bio française\u003c\/strong\u003e réellement dosé en principes actifs ? Le \u003cstrong\u003ePhyco++40 Bio de LT Labo\u003c\/strong\u003e se distingue nettement des spirulines classiques grâce à sa concentration exceptionnelle : \u003cstrong\u003e40 % de phycocyanines\u003c\/strong\u003e, soit l'un des taux les plus élevés du marché.\u003c\/p\u003e\n    \u003cdiv class=\"pc-highlight-box\"\u003e\n      \u003cdiv class=\"pc-highlight-number\"\u003e40 %\u003c\/div\u003e\n      \u003cdiv class=\"pc-highlight-text\"\u003e\n        \u003cp\u003eCe pigment bleu, véritable trésor de la spiruline, est reconnu pour ses \u003cstrong\u003epropriétés antioxydantes puissantes\u003c\/strong\u003e et son rôle dans le \u003cstrong\u003esoutien du système immunitaire\u003c\/strong\u003e. Là où les spirulines classiques plafonnent à 15-20 %, Phyco++40 double la mise.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eQu'est-ce que la phycocyanine et pourquoi 40 % change tout ?\u003c\/h2\u003e\n    \u003cdiv class=\"pc-testimonial\"\u003e\n      \u003cp class=\"pc-testimonial-text\"\u003eLa \u003cstrong\u003ephycocyanine\u003c\/strong\u003e est le pigment bleu naturellement présent dans la spiruline (\u003cem\u003eArthrospira platensis\u003c\/em\u003e). C'est elle qui concentre une grande partie des bienfaits de la spiruline bio : protection contre le stress oxydatif, soutien des défenses naturelles et contribution à la vitalité globale.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pc-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e📉 Spiruline classique\u003c\/h3\u003e\n        \u003cp\u003e15 à 20 % de phycocyanine maximum — nécessite plus de prises pour un effet notable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card pc-card-accent\"\u003e\n        \u003ch3\u003e🚀 Phyco++40 Bio\u003c\/h3\u003e\n        \u003cp\u003eExtrait titré à \u003cstrong\u003e40 %\u003c\/strong\u003e — chaque gélule est véritablement concentrée et efficace\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets de Phyco++40 Bio\u003c\/h2\u003e\n    \u003cdiv class=\"pc-grid\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🛡️ Soutien immunitaire renforcé\u003c\/h3\u003e\n        \u003cp\u003eLa spiruline contribue au bon fonctionnement du système immunitaire, un atout précieux aux changements de saison ou en période de fatigue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e✨ Action antioxydante puissante\u003c\/h3\u003e\n        \u003cp\u003eLa phycocyanine aide à lutter contre les radicaux libres responsables du vieillissement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e⚡ Énergie et endurance\u003c\/h3\u003e\n        \u003cp\u003eRiche en protéines, fer et vitamines du groupe B, la spiruline bio participe à réduire la fatigue au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🧹 Détoxification naturelle\u003c\/h3\u003e\n        \u003cp\u003eElle favorise l'élimination des toxines et soutient les fonctions d'épuration de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 2 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"pc-composition\"\u003e\n      \u003cdiv class=\"pc-composition-item\"\u003e\n        \u003cdiv class=\"pc-composition-icon\"\u003e🌀\u003c\/div\u003e\n        \u003cdiv class=\"pc-composition-detail\"\u003e\n          \u003ch3\u003eSpiruline bio (\u003cem\u003eArthrospira platensis\u003c\/em\u003e)\u003c\/h3\u003e\n          \u003cp\u003eExtrait concentré en phycocyanines \u003cstrong\u003e(40 %)\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-composition-item\"\u003e\n        \u003cdiv class=\"pc-composition-icon\"\u003e💊\u003c\/div\u003e\n        \u003cdiv class=\"pc-composition-detail\"\u003e\n          \u003ch3\u003eEnveloppe de la gélule\u003c\/h3\u003e\n          \u003cp\u003eHydroxypropylméthylcellulose (origine végétale)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pc-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🌿 Certifié AB\u003c\/h3\u003e\n        \u003cp\u003eFR-BIO-01\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n        \u003cp\u003e100 % végétal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n        \u003cp\u003eNi colorants, ni conservateurs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e📦 Contenu\u003c\/h3\u003e\n        \u003cp\u003e32 gélules — 14 g net\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eComment prendre Phyco++40 Bio ?\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\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence le matin au cours du petit-déjeuner.\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\u003ePour une cure complète, une prise régulière sur \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e est idéale, renouvelable plusieurs fois par an selon vos besoins.\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\u003eDébutants en spiruline\u003c\/h3\u003e\n          \u003cp\u003eCommencez par \u003cstrong\u003eune gélule quotidienne\u003c\/strong\u003e la première semaine afin de laisser votre organisme s'adapter progressivement.\u003c\/p\u003e\n        \u003c\/div\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\u003eAvec 32 gélules par flacon, vous disposez d'environ \u003cstrong\u003e16 jours de cure\u003c\/strong\u003e à raison de 2 gélules\/jour. Prévoyez 2 flacons pour une cure complète de 4 semaines.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eFabrication française et qualité biologique\u003c\/h2\u003e\n    \u003cdiv class=\"pc-grid\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Laboratoire français\u003c\/h3\u003e\n        \u003cp\u003eFormulé par \u003cstrong\u003eLT Labo\u003c\/strong\u003e, spécialiste des compléments alimentaires naturels et biologiques depuis plus de 20 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🌾 Spiruline cultivée en France\u003c\/h3\u003e\n        \u003cp\u003eRécoltée et transformée dans le respect de conditions strictes pour préserver l'intégrité de ses nutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🔬 Contrôle qualité rigoureux\u003c\/h3\u003e\n        \u003cp\u003eChaque lot est analysé pour garantir une teneur réelle en phycocyanines conforme à l'étiquetage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"pc-grid\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité fragile\u003c\/h3\u003e\n        \u003cp\u003eRenforcez vos défenses naturelles avant l'hiver ou après une période de convalescence.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🔋 Fatigue passagère\u003c\/h3\u003e\n        \u003cp\u003eRetrouvez énergie et tonus grâce à un concentré naturel de spiruline bio.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🌿 Routine antioxydante\u003c\/h3\u003e\n        \u003cp\u003eIntégrez un antioxydant naturel et certifié bio dans votre quotidien bien-être.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e💪 Concentration maximale\u003c\/h3\u003e\n        \u003cp\u003eProfitez des bienfaits de la spiruline sous une forme hautement concentrée à 40 % de phycocyanine.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Précautions \u0026 infos secondaires --\u003e\n  \u003csection class=\"pc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"pc-accordion\"\u003e\n      \u003cdetails class=\"pc-accordion-item\"\u003e\n        \u003csummary class=\"pc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace pas un régime alimentaire varié et équilibré ni un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Déconseillé aux personnes allergiques aux algues. En cas de traitement médical, demandez conseil à votre médecin.\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 frais, sec et à l'abri de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pc-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cp\u003e🌀 Offrez à votre organisme la puissance de \u003cstrong\u003e40 % de phycocyanine bio\u003c\/strong\u003e — l'allié naturel de votre immunité, de votre énergie et de votre vitalité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pc-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Les compléments alimentaires doivent être utilisés 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:root {\n  --pc-cream: #f4f8fa;\n  --pc-white: #ffffff;\n  --pc-primary: #2a9fd6;\n  --pc-primary-dark: #1a6b94;\n  --pc-primary-light: #e6f4fb;\n  --pc-secondary: #4db849;\n  --pc-accent: #0e7a3d;\n  --pc-text: #1a1a1a;\n  --pc-text-light: #5a5a5a;\n  --pc-border: #dde8ee;\n  --pc-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --pc-shadow-lg: 0 12px 48px rgba(0,0,0,.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, #1a6b94 0%, #2a9fd6 45%, #4db849 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: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n              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.pc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\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-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-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}\n\n.pc-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\/* === 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.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: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pc-highlight-box {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\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: 5px solid var(--pc-primary);\n}\n\n.pc-highlight-number {\n  flex-shrink: 0;\n  font-size: clamp(36px, 8vw, 56px);\n  font-weight: 900;\n  color: var(--pc-primary);\n  line-height: 1;\n  letter-spacing: -.04em;\n}\n\n.pc-highlight-text p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--pc-text-light);\n  margin: 0;\n  line-height: 1.7;\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-accent {\n  background: var(--pc-primary-light);\n  border: 2px solid 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\/* === 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 === *\/\n.pc-composition {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pc-composition-item {\n  display: flex;\n  gap: 1rem;\n  align-items: center;\n  background: var(--pc-white);\n  border-radius: var(--pc-radius-sm);\n  padding: 1.25rem 1.5rem;\n  box-shadow: var(--pc-shadow);\n  transition: all .3s ease;\n}\n\n.pc-composition-item:hover {\n  transform: translateX(6px);\n  box-shadow: var(--pc-shadow-lg);\n}\n\n.pc-composition-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.pc-composition-detail 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-composition-detail p {\n  font-size: 14px;\n  color: var(--pc-text-light);\n  margin: 0;\n  line-height: 1.5;\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\/* === 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: 1.25rem;\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\/* === 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\/* === CTA FINAL === *\/\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}\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\/* === DISCLAIMER === *\/\n.pc-disclaimer {\n  font-size: 12px;\n  color: var(--pc-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  .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-highlight-box {\n    flex-direction: column;\n    text-align: center;\n    gap: 1rem;\n    padding: 1.25rem;\n  }\n\n  .pc-highlight-number {\n    font-size: 40px;\n  }\n\n  .pc-composition-item {\n    padding: 1rem;\n  }\n\n  .pc-composition-icon {\n    font-size: 24px;\n  }\n\n  .pc-composition-detail h3 {\n    font-size: 14px;\n  }\n\n  .pc-composition-detail p {\n    font-size: 13px;\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\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":"LT LABO","offers":[{"title":"Default Title","offer_id":45755279802525,"sku":"NBAILTL0027","price":24.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/phyco40_lt_labo.webp?v=1773656629"},{"product_id":"algosource-spirulysat-original-extrait-liquide-de-spiruline-ampoule-20x10ml-algosource","title":"Spirulysat Original - Extrait Liquide de Spiruline - 20 Ampoules - AlgoSource","description":"\n\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Spirulysat Original - Extrait Liquide de Spiruline\nPalette détectée:\n  - Primaire: #0047AB (Bleu cobalt intense du packaging - symbolise l'eau, la nature aquatique)\n  - Secondaire: #B8986F (Or\/beige chaud des accents - évoque le naturel, la qualité premium)\n  - Accent: #E8E5D8 (Beige crème du fond - douceur, naturel)\n  - Highlight: #00A3E0 (Bleu cyan de l'ampoule - vitalité, innovation)\nAmbiance: Naturel premium avec une forte identité scientifique\/marine. Le bleu profond évoque la mer et les micro-algues, tandis que le beige apporte une touche naturelle et rassurante. Le contraste dynamique entre le bleu et le blanc suggère pureté et efficacité. Style : Santé naturelle haut de gamme, biodisponibilité, innovation française.\nPréfixe CSS: spir\n--\u003e\n\n\u003cdiv class=\"spir-premium\"\u003e\n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"spir-hero\"\u003e\n    \u003cdiv class=\"spir-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"spir-hero-content\"\u003e\n      \u003cdiv class=\"spir-badges-top\"\u003e\n        \u003cspan class=\"spir-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n        \u003cspan class=\"spir-badge\"\u003e💧 100% liquide\u003c\/span\u003e\n        \u003cspan class=\"spir-badge\"\u003e🌿 Sans additifs\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"spir-hero-title\"\u003eSpirulysat Original\u003c\/span\u003e\n      \u003cp class=\"spir-subtitle\" style=\"color:white;\"\u003eL'extrait liquide de spiruline à biodisponibilité maximale\u003c\/p\u003e\n      \u003cp class=\"spir-description\" style=\"color:white;\"\u003e20 ampoules de pure vitalité pour booster naturellement votre énergie et renforcer votre système immunitaire\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Bénéfices Clés --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003ePourquoi Spirulysat révolutionne votre bien-être\u003c\/h2\u003e\n    \u003cdiv class=\"spir-grid\"\u003e\n      \u003cdiv class=\"spir-card spir-card-highlight\"\u003e\n        \u003cdiv class=\"spir-card-icon\"\u003e💧\u003c\/div\u003e\n        \u003ch3\u003eBiodisponibilité exceptionnelle\u003c\/h3\u003e\n        \u003cp\u003eFormat liquide unique garantissant une \u003cstrong\u003eabsorption optimale\u003c\/strong\u003e et des effets ressentis dès les premiers jours. Contrairement aux poudres et comprimés, les nutriments sont directement assimilables.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003cdiv class=\"spir-card-icon\"\u003e🌊\u003c\/div\u003e\n        \u003ch3\u003eSpiruline fraîche 20%\u003c\/h3\u003e\n        \u003cp\u003eConcentration exceptionnelle en spiruline pure, \u003cstrong\u003eextraite à basse température\u003c\/strong\u003e pour préserver 100% de ses propriétés nutritionnelles : phycocyanine, protéines, vitamines B12.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003cdiv class=\"spir-card-icon\"\u003e⚡\u003c\/div\u003e\n        \u003ch3\u003eÉnergie naturelle durable\u003c\/h3\u003e\n        \u003cp\u003eFini les coups de fatigue ! Spirulysat vous apporte un \u003cstrong\u003eregain de vitalité immédiat\u003c\/strong\u003e qui se prolonge tout au long de la journée, sans excitants artificiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003cdiv class=\"spir-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eBouclier immunitaire renforcé\u003c\/h3\u003e\n        \u003cp\u003eRichesse naturelle en antioxydants, vitamines et minéraux pour \u003cstrong\u003estimuler vos défenses\u003c\/strong\u003e et vous protéger des agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003cdiv class=\"spir-card-icon\"\u003e🍃\u003c\/div\u003e\n        \u003ch3\u003ePureté absolue\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eZéro additif, zéro conservateur\u003c\/strong\u003e, zéro arôme artificiel. Juste de la spiruline fraîche et de l'eau purifiée. Formulation 100% naturelle et clean.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-card\"\u003e\n        \u003cdiv class=\"spir-card-icon\"\u003e📍\u003c\/div\u003e\n        \u003ch3\u003eTraçabilité française totale\u003c\/h3\u003e\n        \u003cp\u003eCultivée, extraite et conditionnée en France par AlgoSource, expert reconnu. \u003cstrong\u003eContrôle qualité maximal\u003c\/strong\u003e de la culture jusqu'à votre porte.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Composition Détaillée --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eUne formule d'une simplicité remarquable\u003c\/h2\u003e\n    \u003cdiv class=\"spir-composition-grid\"\u003e\n      \u003cdiv class=\"spir-composition-card spir-main-ingredient\"\u003e\n        \u003cdiv class=\"spir-percentage\"\u003e20%\u003c\/div\u003e\n        \u003ch3\u003e🌊 Spiruline fraîche\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eArthrospira platensis\u003c\/strong\u003e, la micro-algue aux 65% de protéines végétales complètes. Source naturelle exceptionnelle de :\u003c\/p\u003e\n        \u003cul class=\"spir-nutrient-list\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003ePhycocyanine\u003c\/strong\u003e : pigment bleu aux propriétés antioxydantes puissantes\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eVitamine B12\u003c\/strong\u003e : essentielle au métabolisme énergétique\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eFer biodisponible\u003c\/strong\u003e : lutte contre la fatigue\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eBêta-carotène\u003c\/strong\u003e : protection cellulaire\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eChlorophylle\u003c\/strong\u003e : détoxification naturelle\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-composition-card\"\u003e\n        \u003cdiv class=\"spir-percentage\"\u003e80%\u003c\/div\u003e\n        \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n        \u003cp\u003eEau de source ultrapure permettant l'extraction douce et la conservation des actifs de la spiruline. Support neutre garantissant la stabilité des nutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"spir-guarantee-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003e✓\u003c\/strong\u003e Sans additifs \u003cstrong\u003e✓\u003c\/strong\u003e Sans conservateurs \u003cstrong\u003e✓\u003c\/strong\u003e Sans colorants \u003cstrong\u003e✓\u003c\/strong\u003e Sans arômes artificiels \u003cstrong\u003e✓\u003c\/strong\u003e Sans allergènes majeurs\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Mode d'Emploi --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eMode d'emploi pour des résultats optimaux\u003c\/h2\u003e\n    \u003cdiv class=\"spir-usage-timeline\"\u003e\n      \u003cdiv class=\"spir-usage-step\"\u003e\n        \u003cdiv class=\"spir-step-number\"\u003e1\u003c\/div\u003e\n        \u003ch3\u003ePrendre 1 ampoule par jour\u003c\/h3\u003e\n        \u003cp\u003eDe préférence \u003cstrong\u003ele matin à jeun\u003c\/strong\u003e ou au petit-déjeuner pour profiter du boost énergétique toute la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-usage-step\"\u003e\n        \u003cdiv class=\"spir-step-number\"\u003e2\u003c\/div\u003e\n        \u003ch3\u003eOuvrir et diluer\u003c\/h3\u003e\n        \u003cp\u003eCasser l'ampoule et verser le contenu dans un \u003cstrong\u003egrand verre d'eau, jus de fruit ou smoothie\u003c\/strong\u003e. Vous pouvez aussi le consommer pur si vous appréciez le goût authentique de la spiruline.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-usage-step\"\u003e\n        \u003cdiv class=\"spir-step-number\"\u003e3\u003c\/div\u003e\n        \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n        \u003cp\u003ePour des effets durables, suivez une cure de \u003cstrong\u003e20 jours minimum\u003c\/strong\u003e (1 boîte). Idéalement, renouvelez 3 à 4 fois par an aux changements de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"spir-tip-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003e💡 Astuce d'expert :\u003c\/strong\u003e Pour une synergie optimale, associez Spirulysat à des aliments riches en vitamine C (agrumes, kiwi) qui boostent l'absorption du fer contenu dans la spiruline.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Résultats Attendus --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eLes bienfaits que vous allez ressentir\u003c\/h2\u003e\n    \u003cdiv class=\"spir-results-grid\"\u003e\n      \u003cdiv class=\"spir-result-card\"\u003e\n        \u003cdiv class=\"spir-result-icon\"\u003e⚡\u003c\/div\u003e\n        \u003cdiv class=\"spir-result-time\"\u003eDès 3-5 jours\u003c\/div\u003e\n        \u003ch3\u003eRegain d'énergie\u003c\/h3\u003e\n        \u003cp\u003eVous vous réveillez plus facilement, la fatigue chronique diminue, votre capacité de concentration augmente sensiblement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-result-card\"\u003e\n        \u003cdiv class=\"spir-result-icon\"\u003e💪\u003c\/div\u003e\n        \u003cdiv class=\"spir-result-time\"\u003eAprès 1-2 semaines\u003c\/div\u003e\n        \u003ch3\u003eVitalité retrouvée\u003c\/h3\u003e\n        \u003cp\u003eVotre endurance physique et mentale s'améliore. Vous êtes plus résistant au stress et aux efforts quotidiens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-result-card\"\u003e\n        \u003cdiv class=\"spir-result-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003cdiv class=\"spir-result-time\"\u003eAprès 3-4 semaines\u003c\/div\u003e\n        \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n        \u003cp\u003eVotre organisme devient plus résistant face aux infections saisonnières. Récupération plus rapide en cas de fatigue passagère.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-result-card\"\u003e\n        \u003cdiv class=\"spir-result-icon\"\u003e✨\u003c\/div\u003e\n        \u003cdiv class=\"spir-result-time\"\u003eSur le long terme\u003c\/div\u003e\n        \u003ch3\u003eÉquilibre global\u003c\/h3\u003e\n        \u003cp\u003eAmélioration du teint, des cheveux, des ongles. Meilleur équilibre nutritionnel global grâce à l'apport en nutriments essentiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Pour Qui --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eSpirulysat est fait pour vous si...\u003c\/h2\u003e\n    \u003cdiv class=\"spir-grid spir-grid-3\"\u003e\n      \u003cdiv class=\"spir-profile-card\"\u003e\n        \u003cdiv class=\"spir-profile-icon\"\u003e🏃\u003c\/div\u003e\n        \u003ch3\u003eVous êtes sportif ou actif\u003c\/h3\u003e\n        \u003cp\u003eBesoin de protéines végétales de qualité, de fer et d'antioxydants pour optimiser performances et récupération.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-profile-card\"\u003e\n        \u003cdiv class=\"spir-profile-icon\"\u003e😴\u003c\/div\u003e\n        \u003ch3\u003eVous ressentez de la fatigue\u003c\/h3\u003e\n        \u003cp\u003eCoups de pompe, manque d'énergie chronique, difficultés de concentration ? Spirulysat recharge vos batteries naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-profile-card\"\u003e\n        \u003cdiv class=\"spir-profile-icon\"\u003e🥗\u003c\/div\u003e\n        \u003ch3\u003eVous avez une alimentation végétale\u003c\/h3\u003e\n        \u003cp\u003eSource précieuse de B12, protéines complètes et fer biodisponible, essentiels pour les végétariens et vegans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-profile-card\"\u003e\n        \u003cdiv class=\"spir-profile-icon\"\u003e🎯\u003c\/div\u003e\n        \u003ch3\u003eVous cherchez un boost immunitaire\u003c\/h3\u003e\n        \u003cp\u003eChangements de saison, périodes de stress, convalescence : renforcez vos défenses naturelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-profile-card\"\u003e\n        \u003cdiv class=\"spir-profile-icon\"\u003e🧘\u003c\/div\u003e\n        \u003ch3\u003eVous privilégiez le naturel\u003c\/h3\u003e\n        \u003cp\u003eVous refusez les compléments synthétiques et recherchez une solution 100% végétale et pure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-profile-card\"\u003e\n        \u003cdiv class=\"spir-profile-icon\"\u003e👨‍👩‍👧\u003c\/div\u003e\n        \u003ch3\u003ePour toute la famille\u003c\/h3\u003e\n        \u003cp\u003eAdultes, adolescents, seniors, femmes enceintes* : la spiruline convient à tous les âges. \u003cem\u003e*Demandez conseil à votre médecin.\u003c\/em\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Excellence AlgoSource --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eL'expertise AlgoSource, gage d'excellence\u003c\/h2\u003e\n    \u003cdiv class=\"spir-brand-story\"\u003e\n      \u003cdiv class=\"spir-brand-grid\"\u003e\n        \u003cdiv class=\"spir-brand-card\"\u003e\n          \u003cdiv class=\"spir-brand-icon\"\u003e🏭\u003c\/div\u003e\n          \u003ch3\u003eProduction française contrôlée\u003c\/h3\u003e\n          \u003cp\u003eAlgoSource cultive sa spiruline dans un environnement hautement sécurisé en France, avec des normes de qualité parmi les plus strictes au monde. Traçabilité totale du bassin de culture à votre ampoule.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spir-brand-card\"\u003e\n          \u003cdiv class=\"spir-brand-icon\"\u003e🔬\u003c\/div\u003e\n          \u003ch3\u003eProcédé d'extraction unique\u003c\/h3\u003e\n          \u003cp\u003eExtraction à \u003cstrong\u003ebasse température\u003c\/strong\u003e brevetée qui préserve l'intégralité des nutriments fragiles, notamment la phycocyanine. Là où les méthodes classiques détruisent jusqu'à 60% des actifs, AlgoSource conserve tout.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spir-brand-card\"\u003e\n          \u003cdiv class=\"spir-brand-icon\"\u003e🌱\u003c\/div\u003e\n          \u003ch3\u003eApproche durable et responsable\u003c\/h3\u003e\n          \u003cp\u003eCulture respectueuse de l'environnement, sans pesticides, avec une empreinte carbone minimale. La spiruline est d'ailleurs l'une des protéines les plus écologiques au monde.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spir-brand-card\"\u003e\n          \u003cdiv class=\"spir-brand-icon\"\u003e✅\u003c\/div\u003e\n          \u003ch3\u003eCertifications et contrôles\u003c\/h3\u003e\n          \u003cp\u003eAnalyses systématiques en laboratoire indépendant, respect des normes européennes les plus exigeantes, certification bio compatible. Zéro métaux lourds, zéro contaminants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Précautions --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n    \u003cdiv class=\"spir-warning-box\"\u003e\n      \u003cdiv class=\"spir-warning-content\"\u003e\n        \u003cp\u003e\u003cstrong\u003e⚠️ Précautions :\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain\u003c\/li\u003e\n          \u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n          \u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n          \u003cli\u003eDéconseillé en cas de phénylcétonurie (présence de phénylalanine)\u003c\/li\u003e\n          \u003cli\u003eEn cas de doute, de pathologie particulière ou de traitement médical, demandez conseil à votre médecin ou pharmacien\u003c\/li\u003e\n          \u003cli\u003eLes femmes enceintes ou allaitantes doivent consulter un professionnel de santé avant toute supplémentation\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cp\u003e\u003cstrong\u003e🌡️ Conservation :\u003c\/strong\u003e À conserver dans un endroit frais et sec, à l'abri de la lumière et de la chaleur. Une fois ouverte, l'ampoule doit être consommée immédiatement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Infos Pratiques --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"spir-info-grid\"\u003e\n      \u003cdiv class=\"spir-info-card\"\u003e\n        \u003cdiv class=\"spir-info-icon\"\u003e📦\u003c\/div\u003e\n        \u003ch3\u003eContenance\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e20 ampoules\u003c\/strong\u003e de 10 ml\u003cbr\u003e= 20 jours de cure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-info-card\"\u003e\n        \u003cdiv class=\"spir-info-icon\"\u003e🌍\u003c\/div\u003e\n        \u003ch3\u003eOrigine\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e100% France\u003c\/strong\u003e\u003cbr\u003eCulture et fabrication françaises\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-info-card\"\u003e\n        \u003cdiv class=\"spir-info-icon\"\u003e🍃\u003c\/div\u003e\n        \u003ch3\u003eComposition\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e2 ingrédients\u003c\/strong\u003e\u003cbr\u003eSpiruline fraîche + Eau purifiée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-info-card\"\u003e\n        \u003cdiv class=\"spir-info-icon\"\u003e✨\u003c\/div\u003e\n        \u003ch3\u003eFormat\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eLiquide\u003c\/strong\u003e\u003cbr\u003eBiodisponibilité maximale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-info-card\"\u003e\n        \u003cdiv class=\"spir-info-icon\"\u003e🏷️\u003c\/div\u003e\n        \u003ch3\u003eMarque\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eAlgoSource\u003c\/strong\u003e\u003cbr\u003eExpert français de la spiruline\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spir-info-card\"\u003e\n        \u003cdiv class=\"spir-info-icon\"\u003e🌱\u003c\/div\u003e\n        \u003ch3\u003eLabel\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eSans additifs\u003c\/strong\u003e\u003cbr\u003e100% naturel et pur\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Témoignage --\u003e\n  \u003csection class=\"spir-section\"\u003e\n    \u003cdiv class=\"spir-testimonial\"\u003e\n      \u003cdiv class=\"spir-testimonial-icon\"\u003e💬\u003c\/div\u003e\n      \u003cp class=\"spir-testimonial-text\"\u003e\"J'ai ressenti un regain d'énergie dès les premières utilisations. Vraiment simple à utiliser, je le recommande à tous ceux qui cherchent un coup de pouce naturel.\"\u003c\/p\u003e\n      \u003cp class=\"spir-testimonial-author\"\u003e— Dinah, cliente satisfaite\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA Final --\u003e\n  \u003csection class=\"spir-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"spir-cta-box\"\u003e\n      \u003cdiv class=\"spir-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"spir-cta-content\"\u003e\n        \u003cp\u003eRejoignez les milliers de personnes qui ont déjà fait le choix de la vitalité naturelle avec Spirulysat Original. Une cure de 20 jours pour retrouver énergie, immunité et bien-être au quotidien. Fabriqué en France avec passion par AlgoSource, expert reconnu de la spiruline depuis des années.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  \/* Couleurs principales *\/\n  --spir-cream: #fafaf8;\n  --spir-white: #ffffff;\n  --spir-primary: #0047AB;\n  --spir-primary-dark: #003380;\n  --spir-primary-light: #E6F0FF;\n  --spir-secondary: #B8986F;\n  --spir-accent: #00A3E0;\n\n  \/* Textes *\/\n  --spir-text: #1a1a1a;\n  --spir-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --spir-border: #e0e0e0;\n  --spir-shadow: 0 4px 24px rgba(0,71,171,.08);\n  --spir-shadow-lg: 0 12px 48px rgba(0,71,171,.15);\n  --spir-radius: 20px;\n  --spir-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.spir-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--spir-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--spir-text);\n  line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.spir-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--spir-primary) 0%, #0056CC 50%, var(--spir-accent) 100%);\n  border-radius: var(--spir-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(--spir-shadow-lg);\n}\n\n.spir-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .05;\n  background-image: \n    radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n    radial-gradient(circle at 60% 70%, white 1.5px, transparent 1.5px),\n    radial-gradient(circle at 80% 20%, white 1px, transparent 1px),\n    radial-gradient(circle at 30% 80%, white 2.5px, transparent 2.5px);\n  background-size: 80px 80px, 120px 120px, 60px 60px, 100px 100px;\n}\n\n.spir-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.spir-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n  margin-bottom: 2rem;\n}\n\n.spir-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(--spir-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.spir-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.spir-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.spir-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.spir-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.5vw, 18px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n  text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.spir-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.spir-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--spir-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.spir-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(--spir-primary), var(--spir-accent));\n  border-radius: 2px;\n}\n\n.spir-premium h3 {\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 700;\n  color: var(--spir-primary-dark);\n  margin-bottom: 0.75rem;\n  letter-spacing: -.02em;\n}\n\n.spir-premium p {\n  font-size: clamp(15px, 2vw, 17px);\n  line-height: 1.7;\n  color: var(--spir-text-light);\n  margin-bottom: 1rem;\n}\n\n.spir-premium strong {\n  color: var(--spir-text);\n  font-weight: 700;\n}\n\n\/* === CARDS === *\/\n.spir-card {\n  background: var(--spir-white);\n  border-radius: var(--spir-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--spir-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  height: 100%;\n}\n\n.spir-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--spir-shadow-lg);\n  border-color: var(--spir-primary);\n}\n\n.spir-card-highlight {\n  background: linear-gradient(135deg, var(--spir-primary-light) 0%, var(--spir-white) 100%);\n  border: 2px solid var(--spir-primary);\n}\n\n.spir-card-icon {\n  font-size: clamp(32px, 5vw, 48px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.spir-card h3 {\n  margin-bottom: 1rem;\n}\n\n.spir-card p {\n  margin-bottom: 0;\n}\n\n\/* === GRILLES === *\/\n.spir-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.spir-grid-3 {\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n}\n\n\/* === COMPOSITION === *\/\n.spir-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 2rem;\n  margin-bottom: 2rem;\n}\n\n.spir-composition-card {\n  background: var(--spir-white);\n  border-radius: var(--spir-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--spir-shadow);\n  border: 2px solid var(--spir-border);\n  transition: all .3s ease;\n}\n\n.spir-composition-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--spir-shadow-lg);\n}\n\n.spir-main-ingredient {\n  border-color: var(--spir-primary);\n  background: linear-gradient(135deg, var(--spir-primary-light) 0%, var(--spir-white) 100%);\n}\n\n.spir-percentage {\n  display: inline-block;\n  font-size: clamp(36px, 6vw, 56px);\n  font-weight: 900;\n  color: var(--spir-primary);\n  margin-bottom: 1rem;\n  line-height: 1;\n}\n\n.spir-nutrient-list {\n  list-style: none;\n  padding: 0;\n  margin: 1.5rem 0 0 0;\n}\n\n.spir-nutrient-list li {\n  padding: 0.75rem 0;\n  padding-left: 1.5rem;\n  position: relative;\n  border-bottom: 1px solid var(--spir-border);\n  font-size: clamp(14px, 2vw, 16px);\n}\n\n.spir-nutrient-list li:last-child {\n  border-bottom: none;\n}\n\n.spir-nutrient-list li::before {\n  content: '✓';\n  position: absolute;\n  left: 0;\n  color: var(--spir-accent);\n  font-weight: 900;\n}\n\n.spir-guarantee-box {\n  background: linear-gradient(135deg, var(--spir-secondary) 0%, #A88560 100%);\n  border-radius: var(--spir-radius-sm);\n  padding: 1.5rem 2rem;\n  text-align: center;\n}\n\n.spir-guarantee-box p {\n  color: white;\n  font-size: clamp(14px, 2vw, 16px);\n  font-weight: 600;\n  margin: 0;\n  text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.spir-usage-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.spir-usage-step {\n  display: flex;\n  gap: 2rem;\n  align-items: flex-start;\n  background: var(--spir-white);\n  border-radius: var(--spir-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--spir-shadow);\n  transition: all .3s ease;\n}\n\n.spir-usage-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--spir-shadow-lg);\n}\n\n.spir-step-number {\n  flex-shrink: 0;\n  width: 56px;\n  height: 56px;\n  background: linear-gradient(135deg, var(--spir-primary), var(--spir-accent));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  font-weight: 900;\n  color: white;\n  box-shadow: 0 4px 16px rgba(0,71,171,.3);\n}\n\n.spir-usage-step h3 {\n  margin-bottom: 0.5rem;\n}\n\n.spir-usage-step p {\n  margin-bottom: 0;\n}\n\n.spir-tip-box {\n  background: linear-gradient(135deg, var(--spir-accent) 0%, #0088C0 100%);\n  border-radius: var(--spir-radius-sm);\n  padding: 1.5rem 2rem;\n  margin-top: 2rem;\n  border-left: 4px solid var(--spir-primary);\n}\n\n.spir-tip-box p {\n  color: white;\n  margin: 0;\n  font-weight: 600;\n  text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === RÉSULTATS === *\/\n.spir-results-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n.spir-result-card {\n  background: var(--spir-white);\n  border-radius: var(--spir-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  text-align: center;\n  box-shadow: var(--spir-shadow);\n  border-top: 4px solid var(--spir-primary);\n  transition: all .3s ease;\n}\n\n.spir-result-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--spir-shadow-lg);\n  border-top-color: var(--spir-accent);\n}\n\n.spir-result-icon {\n  font-size: clamp(36px, 6vw, 48px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.spir-result-time {\n  display: inline-block;\n  background: var(--spir-primary-light);\n  color: var(--spir-primary);\n  padding: 6px 14px;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  margin-bottom: 1rem;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n.spir-result-card h3 {\n  margin-bottom: 0.75rem;\n}\n\n.spir-result-card p {\n  margin-bottom: 0;\n  font-size: clamp(14px, 2vw, 16px);\n}\n\n\/* === PROFILS === *\/\n.spir-profile-card {\n  background: var(--spir-white);\n  border-radius: var(--spir-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  text-align: center;\n  box-shadow: var(--spir-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.spir-profile-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--spir-shadow-lg);\n  border-color: var(--spir-secondary);\n  background: linear-gradient(135deg, var(--spir-white) 0%, #FFF9F0 100%);\n}\n\n.spir-profile-icon {\n  font-size: clamp(40px, 6vw, 56px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.spir-profile-card h3 {\n  margin-bottom: 0.75rem;\n  font-size: clamp(17px, 2.5vw, 20px);\n}\n\n.spir-profile-card p {\n  margin-bottom: 0;\n  font-size: clamp(14px, 2vw, 16px);\n}\n\n\/* === MARQUE === *\/\n.spir-brand-story {\n  background: linear-gradient(135deg, var(--spir-primary-light) 0%, var(--spir-white) 100%);\n  border-radius: var(--spir-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 2px solid var(--spir-primary);\n}\n\n.spir-brand-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n.spir-brand-card {\n  background: var(--spir-white);\n  border-radius: var(--spir-radius-sm);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: 0 2px 16px rgba(0,71,171,.08);\n  transition: all .3s ease;\n}\n\n.spir-brand-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 8px 24px rgba(0,71,171,.15);\n}\n\n.spir-brand-icon {\n  font-size: clamp(32px, 5vw, 42px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.spir-brand-card h3 {\n  margin-bottom: 0.75rem;\n  font-size: clamp(17px, 2.5vw, 20px);\n}\n\n.spir-brand-card p {\n  margin-bottom: 0;\n  font-size: clamp(14px, 2vw, 16px);\n}\n\n\/* === WARNING === *\/\n.spir-warning-box {\n  background: linear-gradient(135deg, #FFF9E6 0%, #FFF3CC 100%);\n  border-radius: var(--spir-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border-left: 6px solid #F59E0B;\n  box-shadow: var(--spir-shadow);\n}\n\n.spir-warning-content p {\n  color: var(--spir-text);\n  font-weight: 600;\n  margin-bottom: 1rem;\n}\n\n.spir-warning-content ul {\n  list-style: none;\n  padding: 0;\n  margin: 1rem 0;\n}\n\n.spir-warning-content li {\n  padding: 0.75rem 0;\n  padding-left: 1.5rem;\n  position: relative;\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--spir-text-light);\n  border-bottom: 1px solid rgba(245,158,11,.2);\n}\n\n.spir-warning-content li:last-child {\n  border-bottom: none;\n}\n\n.spir-warning-content li::before {\n  content: '→';\n  position: absolute;\n  left: 0;\n  color: #F59E0B;\n  font-weight: 900;\n}\n\n\/* === INFOS === *\/\n.spir-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1.5rem;\n}\n\n.spir-info-card {\n  background: var(--spir-white);\n  border-radius: var(--spir-radius-sm);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  text-align: center;\n  box-shadow: var(--spir-shadow);\n  border: 2px solid var(--spir-border);\n  transition: all .3s ease;\n}\n\n.spir-info-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--spir-shadow-lg);\n  border-color: var(--spir-accent);\n}\n\n.spir-info-icon {\n  font-size: clamp(36px, 5vw, 48px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.spir-info-card h3 {\n  font-size: clamp(16px, 2.5vw, 19px);\n  margin-bottom: 0.5rem;\n  color: var(--spir-primary);\n}\n\n.spir-info-card p {\n  margin-bottom: 0;\n  font-size: clamp(14px, 2vw, 16px);\n}\n\n\/* === TESTIMONIAL === *\/\n.spir-testimonial {\n  background: linear-gradient(135deg, var(--spir-white) 0%, var(--spir-primary-light) 100%);\n  border-radius: var(--spir-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  box-shadow: var(--spir-shadow-lg);\n  border: 2px solid var(--spir-primary);\n  position: relative;\n}\n\n.spir-testimonial-icon {\n  font-size: clamp(48px, 8vw, 72px);\n  margin-bottom: 1.5rem;\n  opacity: .3;\n}\n\n.spir-testimonial-text {\n  font-size: clamp(17px, 3vw, 22px);\n  font-style: italic;\n  color: var(--spir-text);\n  line-height: 1.8;\n  margin-bottom: 1.5rem;\n  font-weight: 500;\n}\n\n.spir-testimonial-author {\n  font-size: clamp(15px, 2.5vw, 18px);\n  color: var(--spir-primary);\n  font-weight: 700;\n  margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.spir-cta-box {\n  background: linear-gradient(135deg, var(--spir-primary) 0%, var(--spir-primary-dark) 100%);\n  border-radius: var(--spir-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--spir-shadow-lg);\n}\n\n.spir-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .08;\n  background-image: \n    repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);\n}\n\n.spir-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.spir-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.8;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.2);\n  margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .spir-grid,\n  .spir-grid-3,\n  .spir-results-grid,\n  .spir-info-grid,\n  .spir-brand-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .spir-composition-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .spir-usage-step {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .spir-step-number {\n    margin: 0 auto 1rem;\n  }\n\n  .spir-badges-top {\n    flex-direction: column;\n    align-items: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .spir-card,\n  .spir-result-card,\n  .spir-profile-card,\n  .spir-info-card,\n  .spir-brand-card,\n  .spir-composition-card {\n    animation: fadeInUp .6s ease backwards;\n  }\n\n  .spir-card:nth-child(1),\n  .spir-result-card:nth-child(1),\n  .spir-profile-card:nth-child(1) { animation-delay: .1s; }\n  .spir-card:nth-child(2),\n  .spir-result-card:nth-child(2),\n  .spir-profile-card:nth-child(2) { animation-delay: .2s; }\n  .spir-card:nth-child(3),\n  .spir-result-card:nth-child(3),\n  .spir-profile-card:nth-child(3) { animation-delay: .3s; }\n  .spir-card:nth-child(4),\n  .spir-result-card:nth-child(4),\n  .spir-profile-card:nth-child(4) { animation-delay: .4s; }\n  .spir-card:nth-child(5),\n  .spir-result-card:nth-child(5),\n  .spir-profile-card:nth-child(5) { animation-delay: .5s; }\n  .spir-card:nth-child(6),\n  .spir-result-card:nth-child(6),\n  .spir-profile-card:nth-child(6) { animation-delay: .6s; }\n\n  .spir-usage-step:nth-child(1) { animation: fadeInRight .6s ease backwards .1s; }\n  .spir-usage-step:nth-child(2) { animation: fadeInRight .6s ease backwards .3s; }\n  .spir-usage-step:nth-child(3) { animation: fadeInRight .6s ease backwards .5s; }\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeInRight {\n  from {\n    opacity: 0;\n    transform: translateX(-40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .spir-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .spir-card,\n  .spir-result-card,\n  .spir-profile-card,\n  .spir-info-card {\n    border: 2px solid var(--spir-text);\n  }\n}\n\n\/* === PRINT === *\/\n@media print {\n  .spir-premium {\n    background: white;\n  }\n  \n  .spir-card,\n  .spir-result-card,\n  .spir-profile-card {\n    break-inside: avoid;\n    box-shadow: none;\n    border: 1px solid #ccc;\n  }\n}\n\u003c\/style\u003e","brand":"ALGOSOURCE","offers":[{"title":"Default Title","offer_id":45755311030429,"sku":"PHYCOSIASOBLEBT1","price":24.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spirulysat-original-extrait-liquide-de-spiruline-20-ampoules-algosource-478394.jpg?v=1732721772"},{"product_id":"flexilium-gelules-vegan-100-gelules-lt-labo","title":"Flexilium - 60 Gélules végétales - LT Labo","description":"\u003cdiv class=\"flx-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"flx-hero\"\u003e\n    \u003cdiv class=\"flx-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"flx-hero-content\"\u003e\n      \u003cdiv class=\"flx-badges-top\"\u003e\n        \u003cspan class=\"flx-badge\"\u003e🌿 100 % Vegan\u003c\/span\u003e\n        \u003cspan class=\"flx-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"flx-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n        \u003cspan class=\"flx-badge\"\u003e🦴 Mobilité \u0026amp; souplesse\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"flx-hero-title\"\u003eFlexilium – 60 gélules végétales\u003c\/span\u003e\n      \u003cp class=\"flx-subtitle\"\u003eSilicium de bambou, glucosamine, chondroïtine, calcium, vitamine D3, curcuma \u0026amp; poivre noir\u003c\/p\u003e\n      \u003cp class=\"flx-description\"\u003eLa formule articulaire complète de LT Labo pour retrouver mobilité, flexibilité et souplesse au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003eFlexilium gélules LT Labo : le complément alimentaire pour articulations souples et mobiles\u003c\/h2\u003e\n    \u003cp class=\"flx-section-intro\"\u003eRaideurs matinales, genoux sensibles après une marche, épaules qui tirent après le sport… Si ces petits signaux vous parlent, il est temps d'agir.\u003c\/p\u003e\n    \u003cdiv class=\"flx-grid-compact\"\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🎋 Silicium de bambou\u003c\/h3\u003e\n        \u003cp\u003eOligo-élément clé pour la synthèse du collagène et la solidité des cartilages.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🦴 Glucosamine végétale\u003c\/h3\u003e\n        \u003cp\u003eContribue au renouvellement du cartilage et à la lubrification articulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e💧 Chondroïtine végétale\u003c\/h3\u003e\n        \u003cp\u003eHydrate le cartilage et préserve son élasticité jour après jour.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e☀️ Calcium \u0026amp; vitamine D3\u003c\/h3\u003e\n        \u003cp\u003eDuo essentiel pour le maintien d'une ossature normale et solide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🟡 Curcuma \u0026amp; poivre noir\u003c\/h3\u003e\n        \u003cp\u003eAssociation reconnue pour apaiser les inconforts et optimiser l'absorption.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🌱 Formule 100 % vegan\u003c\/h3\u003e\n        \u003cp\u003eSans conservateurs, sans colorants, sans parabènes, sans OGM.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le silicium pour les articulations ?\u003c\/h2\u003e\n    \u003cdiv class=\"flx-highlight-box\"\u003e\n      \u003cp\u003eLe \u003cstrong\u003esilicium\u003c\/strong\u003e est un oligo-élément essentiel à la synthèse du collagène, cette protéine qui structure vos cartilages, tendons et ligaments. Avec l'âge, les réserves de silicium diminuent naturellement, ce qui fragilise les tissus conjonctifs.\u003c\/p\u003e\n      \u003cp\u003eLe silicium issu de \u003cstrong\u003ebambou\u003c\/strong\u003e présent dans Flexilium offre une \u003cstrong\u003ebiodisponibilité remarquable\u003c\/strong\u003e, permettant à votre organisme de l'assimiler efficacement. C'est cette base solide qui distingue Flexilium de nombreux autres compléments pour articulations disponibles sur le marché.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 2 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"flx-grid\"\u003e\n      \u003cdiv class=\"flx-card flx-card-compo\"\u003e\n        \u003ch3\u003e🎋 Extrait de bambou (silicium)\u003c\/h3\u003e\n        \u003cdiv class=\"flx-dosage\"\u003e150 mg\u003c\/div\u003e\n        \u003cp\u003eDont 112,5 mg de silice — soutient la formation du collagène et la solidité des os.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card flx-card-compo\"\u003e\n        \u003ch3\u003e🦴 Glucosamine végétale\u003c\/h3\u003e\n        \u003cdiv class=\"flx-dosage\"\u003e300 mg\u003c\/div\u003e\n        \u003cp\u003eContribue au renouvellement du cartilage et à la lubrification articulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card flx-card-compo\"\u003e\n        \u003ch3\u003e💧 Chondroïtine végétale\u003c\/h3\u003e\n        \u003cdiv class=\"flx-dosage\"\u003e200 mg\u003c\/div\u003e\n        \u003cp\u003eHydrate le cartilage et maintient son élasticité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card flx-card-compo\"\u003e\n        \u003ch3\u003e�ite Calcium\u003c\/h3\u003e\n        \u003cdiv class=\"flx-dosage\"\u003e120 mg \u003cspan class=\"flx-vnr\"\u003e15 % VNR\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cp\u003eIndispensable au maintien d'une ossature normale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card flx-card-compo\"\u003e\n        \u003ch3\u003e☀️ Vitamine D3 végétale\u003c\/h3\u003e\n        \u003cdiv class=\"flx-dosage\"\u003e5 µg \u003cspan class=\"flx-vnr\"\u003e100 % VNR\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cp\u003eIssue de lichen boréal — favorise l'absorption du calcium et la santé osseuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card flx-card-compo\"\u003e\n        \u003ch3\u003e🟡 Curcuma \u0026amp; poivre noir\u003c\/h3\u003e\n        \u003cdiv class=\"flx-dosage\"\u003eSynergie brevetée\u003c\/div\u003e\n        \u003cp\u003eOptimise l'absorption de la curcumine et apaise les inconforts articulaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"flx-tip\"\u003e\n      \u003cspan class=\"flx-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eGélules 100 % végétales. Formule \u003cstrong\u003evegan, sans conservateurs, sans colorants, sans parabènes, sans OGM\u003c\/strong\u003e. Fabriqué en France.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets de Flexilium\u003c\/h2\u003e\n    \u003cdiv class=\"flx-grid\"\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🏃 Mobilité retrouvée\u003c\/h3\u003e\n        \u003cp\u003eLa synergie glucosamine-chondroïtine-silicium soutient la souplesse articulaire au fil des semaines.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🦴 Os et cartilages renforcés\u003c\/h3\u003e\n        \u003cp\u003eCalcium, vitamine D3 et silicium travaillent ensemble pour préserver votre capital osseux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e😌 Confort au quotidien\u003c\/h3\u003e\n        \u003cp\u003eLe curcuma associé au poivre noir aide à calmer les tensions et les gênes passagères.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e👥 Adapté à tous\u003c\/h3\u003e\n        \u003cp\u003eSportifs en quête de récupération, seniors souhaitant rester actifs, ou toute personne soucieuse de préserver sa liberté de mouvement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003eComment prendre Flexilium gélules ?\u003c\/h2\u003e\n    \u003cdiv class=\"flx-timeline\"\u003e\n      \u003cdiv class=\"flx-timeline-item\"\u003e\n        \u003cdiv class=\"flx-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"flx-timeline-content\"\u003e\n          \u003ch3\u003eEntretien quotidien\u003c\/h3\u003e\n          \u003cp\u003e2 gélules par jour, avec un grand verre d'eau, de préférence au cours d'un repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-timeline-item\"\u003e\n        \u003cdiv class=\"flx-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"flx-timeline-content\"\u003e\n          \u003ch3\u003eProgramme renforcé\u003c\/h3\u003e\n          \u003cp\u003eJusqu'à 4 gélules par jour en cas d'inconfort marqué ou de reprise d'activité physique intense.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-timeline-item\"\u003e\n        \u003cdiv class=\"flx-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"flx-timeline-content\"\u003e\n          \u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n          \u003cp\u003eCure de 1 à 3 mois, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"flx-tip\"\u003e\n      \u003cspan class=\"flx-tip-icon\"\u003e⏳\u003c\/span\u003e\n      \u003cp\u003eLes premiers effets sont généralement ressentis après \u003cstrong\u003e2 à 3 semaines\u003c\/strong\u003e de prise régulière. La constance est la clé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003ePrécautions et conseils\u003c\/h2\u003e\n    \u003cdiv class=\"flx-accordion\"\u003e\n      \u003cdetails class=\"flx-accordion-item\"\u003e\n        \u003csummary class=\"flx-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"flx-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux personnes sous anticoagulants (présence de curcuma).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"flx-accordion-item\"\u003e\n        \u003csummary class=\"flx-accordion-header\"\u003e💊 Dosage\u003c\/summary\u003e\n        \u003cdiv class=\"flx-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière indiquée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"flx-accordion-item\"\u003e\n        \u003csummary class=\"flx-accordion-header\"\u003e👶 Sécurité\u003c\/summary\u003e\n        \u003cdiv class=\"flx-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"flx-accordion-item\"\u003e\n        \u003csummary class=\"flx-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"flx-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas une alimentation équilibrée ni un avis médical\u003c\/strong\u003e. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"flx-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eNotre avis sur Flexilium\u003c\/h2\u003e\n    \u003cdiv class=\"flx-testimonial\"\u003e\n      \u003cp class=\"flx-testimonial-text\"\u003e\"Quel complément alimentaire pour les articulations choisir parmi l'offre pléthorique ? Flexilium se démarque par sa formule complète, ses dosages transparents et son engagement vegan. La combinaison d'actifs végétaux soigneusement sélectionnés en fait un allié de confiance pour quiconque souhaite entretenir sa mobilité sans compromis sur la qualité. Associez-le à une activité physique douce et régulière pour en tirer le meilleur parti.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"flx-cta-box\"\u003e\n      \u003cp\u003e🌿 Retrouvez mobilité, flexibilité et souplesse avec Flexilium — votre allié articulaire 100 % vegan, fabriqué en France.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"flx-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --flx-cream: #f5f7fa;\n  --flx-white: #ffffff;\n  --flx-primary: #2a7ab5;\n  --flx-primary-dark: #1a5a8a;\n  --flx-primary-light: #e8f2fa;\n  --flx-secondary: #5ab55a;\n  --flx-accent: #3d9e3d;\n  --flx-text: #1a1a1a;\n  --flx-text-light: #5a5a5a;\n  --flx-border: #e0e0e0;\n  --flx-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --flx-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --flx-radius: 20px;\n  --flx-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.flx-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--flx-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.flx-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a5a8a 0%, #2a7ab5 45%, #3d9e3d 100%);\n  border-radius: var(--flx-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(--flx-shadow-lg);\n}\n\n.flx-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 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n  opacity: 1;\n}\n\n.flx-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.flx-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.flx-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: -.01em;\n}\n\n.flx-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(13px, 2vw, 16px);\n  margin: 0;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.6;\n}\n\n\/* === BADGES === *\/\n.flx-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.flx-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(--flx-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.flx-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.flx-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.flx-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--flx-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.flx-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(--flx-primary), var(--flx-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.flx-card {\n  background: var(--flx-white);\n  border-radius: var(--flx-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--flx-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.flx-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--flx-shadow-lg);\n  border-color: var(--flx-primary);\n}\n\n.flx-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--flx-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.flx-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--flx-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD COMPOSITION === *\/\n.flx-card-compo {\n  position: relative;\n}\n\n.flx-dosage {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: linear-gradient(135deg, var(--flx-primary), var(--flx-secondary));\n  color: white;\n  padding: 6px 16px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 800;\n  margin-bottom: .75rem;\n}\n\n.flx-vnr {\n  background: rgba(255,255,255,.25);\n  padding: 2px 8px;\n  border-radius: 999px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n\/* === GRILLES === *\/\n.flx-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.flx-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.flx-grid-compact .flx-card {\n  padding: 1rem;\n}\n\n.flx-grid-compact .flx-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.flx-grid-compact .flx-card p {\n  font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.flx-highlight-box {\n  background: var(--flx-white);\n  border-radius: var(--flx-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--flx-shadow);\n  border-left: 5px solid var(--flx-secondary);\n}\n\n.flx-highlight-box p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--flx-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.flx-highlight-box p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.flx-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.flx-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.flx-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--flx-primary), var(--flx-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.flx-timeline-content {\n  flex: 1;\n  background: var(--flx-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--flx-radius-sm);\n  box-shadow: var(--flx-shadow);\n}\n\n.flx-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--flx-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.flx-timeline-content p {\n  font-size: 14px;\n  color: var(--flx-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.flx-testimonial {\n  background: var(--flx-white);\n  border-radius: var(--flx-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--flx-shadow);\n  border-left: 4px solid var(--flx-primary);\n  margin-bottom: 1.5rem;\n}\n\n.flx-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--flx-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.flx-accordion {\n  background: var(--flx-white);\n  border-radius: var(--flx-radius);\n  box-shadow: var(--flx-shadow);\n  overflow: hidden;\n}\n\n.flx-accordion-item {\n  border-bottom: 1px solid var(--flx-border);\n  margin: 0;\n  padding: 0;\n}\n\n.flx-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.flx-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--flx-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.flx-accordion-header:hover {\n  background: var(--flx-primary-light);\n}\n\n.flx-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.flx-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--flx-primary);\n  transition: transform .2s ease;\n}\n\n.flx-accordion-item[open] .flx-accordion-header::after {\n  content: '−';\n}\n\n.flx-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--flx-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.flx-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.flx-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--flx-primary-light);\n  border-radius: var(--flx-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.flx-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.flx-tip p {\n  font-size: 14px;\n  color: var(--flx-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.flx-cta-box {\n  background: linear-gradient(135deg, var(--flx-primary) 0%, var(--flx-primary-dark) 100%);\n  border-radius: var(--flx-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.flx-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\/* === SECTION INTRO TEXT === *\/\n.flx-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--flx-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.flx-disclaimer {\n  font-size: 12px;\n  color: var(--flx-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  .flx-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .flx-card {\n    padding: 1.125rem;\n  }\n\n  .flx-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .flx-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--flx-radius-sm);\n  }\n\n  .flx-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .flx-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .flx-grid-compact {\n    gap: .625rem;\n  }\n\n  .flx-grid-compact .flx-card {\n    padding: .75rem;\n  }\n\n  .flx-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .flx-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .flx-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .flx-timeline-content p {\n    font-size: 13px;\n  }\n\n  .flx-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .flx-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .flx-testimonial {\n    padding: 1.25rem;\n  }\n\n  .flx-testimonial-text {\n    font-size: 14px;\n  }\n\n  .flx-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .flx-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .flx-card {\n    animation: flxFadeInUp .5s ease backwards;\n  }\n  .flx-card:nth-child(1) { animation-delay: .05s; }\n  .flx-card:nth-child(2) { animation-delay: .1s; }\n  .flx-card:nth-child(3) { animation-delay: .15s; }\n  .flx-card:nth-child(4) { animation-delay: .2s; }\n  .flx-card:nth-child(5) { animation-delay: .25s; }\n  .flx-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes flxFadeInUp {\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  .flx-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":45779266011293,"sku":"LT0270","price":20.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/flexilium-60-gelules-vegetales-lt-labo-packshothd.webp?v=1775655987"},{"product_id":"spirulysat-et-cuivre-extrait-liquide-de-spiruline-supplemente-en-cuivre-20-ampoules-algosource","title":"Spirulysat et Cuivre - Renforce les défenses naturelles - 20 ampoules - AlgoSource","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Spirulysat et Cuivre - AlgoSource\nPalette détectée:\n  - Primaire: #1B4F7C (bleu profond du packaging)\n  - Secondaire: #C65D3B (orange\/terracotta de la silhouette)\n  - Accent: #00A5B5 (bleu turquoise de l'ampoule)\n  - Fond: #F5F0E8 (crème beige du packaging)\nAmbiance: Naturel\/santé, scientifique mais accessible, produit breton premium, spiruline marine\nPréfixe CSS: spc\n--\u003e\n\n\u003cdiv class=\"spc-premium\"\u003e\n  \n  \u003cdiv class=\"spc-hero\"\u003e\n    \u003cdiv class=\"spc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"spc-hero-content\"\u003e\n      \u003cdiv class=\"spc-badges-top\"\u003e\n        \u003cspan class=\"spc-badge\"\u003e🇫🇷 Fabriqué en Bretagne\u003c\/span\u003e\n        \u003cspan class=\"spc-badge\"\u003e🛡️ Immunité\u003c\/span\u003e\n        \u003cspan class=\"spc-badge\"\u003e⚡ Énergie\u003c\/span\u003e\n        \u003cspan class=\"spc-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"spc-hero-title\"\u003eSpirulysat \u0026amp; Cuivre\u003c\/span\u003e\n      \u003cp class=\"spc-subtitle\"\u003eRenforcez vos défenses naturelles\u003c\/p\u003e\n      \u003cp class=\"spc-description\"\u003eExtrait liquide de spiruline fraîche enrichi en cuivre pour une immunité optimale et un métabolisme énergétique équilibré\u003c\/p\u003e\n      \u003cdiv class=\"spc-hero-stats\"\u003e\n        \u003cdiv class=\"spc-stat\"\u003e\n          \u003cspan class=\"spc-stat-number\"\u003e20\u003c\/span\u003e\n          \u003cspan class=\"spc-stat-label\"\u003eAmpoules\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spc-stat\"\u003e\n          \u003cspan class=\"spc-stat-number\"\u003e30%\u003c\/span\u003e\n          \u003cspan class=\"spc-stat-label\"\u003eAJR en cuivre\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spc-stat\"\u003e\n          \u003cspan class=\"spc-stat-number\"\u003e100%\u003c\/span\u003e\n          \u003cspan class=\"spc-stat-label\"\u003eBiodisponible\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"spc-section\"\u003e\n    \u003ch2\u003e🌊 Pourquoi choisir Spirulysat \u0026amp; Cuivre ?\u003c\/h2\u003e\n    \u003cdiv class=\"spc-grid\"\u003e\n      \u003cdiv class=\"spc-card spc-card-benefit\"\u003e\n        \u003cdiv class=\"spc-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eDéfenses immunitaires\u003c\/h3\u003e\n        \u003cp\u003eLe cuivre et la phycocyanine agissent en synergie pour booster vos fonctions immunitaires et vous protéger contre les infections saisonnières.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-card-benefit\"\u003e\n        \u003cdiv class=\"spc-card-icon\"\u003e🧠\u003c\/div\u003e\n        \u003ch3\u003eSystème nerveux\u003c\/h3\u003e\n        \u003cp\u003eContribue au bon fonctionnement du système nerveux et aide à réduire efficacement la fatigue au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-card-benefit\"\u003e\n        \u003cdiv class=\"spc-card-icon\"\u003e✨\u003c\/div\u003e\n        \u003ch3\u003eAntioxydant puissant\u003c\/h3\u003e\n        \u003cp\u003eProtège vos cellules contre les radicaux libres grâce aux propriétés exceptionnelles de la spiruline bretonne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-card-benefit\"\u003e\n        \u003cdiv class=\"spc-card-icon\"\u003e💧\u003c\/div\u003e\n        \u003ch3\u003eHaute biodisponibilité\u003c\/h3\u003e\n        \u003cp\u003eLa forme liquide garantit une assimilation rapide et optimale des actifs pour des effets visibles rapidement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spc-section\"\u003e\n    \u003ch2\u003e🔬 Une formule unique et concentrée\u003c\/h2\u003e\n    \u003cdiv class=\"spc-composition-grid\"\u003e\n      \u003cdiv class=\"spc-composition-card\"\u003e\n        \u003cdiv class=\"spc-composition-header\"\u003e\n          \u003cspan class=\"spc-composition-icon\"\u003e🌀\u003c\/span\u003e\n          \u003ch3\u003eSpirulysat®\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"spc-composition-desc\"\u003eExtrait aqueux de spiruline fraîche\u003c\/p\u003e\n        \u003cul class=\"spc-composition-benefits\" style=\"list-style:none;\"\u003e\n          \u003cli\u003eRiche en phycocyanine naturelle\u003c\/li\u003e\n          \u003cli\u003eCultivée en Bretagne\u003c\/li\u003e\n          \u003cli\u003eExtraction douce préservant les actifs\u003c\/li\u003e\n          \u003cli\u003eNaturellement bleu\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cdiv class=\"spc-composition-tag\"\u003eIngrédient breveté\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-composition-card\"\u003e\n        \u003cdiv class=\"spc-composition-header\"\u003e\n          \u003cspan class=\"spc-composition-icon\"\u003e🔶\u003c\/span\u003e\n          \u003ch3\u003eCuivre\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"spc-composition-desc\"\u003eSulfate de cuivre biodisponible\u003c\/p\u003e\n        \u003cul class=\"spc-composition-benefits\" style=\"list-style:none;\"\u003e\n          \u003cli\u003e30% des apports journaliers recommandés\u003c\/li\u003e\n          \u003cli\u003eEssentiel au métabolisme énergétique\u003c\/li\u003e\n          \u003cli\u003eProtection contre le stress oxydatif\u003c\/li\u003e\n          \u003cli\u003eSoutien du système immunitaire\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cdiv class=\"spc-composition-tag\"\u003eMinéral essentiel\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spc-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"spc-usage-container\"\u003e\n      \u003cdiv class=\"spc-usage-steps\"\u003e\n        \u003cdiv class=\"spc-step\"\u003e\n          \u003cdiv class=\"spc-step-number\"\u003e1\u003c\/div\u003e\n          \u003cdiv class=\"spc-step-content\"\u003e\n            \u003ch4\u003eOuvrez l'ampoule\u003c\/h4\u003e\n            \u003cp\u003eCassez délicatement les deux extrémités de l'ampoule\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spc-step\"\u003e\n          \u003cdiv class=\"spc-step-number\"\u003e2\u003c\/div\u003e\n          \u003cdiv class=\"spc-step-content\"\u003e\n            \u003ch4\u003eDiluez\u003c\/h4\u003e\n            \u003cp\u003eVersez le contenu dans un verre d'eau ou de jus de fruits\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spc-step\"\u003e\n          \u003cdiv class=\"spc-step-number\"\u003e3\u003c\/div\u003e\n          \u003cdiv class=\"spc-step-content\"\u003e\n            \u003ch4\u003eConsommez\u003c\/h4\u003e\n            \u003cp\u003eBuvez de préférence le matin, pendant ou après le repas\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-usage-info\"\u003e\n        \u003cdiv class=\"spc-info-card\"\u003e\n          \u003cspan class=\"spc-info-icon\"\u003e📅\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eDurée de cure\u003c\/strong\u003e\n            \u003cp\u003e20 jours pour un soutien optimal\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spc-info-card\"\u003e\n          \u003cspan class=\"spc-info-icon\"\u003e💊\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003ePosologie\u003c\/strong\u003e\n            \u003cp\u003e1 ampoule par jour\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spc-info-card\"\u003e\n          \u003cspan class=\"spc-info-icon\"\u003e🍃\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eGoût\u003c\/strong\u003e\n            \u003cp\u003eNeutre, facile à prendre\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spc-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est ce produit ?\u003c\/h2\u003e\n    \u003cdiv class=\"spc-grid spc-grid-3\"\u003e\n      \u003cdiv class=\"spc-card spc-profile-card\"\u003e\n        \u003cdiv class=\"spc-profile-icon\"\u003e🏃\u003c\/div\u003e\n        \u003ch3\u003eActifs débordés\u003c\/h3\u003e\n        \u003cp\u003eRenforcez votre système immunitaire face aux rythmes intenses du quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-profile-card\"\u003e\n        \u003cdiv class=\"spc-profile-icon\"\u003e❄️\u003c\/div\u003e\n        \u003ch3\u003eChangements de saison\u003c\/h3\u003e\n        \u003cp\u003ePréparez votre corps aux périodes hivernales et aux transitions saisonnières\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-profile-card\"\u003e\n        \u003cdiv class=\"spc-profile-icon\"\u003e😴\u003c\/div\u003e\n        \u003ch3\u003eFatigue persistante\u003c\/h3\u003e\n        \u003cp\u003eRetrouvez énergie et vitalité grâce à l'action combinée spiruline-cuivre\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-profile-card\"\u003e\n        \u003cdiv class=\"spc-profile-icon\"\u003e🧘\u003c\/div\u003e\n        \u003ch3\u003eSensibles au stress\u003c\/h3\u003e\n        \u003cp\u003eSoutenez votre système nerveux et protégez vos cellules du stress oxydatif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-profile-card\"\u003e\n        \u003cdiv class=\"spc-profile-icon\"\u003e🌱\u003c\/div\u003e\n        \u003ch3\u003eVégétaliens\u003c\/h3\u003e\n        \u003cp\u003eFormule 100% végétale adaptée à votre mode de vie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-profile-card\"\u003e\n        \u003cdiv class=\"spc-profile-icon\"\u003e🔬\u003c\/div\u003e\n        \u003ch3\u003eExigeants qualité\u003c\/h3\u003e\n        \u003cp\u003eUn produit breton, sans alcool, sans conservateurs, certifié et traçable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spc-section\"\u003e\n    \u003ch2\u003e✅ Nos engagements qualité\u003c\/h2\u003e\n    \u003cdiv class=\"spc-certifications\"\u003e\n      \u003cdiv class=\"spc-cert-item\"\u003e\n        \u003cspan class=\"spc-cert-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan\u003eFabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-cert-item\"\u003e\n        \u003cspan class=\"spc-cert-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan\u003e100% origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-cert-item\"\u003e\n        \u003cspan class=\"spc-cert-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan\u003eSans alcool\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-cert-item\"\u003e\n        \u003cspan class=\"spc-cert-icon\"\u003e🧪\u003c\/span\u003e\n        \u003cspan\u003eSans conservateurs\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-cert-item\"\u003e\n        \u003cspan class=\"spc-cert-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan\u003eVégétalien\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-cert-item\"\u003e\n        \u003cspan class=\"spc-cert-icon\"\u003e♻️\u003c\/span\u003e\n        \u003cspan\u003eCulture écologique\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spc-section\"\u003e\n    \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"spc-info-grid\"\u003e\n      \u003cdiv class=\"spc-info-item\"\u003e\n        \u003cspan class=\"spc-info-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"spc-info-value\"\u003e20 ampoules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-info-item\"\u003e\n        \u003cspan class=\"spc-info-label\"\u003eDurée de cure\u003c\/span\u003e\n        \u003cspan class=\"spc-info-value\"\u003e20 jours\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-info-item\"\u003e\n        \u003cspan class=\"spc-info-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"spc-info-value\"\u003eBretagne, France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-info-item\"\u003e\n        \u003cspan class=\"spc-info-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"spc-info-value\"\u003eAlgoSource\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"spc-cta-box\"\u003e\n      \u003cdiv class=\"spc-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"spc-cta-content\"\u003e\n        \u003cp\u003e🌊 Renforcez vos défenses naturelles avec \u003cstrong\u003eSpirulysat \u0026amp; Cuivre\u003c\/strong\u003e, l'alliance unique de la spiruline bretonne et du cuivre pour une immunité en pleine forme, naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --spc-cream: #FDF8F1;\n  --spc-white: #ffffff;\n  --spc-primary: #1B4F7C;\n  --spc-primary-dark: #133A5C;\n  --spc-primary-light: #E8F1F8;\n  --spc-secondary: #C65D3B;\n  --spc-secondary-light: #FEF3EF;\n  --spc-accent: #00A5B5;\n  --spc-accent-light: #E5F7F9;\n  --spc-text: #1a1a1a;\n  --spc-text-light: #5a5a5a;\n  --spc-border: #e0e0e0;\n  --spc-shadow: 0 4px 24px rgba(27, 79, 124, .08);\n  --spc-shadow-lg: 0 12px 48px rgba(27, 79, 124, .15);\n  --spc-radius: 20px;\n  --spc-radius-sm: 12px;\n}\n\n.spc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--spc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--spc-text);\n  line-height: 1.6;\n}\n\n.spc-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.spc-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--spc-primary) 0%, var(--spc-primary-dark) 50%, #0D2840 100%);\n  border-radius: var(--spc-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(--spc-shadow-lg);\n}\n\n.spc-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%, rgba(0, 165, 181, .15) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(198, 93, 59, .15) 0%, transparent 50%),\n    url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5C30 5 35 15 35 30C35 45 30 55 30 55C30 55 25 45 25 30C25 15 30 5 30 5Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n  opacity: 1;\n}\n\n.spc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.spc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.spc-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(--spc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.spc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.spc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.spc-subtitle {\n  color: var(--spc-accent);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  text-transform: uppercase;\n  letter-spacing: .1em;\n}\n\n.spc-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 2vw, 19px);\n  max-width: 700px;\n  margin: 0 auto 2rem;\n  line-height: 1.7;\n}\n\n.spc-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.spc-stat {\n  text-align: center;\n  padding: 1rem 1.5rem;\n  background: rgba(255,255,255,.1);\n  border-radius: var(--spc-radius-sm);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255,255,255,.15);\n}\n\n.spc-stat-number {\n  display: block;\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 900;\n  color: white;\n  line-height: 1;\n}\n\n.spc-stat-label {\n  display: block;\n  font-size: 13px;\n  color: rgba(255,255,255,.8);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.spc-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.spc-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--spc-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.spc-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(--spc-primary), var(--spc-accent));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.spc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.spc-grid-3 {\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n\/* === CARDS === *\/\n.spc-card {\n  background: var(--spc-white);\n  border-radius: var(--spc-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--spc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.spc-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--spc-shadow-lg);\n  border-color: var(--spc-primary);\n}\n\n.spc-card-benefit {\n  text-align: center;\n}\n\n.spc-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.spc-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--spc-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.spc-card p {\n  font-size: 15px;\n  color: var(--spc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.spc-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 2rem;\n}\n\n.spc-composition-card {\n  background: var(--spc-white);\n  border-radius: var(--spc-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  box-shadow: var(--spc-shadow);\n  border: 2px solid var(--spc-primary-light);\n  transition: all .3s ease;\n}\n\n.spc-composition-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--spc-shadow-lg);\n  border-color: var(--spc-primary);\n}\n\n.spc-composition-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 1rem;\n}\n\n.spc-composition-icon {\n  font-size: 36px;\n}\n\n.spc-composition-header h3 {\n  font-size: 22px;\n  font-weight: 800;\n  color: var(--spc-primary-dark);\n  margin: 0;\n}\n\n.spc-composition-desc {\n  font-size: 15px;\n  color: var(--spc-text-light);\n  margin: 0 0 1rem 0;\n  font-style: italic;\n}\n\n.spc-composition-benefits {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 1rem 0;\n}\n\n.spc-composition-benefits li {\n  padding: .5rem 0 .5rem 28px;\n  position: relative;\n  font-size: 14px;\n  color: var(--spc-text);\n  border-bottom: 1px solid var(--spc-border);\n}\n\n.spc-composition-benefits li:last-child {\n  border-bottom: none;\n}\n\n.spc-composition-benefits li::before {\n  content: '✓';\n  position: absolute;\n  left: 0;\n  color: var(--spc-accent);\n  font-weight: 700;\n}\n\n.spc-composition-tag {\n  display: inline-block;\n  background: linear-gradient(135deg, var(--spc-primary), var(--spc-accent));\n  color: white;\n  padding: 6px 14px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.spc-usage-container {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 2rem;\n  align-items: start;\n}\n\n.spc-usage-steps {\n  background: var(--spc-white);\n  border-radius: var(--spc-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--spc-shadow);\n}\n\n.spc-step {\n  display: flex;\n  gap: 1rem;\n  padding: 1rem 0;\n  border-bottom: 1px solid var(--spc-border);\n}\n\n.spc-step:last-child {\n  border-bottom: none;\n}\n\n.spc-step-number {\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--spc-primary), var(--spc-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: 18px;\n  flex-shrink: 0;\n}\n\n.spc-step-content h4 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--spc-primary-dark);\n  margin: 0 0 4px 0;\n}\n\n.spc-step-content p {\n  font-size: 14px;\n  color: var(--spc-text-light);\n  margin: 0;\n}\n\n.spc-usage-info {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.spc-info-card {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: var(--spc-white);\n  border-radius: var(--spc-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--spc-shadow);\n  border-left: 4px solid var(--spc-accent);\n}\n\n.spc-info-icon {\n  font-size: 28px;\n}\n\n.spc-info-card strong {\n  display: block;\n  font-size: 14px;\n  color: var(--spc-primary-dark);\n  margin-bottom: 2px;\n}\n\n.spc-info-card p {\n  font-size: 14px;\n  color: var(--spc-text-light);\n  margin: 0;\n}\n\n\/* === PROFILS === *\/\n.spc-profile-card {\n  text-align: center;\n  padding: clamp(1.25rem, 2.5vw, 1.75rem);\n}\n\n.spc-profile-icon {\n  font-size: 40px;\n  margin-bottom: .75rem;\n  display: block;\n}\n\n.spc-profile-card h3 {\n  font-size: 16px;\n  margin-bottom: .5rem;\n}\n\n.spc-profile-card p {\n  font-size: 14px;\n}\n\n\/* === CERTIFICATIONS === *\/\n.spc-certifications {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 1rem;\n  background: var(--spc-white);\n  border-radius: var(--spc-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  box-shadow: var(--spc-shadow);\n}\n\n.spc-cert-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 18px;\n  background: var(--spc-primary-light);\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--spc-primary-dark);\n  transition: all .3s ease;\n}\n\n.spc-cert-item:hover {\n  background: var(--spc-primary);\n  color: white;\n  transform: scale(1.05);\n}\n\n.spc-cert-icon {\n  font-size: 18px;\n}\n\n\/* === INFO PRATIQUES === *\/\n.spc-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n  background: var(--spc-white);\n  border-radius: var(--spc-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--spc-shadow);\n}\n\n.spc-info-item {\n  text-align: center;\n  padding: 1rem;\n  border-radius: var(--spc-radius-sm);\n  background: var(--spc-cream);\n}\n\n.spc-info-label {\n  display: block;\n  font-size: 13px;\n  color: var(--spc-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: 4px;\n}\n\n.spc-info-value {\n  display: block;\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--spc-primary-dark);\n}\n\n\/* === CTA === *\/\n.spc-cta-box {\n  position: relative;\n  background: linear-gradient(135deg, var(--spc-primary) 0%, var(--spc-primary-dark) 50%, #0D2840 100%);\n  border-radius: var(--spc-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  overflow: hidden;\n  box-shadow: var(--spc-shadow-lg);\n}\n\n.spc-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: \n    radial-gradient(circle at 10% 90%, rgba(0, 165, 181, .2) 0%, transparent 40%),\n    radial-gradient(circle at 90% 10%, rgba(198, 93, 59, .2) 0%, transparent 40%);\n}\n\n.spc-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.spc-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  margin: 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.spc-cta-box strong {\n  color: var(--spc-accent);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .spc-grid,\n  .spc-grid-3 {\n    grid-template-columns: 1fr;\n  }\n  \n  .spc-composition-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .spc-usage-container {\n    grid-template-columns: 1fr;\n  }\n  \n  .spc-hero-stats {\n    gap: 1rem;\n  }\n  \n  .spc-stat {\n    padding: .75rem 1rem;\n  }\n  \n  .spc-certifications {\n    gap: .75rem;\n  }\n  \n  .spc-cert-item {\n    padding: 8px 14px;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .spc-card,\n  .spc-composition-card,\n  .spc-info-card {\n    animation: spcFadeInUp .6s ease backwards;\n  }\n  \n  .spc-card:nth-child(1),\n  .spc-composition-card:nth-child(1) { animation-delay: .1s; }\n  .spc-card:nth-child(2),\n  .spc-composition-card:nth-child(2) { animation-delay: .2s; }\n  .spc-card:nth-child(3) { animation-delay: .3s; }\n  .spc-card:nth-child(4) { animation-delay: .4s; }\n  .spc-card:nth-child(5) { animation-delay: .5s; }\n  .spc-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes spcFadeInUp {\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  .spc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .spc-card,\n  .spc-composition-card {\n    border: 2px solid var(--spc-text);\n  }\n  \n  .spc-badge {\n    border: 2px solid var(--spc-primary-dark);\n  }\n}\n\u003c\/style\u003e","brand":"ALGOSOURCE","offers":[{"title":"Default Title","offer_id":45755358314653,"sku":"PHYCOCUIV20","price":24.02,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spirulysat-et-cuivre-renforcement-des-defenses-naturelles-20-ampoules-algosource-441751.jpg?v=1732721764"},{"product_id":"spirulysat-concentre-extrait-liquide-de-spiruline-20-ampoules-de-10-ml-algosource","title":"Spirulysat Concentré - Extrait Liquide de Spiruline - 20 x 10 ml - AlgoSource","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Spirulysat Concentré - Extrait Liquide de Spiruline\nPalette détectée:\n  - Primaire: #2C3E6F (Bleu marine profond du packaging)\n  - Secondaire: #9B8355 (Or\/bronze des motifs décoratifs)\n  - Accent: #4A90E2 (Bleu clair des détails spirale)\n  - Fond: #F5F3EE (Beige clair naturel)\nAmbiance: Premium scientifique avec touche naturelle\/organique. Élégant et sophistiqué avec les motifs dorés rappelant l'arbre de vie\/spirale. Univers santé\/bien-être haut de gamme.\nPréfixe CSS: sprl\n--\u003e\n\n\u003cdiv class=\"sprl-premium\"\u003e\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"sprl-hero\"\u003e\n    \u003cdiv class=\"sprl-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sprl-hero-content\"\u003e\n      \u003cdiv class=\"sprl-badges-top\"\u003e\n        \u003cspan class=\"sprl-badge\"\u003e🌊 5000 mg de spiruline\u003c\/span\u003e\n        \u003cspan class=\"sprl-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"sprl-badge\"\u003e💧 Biodisponible\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sprl-hero-title\"\u003eSpirulysat Concentré\u003c\/span\u003e\n      \u003cp class=\"sprl-subtitle\"\u003eL'extrait liquide de spiruline nouvelle génération\u003c\/p\u003e\n      \u003cp class=\"sprl-description\"\u003eUne formule ultra-concentrée en ampoules pour une absorption optimale des nutriments. 20 jours de vitalité intense avec la puissance de la spiruline liquide AlgoSource.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- POINTS FORTS --\u003e\n  \u003csection class=\"sprl-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Spirulysat concentré ?\u003c\/h2\u003e\n    \u003cdiv class=\"sprl-grid\"\u003e\n      \u003cdiv class=\"sprl-card\"\u003e\n        \u003cdiv class=\"sprl-icon\"\u003e💧\u003c\/div\u003e\n        \u003cdiv class=\"sprl-card-title\"\u003eAbsorption rapide\u003c\/div\u003e\n        \u003cp\u003eForme liquide pour une biodisponibilité maximale et des effets ressentis dès les premiers jours\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-card\"\u003e\n        \u003cdiv class=\"sprl-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cdiv class=\"sprl-card-title\"\u003e100% naturel\u003c\/div\u003e\n        \u003cp\u003eExtrait pur de spiruline sans additif, conservateur ou colorant artificiel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-card\"\u003e\n        \u003cdiv class=\"sprl-icon\"\u003e⚡\u003c\/div\u003e\n        \u003cdiv class=\"sprl-card-title\"\u003eUltra-concentré\u003c\/div\u003e\n        \u003cp\u003e5000 mg de spiruline par ampoule pour un maximum de nutriments essentiels\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-card\"\u003e\n        \u003cdiv class=\"sprl-icon\"\u003e🇫🇷\u003c\/div\u003e\n        \u003cdiv class=\"sprl-card-title\"\u003eMade in France\u003c\/div\u003e\n        \u003cp\u003eCultivé et produit en France par AlgoSource, pionnier de la spiruline premium\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-card\"\u003e\n        \u003cdiv class=\"sprl-icon\"\u003e🎯\u003c\/div\u003e\n        \u003cdiv class=\"sprl-card-title\"\u003ePratique\u003c\/div\u003e\n        \u003cp\u003eFormat ampoule nomade, idéal pour une cure de 20 jours sans contrainte\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-card\"\u003e\n        \u003cdiv class=\"sprl-icon\"\u003e💪\u003c\/div\u003e\n        \u003cdiv class=\"sprl-card-title\"\u003eEfficacité prouvée\u003c\/div\u003e\n        \u003cp\u003eAide à la récupération, au stress intense, à la préparation sportive et combat la fatigue\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"sprl-section\"\u003e\n    \u003ch2\u003eUne composition d'excellence\u003c\/h2\u003e\n    \u003cdiv class=\"sprl-composition-grid\"\u003e\n      \u003cdiv class=\"sprl-ingredient-card\"\u003e\n        \u003cdiv class=\"sprl-ingredient-icon\"\u003e🌊\u003c\/div\u003e\n        \u003cdiv class=\"sprl-ingredient-name\"\u003eExtrait liquide de spiruline\u003c\/div\u003e\n        \u003cdiv class=\"sprl-ingredient-dose\"\u003e5000 mg par ampoule\u003c\/div\u003e\n        \u003cp\u003eLa spiruline est un super-aliment riche en protéines végétales (60-70%), contenant les 8 acides aminés essentiels. Elle apporte une concentration exceptionnelle de nutriments biodisponibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-ingredient-card\"\u003e\n        \u003cdiv class=\"sprl-ingredient-icon\"\u003e💎\u003c\/div\u003e\n        \u003cdiv class=\"sprl-ingredient-name\"\u003ePhycocyanine naturelle\u003c\/div\u003e\n        \u003cdiv class=\"sprl-ingredient-dose\"\u003eNaturellement présente\u003c\/div\u003e\n        \u003cp\u003ePigment bleu caractéristique de la spiruline, puissant antioxydant aux propriétés protectrices et anti-inflammatoires reconnues.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-ingredient-card\"\u003e\n        \u003cdiv class=\"sprl-ingredient-icon\"\u003e🍃\u003c\/div\u003e\n        \u003cdiv class=\"sprl-ingredient-name\"\u003eChlorophylle\u003c\/div\u003e\n        \u003cdiv class=\"sprl-ingredient-dose\"\u003eConcentrée naturellement\u003c\/div\u003e\n        \u003cp\u003eDétoxifiante et oxygénante, la chlorophylle contribue à purifier l'organisme et à renforcer la vitalité cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-ingredient-card\"\u003e\n        \u003cdiv class=\"sprl-ingredient-icon\"\u003e⚙️\u003c\/div\u003e\n        \u003cdiv class=\"sprl-ingredient-name\"\u003eFer biodisponible\u003c\/div\u003e\n        \u003cdiv class=\"sprl-ingredient-dose\"\u003eTeneur élevée\u003c\/div\u003e\n        \u003cp\u003eLa spiruline est une source exceptionnelle de fer organique, 20 fois plus assimilable que le fer végétal classique, idéal contre l'anémie.\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=\"sprl-section\"\u003e\n    \u003ch2\u003eComment utiliser Spirulysat ?\u003c\/h2\u003e\n    \u003cdiv class=\"sprl-steps\"\u003e\n      \u003cdiv class=\"sprl-step\"\u003e\n        \u003cdiv class=\"sprl-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sprl-step-content\"\u003e\n          \u003cdiv class=\"sprl-step-title\"\u003eMoment idéal\u003c\/div\u003e\n          \u003cp\u003ePrendre une ampoule le matin à jeun pour une absorption optimale des nutriments\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-step\"\u003e\n        \u003cdiv class=\"sprl-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sprl-step-content\"\u003e\n          \u003cdiv class=\"sprl-step-title\"\u003eDilution\u003c\/div\u003e\n          \u003cp\u003eVerser le contenu de l'ampoule dans un verre d'eau (200 ml) ou de jus de fruits\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-step\"\u003e\n        \u003cdiv class=\"sprl-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sprl-step-content\"\u003e\n          \u003cdiv class=\"sprl-step-title\"\u003eDurée de cure\u003c\/div\u003e\n          \u003cp\u003eSuivre une cure complète de 20 jours consécutifs pour des résultats optimaux\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-step\"\u003e\n        \u003cdiv class=\"sprl-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"sprl-step-content\"\u003e\n          \u003cdiv class=\"sprl-step-title\"\u003eRenouvellement\u003c\/div\u003e\n          \u003cp\u003ePossibilité de renouveler la cure après une pause de 10 jours 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!-- BIENFAITS --\u003e\n  \u003csection class=\"sprl-section\"\u003e\n    \u003ch2\u003eLes multiples bienfaits de la spiruline\u003c\/h2\u003e\n    \u003cdiv class=\"sprl-benefits-grid\"\u003e\n      \u003cdiv class=\"sprl-benefit-card\"\u003e\n        \u003cdiv class=\"sprl-benefit-icon\"\u003e💪\u003c\/div\u003e\n        \u003cdiv class=\"sprl-benefit-title\"\u003eÉnergie et vitalité\u003c\/div\u003e\n        \u003cp\u003eCombat la fatigue physique et mentale grâce à sa richesse en fer, vitamines B et protéines complètes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-benefit-card\"\u003e\n        \u003cdiv class=\"sprl-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003cdiv class=\"sprl-benefit-title\"\u003eDéfenses immunitaires\u003c\/div\u003e\n        \u003cp\u003eRenforce le système immunitaire avec ses antioxydants puissants et ses polysaccharides stimulants\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-benefit-card\"\u003e\n        \u003cdiv class=\"sprl-benefit-icon\"\u003e🏃\u003c\/div\u003e\n        \u003cdiv class=\"sprl-benefit-title\"\u003ePerformance sportive\u003c\/div\u003e\n        \u003cp\u003eOptimise la récupération musculaire et améliore l'endurance grâce aux protéines et acides aminés\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-benefit-card\"\u003e\n        \u003cdiv class=\"sprl-benefit-icon\"\u003e🧠\u003c\/div\u003e\n        \u003cdiv class=\"sprl-benefit-title\"\u003eConcentration\u003c\/div\u003e\n        \u003cp\u003eSoutient les fonctions cognitives et réduit le stress oxydatif du cerveau\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-benefit-card\"\u003e\n        \u003cdiv class=\"sprl-benefit-icon\"\u003e🩸\u003c\/div\u003e\n        \u003cdiv class=\"sprl-benefit-title\"\u003eContre l'anémie\u003c\/div\u003e\n        \u003cp\u003eSource exceptionnelle de fer biodisponible, parfaite pour maintenir un bon taux d'hémoglobine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-benefit-card\"\u003e\n        \u003cdiv class=\"sprl-benefit-icon\"\u003e✨\u003c\/div\u003e\n        \u003cdiv class=\"sprl-benefit-title\"\u003eDétoxification\u003c\/div\u003e\n        \u003cp\u003eAide à éliminer les toxines et métaux lourds grâce à la chlorophylle et la phycocyanine\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"sprl-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse Spirulysat ?\u003c\/h2\u003e\n    \u003cdiv class=\"sprl-grid\"\u003e\n      \u003cdiv class=\"sprl-profile-card\"\u003e\n        \u003cdiv class=\"sprl-profile-icon\"\u003e🏃‍♀️\u003c\/div\u003e\n        \u003cdiv class=\"sprl-profile-title\"\u003eSportifs\u003c\/div\u003e\n        \u003cp\u003ePréparation aux efforts intenses, amélioration de la récupération et de l'endurance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-profile-card\"\u003e\n        \u003cdiv class=\"sprl-profile-icon\"\u003e😴\u003c\/div\u003e\n        \u003cdiv class=\"sprl-profile-title\"\u003ePersonnes fatiguées\u003c\/div\u003e\n        \u003cp\u003eIdéal en cas de fatigue chronique, baisse d'énergie ou convalescence\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-profile-card\"\u003e\n        \u003cdiv class=\"sprl-profile-icon\"\u003e🌱\u003c\/div\u003e\n        \u003cdiv class=\"sprl-profile-title\"\u003eVégétariens \/ Vegans\u003c\/div\u003e\n        \u003cp\u003eSource complète de protéines végétales et de vitamine B12 naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-profile-card\"\u003e\n        \u003cdiv class=\"sprl-profile-icon\"\u003e🎯\u003c\/div\u003e\n        \u003cdiv class=\"sprl-profile-title\"\u003eActifs stressés\u003c\/div\u003e\n        \u003cp\u003eSoutien en période de stress intense, surcharge de travail ou examens\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-profile-card\"\u003e\n        \u003cdiv class=\"sprl-profile-icon\"\u003e🍂\u003c\/div\u003e\n        \u003cdiv class=\"sprl-profile-title\"\u003eSeniors\u003c\/div\u003e\n        \u003cp\u003eMaintien de la vitalité et renforcement des défenses naturelles avec l'âge\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-profile-card\"\u003e\n        \u003cdiv class=\"sprl-profile-icon\"\u003e🩺\u003c\/div\u003e\n        \u003cdiv class=\"sprl-profile-title\"\u003ePersonnes anémiées\u003c\/div\u003e\n        \u003cp\u003eComplément naturel riche en fer hautement assimilable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ORIGINE --\u003e\n  \u003csection class=\"sprl-section\"\u003e\n    \u003cdiv class=\"sprl-origin-box\"\u003e\n      \u003cdiv class=\"sprl-origin-content\"\u003e\n        \u003cdiv class=\"sprl-origin-icon\"\u003e🏭\u003c\/div\u003e\n        \u003cdiv class=\"sprl-origin-title\"\u003eAlgoSource, l'excellence française\u003c\/div\u003e\n        \u003cp\u003eSpirulysat est fabriqué en France par AlgoSource, entreprise pionnière dans la recherche et la production de spiruline premium. La spiruline utilisée est cultivée dans des conditions optimales avec un contrôle qualité rigoureux à chaque étape. Ce savoir-faire garantit un produit final d'une pureté exceptionnelle, concentré en nutriments actifs et totalement sûr pour votre santé.\u003c\/p\u003e\n        \u003cdiv class=\"sprl-origin-badges\"\u003e\n          \u003cspan class=\"sprl-origin-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n          \u003cspan class=\"sprl-origin-badge\"\u003e✅ Contrôle qualité strict\u003c\/span\u003e\n          \u003cspan class=\"sprl-origin-badge\"\u003e🔬 Expertise scientifique\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=\"sprl-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"sprl-info-grid\"\u003e\n      \u003cdiv class=\"sprl-info-card\"\u003e\n        \u003cdiv class=\"sprl-info-icon\"\u003e📦\u003c\/div\u003e\n        \u003cdiv class=\"sprl-info-label\"\u003eContenance\u003c\/div\u003e\n        \u003cdiv class=\"sprl-info-value\"\u003e20 ampoules de 10 ml\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-info-card\"\u003e\n        \u003cdiv class=\"sprl-info-icon\"\u003e⏱️\u003c\/div\u003e\n        \u003cdiv class=\"sprl-info-label\"\u003eDurée de cure\u003c\/div\u003e\n        \u003cdiv class=\"sprl-info-value\"\u003e20 jours\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-info-card\"\u003e\n        \u003cdiv class=\"sprl-info-icon\"\u003e💧\u003c\/div\u003e\n        \u003cdiv class=\"sprl-info-label\"\u003eDose par ampoule\u003c\/div\u003e\n        \u003cdiv class=\"sprl-info-value\"\u003e5000 mg de spiruline\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-info-card\"\u003e\n        \u003cdiv class=\"sprl-info-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cdiv class=\"sprl-info-label\"\u003eComposition\u003c\/div\u003e\n        \u003cdiv class=\"sprl-info-value\"\u003e100% naturel\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-info-card\"\u003e\n        \u003cdiv class=\"sprl-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n        \u003cdiv class=\"sprl-info-label\"\u003eOrigine\u003c\/div\u003e\n        \u003cdiv class=\"sprl-info-value\"\u003eFabriqué en France\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sprl-info-card\"\u003e\n        \u003cdiv class=\"sprl-info-icon\"\u003e🔬\u003c\/div\u003e\n        \u003cdiv class=\"sprl-info-label\"\u003eMarque\u003c\/div\u003e\n        \u003cdiv class=\"sprl-info-value\"\u003eAlgoSource\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- PRÉCAUTIONS --\u003e\n  \u003csection class=\"sprl-section\"\u003e\n    \u003cdiv class=\"sprl-warning-box\"\u003e\n      \u003cdiv class=\"sprl-warning-content\"\u003e\n        \u003cdiv class=\"sprl-warning-title\"\u003ePrécautions d'emploi\u003c\/div\u003e\n        \u003cul class=\"sprl-warning-list\" style=\"list-style:none;\"\u003e\n          \u003cli\u003eNe pas dépasser la dose journalière recommandée (1 ampoule par jour)\u003c\/li\u003e\n          \u003cli\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée\u003c\/li\u003e\n          \u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n          \u003cli\u003eConserver dans un endroit frais et sec, à l'abri de la lumière\u003c\/li\u003e\n          \u003cli\u003eDéconseillé aux personnes allergiques aux algues ou souffrant de phénylcétonurie\u003c\/li\u003e\n          \u003cli\u003eEn cas de traitement médical, demander l'avis de votre médecin\u003c\/li\u003e\n          \u003cli\u003eFemmes enceintes ou allaitantes : consulter un professionnel de santé avant utilisation\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"sprl-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"sprl-cta-box\"\u003e\n      \u003cdiv class=\"sprl-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"sprl-cta-content\"\u003e\n        \u003cp\u003eFaites le choix de l'excellence avec Spirulysat Concentré : 20 jours pour retrouver votre vitalité naturelle et booster vos défenses grâce à la puissance concentrée de la spiruline française. Une formule liquide ultra-assimilable pour des résultats visibles dès les premiers jours.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  \/* Couleurs principales *\/\n  --sprl-cream: #F5F3EE;\n  --sprl-white: #ffffff;\n  --sprl-primary: #2C3E6F;\n  --sprl-primary-dark: #1a2542;\n  --sprl-primary-light: #e8edf7;\n  --sprl-secondary: #9B8355;\n  --sprl-accent: #4A90E2;\n\n  \/* Textes *\/\n  --sprl-text: #1a1a1a;\n  --sprl-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --sprl-border: #e0e0e0;\n  --sprl-shadow: 0 4px 24px rgba(44, 62, 111, .08);\n  --sprl-shadow-lg: 0 12px 48px rgba(44, 62, 111, .15);\n  --sprl-radius: 20px;\n  --sprl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sprl-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sprl-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  line-height: 1.6;\n  color: var(--sprl-text);\n}\n\n\/* === HERO === *\/\n.sprl-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--sprl-primary) 0%, #3a4f7d 50%, var(--sprl-accent) 100%);\n  border-radius: var(--sprl-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(--sprl-shadow-lg);\n}\n\n.sprl-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image: \n    radial-gradient(circle at 20% 30%, var(--sprl-secondary) 0%, transparent 50%),\n    radial-gradient(circle at 80% 70%, var(--sprl-secondary) 0%, transparent 50%),\n    repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.03) 30px, rgba(255,255,255,.03) 60px);\n}\n\n.sprl-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sprl-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n  margin-bottom: 2rem;\n}\n\n.sprl-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(--sprl-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sprl-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.sprl-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sprl-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: -.01em;\n}\n\n.sprl-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2vw, 18px);\n  max-width: 800px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.sprl-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.sprl-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sprl-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.sprl-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(--sprl-primary), var(--sprl-accent));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.sprl-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.sprl-card {\n  background: var(--sprl-white);\n  border-radius: var(--sprl-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--sprl-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sprl-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--sprl-shadow-lg);\n  border-color: var(--sprl-primary);\n}\n\n.sprl-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.sprl-card-title {\n  font-size: 19px;\n  font-weight: 800;\n  color: var(--sprl-primary-dark);\n  margin-bottom: 0.75rem;\n}\n\n.sprl-card p {\n  color: var(--sprl-text-light);\n  font-size: 15px;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.sprl-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n.sprl-ingredient-card {\n  background: linear-gradient(135deg, var(--sprl-white) 0%, var(--sprl-primary-light) 100%);\n  border-radius: var(--sprl-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--sprl-shadow);\n  border: 2px solid var(--sprl-border);\n  transition: all .3s ease;\n}\n\n.sprl-ingredient-card:hover {\n  transform: translateY(-6px);\n  border-color: var(--sprl-secondary);\n  box-shadow: var(--sprl-shadow-lg);\n}\n\n.sprl-ingredient-icon {\n  font-size: 40px;\n  margin-bottom: 1rem;\n}\n\n.sprl-ingredient-name {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--sprl-primary-dark);\n  margin-bottom: 0.5rem;\n}\n\n.sprl-ingredient-dose {\n  display: inline-block;\n  padding: 6px 14px;\n  background: var(--sprl-secondary);\n  color: white;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  margin-bottom: 1rem;\n}\n\n.sprl-ingredient-card p {\n  color: var(--sprl-text-light);\n  font-size: 14px;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.sprl-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.sprl-step {\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  background: var(--sprl-white);\n  border-radius: var(--sprl-radius-sm);\n  padding: 1.5rem;\n  box-shadow: var(--sprl-shadow);\n  transition: all .3s ease;\n}\n\n.sprl-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--sprl-shadow-lg);\n}\n\n.sprl-step-number {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--sprl-primary), var(--sprl-accent));\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 12px rgba(44, 62, 111, .3);\n}\n\n.sprl-step-content {\n  flex: 1;\n}\n\n.sprl-step-title {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--sprl-primary-dark);\n  margin-bottom: 0.5rem;\n  display: block;\n}\n\n.sprl-step-content p {\n  color: var(--sprl-text-light);\n  font-size: 15px;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === BIENFAITS === *\/\n.sprl-benefits-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.5rem;\n}\n\n.sprl-benefit-card {\n  background: var(--sprl-white);\n  border-radius: var(--sprl-radius-sm);\n  padding: 1.5rem;\n  box-shadow: var(--sprl-shadow);\n  border-left: 4px solid var(--sprl-accent);\n  transition: all .3s ease;\n}\n\n.sprl-benefit-card:hover {\n  transform: translateY(-4px);\n  border-left-color: var(--sprl-secondary);\n  box-shadow: var(--sprl-shadow-lg);\n}\n\n.sprl-benefit-icon {\n  font-size: 36px;\n  margin-bottom: 0.75rem;\n  display: block;\n}\n\n.sprl-benefit-title {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--sprl-primary-dark);\n  margin-bottom: 0.5rem;\n}\n\n.sprl-benefit-card p {\n  color: var(--sprl-text-light);\n  font-size: 14px;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === POUR QUI === *\/\n.sprl-profile-card {\n  background: linear-gradient(135deg, var(--sprl-primary-light) 0%, var(--sprl-white) 100%);\n  border-radius: var(--sprl-radius);\n  padding: 1.5rem;\n  box-shadow: var(--sprl-shadow);\n  text-align: center;\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.sprl-profile-card:hover {\n  transform: translateY(-6px);\n  border-color: var(--sprl-accent);\n  box-shadow: var(--sprl-shadow-lg);\n}\n\n.sprl-profile-icon {\n  font-size: 44px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.sprl-profile-title {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--sprl-primary-dark);\n  margin-bottom: 0.5rem;\n}\n\n.sprl-profile-card p {\n  color: var(--sprl-text-light);\n  font-size: 14px;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ORIGINE === *\/\n.sprl-origin-box {\n  background: linear-gradient(135deg, var(--sprl-primary) 0%, var(--sprl-primary-dark) 100%);\n  border-radius: var(--sprl-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--sprl-shadow-lg);\n  position: relative;\n  overflow: hidden;\n}\n\n.sprl-origin-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(255,255,255,.02) 40px, rgba(255,255,255,.02) 80px);\n  opacity: .5;\n}\n\n.sprl-origin-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sprl-origin-icon {\n  font-size: 56px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.sprl-origin-title {\n  font-size: clamp(22px, 4vw, 28px);\n  font-weight: 900;\n  color: white;\n  margin-bottom: 1rem;\n}\n\n.sprl-origin-content p {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2vw, 17px);\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto 1.5rem auto;\n}\n\n.sprl-origin-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n  margin-top: 1.5rem;\n}\n\n.sprl-origin-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.15);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255,255,255,.3);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: white;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.sprl-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1.5rem;\n}\n\n.sprl-info-card {\n  background: var(--sprl-white);\n  border-radius: var(--sprl-radius-sm);\n  padding: 1.5rem;\n  box-shadow: var(--sprl-shadow);\n  text-align: center;\n  border-top: 3px solid var(--sprl-secondary);\n  transition: all .3s ease;\n}\n\n.sprl-info-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--sprl-shadow-lg);\n  border-top-color: var(--sprl-accent);\n}\n\n.sprl-info-icon {\n  font-size: 36px;\n  margin-bottom: 0.75rem;\n  display: block;\n}\n\n.sprl-info-label {\n  font-size: 13px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  color: var(--sprl-text-light);\n  margin-bottom: 0.5rem;\n}\n\n.sprl-info-value {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--sprl-primary-dark);\n}\n\n\/* === PRÉCAUTIONS === *\/\n.sprl-warning-box {\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  background: #fff8e6;\n  border: 2px solid #ffd966;\n  border-radius: var(--sprl-radius-sm);\n  padding: clamp(1.5rem, 3vw, 2rem);\n}\n\n.sprl-warning-icon {\n  font-size: 40px;\n  flex-shrink: 0;\n}\n\n.sprl-warning-content {\n  flex: 1;\n}\n\n.sprl-warning-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: #996600;\n  margin-bottom: 1rem;\n}\n\n.sprl-warning-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.sprl-warning-list li {\n  color: #664400;\n  font-size: 14px;\n  line-height: 1.7;\n  padding-left: 1.5rem;\n  position: relative;\n  margin-bottom: 0.5rem;\n}\n\n.sprl-warning-list li::before {\n  content: '→';\n  position: absolute;\n  left: 0;\n  color: #ffd966;\n  font-weight: 700;\n}\n\n\/* === CTA FINAL === *\/\n.sprl-cta-box {\n  background: linear-gradient(135deg, var(--sprl-accent) 0%, var(--sprl-primary) 100%);\n  border-radius: var(--sprl-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--sprl-shadow-lg);\n}\n\n.sprl-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image: \n    radial-gradient(circle at 30% 40%, var(--sprl-secondary) 0%, transparent 50%),\n    radial-gradient(circle at 70% 60%, var(--sprl-secondary) 0%, transparent 50%);\n}\n\n.sprl-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.sprl-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .sprl-grid,\n  .sprl-composition-grid,\n  .sprl-benefits-grid,\n  .sprl-info-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .sprl-warning-box {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .sprl-step {\n    flex-direction: column;\n    text-align: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sprl-card,\n  .sprl-benefit-card,\n  .sprl-profile-card,\n  .sprl-info-card,\n  .sprl-ingredient-card {\n    animation: fadeInUp .6s ease backwards;\n  }\n  \n  .sprl-card:nth-child(1),\n  .sprl-benefit-card:nth-child(1),\n  .sprl-profile-card:nth-child(1),\n  .sprl-info-card:nth-child(1),\n  .sprl-ingredient-card:nth-child(1) { animation-delay: .1s; }\n  \n  .sprl-card:nth-child(2),\n  .sprl-benefit-card:nth-child(2),\n  .sprl-profile-card:nth-child(2),\n  .sprl-info-card:nth-child(2),\n  .sprl-ingredient-card:nth-child(2) { animation-delay: .2s; }\n  \n  .sprl-card:nth-child(3),\n  .sprl-benefit-card:nth-child(3),\n  .sprl-profile-card:nth-child(3),\n  .sprl-info-card:nth-child(3),\n  .sprl-ingredient-card:nth-child(3) { animation-delay: .3s; }\n  \n  .sprl-card:nth-child(4),\n  .sprl-benefit-card:nth-child(4),\n  .sprl-profile-card:nth-child(4),\n  .sprl-info-card:nth-child(4),\n  .sprl-ingredient-card:nth-child(4) { animation-delay: .4s; }\n  \n  .sprl-card:nth-child(5),\n  .sprl-benefit-card:nth-child(5),\n  .sprl-profile-card:nth-child(5),\n  .sprl-info-card:nth-child(5) { animation-delay: .5s; }\n  \n  .sprl-card:nth-child(6),\n  .sprl-benefit-card:nth-child(6),\n  .sprl-profile-card:nth-child(6),\n  .sprl-info-card:nth-child(6) { animation-delay: .6s; }\n  \n  .sprl-step:nth-child(1) { animation: fadeInRight .6s ease .1s backwards; }\n  .sprl-step:nth-child(2) { animation: fadeInRight .6s ease .2s backwards; }\n  .sprl-step:nth-child(3) { animation: fadeInRight .6s ease .3s backwards; }\n  .sprl-step:nth-child(4) { animation: fadeInRight .6s ease .4s backwards; }\n}\n\n@keyframes fadeInUp {\n  from { \n    opacity: 0; \n    transform: translateY(40px); \n  }\n  to { \n    opacity: 1; \n    transform: translateY(0); \n  }\n}\n\n@keyframes fadeInRight {\n  from { \n    opacity: 0; \n    transform: translateX(-40px); \n  }\n  to { \n    opacity: 1; \n    transform: translateX(0); \n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .sprl-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .sprl-premium {\n    --sprl-border: #000000;\n  }\n  \n  .sprl-card,\n  .sprl-benefit-card,\n  .sprl-profile-card,\n  .sprl-info-card {\n    border: 2px solid var(--sprl-border);\n  }\n}\n\u003c\/style\u003e","brand":"ALGOSOURCE","offers":[{"title":"Default Title","offer_id":45755381416093,"sku":"PHYCOALGOCC20","price":40.48,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spirulysat-concentre-extrait-liquide-de-spiruline-20-x-10-ml-algosource-251288.jpg?v=1732721775"},{"product_id":"spiruline-bio-phyco-lt-labo-60-comprimes","title":"Spiruline Bio Phyco+ - 60 comprimés - LT Labo","description":"\u003cdiv class=\"sp-premium\"\u003e\n\n  \u003cdiv class=\"sp-hero\"\u003e\n    \u003cdiv class=\"sp-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sp-hero-content\"\u003e\n      \u003cdiv class=\"sp-badges-top\"\u003e\n        \u003cspan class=\"sp-badge\"\u003e🌿 Certifiée Bio FR-BIO-01\u003c\/span\u003e\n        \u003cspan class=\"sp-badge\"\u003e💎 20 % de phycocyanines\u003c\/span\u003e\n        \u003cspan class=\"sp-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sp-hero-title\"\u003eSpiruline Bio Phyco+\u003c\/span\u003e\n      \u003cp class=\"sp-subtitle\"\u003e60 comprimés · LT Labo\u003c\/p\u003e\n      \u003cp class=\"sp-description\"\u003eUne spiruline bio d'exception à haute teneur en phycocyanines pour booster votre énergie, votre vitalité et vos défenses naturelles au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eSpiruline Bio Phyco+ de LT Labo : une concentration exceptionnelle en phycocyanines\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003eVous cherchez une \u003cstrong\u003espiruline bio en comprimés\u003c\/strong\u003e véritablement efficace ? La Spiruline Bio Phyco+ de LT Labo se distingue par sa \u003cstrong\u003ehaute teneur en phycocyanines (20 %)\u003c\/strong\u003e, un pigment bleu-vert aux puissantes propriétés antioxydantes.\u003c\/p\u003e\n    \u003cdiv class=\"sp-grid\"\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🔬 Pureté absolue\u003c\/h3\u003e\n        \u003cp\u003eMicro-algue d'eau douce 100 % pure, cultivée sans pesticides ni engrais chimiques, séchée à basse température pour préserver l'intégralité de ses nutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e💪 Concentré nutritionnel\u003c\/h3\u003e\n        \u003cp\u003e60 à 70 % de protéines végétales, vitamines du groupe B, fer, sélénium et bêta-carotène réunis dans un seul comprimé de 500 mg.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌱 Clean \u0026amp; vegan\u003c\/h3\u003e\n        \u003cp\u003eCertifiée agriculture biologique, sans aucun additif, liant ou conservateur. Convient parfaitement aux personnes vegan.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003ePourquoi choisir une spiruline riche en phycocyanines ?\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003eToutes les spirulines ne se valent pas. La différence se joue sur la teneur en \u003cstrong\u003ephycocyanines\u003c\/strong\u003e, ce pigment exclusif à la spiruline qui lui confère ses propriétés antioxydantes uniques.\u003c\/p\u003e\n    \u003cdiv class=\"sp-comparison\"\u003e\n      \u003cdiv class=\"sp-comparison-item sp-comparison-standard\"\u003e\n        \u003cdiv class=\"sp-comparison-label\"\u003eSpiruline standard\u003c\/div\u003e\n        \u003cdiv class=\"sp-comparison-bar\"\u003e\n          \u003cdiv class=\"sp-comparison-fill sp-fill-standard\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sp-comparison-value\"\u003e5 à 10 %\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-comparison-item sp-comparison-phyco\"\u003e\n        \u003cdiv class=\"sp-comparison-label\"\u003eSpiruline Phyco+\u003c\/div\u003e\n        \u003cdiv class=\"sp-comparison-bar\"\u003e\n          \u003cdiv class=\"sp-comparison-fill sp-fill-phyco\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sp-comparison-value\"\u003e20 % · 800 mg \/ 4 g\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sp-section-intro\" style=\"margin-top:1.25rem;\"\u003eLes phycocyanines participent à la \u003cstrong\u003eprotection des cellules contre le stress oxydatif\u003c\/strong\u003e et soutiennent les défenses naturelles. Fatigue passagère, changements de saison ou rythme de vie exigeant : c'est précisément cette spiruline qu'il vous faut.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003ePosologie : comment prendre la Spiruline Phyco+ ?\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003eChaque comprimé contient \u003cstrong\u003e500 mg de spiruline biologique\u003c\/strong\u003e. Adaptez votre cure selon vos besoins :\u003c\/p\u003e\n    \u003cdiv class=\"sp-timeline\"\u003e\n      \u003cdiv class=\"sp-timeline-item\"\u003e\n        \u003cdiv class=\"sp-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sp-timeline-content\"\u003e\n          \u003ch3\u003eDébut de cure\u003c\/h3\u003e\n          \u003cp\u003e2 comprimés par jour la première semaine, pour habituer votre organisme en douceur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-timeline-item\"\u003e\n        \u003cdiv class=\"sp-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sp-timeline-content\"\u003e\n          \u003ch3\u003eEntretien\u003c\/h3\u003e\n          \u003cp\u003e3 à 4 comprimés par jour pour maintenir énergie et vitalité au quotidien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-timeline-item\"\u003e\n        \u003cdiv class=\"sp-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sp-timeline-content\"\u003e\n          \u003ch3\u003eCure intensive\u003c\/h3\u003e\n          \u003cp\u003eJusqu'à 8 comprimés par jour (soit 4 g) en période de fatigue ou d'effort physique soutenu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sp-tip\"\u003e\n      \u003cspan class=\"sp-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003ePrenez vos comprimés au cours des repas, avec un grand verre d'eau. Une cure de \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e est recommandée pour ressentir pleinement les bienfaits.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 8 comprimés (4 g)\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003e\u003cstrong\u003eIngrédient unique : 100 % spiruline biologique (\u003cem\u003eArthrospira platensis\u003c\/em\u003e)\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cdiv class=\"sp-grid-compact\"\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e💎 Phycocyanines\u003c\/h3\u003e\n        \u003cp\u003e800 mg (20 %)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e💪 Protéines\u003c\/h3\u003e\n        \u003cp\u003e2,4 à 2,8 g (60-70 %)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🍃 Chlorophylle\u003c\/h3\u003e\n        \u003cp\u003e52,4 mg\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🥕 Bêta-carotène\u003c\/h3\u003e\n        \u003cp\u003e4,8 mg (41 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e⚡ Vitamine B1\u003c\/h3\u003e\n        \u003cp\u003e150 µg (15 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e✨ Vitamine B2\u003c\/h3\u003e\n        \u003cp\u003e220 µg (16 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🧬 Vitamine B12\u003c\/h3\u003e\n        \u003cp\u003e5 µg (200 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🔴 Fer\u003c\/h3\u003e\n        \u003cp\u003e2,8 mg (20 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🛡️ Sélénium\u003c\/h3\u003e\n        \u003cp\u003e10 µg (18 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e⚖️ Chrome\u003c\/h3\u003e\n        \u003cp\u003e14 µg (35 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sp-disclaimer\"\u003e\u003cem\u003eVNR : Valeurs Nutritionnelles de Référence\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eLes atouts qui font la différence\u003c\/h2\u003e\n    \u003cdiv class=\"sp-grid\"\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e💎 20 % de phycocyanines\u003c\/h3\u003e\n        \u003cp\u003eUn taux parmi les plus élevés du marché, gage d'une spiruline premium et réellement efficace.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌿 Certifiée bio\u003c\/h3\u003e\n        \u003cp\u003eFR-BIO-01, culture contrôlée par Naturland. Aucun pesticide, aucun engrais chimique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌡️ Séchage à basse température\u003c\/h3\u003e\n        \u003cp\u003eProcédé doux qui conserve vitamines, minéraux et enzymes dans leur intégralité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🚫 Sans aucun additif\u003c\/h3\u003e\n        \u003cp\u003eNi liant, ni conservateur, ni colorant. Juste 100 % de spiruline pure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌱 Multi-régimes\u003c\/h3\u003e\n        \u003cp\u003eConvient aux régimes vegan, casher et halal. Accessible à tous.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e💊 Format pratique\u003c\/h3\u003e\n        \u003cp\u003eComprimés faciles à avaler, dosage simple à ajuster selon vos besoins.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"sp-accordion\"\u003e\n      \u003cdetails class=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e💊 Dose journalière maximale\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière de 8 comprimés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e👶 Enfants et femmes enceintes\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants. Déconseillé avant 3 ans. Femmes enceintes ou allaitantes : demandez l'avis de votre médecin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver 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=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"sp-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 adapté.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"sp-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre corps le meilleur de la spiruline bio — 20 % de phycocyanines, zéro additif, 100 % d'énergie naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sp-cream: #f5f9f3;\n  --sp-white: #ffffff;\n  --sp-primary: #4a9e3f;\n  --sp-primary-dark: #2d6b25;\n  --sp-primary-light: #e8f5e3;\n  --sp-secondary: #6fbf63;\n  --sp-accent: #3b8132;\n  --sp-text: #1a1a1a;\n  --sp-text-light: #5a5a5a;\n  --sp-border: #dce8d9;\n  --sp-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --sp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --sp-radius: 20px;\n  --sp-radius-sm: 12px;\n}\n\n.sp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2d6b25 0%, #4a9e3f 50%, #6fbf63 100%);\n  border-radius: var(--sp-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(--sp-shadow-lg);\n}\n\n.sp-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,.05) 0%, transparent 45%);\n  opacity: 1;\n}\n\n.sp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sp-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.sp-subtitle {\n  color: rgba(255,255,255,.85);\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.sp-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.sp-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sp-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(--sp-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sp-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sp-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sp-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sp-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.sp-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(--sp-primary), var(--sp-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sp-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sp-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.sp-card {\n  background: var(--sp-white);\n  border-radius: var(--sp-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sp-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sp-shadow-lg);\n  border-color: var(--sp-primary);\n}\n\n.sp-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sp-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sp-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sp-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sp-grid-compact .sp-card {\n  padding: 1rem;\n}\n\n.sp-grid-compact .sp-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sp-grid-compact .sp-card p {\n  font-size: 12px;\n}\n\n\/* === COMPARISON === *\/\n.sp-comparison {\n  max-width: 550px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sp-comparison-item {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n}\n\n.sp-comparison-label {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--sp-text);\n  min-width: 130px;\n  text-align: right;\n}\n\n.sp-comparison-bar {\n  flex: 1;\n  height: 28px;\n  background: var(--sp-primary-light);\n  border-radius: 999px;\n  overflow: hidden;\n  position: relative;\n}\n\n.sp-comparison-fill {\n  height: 100%;\n  border-radius: 999px;\n  transition: width 1s ease;\n}\n\n.sp-fill-standard {\n  width: 35%;\n  background: linear-gradient(90deg, #c4d8c0, #a3c49c);\n}\n\n.sp-fill-phyco {\n  width: 100%;\n  background: linear-gradient(90deg, var(--sp-primary), var(--sp-secondary));\n  box-shadow: 0 2px 12px rgba(74,158,63,.3);\n}\n\n.sp-comparison-value {\n  font-size: 13px;\n  font-weight: 800;\n  color: var(--sp-primary-dark);\n  min-width: 110px;\n}\n\n.sp-comparison-phyco .sp-comparison-value {\n  color: var(--sp-primary);\n}\n\n\/* === TIMELINE === *\/\n.sp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sp-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sp-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sp-primary), var(--sp-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.sp-timeline-content {\n  flex: 1;\n  background: var(--sp-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sp-radius-sm);\n  box-shadow: var(--sp-shadow);\n}\n\n.sp-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sp-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sp-timeline-content p {\n  font-size: 14px;\n  color: var(--sp-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sp-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sp-primary-light);\n  border-radius: var(--sp-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.sp-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sp-tip p {\n  font-size: 14px;\n  color: var(--sp-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sp-accordion {\n  background: var(--sp-white);\n  border-radius: var(--sp-radius);\n  box-shadow: var(--sp-shadow);\n  overflow: hidden;\n}\n\n.sp-accordion-item {\n  border-bottom: 1px solid var(--sp-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sp-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sp-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sp-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.sp-accordion-header:hover {\n  background: var(--sp-primary-light);\n}\n\n.sp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sp-primary);\n  transition: transform .2s ease;\n}\n\n.sp-accordion-item[open] .sp-accordion-header::after {\n  content: '−';\n}\n\n.sp-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sp-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sp-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.sp-cta-box {\n  background: linear-gradient(135deg, var(--sp-primary) 0%, var(--sp-primary-dark) 100%);\n  border-radius: var(--sp-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.sp-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.sp-disclaimer {\n  font-size: 12px;\n  color: var(--sp-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  .sp-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sp-card {\n    padding: 1.125rem;\n  }\n\n  .sp-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sp-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sp-radius-sm);\n  }\n\n  .sp-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sp-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sp-grid-compact {\n    gap: .625rem;\n  }\n\n  .sp-grid-compact .sp-card {\n    padding: .75rem;\n  }\n\n  .sp-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sp-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sp-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sp-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sp-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .sp-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .sp-comparison-label {\n    font-size: 12px;\n    min-width: 90px;\n  }\n\n  .sp-comparison-value {\n    font-size: 11px;\n    min-width: 80px;\n  }\n\n  .sp-comparison-bar {\n    height: 22px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sp-card {\n    animation: spFadeInUp .5s ease backwards;\n  }\n  .sp-card:nth-child(1) { animation-delay: .05s; }\n  .sp-card:nth-child(2) { animation-delay: .1s; }\n  .sp-card:nth-child(3) { animation-delay: .15s; }\n  .sp-card:nth-child(4) { animation-delay: .2s; }\n  .sp-card:nth-child(5) { animation-delay: .25s; }\n  .sp-card:nth-child(6) { animation-delay: .3s; }\n  .sp-card:nth-child(7) { animation-delay: .35s; }\n  .sp-card:nth-child(8) { animation-delay: .4s; }\n  .sp-card:nth-child(9) { animation-delay: .45s; }\n  .sp-card:nth-child(10) { animation-delay: .5s; }\n\n  .sp-fill-standard {\n    animation: spBarGrow 1s ease .3s backwards;\n  }\n  .sp-fill-phyco {\n    animation: spBarGrow 1.2s ease .5s backwards;\n  }\n}\n\n@keyframes spFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes spBarGrow {\n  from { width: 0; }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .sp-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":45755419721885,"sku":"NBAILTL0015","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spiruline-bio-phyco-60-comprimes-lt-labo-packshothd.webp?v=1773347806"},{"product_id":"cor-silumine-500ml-tendons-et-muscles-jade-recherche","title":"COR SILUMINE 500ml - Os, Tendons \u0026 Muscles - Jade Recherche","description":"\u003cp\u003eLe \u003cstrong\u003eCOR SILUMINE 500ml\u003c\/strong\u003e de \u003cstrong\u003eJade Recherche\u003c\/strong\u003e est un complément alimentaire liquide riche en silicium organique, particulièrement recommandé pour soutenir la santé des os, des tendons et des muscles. Ce produit est conçu pour améliorer la mobilité et la souplesse articulaire, tout en favorisant la régénération du cartilage et des tissus conjonctifs. Il est idéal pour les personnes souffrant d'arthrose, de douleurs articulaires, ou celles cherchant à prévenir les problèmes musculo-squelettiques liés à l'âge ou à une activité physique intense.\u003c\/p\u003e\n\u003cp\u003eLe silicium organique contenu dans le COR SILUMINE joue un rôle crucial dans la stimulation de la synthèse de collagène, contribuant ainsi à ralentir le vieillissement de la peau et à renforcer l'élasticité des tissus. Il aide également à maintenir la solidité des os et la flexibilité des tendons, ce qui le rend particulièrement bénéfique pour les seniors, les sportifs ou toute personne souhaitant maintenir une bonne santé articulaire et musculaire​\u003cspan class=\"\" data-state=\"delayed-open\" aria-describedby=\"radix-:r5n:\"\u003e\u003cspan class=\"text-token-text-secondary\"\u003e \u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eAvantages du produit :\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoutien des articulations :\u003c\/strong\u003e Améliore la flexibilité, la souplesse et la mobilité des articulations, idéal pour les personnes souffrant de douleurs articulaires, d'arthrose ou de tendinites.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRenforcement des os :\u003c\/strong\u003e Contribue à la santé osseuse en stimulant la production de collagène, essentiel pour la solidité des os.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePeau et tissus conjonctifs :\u003c\/strong\u003e Aide à ralentir le vieillissement de la peau en favorisant la régénération cellulaire.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eUtilisation :\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eIl est recommandé de prendre 10 ml de Cor Silumine trois fois par jour, de préférence 15 à 20 minutes avant les repas. Le produit est fourni avec un gobelet doseur pour une utilisation facile.\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eConservation :\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eAprès ouverture, il se conserve pendant un mois et demi à température ambiante. Au-delà de cette période, il est conseillé de le conserver au réfrigérateur.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePrécautions\u003c\/strong\u003e : Ce produit ne doit pas se substituer à une alimentation équilibrée et doit être conservé hors de la portée des jeunes enfants. Comme pour tout supplément, il est conseillé de consulter un professionnel de santé avant de commencer une cure, surtout en cas de grossesse ou de problèmes de santé\u003c\/p\u003e\n\u003c!----\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45811347947677,"sku":"corsilumine500ml","price":35.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cor-silumine-liquide-500ml-jade-recherche.webp?v=1757061234"},{"product_id":"spiruline-crue-bio-energie-et-immunite-100-comprimes-sol-semilla","title":"Spiruline Crue Bio - Energie et immunité - 100 comprimés - Sol-Semilla","description":"\u003cdiv class=\"sp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sp-hero\"\u003e\n\u003cdiv class=\"sp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sp-hero-content\"\u003e\n\u003cdiv class=\"sp-badges-top\"\u003e\n\u003cspan class=\"sp-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🇧🇫 Origine Burkina Faso\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🌡️ Séchée à basse température\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sp-hero-title\"\u003eSpiruline Crue Bio\u003c\/span\u003e\n\u003cp class=\"sp-subtitle\"\u003eÉnergie et immunité - 100 comprimés\u003c\/p\u003e\n\u003cp class=\"sp-description\"\u003eUn concentré de vitalité 100 % pur, sans excipient ni liant, riche en fer, vitamines A, K, B12 et phycocyanine. Élaborée par Sol Semilla.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003cp class=\"sp-section-intro\"\u003eVous cherchez une \u003cstrong\u003espiruline bio\u003c\/strong\u003e authentique, séchée à basse température pour conserver toute sa richesse nutritionnelle ? La \u003cstrong\u003espiruline crue de Sol Semilla\u003c\/strong\u003e est bien plus qu'un simple complément alimentaire : c'est un concentré de vitalité sous forme de 100 comprimés pratiques, composés à 100 % de spiruline pure, sans aucun excipient ni liant ajouté.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003ePourquoi choisir une spiruline crue et bio ?\u003c\/h2\u003e\n\u003cdiv class=\"sp-grid-compact\"\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🌡️ Séchage à basse température\u003c\/h3\u003e\n\u003cp\u003eSéchée à moins de 50 °C pour préserver enzymes, vitamines et phycocyanine - le pigment bleu-vert aux puissantes propriétés antioxydantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e☀️ Cultivée au Burkina Faso\u003c\/h3\u003e\n\u003cp\u003eUn environnement préservé et ensoleillé offrant des conditions idéales de croissance pour cette microalgue d'exception.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🇫🇷 Contrôlée en France\u003c\/h3\u003e\n\u003cp\u003eÉlaborée et contrôlée par l'équipe Sol Semilla en France, garantissant une traçabilité et une qualité irréprochables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🚫 Sans pesticides\u003c\/h3\u003e\n\u003cp\u003eCertifiée Agriculture Biologique et vegan, cultivée sans pesticides ni produits chimiques pour une pureté totale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eLes bienfaits de la spiruline bio pour votre quotidien\u003c\/h2\u003e\n\u003cdiv class=\"sp-grid\"\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e💪 Riche en fer hautement assimilable\u003c\/h3\u003e\n\u003cp\u003eL'un des aliments les plus concentrés en fer. Idéale si vous êtes sujet à la fatigue passagère ou aux baisses d'énergie saisonnières.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🥩 Protéines végétales complètes\u003c\/h3\u003e\n\u003cp\u003e60 à 70 % de protéines contenant tous les acides aminés essentiels - allié précieux des sportifs, végétariens et végétaliens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🧬 Vitamines A, K et B12\u003c\/h3\u003e\n\u003cp\u003eVitamine A pour l'immunité, vitamine K pour l'ossature, B12 pour réduire la fatigue. Un trio essentiel réuni dans une seule microalgue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydant naturel\u003c\/h3\u003e\n\u003cp\u003eGrâce à la phycocyanine et au bêta-carotène, elle aide vos cellules à se protéger contre le stress oxydatif au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🌿 Soutien des défenses naturelles\u003c\/h3\u003e\n\u003cp\u003eSes nutriments essentiels contribuent au bon fonctionnement de votre système immunitaire, notamment lors des changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"sp-composition-box\"\u003e\n\u003cp class=\"sp-composition-highlight\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e spiruline crue biologique (\u003cem\u003eArthrospira platensis\u003c\/em\u003e) — 100 % pure, sans additif, sans conservateur, sans gluten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🥩 Protéines\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 1,9 g\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🔴 Fer\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 8,4 mg\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🟠 Vitamine A\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 2,8 mg\u003c\/strong\u003e (bêta-carotène)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e💎 Phycocyanine\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 450 mg\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"sp-disclaimer\"\u003eValeurs nutritionnelles pour 6 comprimés (dose journalière recommandée, soit environ 3 g). Contenu : 100 comprimés - Poids net : 55 g.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"sp-timeline\"\u003e\n\u003cdiv class=\"sp-timeline-item\"\u003e\n\u003cdiv class=\"sp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-content\"\u003e\n\u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n\u003cp\u003eSi vous découvrez la spiruline, débutez par \u003cstrong\u003e2 comprimés par jour\u003c\/strong\u003e pendant la première semaine pour permettre à votre organisme de s'adapter en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-item\"\u003e\n\u003cdiv class=\"sp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-content\"\u003e\n\u003ch3\u003eAugmentez la dose\u003c\/h3\u003e\n\u003cp\u003ePassez ensuite à \u003cstrong\u003e4 à 6 comprimés par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence le matin ou avant un effort physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-item\"\u003e\n\u003cdiv class=\"sp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-content\"\u003e\n\u003ch3\u003eOptimisez l'absorption\u003c\/h3\u003e\n\u003cp\u003eAssociez la prise à une source de \u003cstrong\u003evitamine C\u003c\/strong\u003e (jus de citron, kiwi, orange) pour une meilleure absorption du fer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-tip\"\u003e\n\u003cspan class=\"sp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e un jus de citron pressé dans votre verre d'eau au moment de la prise booste considérablement l'assimilation du fer contenu dans la spiruline.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sp-accordion\"\u003e\n\u003cdetails class=\"sp-accordion-item\"\u003e\n\u003csummary class=\"sp-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"sp-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 pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sp-accordion-item\"\u003e\n\u003csummary class=\"sp-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes souffrant de phénylcétonurie. En cas de grossesse, d'allaitement ou de traitement médical, demandez l'avis de votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sp-accordion-item\"\u003e\n\u003csummary class=\"sp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ conserver à l'abri de la chaleur et de l'humidité dans son sachet d'origine bien refermé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"sp-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Consultez votre professionnel de santé pour tout conseil personnalisé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --sp-cream: #faf6f1;\n  --sp-white: #ffffff;\n  --sp-primary: #2a9d8f;\n  --sp-primary-dark: #1a6b60;\n  --sp-primary-light: #e8f6f4;\n  --sp-secondary: #c45a3c;\n  --sp-accent: #d4a04a;\n  --sp-text: #1a1a1a;\n  --sp-text-light: #5a5a5a;\n  --sp-border: #e0e0e0;\n  --sp-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --sp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --sp-radius: 20px;\n  --sp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a6b60 0%, #2a9d8f 40%, #c45a3c 100%);\n  border-radius: var(--sp-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(--sp-shadow-lg);\n}\n\n.sp-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,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(42,157,143,.15) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.sp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sp-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.sp-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.sp-description {\n  color: rgba(255,255,255,.85);\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.sp-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sp-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(--sp-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sp-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sp-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sp-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sp-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.sp-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(--sp-primary), var(--sp-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sp-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sp-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.sp-section-intro strong {\n  color: var(--sp-text);\n}\n\n\/* === CARDS === *\/\n.sp-card {\n  background: var(--sp-white);\n  border-radius: var(--sp-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sp-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sp-shadow-lg);\n  border-color: var(--sp-primary);\n}\n\n.sp-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sp-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sp-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sp-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sp-card p strong {\n  color: var(--sp-text);\n}\n\n\/* === GRILLES === *\/\n.sp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sp-grid-compact .sp-card {\n  padding: 1rem;\n}\n\n.sp-grid-compact .sp-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sp-grid-compact .sp-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.sp-composition-box {\n  background: var(--sp-primary-light);\n  border-radius: var(--sp-radius-sm);\n  padding: 1.25rem 1.5rem;\n  border-left: 4px solid var(--sp-primary);\n}\n\n.sp-composition-highlight {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--sp-text);\n  line-height: 1.7;\n  margin: 0;\n}\n\n.sp-composition-highlight em {\n  color: var(--sp-text-light);\n}\n\n\/* === NUTRITION CARD VARIANT === *\/\n.sp-card-nutri {\n  background: linear-gradient(135deg, var(--sp-white) 0%, var(--sp-primary-light) 100%);\n}\n\n.sp-card-nutri p strong {\n  color: var(--sp-primary-dark);\n  font-size: clamp(16px, 3vw, 20px);\n  display: block;\n  margin-bottom: 2px;\n}\n\n\/* === TIMELINE === *\/\n.sp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sp-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sp-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sp-primary), var(--sp-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.sp-timeline-content {\n  flex: 1;\n  background: var(--sp-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sp-radius-sm);\n  box-shadow: var(--sp-shadow);\n}\n\n.sp-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sp-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sp-timeline-content p {\n  font-size: 14px;\n  color: var(--sp-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.sp-timeline-content p strong {\n  color: var(--sp-text);\n}\n\n\/* === TIP BOX === *\/\n.sp-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sp-primary-light);\n  border-radius: var(--sp-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.sp-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sp-tip p {\n  font-size: 14px;\n  color: var(--sp-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sp-accordion {\n  background: var(--sp-white);\n  border-radius: var(--sp-radius);\n  box-shadow: var(--sp-shadow);\n  overflow: hidden;\n}\n\n.sp-accordion-item {\n  border-bottom: 1px solid var(--sp-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sp-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sp-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sp-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.sp-accordion-header:hover {\n  background: var(--sp-primary-light);\n}\n\n.sp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sp-primary);\n  transition: transform .2s ease;\n}\n\n.sp-accordion-item[open] .sp-accordion-header::after {\n  content: '−';\n}\n\n.sp-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sp-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sp-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sp-disclaimer {\n  font-size: 12px;\n  color: var(--sp-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  .sp-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sp-card {\n    padding: 1.125rem;\n  }\n\n  .sp-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sp-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sp-radius-sm);\n  }\n\n  .sp-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sp-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sp-grid-compact {\n    gap: .625rem;\n  }\n\n  .sp-grid-compact .sp-card {\n    padding: .75rem;\n  }\n\n  .sp-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sp-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sp-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sp-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sp-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .sp-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .sp-composition-box {\n    padding: 1rem 1.125rem;\n  }\n\n  .sp-tip {\n    padding: .875rem 1rem;\n  }\n\n  .sp-tip-icon {\n    font-size: 20px;\n  }\n\n  .sp-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sp-card {\n    animation: spFadeInUp .5s ease backwards;\n  }\n  .sp-card:nth-child(1) { animation-delay: .05s; }\n  .sp-card:nth-child(2) { animation-delay: .1s; }\n  .sp-card:nth-child(3) { animation-delay: .15s; }\n  .sp-card:nth-child(4) { animation-delay: .2s; }\n  .sp-card:nth-child(5) { animation-delay: .25s; }\n  .sp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes spFadeInUp {\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  .sp-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45867172233373,"sku":"SPCO55","price":9.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spiruline-crue-bio-energie-et-immunite-100-comprimes-sol-sem-lifestyle.webp?v=1772723739"},{"product_id":"silicium-confort-articulaire-chien-chat","title":"Silicium - Confort articulaire pour Chien et Chat - 100 ml - Ergyvet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Silicium - Confort articulaire pour Chien et Chat - Ergyvet\nPalette détectée:\n  - Primaire: #6B4C7A (violet\/mauve du bandeau packaging)\n  - Secondaire: #4A7C59 (vert feuille d'ortie)\n  - Accent: #8B6B9B (violet clair)\n  - Fond: #F8F6F4 (crème neutre)\nAmbiance: Naturel\/végétal, vétérinaire, bien-être animal, professionnel mais chaleureux\nPréfixe CSS: sil\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Pourquoi choisir Ergyvet Silicium ?\"\n  2. \"Indications\"\n  3. \"Conseils d'utilisation\"\n  4. \"Une solution naturelle pour une mobilité optimale\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"sil-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"sil-hero\"\u003e\n    \u003cdiv class=\"sil-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sil-hero-content\"\u003e\n      \u003cdiv class=\"sil-badges-top\"\u003e\n        \u003cspan class=\"sil-badge\"\u003e🐕 Chiens \u0026amp; Chats\u003c\/span\u003e\n        \u003cspan class=\"sil-badge\"\u003e🦴 Confort articulaire\u003c\/span\u003e\n        \u003cspan class=\"sil-badge\"\u003e🌿 Ortie \u0026amp; Oligoéléments\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sil-hero-title\"\u003eErgyvet Silicium\u003c\/span\u003e\n      \u003cp class=\"sil-subtitle\"\u003eReminéralisant naturel pour des articulations souples\u003c\/p\u003e\n      \u003cp class=\"sil-description\"\u003eComplément nutritionnel de haute qualité associant l'ortie riche en silice et des oligoéléments antioxydants (Cu, Mn, Zn, Se) pour renforcer le système ostéoarticulaire et soutenir la mobilité de vos compagnons.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"sil-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Ergyvet Silicium ?\u003c\/h2\u003e\n    \u003cp class=\"sil-section-intro\"\u003eLe silicium, présent en grande quantité dans les cartilages, tendons, peau et os, est essentiel à la solidité des structures de l'organisme. Apporté sous forme biodisponible, il soutient la croissance, la mobilité et la vitalité à toutes les étapes de vie.\u003c\/p\u003e\n    \n    \u003cdiv class=\"sil-grid\"\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e🦴 Soutien articulaire\u003c\/h3\u003e\n        \u003cp\u003eAméliore la souplesse des articulations et stimule la production de collagène pour une mobilité préservée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e💪 Renforcement osseux\u003c\/h3\u003e\n        \u003cp\u003eFavorise la minéralisation des os et contribue à la fixation du calcium pour un squelette solide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e⚡ Vitalité accrue\u003c\/h3\u003e\n        \u003cp\u003eDiminue la fatigue et le stress, idéal pour les périodes de convalescence ou d'efforts intenses.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e🛡️ Action anti-âge\u003c\/h3\u003e\n        \u003cp\u003eAide à ralentir les effets du vieillissement grâce aux propriétés antioxydantes, parfait pour les seniors.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e🐾 Polyvalent\u003c\/h3\u003e\n        \u003cp\u003eConvient aux chiots, chatons, animaux sportifs et en période de croissance ou de récupération.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n        \u003cp\u003eFormule à base d'ortie et d'oligoéléments essentiels pour une supplémentation douce et 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=\"sil-section\"\u003e\n    \u003ch2\u003eIndications\u003c\/h2\u003e\n    \u003cdiv class=\"sil-grid-compact\"\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e🐶 Croissance\u003c\/h3\u003e\n        \u003cp\u003eRenforce le système ostéoarticulaire des chiots et chatons\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n        \u003cp\u003eAméliore la mobilité des animaux âgés\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eSoutient lors d'entraînements intenses\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e😌 Anti-stress\u003c\/h3\u003e\n        \u003cp\u003eRéduit la fatigue et le stress\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e🏥 Convalescence\u003c\/h3\u003e\n        \u003cp\u003eAccélère la récupération\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité\u003c\/h3\u003e\n        \u003cp\u003eStimule les défenses naturelles\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\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\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003e2 ml par 5 kg de poids corporel. Ne pas dépasser 10 ml par jour.\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\u003eAdministration\u003c\/h3\u003e\n          \u003cp\u003eDirectement dans la gueule ou mélangé à la ration alimentaire quotidienne.\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\u003eEn cas de compétitions\u003c\/h3\u003e\n          \u003cp\u003eDiluer 5 cuillères à café dans 500 ml d'eau. Doubler la dose par temps chaud ou efforts répétés.\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\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003e15 jours recommandés, renouvelable selon les besoins ou sur recommandation vétérinaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"sil-tip\"\u003e\n      \u003cspan class=\"sil-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Pour une efficacité optimale, respectez la durée de cure et consultez votre vétérinaire pour adapter le dosage aux besoins spécifiques de votre animal.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"sil-section\"\u003e\n    \u003ch2\u003eUne solution naturelle pour une mobilité optimale\u003c\/h2\u003e\n    \u003cp class=\"sil-section-intro\"\u003eEn intégrant Ergyvet Silicium à l'alimentation de votre chien ou chat, vous soutenez leur confort articulaire, leur vitalité et leur bien-être au quotidien. Ce complément est adapté à toutes les étapes de la vie, pour des animaux actifs et en pleine santé.\u003c\/p\u003e\n    \n    \u003cdiv class=\"sil-accordion\"\u003e\n      \u003cdetails class=\"sil-accordion-item\"\u003e\n        \u003csummary class=\"sil-accordion-header\"\u003e🤝 Associations recommandées\u003c\/summary\u003e\n        \u003cdiv class=\"sil-accordion-content\"\u003e\n          \u003cp\u003e\u003cstrong\u003eArtidyn :\u003c\/strong\u003e Pour améliorer la mobilité et le confort articulaire.\u003c\/p\u003e\n          \u003cp\u003e\u003cstrong\u003eOmegadyn :\u003c\/strong\u003e En cas de douleurs articulaires.\u003c\/p\u003e\n          \u003cp\u003e\u003cstrong\u003eSynerdyn :\u003c\/strong\u003e Pour améliorer la qualité de la peau et du pelage.\u003c\/p\u003e\n          \u003cp\u003e\u003cstrong\u003eCanidyn ou Felidyn :\u003c\/strong\u003e Pour accompagner la croissance, soutenir les animaux seniors ou optimiser la performance lors des compétitions sportives.\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📦 Composition\u003c\/summary\u003e\n        \u003cdiv class=\"sil-accordion-content\"\u003e\n          \u003cp\u003eOrtie (riche en silice biodisponible), oligoéléments antioxydants : Cuivre (Cu), Manganèse (Mn), Zinc (Zn), Sélénium (Se).\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🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"sil-accordion-content\"\u003e\n          \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Bien refermer après usage. À conserver au réfrigérateur après ouverture.\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=\"sil-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"sil-cta-box\"\u003e\n      \u003cp\u003e🐾 Offrez à votre compagnon le confort articulaire qu'il mérite avec \u003cstrong\u003eErgyvet Silicium\u003c\/strong\u003e — la force de la nature au service de sa mobilité !\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sil-disclaimer\"\u003eComplément alimentaire pour animaux. Ne se substitue pas à une alimentation variée et équilibrée ni à un suivi vétérinaire régulier.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sil-cream: #F8F6F4;\n  --sil-white: #ffffff;\n  --sil-primary: #6B4C7A;\n  --sil-primary-dark: #4A3555;\n  --sil-primary-light: #F3EEF5;\n  --sil-secondary: #4A7C59;\n  --sil-accent: #8B6B9B;\n  --sil-text: #1a1a1a;\n  --sil-text-light: #5a5a5a;\n  --sil-border: #e0e0e0;\n  --sil-shadow: 0 4px 24px rgba(107,76,122,.08);\n  --sil-shadow-lg: 0 12px 48px rgba(107,76,122,.15);\n  --sil-radius: 20px;\n  --sil-radius-sm: 12px;\n}\n\n.sil-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sil-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.sil-hero {\n  position: relative;\n  background: linear-gradient(135deg, #6B4C7A 0%, #4A7C59 50%, #8B6B9B 100%);\n  border-radius: var(--sil-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(--sil-shadow-lg);\n}\n\n.sil-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 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.sil-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sil-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sil-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(--sil-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sil-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.sil-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.sil-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.sil-hero .sil-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.sil-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sil-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sil-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.sil-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(--sil-primary), var(--sil-secondary));\n  border-radius: 2px;\n}\n\n.sil-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sil-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.sil-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.sil-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sil-card {\n  background: var(--sil-white);\n  border-radius: var(--sil-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sil-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sil-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sil-shadow-lg);\n  border-color: var(--sil-primary);\n}\n\n.sil-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sil-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sil-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sil-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sil-grid-compact .sil-card {\n  padding: 1rem;\n}\n\n.sil-grid-compact .sil-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sil-grid-compact .sil-card p {\n  font-size: 12px;\n}\n\n.sil-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sil-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sil-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sil-primary), var(--sil-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.sil-timeline-content {\n  flex: 1;\n  background: var(--sil-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sil-radius-sm);\n  box-shadow: var(--sil-shadow);\n}\n\n.sil-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sil-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sil-timeline-content p {\n  font-size: 14px;\n  color: var(--sil-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.sil-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sil-primary-light);\n  border-radius: var(--sil-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.sil-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sil-tip p {\n  font-size: 14px;\n  color: var(--sil-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sil-accordion {\n  background: var(--sil-white);\n  border-radius: var(--sil-radius);\n  box-shadow: var(--sil-shadow);\n  overflow: hidden;\n}\n\n.sil-accordion-item {\n  border-bottom: 1px solid var(--sil-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sil-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sil-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sil-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.sil-accordion-header:hover {\n  background: var(--sil-primary-light);\n}\n\n.sil-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sil-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sil-primary);\n  transition: transform .2s ease;\n}\n\n.sil-accordion-item[open] .sil-accordion-header::after {\n  content: '−';\n}\n\n.sil-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sil-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.sil-accordion-content p {\n  margin: 0 0 .5rem 0;\n}\n\n.sil-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n.sil-cta-box {\n  background: linear-gradient(135deg, var(--sil-primary) 0%, var(--sil-primary-dark) 100%);\n  border-radius: var(--sil-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.sil-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.sil-disclaimer {\n  font-size: 12px;\n  color: var(--sil-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .sil-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .sil-card {\n    padding: 1.125rem;\n  }\n  \n  .sil-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .sil-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sil-radius-sm);\n  }\n  \n  .sil-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .sil-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .sil-grid-compact {\n    gap: .625rem;\n  }\n  \n  .sil-grid-compact .sil-card {\n    padding: .75rem;\n  }\n  \n  .sil-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .sil-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .sil-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .sil-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .sil-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .sil-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .sil-card {\n    animation: fadeInUp .5s ease backwards;\n  }\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  .sil-card:nth-child(5) { animation-delay: .25s; }\n  .sil-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  .sil-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ERGYVET","offers":[{"title":"Default Title","offer_id":54852089676153,"sku":"SILICIUMERGYVET","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silicium-confort-articulaire-pour-chien-et-chat-100-ml-ergyv-ingredients.webp?v=1769532359"},{"product_id":"eau-capillaire-catalyons-flacon-vaporisateur","title":"Eau capillaire - Catalyons - Flacon vaporisateur 150 ml","description":"\u003cp\u003e```html\u003c\/p\u003e\n\u003cdiv class=\"ec-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ec-hero\"\u003e\n\u003cdiv class=\"ec-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ec-hero-content\"\u003e\n\u003cdiv class=\"ec-badges-top\"\u003e\n\u003cspan class=\"ec-badge\"\u003e🧪 4 oligo-éléments ionisés\u003c\/span\u003e \u003cspan class=\"ec-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e \u003cspan class=\"ec-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"ec-badge\"\u003e🚫 Sans parfum\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ec-hero-title\"\u003eEau capillaire Catalyons\u003c\/span\u003e\n\u003cp class=\"ec-subtitle\"\u003eArgent colloïdal · Zinc · Silicium · Cuivre\u003c\/p\u003e\n\u003cp class=\"ec-description\"\u003eLe soin vaporisateur aux oligo-éléments brevetés qui revitalise vos cheveux de la racine aux pointes - sans alourdir, sans graisser, sans compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"ec-section\"\u003e\n\u003ch2\u003eEau capillaire Catalyons : le soin aux oligo-éléments pour des cheveux revitalisés\u003c\/h2\u003e\n\u003cp class=\"ec-section-intro\"\u003eVous cherchez un \u003cstrong\u003esoin capillaire naturel\u003c\/strong\u003e capable de redonner force et éclat à vos cheveux ? L'\u003cstrong\u003eeau capillaire Catalyons\u003c\/strong\u003e associe la puissance de quatre oligo-éléments ionisés - \u003cstrong\u003eargent colloïdal, zinc, silicium et cuivre\u003c\/strong\u003e - enrichis en chlorophylle, pour un soin complet du cuir chevelu jusqu'aux pointes.\u003c\/p\u003e\n\u003cdiv class=\"ec-grid-compact\"\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e💧 150 ml\u003c\/h3\u003e\n\u003cp\u003eFlacon vaporisateur pratique et hygiénique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🪶 Texture légère\u003c\/h3\u003e\n\u003cp\u003eNe graisse pas, ne laisse aucun résidu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e👨👧 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eAdultes et enfants, tous types de cheveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e📅 Usage quotidien\u003c\/h3\u003e\n\u003cp\u003eS'intègre facilement dans votre routine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"ec-section\"\u003e\n\u003ch2\u003eComposition détaillée et rôle de chaque actif\u003c\/h2\u003e\n\u003cp class=\"ec-section-intro\"\u003eUne formule reposant sur un \u003cstrong\u003eprocédé breveté d'électrolyse\u003c\/strong\u003e et une dynamisation par vortex, garantissant des oligo-éléments parfaitement biodisponibles.\u003c\/p\u003e\n\u003cdiv class=\"ec-grid\"\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🔬 Silicium (acide orthosilicique)\u003c\/h3\u003e\n\u003cp\u003eIndispensable à la structure de la fibre capillaire, il contribue à renforcer les cheveux fragilisés et à leur redonner de l'élasticité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e⚖️ Zinc\u003c\/h3\u003e\n\u003cp\u003eReconnu pour son rôle dans la régulation du sébum, il aide à maintenir un cuir chevelu équilibré et à limiter l'apparition de pellicules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🟤 Cuivre\u003c\/h3\u003e\n\u003cp\u003eParticipe à la pigmentation naturelle du cheveu et soutient la microcirculation au niveau du cuir chevelu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🛡️ Argent colloïdal\u003c\/h3\u003e\n\u003cp\u003eSes propriétés purifiantes contribuent à assainir le cuir chevelu et à prévenir les déséquilibres microbiens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🌿 Chlorophylle\u003c\/h3\u003e\n\u003cp\u003eOxygénante et revitalisante, elle apporte un coup de fraîcheur au cuir chevelu tout en favorisant la vitalité des cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-tip\"\u003e\n\u003cspan class=\"ec-tip-icon\"\u003e📋\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eListe INCI complète :\u003c\/strong\u003e Aqua, Hydrated Silica, Chlorophyllin-Copper Complex, Zinc, Silver, Copper.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"ec-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets pour vos cheveux\u003c\/h2\u003e\n\u003cp class=\"ec-section-intro\"\u003eCe \u003cstrong\u003esoin capillaire naturel\u003c\/strong\u003e agit sur plusieurs fronts, que vos cheveux soient secs, gras, ternes ou fragilisés.\u003c\/p\u003e\n\u003cdiv class=\"ec-grid\"\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e💪 Fortifie la fibre capillaire\u003c\/h3\u003e\n\u003cp\u003eLes oligo-éléments pénètrent rapidement pour nourrir le cheveu en profondeur, lui redonnant résistance et souplesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e✨ Purifie et assainit\u003c\/h3\u003e\n\u003cp\u003eL'action combinée de l'argent colloïdal et du zinc aide à éliminer les impuretés et à apaiser les démangeaisons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🌟 Brillance et légèreté\u003c\/h3\u003e\n\u003cp\u003eLa texture aqueuse, sans parfum et non grasse, laisse les cheveux souples et lumineux sans aucun résidu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e👩👦 Convient à toute la famille\u003c\/h3\u003e\n\u003cp\u003eSa formulation douce, sans conservateur ni additif chimique, permet une utilisation aussi bien chez les adultes que chez les enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"ec-section\"\u003e\n\u003ch2\u003eComment utiliser l'eau capillaire Catalyons ?\u003c\/h2\u003e\n\u003cp class=\"ec-section-intro\"\u003ePour des résultats visibles, suivez cette méthode simple et efficace :\u003c\/p\u003e\n\u003cdiv class=\"ec-timeline\"\u003e\n\u003cdiv class=\"ec-timeline-item\"\u003e\n\u003cdiv class=\"ec-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-content\"\u003e\n\u003ch3\u003eVaporisez généreusement\u003c\/h3\u003e\n\u003cp\u003eSur le \u003cstrong\u003ecuir chevelu et les longueurs\u003c\/strong\u003e, sur cheveux propres, secs ou légèrement humides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-item\"\u003e\n\u003cdiv class=\"ec-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-content\"\u003e\n\u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n\u003cp\u003eDu bout des doigts pendant une à deux minutes pour stimuler la pénétration des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-item\"\u003e\n\u003cdiv class=\"ec-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-content\"\u003e\n\u003ch3\u003eLaissez sécher naturellement\u003c\/h3\u003e\n\u003cp\u003eSans rinçage. Vous pouvez ensuite coiffer vos cheveux normalement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-item\"\u003e\n\u003cdiv class=\"ec-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez l'application\u003c\/h3\u003e\n\u003cp\u003eChaque jour ou plusieurs fois par semaine, selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-tip\"\u003e\n\u003cspan class=\"ec-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un effet revitalisant renforcé, utilisez cette eau capillaire en complément de votre shampoing habituel, directement après le lavage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"ec-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eUn soin 100 % naturel, fabriqué en France\u003c\/h2\u003e\n\u003cdiv class=\"ec-cta-box\"\u003e\n\u003cp\u003eLes \u003cstrong\u003elaboratoires Catalyons\u003c\/strong\u003e, pionniers dans le domaine des oligo-éléments ionisés depuis plus de 50 ans, conçoivent l'ensemble de leurs produits en France. L'eau capillaire Catalyons est \u003cstrong\u003esans parfum, sans conservateur, sans paraben\u003c\/strong\u003e et non testée sur les animaux. Son flacon vaporisateur permet un dosage précis et une utilisation hygiénique, à la maison comme en déplacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ec-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème capillaire persistant, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --ec-cream: #f4f8f5;\n  --ec-white: #ffffff;\n  --ec-primary: #2e7d5b;\n  --ec-primary-dark: #1a5c3f;\n  --ec-primary-light: #e8f5ee;\n  --ec-secondary: #3a8fb7;\n  --ec-accent: #2c5f8a;\n  --ec-text: #1a1a1a;\n  --ec-text-light: #5a5a5a;\n  --ec-border: #d8e6de;\n  --ec-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ec-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ec-radius: 20px;\n  --ec-radius-sm: 12px;\n}\n\n.ec-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ec-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ec-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a5c3f 0%, #2e7d5b 40%, #3a8fb7 100%);\n  border-radius: var(--ec-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(--ec-shadow-lg);\n}\n\n.ec-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 60%),\n              radial-gradient(ellipse at 70% 80%, rgba(58,143,183,.2) 0%, transparent 50%);\n  opacity: 1;\n}\n\n.ec-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ec-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.ec-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 3vw, 18px);\n  font-weight: 600;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  margin: 0 0 1.25rem 0;\n}\n\n.ec-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.ec-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ec-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(--ec-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ec-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ec-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ec-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ec-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.ec-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(--ec-primary), var(--ec-secondary));\n  border-radius: 2px;\n}\n\n.ec-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ec-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.ec-card {\n  background: var(--ec-white);\n  border-radius: var(--ec-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ec-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ec-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ec-shadow-lg);\n  border-color: var(--ec-primary);\n}\n\n.ec-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ec-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ec-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ec-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ec-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ec-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ec-grid-compact .ec-card {\n  padding: 1rem;\n}\n\n.ec-grid-compact .ec-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ec-grid-compact .ec-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ec-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ec-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ec-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ec-primary), var(--ec-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.ec-timeline-content {\n  flex: 1;\n  background: var(--ec-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ec-radius-sm);\n  box-shadow: var(--ec-shadow);\n}\n\n.ec-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ec-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ec-timeline-content p {\n  font-size: 14px;\n  color: var(--ec-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ec-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ec-primary-light);\n  border-radius: var(--ec-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ec-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ec-tip p {\n  font-size: 14px;\n  color: var(--ec-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ec-cta-box {\n  background: linear-gradient(135deg, var(--ec-primary) 0%, var(--ec-primary-dark) 100%);\n  border-radius: var(--ec-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ec-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 17px);\n  line-height: 1.8;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.ec-cta-box strong {\n  font-weight: 700;\n}\n\n\/* === DISCLAIMER === *\/\n.ec-disclaimer {\n  font-size: 12px;\n  color: var(--ec-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  .ec-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ec-card {\n    padding: 1.125rem;\n  }\n\n  .ec-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ec-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ec-radius-sm);\n  }\n\n  .ec-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ec-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ec-grid-compact {\n    gap: .625rem;\n  }\n\n  .ec-grid-compact .ec-card {\n    padding: .75rem;\n  }\n\n  .ec-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ec-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ec-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ec-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ec-testimonial {\n    padding: 1.25rem;\n  }\n\n  .ec-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ec-card {\n    animation: ecFadeInUp .5s ease backwards;\n  }\n  .ec-card:nth-child(1) { animation-delay: .05s; }\n  .ec-card:nth-child(2) { animation-delay: .1s; }\n  .ec-card:nth-child(3) { animation-delay: .15s; }\n  .ec-card:nth-child(4) { animation-delay: .2s; }\n  .ec-card:nth-child(5) { animation-delay: .25s; }\n  .ec-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ecFadeInUp {\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  .ec-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":54897389437305,"sku":"38833002","price":11.69,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-capillaire-catalyons-flacon-vaporisateur-150-ml-lifestyle_c3c1aa09-6b19-4d4c-b9e8-9d1db7b97525.webp?v=1772099412"},{"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_1.webp?v=1744638343"},{"product_id":"silazen-labo-sante-silice","title":"Silazen : Silicium végétal 4000mg + Passiflore + Magnésium - 1L","description":"\u003cdiv class=\"sz-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"sz-hero\"\u003e\n    \u003cdiv class=\"sz-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sz-hero-content\"\u003e\n      \u003cdiv class=\"sz-badges-top\"\u003e\n        \u003cspan class=\"sz-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"sz-badge\"\u003e🎋 Silicium végétal 4000 mg\/L\u003c\/span\u003e\n        \u003cspan class=\"sz-badge\"\u003e🌙 Passiflore + Magnésium\u003c\/span\u003e\n        \u003cspan class=\"sz-badge\"\u003e📦 Format 1 litre\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sz-hero-title\"\u003eSilazen : Silicium végétal 4000mg + Passiflore + Magnésium\u003c\/span\u003e\n      \u003cp class=\"sz-subtitle\"\u003eLa synergie unique vitalité \u0026amp; sérénité par le Labo Santé Silice\u003c\/p\u003e\n      \u003cp class=\"sz-description\"\u003eUn flacon de 1L concentré en silicium d'origine bambou, enrichi en magnésium, passiflore et fleur d'oranger pour prendre soin de vos articulations, cheveux, ongles… et de votre sommeil.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"sz-section\"\u003e\n    \u003ch2\u003eSilazen : le silicium végétal concentré qui allie vitalité et sérénité\u003c\/h2\u003e\n    \u003cp class=\"sz-section-intro\"\u003eVous cherchez un complément alimentaire capable de prendre soin de vos articulations, de vos cheveux et de vos ongles, tout en vous aidant à retrouver un sommeil apaisé ?\u003c\/p\u003e\n    \u003cdiv class=\"sz-grid-compact\"\u003e\n      \u003cdiv class=\"sz-card\"\u003e\n        \u003ch3\u003e🎋 Silicium bambou\u003c\/h3\u003e\n        \u003cp\u003e4000 mg\/L de silicium végétal hautement biodisponible issu de l'exsudat de bambou\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sz-card\"\u003e\n        \u003ch3\u003e🧲 Magnésium\u003c\/h3\u003e\n        \u003cp\u003eRéduit la fatigue et soutient le système nerveux au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sz-card\"\u003e\n        \u003ch3\u003e🌿 Passiflore\u003c\/h3\u003e\n        \u003cp\u003eAide à induire le repos et le sommeil de manière naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sz-card\"\u003e\n        \u003ch3\u003e🌸 Fleur d'oranger\u003c\/h3\u003e\n        \u003cp\u003eTouche apaisante et goût agréable pour une prise quotidienne plaisante\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"sz-section\"\u003e\n    \u003ch2\u003ePourquoi le silicium organique végétal est-il si précieux ?\u003c\/h2\u003e\n    \u003cdiv class=\"sz-card sz-card-text\"\u003e\n      \u003cp\u003eLe silicium est un oligo-élément présent dans de nombreux tissus de votre corps : \u003cstrong\u003eos, cartilages, peau, cheveux, ongles\u003c\/strong\u003e. Avec l'âge, vos réserves diminuent naturellement, ce qui peut se traduire par un inconfort articulaire, des ongles fragiles ou des cheveux ternes.\u003c\/p\u003e\n      \u003cp\u003eContrairement aux sources minérales, le \u003cstrong\u003esilicium d'origine végétale\u003c\/strong\u003e issu de l'exsudat de bambou (\u003cem\u003eBambusa arundinacea\u003c\/em\u003e) offre une \u003cstrong\u003ebiodisponibilité remarquable\u003c\/strong\u003e, ce qui signifie que votre organisme l'assimile plus facilement.\u003c\/p\u003e\n      \u003cp\u003eSi vous avez déjà entendu parler du silicium végétal prêle ortie, sachez que le bambou se distingue par sa \u003cstrong\u003econcentration exceptionnelle en silice naturelle\u003c\/strong\u003e. C'est précisément ce qui fait la force de Silazen : un dosage élevé de \u003cstrong\u003e4000 mg de silicium par litre\u003c\/strong\u003e, bien au-dessus de nombreuses formules concurrentes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"sz-section\"\u003e\n    \u003ch2\u003eUne formule enrichie pour la relaxation et le bien-être\u003c\/h2\u003e\n    \u003cp class=\"sz-section-intro\"\u003eSilazen ne se limite pas à un simple apport en silicium. Sa formulation intègre des actifs complémentaires soigneusement sélectionnés :\u003c\/p\u003e\n    \u003cdiv class=\"sz-grid\"\u003e\n      \u003cdiv class=\"sz-card\"\u003e\n        \u003ch3\u003e🧲 Magnésium (sulfate de magnésium)\u003c\/h3\u003e\n        \u003cp\u003eContribue à \u003cstrong\u003eréduire la fatigue\u003c\/strong\u003e et soutient le fonctionnement normal du système nerveux. Indispensable quand le stress du quotidien pèse sur votre énergie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sz-card\"\u003e\n        \u003ch3\u003e🌿 Passiflore (\u003cem\u003ePassiflora incarnata\u003c\/em\u003e)\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement reconnue pour \u003cstrong\u003eaider à induire le repos et le sommeil\u003c\/strong\u003e. Elle favorise la détente mentale sans effet de somnolence lourde au réveil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sz-card\"\u003e\n        \u003ch3\u003e🌸 Hydrolat de fleur d'oranger (\u003cem\u003eCitrus aurantium\u003c\/em\u003e)\u003c\/h3\u003e\n        \u003cp\u003eApporte une \u003cstrong\u003etouche apaisante\u003c\/strong\u003e et un goût agréable qui rend la prise quotidienne vraiment plaisante.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"sz-section\"\u003e\n    \u003ch2\u003eComposition complète\u003c\/h2\u003e\n    \u003cdiv class=\"sz-accordion\"\u003e\n      \u003cdetails class=\"sz-accordion-item\" open\u003e\n        \u003csummary class=\"sz-accordion-header\"\u003e📋 Liste des ingrédients\u003c\/summary\u003e\n        \u003cdiv class=\"sz-accordion-content mt-3\"\u003e\n          \u003cp\u003eEau déminéralisée, glycérine, exsudat de bambou (\u003cem\u003eBambusa arundinacea\u003c\/em\u003e), sulfate de magnésium, extrait de passiflore parties aériennes (\u003cem\u003ePassiflora incarnata\u003c\/em\u003e), hydrolat de fleurs d'oranger (\u003cem\u003eCitrus aurantium\u003c\/em\u003e), conservateur (sorbate de potassium), acidifiant (acide citrique).\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=\"sz-section\"\u003e\n    \u003ch2\u003eComment prendre Silazen ?\u003c\/h2\u003e\n    \u003cdiv class=\"sz-timeline\"\u003e\n      \u003cdiv class=\"sz-timeline-item\"\u003e\n        \u003cdiv class=\"sz-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sz-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 bouchons doseurs de 20 ml\u003c\/strong\u003e (soit 40 ml par jour), de préférence avant le repas du soir pour profiter pleinement de l'effet relaxant de la passiflore.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sz-timeline-item\"\u003e\n        \u003cdiv class=\"sz-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sz-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eCure recommandée : \u003cstrong\u003e3 à 6 semaines\u003c\/strong\u003e, renouvelable selon vos besoins. Un flacon de 1 litre correspond à environ \u003cstrong\u003e25 jours de cure\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sz-timeline-item\"\u003e\n        \u003cdiv class=\"sz-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sz-timeline-content\"\u003e\n          \u003ch3\u003eConservation\u003c\/h3\u003e\n          \u003cp\u003eBien agiter avant chaque utilisation. \u003cstrong\u003eConserver au réfrigérateur\u003c\/strong\u003e 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!-- SECTION 6 --\u003e\n  \u003csection class=\"sz-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cp class=\"sz-section-intro\"\u003eSilazen convient particulièrement si vous souhaitez :\u003c\/p\u003e\n    \u003cdiv class=\"sz-grid-compact\"\u003e\n      \u003cdiv class=\"sz-card\"\u003e\n        \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n        \u003cp\u003eSoutenir vos articulations au quotidien ou lors d'une activité physique régulière\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sz-card\"\u003e\n        \u003ch3\u003e💇 Cheveux \u0026amp; ongles\u003c\/h3\u003e\n        \u003cp\u003eRenforcer des cheveux fragilisés ou des ongles cassants grâce au silicium\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sz-card\"\u003e\n        \u003ch3\u003e🌙 Sommeil apaisé\u003c\/h3\u003e\n        \u003cp\u003eRetrouver un sommeil de qualité et réduire les tensions accumulées dans la journée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sz-card\"\u003e\n        \u003ch3\u003e🌱 Apports naturels\u003c\/h3\u003e\n        \u003cp\u003eCompléter vos apports en silicium organique végétal et en magnésium de manière naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"sz-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eFabrication française et qualité garantie\u003c\/h2\u003e\n    \u003cdiv class=\"sz-cta-box\"\u003e\n      \u003cp\u003eFormulé et fabriqué en France par le \u003cstrong\u003eLabo Santé Silice\u003c\/strong\u003e, spécialiste reconnu du silicium depuis de nombreuses années, Silazen bénéficie d'un savoir-faire rigoureux et d'ingrédients d'origine naturelle traçables. Le format liquide facilite l'absorption et permet un dosage précis, adapté à chacun.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sz-disclaimer\"\u003eCe complément alimentaire ne remplace ni une alimentation variée et équilibrée, ni un mode de vie sain. Il ne se substitue pas à un traitement médical. En cas de doute, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sz-cream: #f0f3f8;\n  --sz-white: #ffffff;\n  --sz-primary: #1a3f7a;\n  --sz-primary-dark: #0e2a55;\n  --sz-primary-light: #e8eef7;\n  --sz-secondary: #2e6bc6;\n  --sz-accent: #4a90d9;\n  --sz-text: #1a1a1a;\n  --sz-text-light: #5a6272;\n  --sz-border: #d8dfe9;\n  --sz-shadow: 0 4px 24px rgba(14,42,85,.08);\n  --sz-shadow-lg: 0 12px 48px rgba(14,42,85,.15);\n  --sz-radius: 20px;\n  --sz-radius-sm: 12px;\n}\n\n.sz-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sz-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sz-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--sz-primary-dark) 0%, var(--sz-primary) 40%, var(--sz-secondary) 100%);\n  border-radius: var(--sz-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(--sz-shadow-lg);\n}\n\n.sz-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              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.sz-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sz-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.sz-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.sz-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.2vw, 17px);\n  max-width: 680px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.sz-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sz-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(--sz-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sz-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sz-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sz-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sz-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.sz-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(--sz-primary), var(--sz-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sz-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sz-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.sz-card {\n  background: var(--sz-white);\n  border-radius: var(--sz-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sz-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sz-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sz-shadow-lg);\n  border-color: var(--sz-primary);\n}\n\n.sz-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sz-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sz-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sz-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sz-card-text {\n  text-align: left;\n}\n\n.sz-card-text p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--sz-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.sz-card-text p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === GRILLES === *\/\n.sz-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.sz-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sz-grid-compact .sz-card {\n  padding: 1rem;\n}\n\n.sz-grid-compact .sz-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sz-grid-compact .sz-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sz-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sz-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sz-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sz-primary), var(--sz-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.sz-timeline-content {\n  flex: 1;\n  background: var(--sz-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sz-radius-sm);\n  box-shadow: var(--sz-shadow);\n}\n\n.sz-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sz-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sz-timeline-content p {\n  font-size: 14px;\n  color: var(--sz-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.sz-accordion {\n  background: var(--sz-white);\n  border-radius: var(--sz-radius);\n  box-shadow: var(--sz-shadow);\n  overflow: hidden;\n}\n\n.sz-accordion-item {\n  border-bottom: 1px solid var(--sz-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sz-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sz-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sz-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.sz-accordion-header:hover {\n  background: var(--sz-primary-light);\n}\n\n.sz-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sz-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sz-primary);\n  transition: transform .2s ease;\n}\n\n.sz-accordion-item[open] .sz-accordion-header::after {\n  content: '−';\n}\n\n.sz-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sz-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sz-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.sz-cta-box {\n  background: linear-gradient(135deg, var(--sz-primary) 0%, var(--sz-primary-dark) 100%);\n  border-radius: var(--sz-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.sz-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.sz-disclaimer {\n  font-size: 12px;\n  color: var(--sz-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  .sz-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sz-card {\n    padding: 1.125rem;\n  }\n\n  .sz-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sz-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sz-radius-sm);\n  }\n\n  .sz-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sz-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sz-grid-compact {\n    gap: .625rem;\n  }\n\n  .sz-grid-compact .sz-card {\n    padding: .75rem;\n  }\n\n  .sz-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sz-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sz-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sz-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sz-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .sz-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sz-card {\n    animation: szFadeInUp .5s ease backwards;\n  }\n  .sz-card:nth-child(1) { animation-delay: .05s; }\n  .sz-card:nth-child(2) { animation-delay: .1s; }\n  .sz-card:nth-child(3) { animation-delay: .15s; }\n  .sz-card:nth-child(4) { animation-delay: .2s; }\n  .sz-card:nth-child(5) { animation-delay: .25s; }\n  .sz-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes szFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sz-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":55157370421625,"sku":"LS0060","price":29.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silazen-silicium-vegetal-4000mg-passiflore-magnesium-1l-packshothd.webp?v=1773243870"},{"product_id":"silamax-60-comprimes-labo-sante-silice","title":"SILAMAX – 60 comprimés – Labo Santé Silice","description":"\u003cdiv class=\"slm-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"slm-hero\"\u003e\n    \u003cdiv class=\"slm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"slm-hero-content\"\u003e\n      \u003cdiv class=\"slm-badges-top\"\u003e\n        \u003cspan class=\"slm-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"slm-badge\"\u003e💊 60 comprimés sécables\u003c\/span\u003e\n        \u003cspan class=\"slm-badge\"\u003e🦴 Formule 4 en 1\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"slm-hero-title\"\u003eSilamax – 60 comprimés\u003c\/span\u003e\n      \u003cp class=\"slm-subtitle\"\u003eLabo Santé Silice\u003c\/p\u003e\n      \u003cp class=\"slm-description\"\u003eSilicium, glucosamine, chondroïtine et manganèse réunis dans une formule articulaire hautement biodisponible pour soutenir vos articulations et vos os au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"slm-section\"\u003e\n    \u003ch2\u003eSilamax : le complément alimentaire au silicium dédié à vos articulations\u003c\/h2\u003e\n    \u003cp class=\"slm-section-intro\"\u003eVous ressentez des raideurs articulaires, une gêne à la mobilité ou souhaitez simplement préserver la solidité de vos os au fil des années ?\u003c\/p\u003e\n    \u003cdiv class=\"slm-grid-compact\"\u003e\n      \u003cdiv class=\"slm-card\"\u003e\n        \u003ch3\u003e🧬 Silicium\u003c\/h3\u003e\n        \u003cp\u003eAcide orthosilicique stabilisé sur choline, hautement biodisponible\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slm-card\"\u003e\n        \u003ch3\u003e🦵 Glucosamine\u003c\/h3\u003e\n        \u003cp\u003e1 200 mg de glucosamine sulfate pour le confort articulaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slm-card\"\u003e\n        \u003ch3\u003e🛡️ Chondroïtine\u003c\/h3\u003e\n        \u003cp\u003e250 mg de chondroïtine sulfate issue de cartilages de poisson\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slm-card\"\u003e\n        \u003ch3\u003e⚙️ Manganèse\u003c\/h3\u003e\n        \u003cp\u003eContribue au maintien d'une ossature normale*\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"slm-section\"\u003e\n    \u003ch2\u003ePourquoi miser sur le silicium pour les articulations et les os ?\u003c\/h2\u003e\n    \u003cdiv class=\"slm-testimonial\"\u003e\n      \u003cp class=\"slm-testimonial-text\"\u003eLe silicium est un oligo-élément naturellement présent dans notre organisme, en particulier au niveau du cartilage, des os et des tissus conjonctifs. Avec l'âge, nos réserves diminuent, ce qui peut favoriser l'inconfort articulaire et la fragilité osseuse. Un complément silicium bien dosé permet d'accompagner votre corps dans le maintien de structures solides et souples.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"slm-tip\"\u003e\n      \u003cspan class=\"slm-tip-icon\"\u003e🔬\u003c\/span\u003e\n      \u003cp\u003eSilamax utilise de l'\u003cstrong\u003eacide orthosilicique stabilisé sur choline\u003c\/strong\u003e, une forme de silicium organique hautement biodisponible, facilement assimilée par l'organisme.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"slm-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 2 comprimés (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"slm-grid\"\u003e\n      \u003cdiv class=\"slm-card slm-card-composition\"\u003e\n        \u003ch3\u003e🦐 Glucosamine sulfate 2 KCl\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e1 200 mg\u003c\/strong\u003e (issue de crustacés)\u003cbr\u003edont 708 mg de glucosamine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slm-card slm-card-composition\"\u003e\n        \u003ch3\u003e🐟 Chondroïtine sulfate\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e250 mg\u003c\/strong\u003e (issue de cartilages de poisson)\u003cbr\u003edont 190 mg de chondroïtine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slm-card slm-card-composition\"\u003e\n        \u003ch3\u003e💎 Acide orthosilicique\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e160 mg\u003c\/strong\u003e stabilisé sur choline\u003cbr\u003edont \u003cstrong\u003e40 mg de silicium\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slm-card slm-card-composition\"\u003e\n        \u003ch3\u003e⚙️ Manganèse (sulfate)\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e0,3 mg\u003c\/strong\u003e\u003cbr\u003esoit 15 % des VNR*\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"slm-accordion\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdetails class=\"slm-accordion-item\"\u003e\n        \u003csummary class=\"slm-accordion-header\"\u003e📋 Autres ingrédients\u003c\/summary\u003e\n        \u003cdiv class=\"slm-accordion-content mt-3\"\u003e\n          \u003cp\u003eCellulose microcristalline, phosphate dicalcique, concentré de riz, sels de magnésium d'acides gras.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"slm-accordion-item\"\u003e\n        \u003csummary class=\"slm-accordion-header\"\u003e⚠️ Allergènes\u003c\/summary\u003e\n        \u003cdiv class=\"slm-accordion-content mt-3\"\u003e\n          \u003cp\u003eContient du poisson, des crustacés et des mollusques. Déconseillé aux personnes allergiques à ces substances.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"slm-section\"\u003e\n    \u003ch2\u003eLes bienfaits de chaque actif\u003c\/h2\u003e\n    \u003cdiv class=\"slm-grid\"\u003e\n      \u003cdiv class=\"slm-card\"\u003e\n        \u003ch3\u003e💎 Silicium organique\u003c\/h3\u003e\n        \u003cp\u003eNourrit les tissus conjonctifs — cartilage, tendons, peau — et soutient la reminéralisation osseuse. Contribue aussi à la beauté des cheveux et des ongles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slm-card\"\u003e\n        \u003ch3\u003e🦵 Glucosamine\u003c\/h3\u003e\n        \u003cp\u003eComposant naturel du cartilage, elle aide à entretenir la souplesse articulaire et favorise le confort de mouvement au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slm-card\"\u003e\n        \u003ch3\u003e🛡️ Chondroïtine\u003c\/h3\u003e\n        \u003cp\u003eTravaille en synergie avec la glucosamine pour maintenir l'élasticité et la résistance du cartilage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slm-card\"\u003e\n        \u003ch3\u003e⚙️ Manganèse\u003c\/h3\u003e\n        \u003cp\u003eContribue à la formation normale des tissus conjonctifs et au maintien d'une \u003cstrong\u003eossature normale\u003c\/strong\u003e*.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"slm-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"slm-timeline\"\u003e\n      \u003cdiv class=\"slm-timeline-item\"\u003e\n        \u003cdiv class=\"slm-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"slm-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 comprimés par jour\u003c\/strong\u003e avec un verre d'eau, avant le repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slm-timeline-item\"\u003e\n        \u003cdiv class=\"slm-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"slm-timeline-content\"\u003e\n          \u003ch3\u003eDurée d'une cure\u003c\/h3\u003e\n          \u003cp\u003eLe pilulier de 60 comprimés correspond à \u003cstrong\u003eune cure d'un mois\u003c\/strong\u003e. Pour des résultats durables, privilégiez une cure de 2 à 3 mois.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slm-timeline-item\"\u003e\n        \u003cdiv class=\"slm-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"slm-timeline-content\"\u003e\n          \u003ch3\u003eFormat adapté\u003c\/h3\u003e\n          \u003cp\u003eLes comprimés sont sécables, ce qui vous permet d'adapter facilement la prise si nécessaire.\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=\"slm-section\"\u003e\n    \u003ch2\u003eCe qui distingue Silamax des autres compléments\u003c\/h2\u003e\n    \u003cdiv class=\"slm-grid-compact\"\u003e\n      \u003cdiv class=\"slm-card\"\u003e\n        \u003ch3\u003e🏆 Formule 4 en 1\u003c\/h3\u003e\n        \u003cp\u003eSilicium + glucosamine + chondroïtine + manganèse dans un seul comprimé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slm-card\"\u003e\n        \u003ch3\u003e🔬 Biodisponibilité optimale\u003c\/h3\u003e\n        \u003cp\u003eL'acide orthosilicique stabilisé sur choline offre une absorption maximale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slm-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabrication française par le Labo Santé Silice, spécialiste du silicium\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slm-card\"\u003e\n        \u003ch3\u003e✂️ Comprimés sécables\u003c\/h3\u003e\n        \u003cp\u003eFormat pratique, faciles à emporter partout et à adapter\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"slm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"slm-accordion\"\u003e\n      \u003cdetails class=\"slm-accordion-item\"\u003e\n        \u003csummary class=\"slm-accordion-header\"\u003e👶 Populations concernées\u003c\/summary\u003e\n        \u003cdiv class=\"slm-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux enfants, aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"slm-accordion-item\"\u003e\n        \u003csummary class=\"slm-accordion-header\"\u003e💊 Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"slm-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"slm-accordion-item\"\u003e\n        \u003csummary class=\"slm-accordion-header\"\u003e🥗 Alimentation et mode de vie\u003c\/summary\u003e\n        \u003cdiv class=\"slm-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain. Il ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"slm-accordion-item\"\u003e\n        \u003csummary class=\"slm-accordion-header\"\u003e📦 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"slm-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver à l'abri de la lumière et de l'humidité, hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"slm-disclaimer\"\u003e*Le manganèse contribue à la formation normale de tissus conjonctifs et au maintien d'une ossature normale. VNR : valeurs nutritionnelles de référence.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --slm-cream: #f4f7f2;\n  --slm-white: #ffffff;\n  --slm-primary: #1b7a3d;\n  --slm-primary-dark: #0e5c2a;\n  --slm-primary-light: #e6f4ec;\n  --slm-secondary: #2ea85e;\n  --slm-accent: #16a34a;\n  --slm-text: #1a1a1a;\n  --slm-text-light: #5a5a5a;\n  --slm-border: #dde8dd;\n  --slm-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --slm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --slm-radius: 20px;\n  --slm-radius-sm: 12px;\n}\n\n.slm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--slm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.slm-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--slm-primary-dark) 0%, var(--slm-primary) 50%, var(--slm-secondary) 100%);\n  border-radius: var(--slm-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(--slm-shadow-lg);\n}\n\n.slm-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,.04) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.slm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.slm-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.slm-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.slm-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.slm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.slm-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(--slm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.slm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.slm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.slm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--slm-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.slm-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(--slm-primary), var(--slm-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.slm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--slm-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.slm-card {\n  background: var(--slm-white);\n  border-radius: var(--slm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--slm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.slm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--slm-shadow-lg);\n  border-color: var(--slm-primary);\n}\n\n.slm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--slm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.slm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--slm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.slm-card-composition p strong {\n  color: var(--slm-primary);\n  font-size: clamp(16px, 2.5vw, 20px);\n}\n\n\/* === GRILLES === *\/\n.slm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.slm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.slm-grid-compact .slm-card {\n  padding: 1rem;\n}\n\n.slm-grid-compact .slm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.slm-grid-compact .slm-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.slm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.slm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.slm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--slm-primary), var(--slm-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.slm-timeline-content {\n  flex: 1;\n  background: var(--slm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--slm-radius-sm);\n  box-shadow: var(--slm-shadow);\n}\n\n.slm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--slm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.slm-timeline-content p {\n  font-size: 14px;\n  color: var(--slm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.slm-testimonial {\n  background: var(--slm-white);\n  border-radius: var(--slm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--slm-shadow);\n  border-left: 4px solid var(--slm-primary);\n}\n\n.slm-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--slm-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.slm-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--slm-primary-light);\n  border-radius: var(--slm-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.slm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.slm-tip p {\n  font-size: 14px;\n  color: var(--slm-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.slm-accordion {\n  background: var(--slm-white);\n  border-radius: var(--slm-radius);\n  box-shadow: var(--slm-shadow);\n  overflow: hidden;\n}\n\n.slm-accordion-item {\n  border-bottom: 1px solid var(--slm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.slm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.slm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--slm-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.slm-accordion-header:hover {\n  background: var(--slm-primary-light);\n}\n\n.slm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.slm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--slm-primary);\n  transition: transform .2s ease;\n}\n\n.slm-accordion-item[open] .slm-accordion-header::after {\n  content: '−';\n}\n\n.slm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--slm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.slm-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.slm-disclaimer {\n  font-size: 12px;\n  color: var(--slm-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .slm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .slm-card {\n    padding: 1.125rem;\n  }\n\n  .slm-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .slm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--slm-radius-sm);\n  }\n\n  .slm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .slm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .slm-grid-compact {\n    gap: .625rem;\n  }\n\n  .slm-grid-compact .slm-card {\n    padding: .75rem;\n  }\n\n  .slm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .slm-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .slm-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .slm-timeline-content p {\n    font-size: 13px;\n  }\n\n  .slm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .slm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .slm-testimonial {\n    padding: 1.25rem;\n  }\n\n  .slm-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .slm-card {\n    animation: slmFadeInUp .5s ease backwards;\n  }\n  .slm-card:nth-child(1) { animation-delay: .05s; }\n  .slm-card:nth-child(2) { animation-delay: .1s; }\n  .slm-card:nth-child(3) { animation-delay: .15s; }\n  .slm-card:nth-child(4) { animation-delay: .2s; }\n  .slm-card:nth-child(5) { animation-delay: .25s; }\n  .slm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes slmFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .slm-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":55159565353337,"sku":"LS0300","price":28.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silamax-60-comprimes-labo-sante-silice-packshothd.webp?v=1773059178"},{"product_id":"l2s-1-litre-labo-sante-silice","title":"L2S (Silicium organique) 1 Litre - Labo Santé Silice","description":"\u003cdiv class=\"l2s-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"l2s-hero\"\u003e\n    \u003cdiv class=\"l2s-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"l2s-hero-content\"\u003e\n      \u003cdiv class=\"l2s-badges-top\"\u003e\n        \u003cspan class=\"l2s-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"l2s-badge\"\u003e🧪 1000 mg\/L\u003c\/span\u003e\n        \u003cspan class=\"l2s-badge\"\u003e📐 Formule originale Duffaut\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"l2s-hero-title\"\u003eL2S – Silicium organique\u003c\/span\u003e\n      \u003cp class=\"l2s-subtitle\"\u003eLe silicium organique français de référence\u003c\/p\u003e\n      \u003cp class=\"l2s-description\"\u003eFormule originale Norbert Duffaut • Flacon 1 litre • Usage externe • Haute concentration\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"l2s-section\"\u003e\n    \u003ch2\u003eL2S – Le silicium organique français, formule originale Norbert Duffaut\u003c\/h2\u003e\n    \u003cp class=\"l2s-section-intro\"\u003eVous recherchez un \u003cstrong\u003esilicium organique\u003c\/strong\u003e de référence, fidèle à la formule historique développée en France ?\u003c\/p\u003e\n    \u003cdiv class=\"l2s-highlight-box\"\u003e\n      \u003cp\u003eLe \u003cstrong\u003eL2S de Labo Santé Silice\u003c\/strong\u003e est l'une des rares solutions à proposer la formule originale de Norbert Duffaut, chimiste précurseur dans l'étude du silicium organique. Conditionné en flacon d'un litre à \u003cstrong\u003e1000 mg de silicium par litre\u003c\/strong\u003e, ce produit est conçu pour un usage externe prolongé, au service de votre confort articulaire et de votre vitalité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"l2s-section\"\u003e\n    \u003ch2\u003eBienfaits du silicium organique : pourquoi est-il si recherché ?\u003c\/h2\u003e\n    \u003cp class=\"l2s-section-intro\"\u003eLe silicium est un oligo-élément naturellement présent dans notre organisme, mais sa concentration diminue avec l'âge. Les \u003cstrong\u003ebienfaits du silicium organique\u003c\/strong\u003e sont aujourd'hui largement documentés et suscitent un intérêt croissant.\u003c\/p\u003e\n    \u003cdiv class=\"l2s-grid\"\u003e\n      \u003cdiv class=\"l2s-card\"\u003e\n        \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n        \u003cp\u003eLe silicium participe à la structure des cartilages et des tissus conjonctifs, contribuant à la souplesse des articulations.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"l2s-card\"\u003e\n        \u003ch3\u003e💪 Soutien osseux\u003c\/h3\u003e\n        \u003cp\u003eEn favorisant la fixation du calcium, il aide à maintenir une ossature solide au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"l2s-card\"\u003e\n        \u003ch3\u003e❤️ Santé vasculaire\u003c\/h3\u003e\n        \u003cp\u003eIl intervient dans l'élasticité des parois veineuses et artérielles, soutenant ainsi la circulation sanguine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"l2s-card\"\u003e\n        \u003ch3\u003e✨ Peau, cheveux, ongles\u003c\/h3\u003e\n        \u003cp\u003eGrâce à son action sur la trame collagène, le silicium organique contribue à renforcer ces tissus au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"l2s-tip\"\u003e\n      \u003cspan class=\"l2s-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eContrairement à certaines idées reçues sur le \u003cstrong\u003edanger du silicium organique\u003c\/strong\u003e, cette forme – le monométhylsilanétriol – est bien tolérée en application externe. Il convient toutefois de respecter les recommandations d'usage indiquées par le fabricant.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"l2s-section\"\u003e\n    \u003ch2\u003eComposition détaillée du L2S\u003c\/h2\u003e\n    \u003cp class=\"l2s-section-intro\"\u003eLa formule du L2S est volontairement simple et concentrée sur l'essentiel.\u003c\/p\u003e\n    \u003cdiv class=\"l2s-grid\"\u003e\n      \u003cdiv class=\"l2s-card\"\u003e\n        \u003ch3\u003e🧬 Monométhylsilanétriol\u003c\/h3\u003e\n        \u003cp\u003eSilicium organique hautement biodisponible – \u003cstrong\u003e1000 mg\/L\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"l2s-card\"\u003e\n        \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n        \u003cp\u003eBase de la solution, garantissant pureté et neutralité de la formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"l2s-card\"\u003e\n        \u003ch3\u003e🛡️ Sorbate de potassium\u003c\/h3\u003e\n        \u003cp\u003eConservateur garantissant la stabilité et la bonne conservation du produit.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"l2s-tip\"\u003e\n      \u003cspan class=\"l2s-tip-icon\"\u003e📊\u003c\/span\u003e\n      \u003cp\u003eChaque bouchon doseur de 20 ml apporte \u003cstrong\u003e140 mg de monométhylsilanétriol\u003c\/strong\u003e, soit \u003cstrong\u003e20 mg de silicium élémentaire\u003c\/strong\u003e. Cette concentration permet une utilisation régulière et prolongée sur plusieurs semaines.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"l2s-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cp class=\"l2s-section-intro\"\u003eLe L2S est formulé pour un \u003cstrong\u003eusage externe uniquement\u003c\/strong\u003e. Voici comment en tirer le meilleur parti.\u003c\/p\u003e\n    \u003cdiv class=\"l2s-timeline\"\u003e\n      \u003cdiv class=\"l2s-timeline-item\"\u003e\n        \u003cdiv class=\"l2s-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"l2s-timeline-content\"\u003e\n          \u003ch3\u003eImbibez une compresse\u003c\/h3\u003e\n          \u003cp\u003eImbibez une compresse de produit L2S et appliquez-la directement sur la zone concernée (articulations, dos, genoux…).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"l2s-timeline-item\"\u003e\n        \u003cdiv class=\"l2s-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"l2s-timeline-content\"\u003e\n          \u003ch3\u003eDosez selon vos besoins\u003c\/h3\u003e\n          \u003cp\u003eUtilisez \u003cstrong\u003e1 à 2 bouchons doseurs de 20 ml par jour\u003c\/strong\u003e, selon l'intensité de vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"l2s-timeline-item\"\u003e\n        \u003cdiv class=\"l2s-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"l2s-timeline-content\"\u003e\n          \u003ch3\u003eSoyez régulier\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats optimaux, privilégiez une application régulière pendant plusieurs semaines.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"l2s-tip\"\u003e\n      \u003cspan class=\"l2s-tip-icon\"\u003e📦\u003c\/span\u003e\n      \u003cp\u003eLe format d'un litre est particulièrement économique : il vous offre environ \u003cstrong\u003e50 jours d'utilisation\u003c\/strong\u003e à raison d'un bouchon par jour, idéal pour une cure complète.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"l2s-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le L2S plutôt qu'un autre silicium organique ?\u003c\/h2\u003e\n    \u003cp class=\"l2s-section-intro\"\u003eSouvent comparé au \u003cstrong\u003esilicium organique G5\u003c\/strong\u003e, le L2S se distingue par son authenticité. Il s'agit de la formule originale de Norbert Duffaut, et non d'une déclinaison ou d'une reformulation.\u003c\/p\u003e\n    \u003cdiv class=\"l2s-grid-compact\"\u003e\n      \u003cdiv class=\"l2s-card\"\u003e\n        \u003ch3\u003e📜 Formule historique\u003c\/h3\u003e\n        \u003cp\u003eDirectement issue des travaux de N. Duffaut\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"l2s-card\"\u003e\n        \u003ch3\u003e🇫🇷 100 % française\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité et qualité garanties\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"l2s-card\"\u003e\n        \u003ch3\u003e⚗️ Haute concentration\u003c\/h3\u003e\n        \u003cp\u003e1000 mg de silicium organique par litre\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"l2s-card\"\u003e\n        \u003ch3\u003e💰 Format économique\u003c\/h3\u003e\n        \u003cp\u003e1 litre pour des cures longues durée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"l2s-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"l2s-accordion\"\u003e\n      \u003cdetails class=\"l2s-accordion-item\"\u003e\n        \u003csummary class=\"l2s-accordion-header\"\u003e⚠️ Usage et restrictions\u003c\/summary\u003e\n        \u003cdiv class=\"l2s-accordion-content mt-3\"\u003e\n          \u003cp\u003eProduit réservé à un \u003cstrong\u003eusage externe\u003c\/strong\u003e. Ne pas ingérer. Ne se substitue pas à un traitement médical ni à un suivi par un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"l2s-accordion-item\"\u003e\n        \u003csummary class=\"l2s-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"l2s-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver 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    \u003c\/div\u003e\n    \u003cdiv class=\"l2s-cta-box\"\u003e\n      \u003cp\u003eSi vous vous interrogez sur les \u003cstrong\u003ebienfaits du silicium organique\u003c\/strong\u003e pour votre confort quotidien, le L2S constitue un choix de confiance, ancré dans une tradition française de recherche et de qualité. Offrez à vos articulations et à votre peau le soutien qu'ils méritent. 🇫🇷\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"l2s-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Consultez un professionnel de santé avant toute utilisation.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --l2s-cream: #f4f8fb;\n  --l2s-white: #ffffff;\n  --l2s-primary: #5bb8e8;\n  --l2s-primary-dark: #1a3a5c;\n  --l2s-primary-light: #e8f4fb;\n  --l2s-secondary: #2d7ab5;\n  --l2s-accent: #89d4f5;\n  --l2s-text: #1a1a1a;\n  --l2s-text-light: #5a6a7a;\n  --l2s-border: #d8e8f0;\n  --l2s-shadow: 0 4px 24px rgba(26,58,92,.08);\n  --l2s-shadow-lg: 0 12px 48px rgba(26,58,92,.15);\n  --l2s-radius: 20px;\n  --l2s-radius-sm: 12px;\n}\n\n.l2s-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--l2s-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.l2s-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--l2s-primary-dark) 0%, var(--l2s-secondary) 50%, var(--l2s-primary) 100%);\n  border-radius: var(--l2s-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(--l2s-shadow-lg);\n}\n\n.l2s-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(137,212,245,.1) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.l2s-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.l2s-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.l2s-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(--l2s-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.l2s-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.l2s-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.l2s-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.01em;\n}\n\n.l2s-description {\n  color: rgba(255,255,255,.75);\n  font-size: clamp(13px, 2vw, 16px);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.l2s-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.l2s-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--l2s-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.l2s-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(--l2s-primary), var(--l2s-accent));\n  border-radius: 2px;\n}\n\n.l2s-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--l2s-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.l2s-highlight-box {\n  background: var(--l2s-white);\n  border-radius: var(--l2s-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--l2s-shadow);\n  border-left: 4px solid var(--l2s-primary);\n}\n\n.l2s-highlight-box p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--l2s-text);\n  margin: 0;\n  line-height: 1.8;\n}\n\n\/* === CARDS === *\/\n.l2s-card {\n  background: var(--l2s-white);\n  border-radius: var(--l2s-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--l2s-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.l2s-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--l2s-shadow-lg);\n  border-color: var(--l2s-primary);\n}\n\n.l2s-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--l2s-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.l2s-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--l2s-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.l2s-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.l2s-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.l2s-grid-compact .l2s-card {\n  padding: 1rem;\n}\n\n.l2s-grid-compact .l2s-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.l2s-grid-compact .l2s-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.l2s-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.l2s-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.l2s-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--l2s-primary), var(--l2s-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.l2s-timeline-content {\n  flex: 1;\n  background: var(--l2s-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--l2s-radius-sm);\n  box-shadow: var(--l2s-shadow);\n}\n\n.l2s-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--l2s-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.l2s-timeline-content p {\n  font-size: 14px;\n  color: var(--l2s-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.l2s-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--l2s-primary-light);\n  border-radius: var(--l2s-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.l2s-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.l2s-tip p {\n  font-size: 14px;\n  color: var(--l2s-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.l2s-accordion {\n  background: var(--l2s-white);\n  border-radius: var(--l2s-radius);\n  box-shadow: var(--l2s-shadow);\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.l2s-accordion-item {\n  border-bottom: 1px solid var(--l2s-border);\n  margin: 0;\n  padding: 0;\n}\n\n.l2s-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.l2s-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--l2s-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.l2s-accordion-header:hover {\n  background: var(--l2s-primary-light);\n}\n\n.l2s-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.l2s-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--l2s-primary);\n  transition: transform .2s ease;\n}\n\n.l2s-accordion-item[open] .l2s-accordion-header::after {\n  content: '−';\n}\n\n.l2s-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--l2s-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.l2s-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.l2s-cta-box {\n  background: linear-gradient(135deg, var(--l2s-primary) 0%, var(--l2s-primary-dark) 100%);\n  border-radius: var(--l2s-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.l2s-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.l2s-disclaimer {\n  font-size: 12px;\n  color: var(--l2s-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  .l2s-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .l2s-card {\n    padding: 1.125rem;\n  }\n\n  .l2s-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .l2s-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--l2s-radius-sm);\n  }\n\n  .l2s-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .l2s-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .l2s-grid-compact {\n    gap: .625rem;\n  }\n\n  .l2s-grid-compact .l2s-card {\n    padding: .75rem;\n  }\n\n  .l2s-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .l2s-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .l2s-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .l2s-timeline-content p {\n    font-size: 13px;\n  }\n\n  .l2s-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .l2s-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .l2s-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .l2s-highlight-box p {\n    font-size: 14px;\n  }\n\n  .l2s-tip {\n    padding: .875rem 1rem;\n  }\n\n  .l2s-tip-icon {\n    font-size: 20px;\n  }\n\n  .l2s-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .l2s-card {\n    animation: l2sFadeInUp .5s ease backwards;\n  }\n  .l2s-card:nth-child(1) { animation-delay: .05s; }\n  .l2s-card:nth-child(2) { animation-delay: .1s; }\n  .l2s-card:nth-child(3) { animation-delay: .15s; }\n  .l2s-card:nth-child(4) { animation-delay: .2s; }\n  .l2s-card:nth-child(5) { animation-delay: .25s; }\n  .l2s-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes l2sFadeInUp {\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  .l2s-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":55159774740857,"sku":"LS0080","price":26.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/l2s-silicium-organique-1-litre-labo-sante-silice-packshothd.webp?v=1775992341"},{"product_id":"silharpago-bio-1l-labo-sante-silice","title":"Silharpago Silicium Bio - 1 Litre - Labo Santé Silice","description":"\u003cdiv class=\"slh-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"slh-hero\"\u003e\n    \u003cdiv class=\"slh-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"slh-hero-content\"\u003e\n      \u003cdiv class=\"slh-badges-top\"\u003e\n        \u003cspan class=\"slh-badge\"\u003e🌿 Certifié Bio FR-BIO-10\u003c\/span\u003e\n        \u003cspan class=\"slh-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"slh-badge\"\u003e🧪 65 mg de silicium \/ dose\u003c\/span\u003e\n        \u003cspan class=\"slh-badge\"\u003e🍃 5 plantes bio synergiques\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"slh-hero-title\"\u003eSilharpago Silicium Bio\u003c\/span\u003e\n      \u003cp class=\"slh-subtitle\"\u003eLabo Santé Silice — Format 1 litre\u003c\/p\u003e\n      \u003cp class=\"slh-description\"\u003eApport de silicium d'origine végétale pour retrouver mobilité articulaire, souplesse des tendons et détoxification naturelle de l'organisme.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"slh-section\"\u003e\n    \u003ch2\u003eSilharpago Bio : le silicium organique d'origine végétale pour vos articulations\u003c\/h2\u003e\n    \u003cp class=\"slh-section-intro\"\u003eVous ressentez des raideurs le matin, une gêne dans les genoux ou les hanches ? Le \u003cstrong\u003eSilharpago Bio\u003c\/strong\u003e de \u003cstrong\u003eLabo Santé Silice\u003c\/strong\u003e est un complément alimentaire certifié bio qui associe le \u003cstrong\u003esilicium organique d'origine végétale\u003c\/strong\u003e à quatre plantes reconnues pour leurs bienfaits sur la \u003cstrong\u003emobilité articulaire\u003c\/strong\u003e, la \u003cstrong\u003esouplesse des tendons\u003c\/strong\u003e et la \u003cstrong\u003edétoxification de l'organisme\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cdiv class=\"slh-grid-compact\"\u003e\n      \u003cdiv class=\"slh-card\"\u003e\n        \u003ch3\u003e🦴 Mobilité articulaire\u003c\/h3\u003e\n        \u003cp\u003eRetrouvez une aisance de mouvement au quotidien grâce à une formule ciblée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slh-card\"\u003e\n        \u003ch3\u003e🤸 Souplesse des tendons\u003c\/h3\u003e\n        \u003cp\u003eMaintenez la flexibilité de vos articulations et de vos tissus conjonctifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slh-card\"\u003e\n        \u003ch3\u003e🧬 Détoxification naturelle\u003c\/h3\u003e\n        \u003cp\u003eSoutenez les fonctions d'élimination pour un organisme plus léger et purifié.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slh-card\"\u003e\n        \u003ch3\u003e🌱 100 % bio \u0026amp; végétal\u003c\/h3\u003e\n        \u003cp\u003eUn flacon généreux d'un litre, fabriqué en France, pour votre confort au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"slh-section\"\u003e\n    \u003ch2\u003ePourquoi le silicium organique est essentiel pour vos articulations\u003c\/h2\u003e\n    \u003cdiv class=\"slh-card slh-card-wide\"\u003e\n      \u003cp\u003eLe silicium est un oligo-élément indispensable au bon fonctionnement de l'organisme. Présent naturellement dans le \u003cstrong\u003ecartilage\u003c\/strong\u003e, les \u003cstrong\u003eos\u003c\/strong\u003e et les \u003cstrong\u003etissus conjonctifs\u003c\/strong\u003e, il joue un rôle structurel majeur. Avec l'âge, nos réserves diminuent progressivement, ce qui peut se traduire par une perte de souplesse et un inconfort articulaire croissant.\u003c\/p\u003e\n      \u003cp style=\"margin-top:.75rem\"\u003eLes \u003cstrong\u003ebienfaits du silicium organique\u003c\/strong\u003e sont aujourd'hui largement documentés : il participe au maintien du capital osseux, soutient l'élasticité des tissus et favorise le renouvellement du cartilage. Contrairement à certaines idées reçues sur le danger du silicium organique, celui-ci est parfaitement sûr lorsqu'il est consommé dans le respect des doses recommandées et issu de sources végétales de qualité.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"slh-grid-compact\" style=\"margin-top:1.25rem\"\u003e\n      \u003cdiv class=\"slh-card\"\u003e\n        \u003ch3\u003e🦴 Capital osseux\u003c\/h3\u003e\n        \u003cp\u003eParticipe au maintien de la solidité et de la densité des os.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slh-card\"\u003e\n        \u003ch3\u003e🧵 Élasticité des tissus\u003c\/h3\u003e\n        \u003cp\u003eSoutient la souplesse des tissus conjonctifs et du cartilage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slh-card\"\u003e\n        \u003ch3\u003e🔄 Renouvellement\u003c\/h3\u003e\n        \u003cp\u003eFavorise la régénération naturelle du cartilage articulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slh-card\"\u003e\n        \u003ch3\u003e✅ Sûr \u0026amp; naturel\u003c\/h3\u003e\n        \u003cp\u003eParfaitement sûr d'utilisation en respectant les doses recommandées.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"slh-section\"\u003e\n    \u003ch2\u003eUne synergie de 5 plantes bio soigneusement dosées\u003c\/h2\u003e\n    \u003cp class=\"slh-section-intro\"\u003eCe qui distingue le Silharpago Bio, c'est sa formule complète qui ne mise pas sur un seul actif. Voici les ingrédients clés et leurs rôles :\u003c\/p\u003e\n    \u003cdiv class=\"slh-grid\"\u003e\n      \u003cdiv class=\"slh-card\"\u003e\n        \u003ch3\u003e🌿 Harpagophytum bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eRacine — 2000 mg \/ dose\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cp\u003eAussi appelé « griffe du diable », il aide à maintenir la souplesse des articulations et des tendons tout en contribuant à une bonne mobilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slh-card\"\u003e\n        \u003ch3\u003e🟡 Curcuma bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eRacine — 1000 mg \/ dose\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cp\u003eReconnu pour ses propriétés apaisantes, il soutient le confort articulaire au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slh-card\"\u003e\n        \u003ch3\u003e🎋 Extrait de bambou bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003ePousse — 180 mg \/ dose\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cp\u003eSource naturelle exceptionnelle de silicium, il apporte \u003cstrong\u003e62 mg de silicium organique\u003c\/strong\u003e par dose. Il aide au confort articulaire et à la solidité des tissus.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slh-card\"\u003e\n        \u003ch3\u003e🌸 Chicorée bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eRacine — 200 mg \/ dose\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cp\u003eContribue aux fonctions d'élimination et de détoxification, pour un organisme plus léger.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slh-card\"\u003e\n        \u003ch3\u003e⚫ Poivre noir bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eFruit — 2 mg \/ dose\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cp\u003eGrâce à sa pipérine, il optimise l'absorption du curcuma et renforce l'efficacité globale de la formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"slh-tip\"\u003e\n      \u003cspan class=\"slh-tip-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cp\u003eTous les ingrédients sont issus de l'agriculture biologique (\u003cstrong\u003eFR-BIO-10\u003c\/strong\u003e). La formule convient aux végétariens.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"slh-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"slh-timeline\"\u003e\n      \u003cdiv class=\"slh-timeline-item\"\u003e\n        \u003cdiv class=\"slh-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"slh-timeline-content\"\u003e\n          \u003ch3\u003eBien agiter avant emploi\u003c\/h3\u003e\n          \u003cp\u003eSecouez le flacon avant chaque utilisation pour homogénéiser la solution.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slh-timeline-item\"\u003e\n        \u003cdiv class=\"slh-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"slh-timeline-content\"\u003e\n          \u003ch3\u003eDosez 2 à 3 bouchons par jour\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e40 à 60 ml par jour\u003c\/strong\u003e, de préférence avant les repas, purs ou dilués dans un verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slh-timeline-item\"\u003e\n        \u003cdiv class=\"slh-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"slh-timeline-content\"\u003e\n          \u003ch3\u003eSuivez une cure de 2 à 3 mois\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats durables, renouvelable selon vos besoins. Un flacon d'un litre couvre \u003cstrong\u003e16 à 25 jours\u003c\/strong\u003e selon le dosage choisi.\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=\"slh-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"slh-accordion\"\u003e\n      \u003cdetails class=\"slh-accordion-item\"\u003e\n        \u003csummary class=\"slh-accordion-header\"\u003e⚠️ Personnes concernées par les contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"slh-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux enfants, aux femmes enceintes ou allaitantes. Non recommandé en cas de traitement anticoagulant, d'ulcères gastriques ou duodénaux, ou de calculs biliaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"slh-accordion-item\"\u003e\n        \u003csummary class=\"slh-accordion-header\"\u003e📏 Dosage et mode de vie\u003c\/summary\u003e\n        \u003cdiv class=\"slh-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 suivi médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"slh-accordion-item\"\u003e\n        \u003csummary class=\"slh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"slh-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver dans un endroit sec, frais et à l'abri de la lumière. Après ouverture, conserver au réfrigérateur (+4 °C) et consommer rapidement dans les 2 mois maximum. 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=\"slh-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eLes bonnes raisons de choisir Silharpago Bio\u003c\/h2\u003e\n    \u003cdiv class=\"slh-grid\"\u003e\n      \u003cdiv class=\"slh-card\"\u003e\n        \u003ch3\u003e🎋 Silicium organique végétal\u003c\/h3\u003e\n        \u003cp\u003eBiodisponible, naturel et issu du bambou bio pour une assimilation optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slh-card\"\u003e\n        \u003ch3\u003e🔬 Formule synergique complète\u003c\/h3\u003e\n        \u003cp\u003e5 plantes qui travaillent ensemble pour articulations, mobilité et détoxification.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slh-card\"\u003e\n        \u003ch3\u003e🌿 Certifié agriculture biologique\u003c\/h3\u003e\n        \u003cp\u003eRespect de votre corps et de l'environnement, certifié FR-BIO-10.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slh-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eQualité et traçabilité garanties par Labo Santé Silice à Hendaye.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slh-card\"\u003e\n        \u003ch3\u003e📦 Format économique 1 litre\u003c\/h3\u003e\n        \u003cp\u003ePratique pour suivre une cure complète sans interruption.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slh-card\"\u003e\n        \u003ch3\u003e🥗 Convient aux végétariens\u003c\/h3\u003e\n        \u003cp\u003eFormule 100 % végétale, sans ingrédient d'origine animale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"slh-cta-box\"\u003e\n      \u003cp\u003eRetrouvez souplesse et mobilité au quotidien grâce au \u003cstrong\u003eSilharpago Bio\u003c\/strong\u003e, une réponse naturelle et certifiée bio pour prendre soin de vos articulations en toute confiance.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"slh-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --slh-cream: #faf6f0;\n  --slh-white: #ffffff;\n  --slh-primary: #d9802a;\n  --slh-primary-dark: #8b4513;\n  --slh-primary-light: #fdf0e0;\n  --slh-secondary: #e8a94a;\n  --slh-accent: #6b8e23;\n  --slh-text: #1a1a1a;\n  --slh-text-light: #5a5a5a;\n  --slh-border: #e8ddd0;\n  --slh-shadow: 0 4px 24px rgba(139,69,19,.08);\n  --slh-shadow-lg: 0 12px 48px rgba(139,69,19,.15);\n  --slh-radius: 20px;\n  --slh-radius-sm: 12px;\n}\n\n.slh-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--slh-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.slh-premium *, .slh-premium *::before, .slh-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.slh-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8b4513 0%, #d9802a 45%, #e8a94a 100%);\n  border-radius: var(--slh-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(--slh-shadow-lg);\n}\n\n.slh-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 50%),\n              repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.03) 30px, rgba(255,255,255,.03) 60px);\n  opacity: 1;\n}\n\n.slh-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.slh-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.slh-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(--slh-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.slh-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.slh-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.slh-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.slh-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.slh-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.slh-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--slh-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.slh-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(--slh-primary), var(--slh-secondary));\n  border-radius: 2px;\n}\n\n.slh-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--slh-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.slh-card {\n  background: var(--slh-white);\n  border-radius: var(--slh-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--slh-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.slh-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--slh-shadow-lg);\n  border-color: var(--slh-primary);\n}\n\n.slh-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--slh-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.slh-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--slh-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.slh-card p + p {\n  margin-top: .4rem;\n}\n\n.slh-card-wide {\n  text-align: left;\n  max-width: 800px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.slh-card-wide p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.75;\n}\n\n\/* === GRILLES === *\/\n.slh-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.slh-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.slh-grid-compact .slh-card {\n  padding: 1rem;\n}\n\n.slh-grid-compact .slh-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.slh-grid-compact .slh-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.slh-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.slh-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.slh-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--slh-primary), var(--slh-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.slh-timeline-content {\n  flex: 1;\n  background: var(--slh-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--slh-radius-sm);\n  box-shadow: var(--slh-shadow);\n}\n\n.slh-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--slh-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.slh-timeline-content p {\n  font-size: 14px;\n  color: var(--slh-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ACCORDION === *\/\n.slh-accordion {\n  background: var(--slh-white);\n  border-radius: var(--slh-radius);\n  box-shadow: var(--slh-shadow);\n  overflow: hidden;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.slh-accordion-item {\n  border-bottom: 1px solid var(--slh-border);\n  margin: 0;\n  padding: 0;\n}\n\n.slh-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.slh-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--slh-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.slh-accordion-header:hover {\n  background: var(--slh-primary-light);\n}\n\n.slh-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.slh-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--slh-primary);\n  transition: transform .2s ease;\n}\n\n.slh-accordion-item[open] .slh-accordion-header::after {\n  content: '−';\n}\n\n.slh-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--slh-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.slh-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.slh-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--slh-primary-light);\n  border-radius: var(--slh-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.slh-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.slh-tip p {\n  font-size: 14px;\n  color: var(--slh-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.slh-cta-box {\n  background: linear-gradient(135deg, var(--slh-primary) 0%, var(--slh-primary-dark) 100%);\n  border-radius: var(--slh-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.slh-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.slh-disclaimer {\n  font-size: 12px;\n  color: var(--slh-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .slh-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .slh-card {\n    padding: 1.125rem;\n  }\n\n  .slh-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .slh-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--slh-radius-sm);\n  }\n\n  .slh-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .slh-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .slh-grid-compact {\n    gap: .625rem;\n  }\n\n  .slh-grid-compact .slh-card {\n    padding: .75rem;\n  }\n\n  .slh-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .slh-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .slh-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .slh-timeline-content p {\n    font-size: 13px;\n  }\n\n  .slh-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .slh-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .slh-card-wide {\n    padding: 1.125rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .slh-card {\n    animation: slhFadeInUp .5s ease backwards;\n  }\n  .slh-card:nth-child(1) { animation-delay: .05s; }\n  .slh-card:nth-child(2) { animation-delay: .1s; }\n  .slh-card:nth-child(3) { animation-delay: .15s; }\n  .slh-card:nth-child(4) { animation-delay: .2s; }\n  .slh-card:nth-child(5) { animation-delay: .25s; }\n  .slh-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes slhFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .slh-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":55159915381113,"sku":"LS0320","price":30.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silharpago-silicium-bio-1-litre-labo-sante-silice-packshothd.webp?v=1772964143"},{"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":"silamax-1-litre-labo-sante-silice","title":"SILAMAX silicium 4000 mg\/L (1 Litre) - Labo Santé Silice","description":"\u003cdiv class=\"slx-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"slx-hero\"\u003e\n    \u003cdiv class=\"slx-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"slx-hero-content\"\u003e\n      \u003cdiv class=\"slx-badges-top\"\u003e\n        \u003cspan class=\"slx-badge\"\u003e🌿 Silicium végétal\u003c\/span\u003e\n        \u003cspan class=\"slx-badge\"\u003e💪 4000 mg\/L\u003c\/span\u003e\n        \u003cspan class=\"slx-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"slx-badge\"\u003e🫙 Format 1 litre\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"slx-hero-title\"\u003eSilamax® Silicium 4000 mg\/L\u003c\/span\u003e\n      \u003cp class=\"slx-subtitle\"\u003eLabo Santé Silice – Formule articulaire haute concentration\u003c\/p\u003e\n      \u003cp class=\"slx-description\"\u003eBambou, glucosamine, chondroïtine et manganèse réunis dans une formule synergique pour soutenir vos articulations, vos os et vos tissus conjonctifs au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"slx-section\"\u003e\n    \u003ch2\u003eSilamax® Articulaire : le silicium organique végétal haute concentration\u003c\/h2\u003e\n    \u003cp class=\"slx-section-intro\"\u003eVous ressentez des raideurs au réveil, une gêne articulaire après l'effort ou une perte de souplesse au fil des années ?\u003c\/p\u003e\n    \u003cdiv class=\"slx-grid-compact\"\u003e\n      \u003cdiv class=\"slx-card\"\u003e\n        \u003ch3\u003e🌱 Origine végétale\u003c\/h3\u003e\n        \u003cp\u003eSilicium issu d'exsudat de bambou, 100 % naturel et hautement biodisponible\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slx-card\"\u003e\n        \u003ch3\u003e⚡ Haute concentration\u003c\/h3\u003e\n        \u003cp\u003e4000 mg\/L de silicium organique pour une efficacité optimale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slx-card\"\u003e\n        \u003ch3\u003e🦴 Soutien global\u003c\/h3\u003e\n        \u003cp\u003eArticulations, os et tissus conjonctifs soutenus par 4 actifs synergiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slx-card\"\u003e\n        \u003ch3\u003e🧪 Formule complète\u003c\/h3\u003e\n        \u003cp\u003eBambou, glucosamine, chondroïtine et manganèse dans un seul flacon\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"slx-section\"\u003e\n    \u003ch2\u003eQuels sont les bienfaits du silicium organique présent dans Silamax® ?\u003c\/h2\u003e\n    \u003cp class=\"slx-section-intro\"\u003eLe silicium organique est un oligo-élément naturellement présent dans notre corps, mais dont les réserves diminuent avec l'âge. Ses bienfaits sont nombreux et reconnus.\u003c\/p\u003e\n    \u003cdiv class=\"slx-grid\"\u003e\n      \u003cdiv class=\"slx-card\"\u003e\n        \u003ch3\u003e🦴 Solidité osseuse\u003c\/h3\u003e\n        \u003cp\u003eParticipe à la solidité de l'ossature et à la reminéralisation osseuse au fil du temps\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slx-card\"\u003e\n        \u003ch3\u003e🤸 Souplesse articulaire\u003c\/h3\u003e\n        \u003cp\u003eMaintient la souplesse des articulations pour une mobilité préservée au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slx-card\"\u003e\n        \u003ch3\u003e🧬 Tissus conjonctifs\u003c\/h3\u003e\n        \u003cp\u003eRenforce la résistance des cartilages, tendons et ligaments pour un soutien structurel complet\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"slx-tip\"\u003e\n      \u003cspan class=\"slx-tip-icon\"\u003e🎋\u003c\/span\u003e\n      \u003cp\u003eContrairement aux formules à base de silicium de synthèse, Silamax® tire son silicium de l'\u003cstrong\u003eexsudat de bambou (Bambusa arundinacea)\u003c\/strong\u003e, une source végétale naturellement riche en silice biodisponible — un allié précieux pour les personnes actives et les seniors.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"slx-section\"\u003e\n    \u003ch2\u003eUne formule synergique complète\u003c\/h2\u003e\n    \u003cp class=\"slx-section-intro\"\u003eBien plus qu'un simple silicium organique classique : 4 actifs complémentaires pour agir sur plusieurs niveaux.\u003c\/p\u003e\n    \u003cdiv class=\"slx-grid\"\u003e\n      \u003cdiv class=\"slx-card slx-card-ingredient\"\u003e\n        \u003ch3\u003e🎋 Silicium végétal (bambou)\u003c\/h3\u003e\n        \u003cp\u003eSoutient la santé des articulations et la régénération des tissus conjonctifs grâce à sa richesse en silice naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slx-card slx-card-ingredient\"\u003e\n        \u003ch3\u003e🔵 Glucosamine sulfate 2 KCl\u003c\/h3\u003e\n        \u003cp\u003eAide à entretenir les cartilages et favorise la mobilité articulaire pour des mouvements plus fluides\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slx-card slx-card-ingredient\"\u003e\n        \u003ch3\u003e🟢 Chondroïtine sulfate\u003c\/h3\u003e\n        \u003cp\u003eRenforce l'élasticité et la fermeté du cartilage, en synergie puissante avec la glucosamine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slx-card slx-card-ingredient\"\u003e\n        \u003ch3\u003e⚙️ Manganèse\u003c\/h3\u003e\n        \u003cp\u003eContribue au maintien d'une ossature normale et à la formation des tissus conjonctifs (161 % des VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"slx-section\"\u003e\n    \u003ch2\u003eComposition détaillée et valeurs nutritionnelles\u003c\/h2\u003e\n    \u003cdiv class=\"slx-composition-block\"\u003e\n      \u003cp class=\"slx-composition-intro\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e eau déminéralisée, glycérine, glucosamine sulfate 2 KCl (issue de crustacés), exsudat de bambou riche en silicium, chondroïtine sulfate (issue de poisson), arôme naturel de vanille, acidifiant : acide citrique, conservateur : sorbate de potassium, sulfate de manganèse.\u003c\/p\u003e\n      \u003cdiv class=\"slx-table-wrapper\"\u003e\n        \u003ctable class=\"slx-table\"\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003cth\u003eIngrédient\u003c\/th\u003e\n              \u003cth\u003ePar dose (40 ml)\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eGlucosamine sulfate 2 KCl\u003c\/td\u003e\n              \u003ctd\u003e\u003cstrong\u003e708 mg\u003c\/strong\u003e\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eChondroïtine sulfate\u003c\/td\u003e\n              \u003ctd\u003e\u003cstrong\u003e400 mg\u003c\/strong\u003e\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSilicium élément\u003c\/td\u003e\n              \u003ctd\u003e\u003cstrong\u003e160 mg\u003c\/strong\u003e\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eManganèse\u003c\/td\u003e\n              \u003ctd\u003e\n\u003cstrong\u003e3,22 mg\u003c\/strong\u003e (161 % VNR)\u003c\/td\u003e\n            \u003c\/tr\u003e\n          \u003c\/tbody\u003e\n        \u003c\/table\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slx-sans-badges\"\u003e\n        \u003cspan class=\"slx-sans-badge\"\u003e✅ Sans benzoate de sodium\u003c\/span\u003e\n        \u003cspan class=\"slx-sans-badge\"\u003e✅ Sans dioxyde de silicium\u003c\/span\u003e\n        \u003cspan class=\"slx-sans-badge\"\u003e✅ Sans silicium de synthèse\u003c\/span\u003e\n        \u003cspan class=\"slx-sans-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"slx-section\"\u003e\n    \u003ch2\u003eComment prendre Silamax® Articulaire ?\u003c\/h2\u003e\n    \u003cdiv class=\"slx-timeline\"\u003e\n      \u003cdiv class=\"slx-timeline-item\"\u003e\n        \u003cdiv class=\"slx-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"slx-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e2 bouchons doseurs par jour\u003c\/strong\u003e (40 ml), de préférence avant un repas, le matin ou le midi.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slx-timeline-item\"\u003e\n        \u003cdiv class=\"slx-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"slx-timeline-content\"\u003e\n          \u003ch3\u003eDurée du flacon\u003c\/h3\u003e\n          \u003cp\u003eLe flacon de \u003cstrong\u003e1 litre\u003c\/strong\u003e correspond à environ \u003cstrong\u003e25 jours\u003c\/strong\u003e d'utilisation continue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slx-timeline-item\"\u003e\n        \u003cdiv class=\"slx-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"slx-timeline-content\"\u003e\n          \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est recommandée pour ressentir pleinement les bienfaits sur le confort articulaire et osseux.\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=\"slx-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"slx-accordion\"\u003e\n      \u003cdetails class=\"slx-accordion-item\"\u003e\n        \u003csummary class=\"slx-accordion-header\"\u003e🦐 Allergènes\u003c\/summary\u003e\n        \u003cdiv class=\"slx-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé en cas d'allergie aux \u003cstrong\u003ecrustacés, poissons ou mollusques\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"slx-accordion-item\"\u003e\n        \u003csummary class=\"slx-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"slx-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe convient pas aux enfants, aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"slx-accordion-item\"\u003e\n        \u003csummary class=\"slx-accordion-header\"\u003e📏 Dosage\u003c\/summary\u003e\n        \u003cdiv class=\"slx-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière indiquée (40 ml soit 2 bouchons doseurs).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"slx-accordion-item\"\u003e\n        \u003csummary class=\"slx-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"slx-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver au frais, au sec et à l'abri de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"slx-accordion-item\"\u003e\n        \u003csummary class=\"slx-accordion-header\"\u003e⚠️ Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"slx-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene se substitue pas à un traitement médical\u003c\/strong\u003e, ni à une alimentation variée et équilibrée associée à un mode de vie sain. En cas de doute, consultez 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!-- CTA FINAL --\u003e\n  \u003csection class=\"slx-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"slx-cta-box\"\u003e\n      \u003cp\u003e🌿 Vous cherchez une solution naturelle et concentrée en \u003cstrong\u003esilicium organique\u003c\/strong\u003e pour retrouver souplesse et confort au quotidien ? Silamax® Articulaire réunit le meilleur du bambou, de la glucosamine et de la chondroïtine dans un flacon pratique d'un litre, idéal pour vos cures longue durée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"slx-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\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --slx-cream: #f4f7f2;\n  --slx-white: #ffffff;\n  --slx-primary: #1a7a3d;\n  --slx-primary-dark: #0e5a28;\n  --slx-primary-light: #e8f5ec;\n  --slx-secondary: #2eaa5a;\n  --slx-accent: #a8d5ba;\n  --slx-text: #1a1a1a;\n  --slx-text-light: #5a5a5a;\n  --slx-border: #dce8de;\n  --slx-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --slx-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --slx-radius: 20px;\n  --slx-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.slx-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--slx-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.slx-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0e5a28 0%, #1a7a3d 45%, #2eaa5a 100%);\n  border-radius: var(--slx-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(--slx-shadow-lg);\n}\n\n.slx-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(168,213,186,.1) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.slx-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.slx-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.slx-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: -.01em;\n}\n\n.slx-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.slx-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.slx-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(--slx-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.slx-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.slx-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.slx-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--slx-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.slx-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(--slx-primary), var(--slx-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.slx-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--slx-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.slx-card {\n  background: var(--slx-white);\n  border-radius: var(--slx-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--slx-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.slx-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--slx-shadow-lg);\n  border-color: var(--slx-primary);\n}\n\n.slx-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--slx-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.slx-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--slx-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT VARIANT === *\/\n.slx-card-ingredient {\n  border-left: 4px solid var(--slx-secondary);\n  text-align: left;\n}\n\n\/* === GRILLES === *\/\n.slx-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.slx-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.slx-grid-compact .slx-card {\n  padding: 1rem;\n}\n\n.slx-grid-compact .slx-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.slx-grid-compact .slx-card p {\n  font-size: 12px;\n}\n\n\/* === TIP === *\/\n.slx-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--slx-primary-light);\n  border-radius: var(--slx-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.slx-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.slx-tip p {\n  font-size: 14px;\n  color: var(--slx-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION BLOCK === *\/\n.slx-composition-block {\n  background: var(--slx-white);\n  border-radius: var(--slx-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--slx-shadow);\n}\n\n.slx-composition-intro {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--slx-text-light);\n  line-height: 1.7;\n  margin: 0 0 1.5rem 0;\n}\n\n\/* === TABLE === *\/\n.slx-table-wrapper {\n  overflow-x: auto;\n  margin-bottom: 1.5rem;\n}\n\n.slx-table {\n  width: 100%;\n  border-collapse: collapse;\n  border-radius: var(--slx-radius-sm);\n  overflow: hidden;\n}\n\n.slx-table thead tr {\n  background: linear-gradient(135deg, var(--slx-primary), var(--slx-secondary));\n}\n\n.slx-table th {\n  color: white;\n  font-size: 14px;\n  font-weight: 700;\n  padding: 12px 16px;\n  text-align: left;\n}\n\n.slx-table td {\n  padding: 12px 16px;\n  font-size: 14px;\n  color: var(--slx-text);\n  border-bottom: 1px solid var(--slx-border);\n}\n\n.slx-table tbody tr:last-child td {\n  border-bottom: none;\n}\n\n.slx-table tbody tr:nth-child(even) {\n  background: var(--slx-primary-light);\n}\n\n.slx-table tbody tr:hover {\n  background: rgba(26,122,61,.08);\n}\n\n\/* === SANS BADGES === *\/\n.slx-sans-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  justify-content: center;\n}\n\n.slx-sans-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 6px 14px;\n  background: var(--slx-primary-light);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--slx-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.slx-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.slx-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.slx-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--slx-primary), var(--slx-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.slx-timeline-content {\n  flex: 1;\n  background: var(--slx-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--slx-radius-sm);\n  box-shadow: var(--slx-shadow);\n}\n\n.slx-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--slx-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.slx-timeline-content p {\n  font-size: 14px;\n  color: var(--slx-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.slx-accordion {\n  background: var(--slx-white);\n  border-radius: var(--slx-radius);\n  box-shadow: var(--slx-shadow);\n  overflow: hidden;\n}\n\n.slx-accordion-item {\n  border-bottom: 1px solid var(--slx-border);\n  margin: 0;\n  padding: 0;\n}\n\n.slx-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.slx-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--slx-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.slx-accordion-header:hover {\n  background: var(--slx-primary-light);\n}\n\n.slx-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.slx-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--slx-primary);\n  transition: transform .2s ease;\n}\n\n.slx-accordion-item[open] .slx-accordion-header::after {\n  content: '−';\n}\n\n.slx-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--slx-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.slx-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.slx-cta-box {\n  background: linear-gradient(135deg, var(--slx-primary) 0%, var(--slx-primary-dark) 100%);\n  border-radius: var(--slx-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.slx-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.slx-disclaimer {\n  font-size: 12px;\n  color: var(--slx-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  .slx-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .slx-card {\n    padding: 1.125rem;\n  }\n\n  .slx-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .slx-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--slx-radius-sm);\n  }\n\n  .slx-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .slx-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .slx-grid-compact {\n    gap: .625rem;\n  }\n\n  .slx-grid-compact .slx-card {\n    padding: .75rem;\n  }\n\n  .slx-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .slx-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .slx-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .slx-timeline-content p {\n    font-size: 13px;\n  }\n\n  .slx-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .slx-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .slx-composition-block {\n    padding: 1.125rem;\n  }\n\n  .slx-table th,\n  .slx-table td {\n    padding: 10px 12px;\n    font-size: 13px;\n  }\n\n  .slx-sans-badges {\n    gap: 6px;\n  }\n\n  .slx-sans-badge {\n    font-size: 11px;\n    padding: 5px 10px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .slx-card {\n    animation: slxFadeInUp .5s ease backwards;\n  }\n  .slx-card:nth-child(1) { animation-delay: .05s; }\n  .slx-card:nth-child(2) { animation-delay: .1s; }\n  .slx-card:nth-child(3) { animation-delay: .15s; }\n  .slx-card:nth-child(4) { animation-delay: .2s; }\n  .slx-card:nth-child(5) { animation-delay: .25s; }\n  .slx-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes slxFadeInUp {\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  .slx-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":55160194433401,"sku":"LS0070","price":30.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silamax-silicium-4000-mgl-1-litre-labo-sante-silice-packshothd.webp?v=1773243900"},{"product_id":"silacaps-articulaire-120-gelules-labo-sante-silice","title":"Silacaps Articulaire - 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🎋 Silicium de bambou\u003c\/span\u003e\n        \u003cspan class=\"sc-badge\"\u003e💊 120 gélules – 2 mois\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sc-hero-title\"\u003eSilacaps Articulaire\u003c\/span\u003e\n      \u003cp class=\"sc-subtitle\"\u003eLabo Santé Silice\u003c\/p\u003e\n      \u003cp class=\"sc-description\"\u003eLe silicium naturel du bambou associé au Coenzyme Q10 et au Manganèse pour contribuer au confort articulaire et au maintien d'une ossature normale.\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 Articulaire : le silicium du bambou au service de vos articulations\u003c\/h2\u003e\n    \u003cp class=\"sc-section-intro\"\u003eVous ressentez des raideurs au réveil, une gêne dans les genoux ou les épaules ? Votre corps vous envoie un signal : vos articulations ont besoin d'un coup de pouce.\u003c\/p\u003e\n    \u003cdiv class=\"sc-highlight-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003eSilacaps Articulaire\u003c\/strong\u003e, conçu par \u003cstrong\u003eLabo Santé Silice\u003c\/strong\u003e, est un \u003cstrong\u003ecomplément alimentaire à base de silicium\u003c\/strong\u003e naturel issu du bambou, spécialement formulé pour contribuer à votre \u003cstrong\u003econfort articulaire\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003ePourquoi le silicium est essentiel pour vos articulations et vos os\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🦴 Un rôle structural clé\u003c\/h3\u003e\n        \u003cp\u003eLe silicium est un oligo-élément présent naturellement dans les cartilages, les tendons et les os. Avec l'âge, nos réserves diminuent, fragilisant les tissus conjonctifs et réduisant la mobilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e💊 Action en profondeur\u003c\/h3\u003e\n        \u003cp\u003eContrairement à une crème ou un gel au silicium, la voie orale agit de l'intérieur sur les tissus conjonctifs et l'ossature, là où les soins topiques se limitent à un soulagement local.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🔄 Compensation naturelle\u003c\/h3\u003e\n        \u003cp\u003eUn complément alimentaire de silicium pour les articulations permet de compenser la baisse liée à l'âge et de soutenir la structure même de vos cartilages.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sc-section-outro\"\u003eSilacaps Articulaire combine les bienfaits du silicium organique avec deux autres actifs complémentaires pour une approche globale.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003eUne formule synergique en 3 actifs clés\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid\"\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🎋 Extrait de bambou\u003c\/h3\u003e\n        \u003cdiv class=\"sc-dosage\"\u003e40 mg de silicium\u003c\/div\u003e\n        \u003cp\u003eNaturellement riche en silicium (Bambusa bambos), il contribue au confort articulaire et au maintien de tissus conjonctifs sains.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e⚙️ Manganèse\u003c\/h3\u003e\n        \u003cdiv class=\"sc-dosage\"\u003e2 mg – 100 % des VNR\u003c\/div\u003e\n        \u003cp\u003eContribue à la formation normale des tissus conjonctifs, au maintien d'une ossature normale et au métabolisme énergétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🛡️ Coenzyme Q10\u003c\/h3\u003e\n        \u003cdiv class=\"sc-dosage\"\u003e80 mg\u003c\/div\u003e\n        \u003cp\u003eAntioxydant puissant qui aide à protéger les cellules contre le stress oxydatif, un facteur d'usure articulaire souvent sous-estimé.\u003c\/p\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\u003eCette association unique permet une action complète : soutien structural grâce au silicium pour les os et les cartilages, protection cellulaire et énergie au quotidien.\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\u003eTechnologie brevetée pour une absorption optimale\u003c\/h2\u003e\n    \u003cdiv class=\"sc-card sc-card-tech\"\u003e\n      \u003ch3\u003e🔬 Extrusion sur micro-sphères végétales\u003c\/h3\u003e\n      \u003cp\u003eLabo Santé Silice utilise un procédé innovant d'extrusion sur micro-sphères végétales. Cette technologie brevetée améliore significativement l'absorption digestive des principes actifs, sans aucun apport calorique. Vous profitez ainsi pleinement de chaque gélule.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation et posologie\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\u003ePrendre \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, 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 du pilulier\u003c\/h3\u003e\n          \u003cp\u003eLe pilulier de 120 gélules correspond à un \u003cstrong\u003eprogramme de 2 mois\u003c\/strong\u003e complet.\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\u003eRenouvellement recommandé\u003c\/h3\u003e\n          \u003cp\u003ePour un soutien prolongé, renouvelez la cure sur \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e 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=\"sc-section\"\u003e\n    \u003ch2\u003eComposition complète pour 2 gélules\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid-compact\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🧪 Coenzyme Q10\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e80 mg\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🎋 Extrait de bambou\u003c\/h3\u003e\n        \u003cp\u003e54 mg dont \u003cstrong\u003e40 mg de silicium\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e⚙️ Sulfate de manganèse\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e2 mg\u003c\/strong\u003e (100 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🔹 Agent de charge\u003c\/h3\u003e\n        \u003cp\u003eCellulose microcristalline\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e💊 Enveloppe\u003c\/h3\u003e\n        \u003cp\u003eGélatine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🔸 Anti-agglomérant\u003c\/h3\u003e\n        \u003cp\u003eStéarate de magnésium\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👶 Personnes concernées\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux enfants, adolescents, femmes enceintes ou allaitantes.\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⚠️ Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée.\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\u003eConserver dans un endroit frais, sec et à 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      \u003cdetails class=\"sc-accordion-item\"\u003e\n        \u003csummary class=\"sc-accordion-header\"\u003e📋 Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"sc-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. En cas de doute, consultez 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!-- 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\u003eFabriqué en France\u003c\/strong\u003e, Silacaps Articulaire vous accompagne jour après jour pour préserver la souplesse de vos articulations et le maintien d'une ossature solide. Une formule naturelle, bien dosée et pensée pour celles et ceux qui veulent prendre soin de leur mobilité durablement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sc-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  --sc-cream: #f5f1eb;\n  --sc-white: #ffffff;\n  --sc-primary: #2b4c7e;\n  --sc-primary-dark: #1a3355;\n  --sc-primary-light: #e8eef6;\n  --sc-secondary: #6b8f3c;\n  --sc-accent: #c4a35a;\n  --sc-text: #1a1a1a;\n  --sc-text-light: #5a5a5a;\n  --sc-border: #e0e0e0;\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-dark) 0%, var(--sc-primary) 50%, #3d6a5e 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: repeating-linear-gradient(\n    45deg,\n    transparent,\n    transparent 30px,\n    rgba(255,255,255,.03) 30px,\n    rgba(255,255,255,.03) 60px\n  );\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 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sc-subtitle {\n  color: rgba(255,255,255,.8);\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.sc-description {\n  color: rgba(255,255,255,.9);\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.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\/* === 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\/* === SECTION INTRO \/ OUTRO TEXT === *\/\n.sc-section-intro,\n.sc-section-outro {\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: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.sc-section-outro {\n  margin-top: 1.5rem;\n  margin-bottom: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.sc-highlight-box {\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-left: 4px solid var(--sc-secondary);\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.sc-highlight-box p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--sc-text);\n  line-height: 1.7;\n  margin: 0;\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\/* === CARD INGREDIENT DOSAGE === *\/\n.sc-card-ingredient .sc-dosage {\n  display: inline-block;\n  background: linear-gradient(135deg, var(--sc-primary), var(--sc-secondary));\n  color: white;\n  font-size: 13px;\n  font-weight: 700;\n  padding: 4px 14px;\n  border-radius: 999px;\n  margin-bottom: .75rem;\n}\n\n\/* === CARD TECH === *\/\n.sc-card-tech {\n  max-width: 700px;\n  margin: 0 auto;\n  border-left: 4px solid var(--sc-accent);\n  text-align: left;\n}\n\n.sc-card-tech h3 {\n  text-align: left;\n  margin-bottom: .75rem;\n}\n\n.sc-card-tech p {\n  text-align: left;\n}\n\n\/* === GRILLES === *\/\n.sc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\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\/* === 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\/* === 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\/* === ACCORDÉON === *\/\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\/* === CTA BOX === *\/\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\/* === DISCLAIMER === *\/\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 MOBILE === *\/\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-highlight-box {\n    padding: 1rem;\n  }\n\n  .sc-card-tech {\n    padding: 1.125rem;\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\/* === ACCESSIBILITÉ === *\/\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":55160271634809,"sku":"LS0010","price":25.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silacaps-articulaire-120-gelules-labo-sante-silice-packshothd.webp?v=1775199196"},{"product_id":"ortie-piquante-feuille-100-gelules-neodiet","title":"Ortie piquante feuille – 100 gélules  - Neodiet","description":"\u003cdiv class=\"op-premium\"\u003e\n\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é Bio Ecocert\u003c\/span\u003e\n        \u003cspan class=\"op-badge\"\u003e💊 100 gélules\u003c\/span\u003e\n        \u003cspan class=\"op-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"op-hero-title\"\u003eOrtie piquante feuille – 100 gélules\u003c\/span\u003e\n      \u003cp class=\"op-subtitle\"\u003eNeodiet — Complément alimentaire biologique\u003c\/p\u003e\n      \u003cp class=\"op-description\"\u003e1 260 mg de poudre de feuille d'ortie bio par dose pour nourrir vos cheveux, renforcer vos ongles et retrouver une vitalité éclatante au quotidien.\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\u003eOrtie piquante en gélules : un concentré de vitalité certifié bio\u003c\/h2\u003e\n    \u003cp class=\"op-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire à base d'ortie piquante\u003c\/strong\u003e pour prendre soin de vos cheveux, de vos ongles et de votre bien-être général ?\u003c\/p\u003e\n    \u003cdiv class=\"op-grid-compact\"\u003e\n      \u003cdiv class=\"op-card\"\u003e\n        \u003ch3\u003e🌱 Plante ancestrale\u003c\/h3\u003e\n        \u003cp\u003eL'ortie piquante (\u003cem\u003eUrtica dioica\u003c\/em\u003e) est utilisée depuis des siècles en phytothérapie pour sa richesse nutritive exceptionnelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"op-card\"\u003e\n        \u003ch3\u003e💪 Dosage généreux\u003c\/h3\u003e\n        \u003cp\u003e1 260 mg de poudre de feuille d'ortie par dose pour des résultats concrets et mesurables.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"op-card\"\u003e\n        \u003ch3\u003e✅ Certifié Ecocert\u003c\/h3\u003e\n        \u003cp\u003eProduit certifié biologique par Ecocert-SAS, garantie de qualité et de traçabilité rigoureuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"op-card\"\u003e\n        \u003ch3\u003e💊 Format pratique\u003c\/h3\u003e\n        \u003cp\u003eDes gélules faciles à prendre, plus concentrées et pratiques qu'une tisane d'ortie piquante.\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 : pourquoi en faire une cure ?\u003c\/h2\u003e\n    \u003cp class=\"op-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'ortie piquante\u003c\/strong\u003e sont nombreux et scientifiquement documentés. Voici ce que cette plante remarquable peut vous apporter au quotidien :\u003c\/p\u003e\n    \u003cdiv class=\"op-grid\"\u003e\n      \u003cdiv class=\"op-card\"\u003e\n        \u003ch3\u003e💇 Cheveux et ongles renforcés\u003c\/h3\u003e\n        \u003cp\u003eGrâce à sa teneur en silice, en fer et en zinc, l'ortie nourrit le bulbe capillaire, limite la chute des cheveux et améliore la solidité des ongles cassants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"op-card\"\u003e\n        \u003ch3\u003e🦴 Action reminéralisante\u003c\/h3\u003e\n        \u003cp\u003eRiche en calcium, magnésium et potassium, elle aide à compenser les carences minérales fréquentes dans l'alimentation moderne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"op-card\"\u003e\n        \u003ch3\u003e💧 Effet drainant et détoxifiant\u003c\/h3\u003e\n        \u003cp\u003eL'ortie favorise l'élimination rénale de l'eau et des toxines, un bienfait que l'on retrouve aussi dans la tisane d'ortie piquante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"op-card\"\u003e\n        \u003ch3\u003e🏃 Soutien articulaire\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisée pour soulager les inconforts articulaires, elle contribue au confort de mobilité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"op-card\"\u003e\n        \u003ch3\u003e🍊 Richesse en vitamines\u003c\/h3\u003e\n        \u003cp\u003eVitamines A, C, K, B2, B5, B9… un véritable cocktail vitaminique naturel qui soutient l'immunité et la vitalité globale.\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\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"op-grid-compact\"\u003e\n      \u003cdiv class=\"op-card op-card-highlight\"\u003e\n        \u003ch3\u003e🌿 Feuille d'ortie bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e1 260 mg\u003c\/strong\u003e de poudre de feuille d'ortie piquante (\u003cem\u003eUrtica dioica\u003c\/em\u003e) pour 3 gélules.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"op-card\"\u003e\n        \u003ch3\u003e💊 Enveloppe gélule\u003c\/h3\u003e\n        \u003cp\u003eGélatine et glycérine (450 mg) pour une gélule facile à avaler.\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\u003e76 % des ingrédients sont issus de l'agriculture biologique.\u003c\/strong\u003e Produit certifié par Ecocert-SAS (32600 L'Isle-Jourdain).\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\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 quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e3 à 6 gélules par jour\u003c\/strong\u003e, de préférence au moment des repas, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"op-timeline-item\"\u003e\n        \u003cdiv class=\"op-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"op-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats visibles sur vos cheveux et vos ongles, une cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est généralement recommandée.\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\u003eAlternative concentrée\u003c\/h3\u003e\n          \u003cp\u003eCes gélules constituent une alternative plus concentrée et plus pratique que la tisane d'ortie piquante, avec un dosage précis et régulier.\u003c\/p\u003e\n        \u003c\/div\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\u003eN'hésitez pas à demander l'avis d'un professionnel de santé pour adapter la posologie à votre situation personnelle.\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\u003eCe qui distingue ce produit\u003c\/h2\u003e\n    \u003cdiv class=\"op-grid-compact\"\u003e\n      \u003cdiv class=\"op-card\"\u003e\n        \u003ch3\u003e🏅 Certification bio Ecocert\u003c\/h3\u003e\n        \u003cp\u003eUne garantie de qualité et de traçabilité rigoureuse pour votre tranquillité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"op-card\"\u003e\n        \u003ch3\u003e⚡ Dosage élevé\u003c\/h3\u003e\n        \u003cp\u003e1 260 mg de feuille d'ortie par dose, bien au-dessus de nombreuses formules concurrentes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"op-card\"\u003e\n        \u003ch3\u003e📦 100 gélules par flacon\u003c\/h3\u003e\n        \u003cp\u003eSuffisant pour une cure complète d'un mois minimum, jusqu'à 33 jours à 3 gélules\/jour.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"op-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003ePar Neodiet, un laboratoire spécialisé en compléments naturels de haute qualité.\u003c\/p\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 général\u003c\/summary\u003e\n        \u003cdiv class=\"op-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 mode de vie sain.\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🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"op-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=\"op-accordion-item\"\u003e\n        \u003csummary class=\"op-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n        \u003cdiv class=\"op-accordion-content mt-3\"\u003e\n          \u003cp\u003eSi vous suivez un traitement médical (notamment anticoagulant), consultez votre médecin avant toute prise.\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\u003eTenir 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    \u003cdiv class=\"op-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre organisme le meilleur de l'ortie piquante bio : une solution naturelle, simple et efficace pour retrouver vitalité et éclat au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"op-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  --op-cream: #f5f7f2;\n  --op-white: #ffffff;\n  --op-primary: #4a8c3f;\n  --op-primary-dark: #2d5e24;\n  --op-primary-light: #e8f3e5;\n  --op-secondary: #7ab648;\n  --op-accent: #c4392a;\n  --op-text: #1a1a1a;\n  --op-text-light: #5a5a5a;\n  --op-border: #e0e0e0;\n  --op-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --op-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\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}\n\n\/* === HERO === *\/\n.op-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--op-primary-dark) 0%, var(--op-primary) 50%, var(--op-secondary) 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% 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,.04) 0%, transparent 70%);\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(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.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.op-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: .02em;\n}\n\n.op-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 18px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\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}\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\/* === SECTION INTRO === *\/\n.op-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--op-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.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-highlight {\n  background: var(--op-primary-light);\n  border-color: var(--op-primary);\n}\n\n\/* === GRILLES === *\/\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: 12px;\n}\n\n\/* === TIMELINE === *\/\n.op-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\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}\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\/* === 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-top: 1.25rem;\n}\n\n.op-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.op-tip p {\n  font-size: 14px;\n  color: var(--op-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.op-accordion {\n  background: var(--op-white);\n  border-radius: var(--op-radius);\n  box-shadow: var(--op-shadow);\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.op-accordion-item {\n  border-bottom: 1px solid var(--op-border);\n  margin: 0;\n  padding: 0;\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  background: transparent;\n  border: none;\n  margin: 0;\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: 20px;\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  margin-top: 10px;\n}\n\n.op-accordion-content p {\n  margin: 0;\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}\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\/* === DISCLAIMER === *\/\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\n  .op-card {\n    padding: 1.125rem;\n  }\n\n  .op-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .op-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--op-radius-sm);\n  }\n\n  .op-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .op-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .op-grid-compact {\n    gap: .625rem;\n  }\n\n  .op-grid-compact .op-card {\n    padding: .75rem;\n  }\n\n  .op-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .op-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .op-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .op-timeline-content p {\n    font-size: 13px;\n  }\n\n  .op-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\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":"VO4800","price":6.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ortie-piquante-feuille-100-gelules-neodiet-ingredients_0d22f55e-74e6-4a90-8b58-1a3dfeed952a.webp?v=1772730961"},{"product_id":"spiruline-bio-phyco-lt-labo-180-comprimes","title":"Spiruline Bio Phyco+ - 180 comprimés -  LT Labo","description":"\u003cdiv class=\"sp-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"sp-hero\"\u003e\n    \u003cdiv class=\"sp-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sp-hero-content\"\u003e\n      \u003cdiv class=\"sp-badges-top\"\u003e\n        \u003cspan class=\"sp-badge\"\u003e🌿 Certifiée Bio AB\u003c\/span\u003e\n        \u003cspan class=\"sp-badge\"\u003e💊 180 comprimés\u003c\/span\u003e\n        \u003cspan class=\"sp-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n        \u003cspan class=\"sp-badge\"\u003e⚡ 20 % phycocyanines\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sp-hero-title\"\u003eSpiruline Bio Phyco+\u003c\/span\u003e\n      \u003cp class=\"sp-subtitle\"\u003eLT Labo — Haute teneur en phycocyanines\u003c\/p\u003e\n      \u003cp class=\"sp-description\"\u003eUn concentré d'énergie et de vitalité 100 % naturel, séché à basse température pour préserver toute la richesse nutritionnelle de la spiruline biologique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eSpiruline Bio Phyco+ LT Labo : une richesse nutritionnelle exceptionnelle\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003eVous cherchez un complément alimentaire naturel pour retrouver \u003cstrong\u003eénergie et vitalité\u003c\/strong\u003e au quotidien ? La Spiruline Bio Phyco+ de LT Labo se distingue par sa haute teneur en phycocyanines, un pigment bleu-vert aux propriétés antioxydantes remarquables.\u003c\/p\u003e\n    \u003cdiv class=\"sp-grid-compact\"\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🧬 100 % spiruline bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eArthrospira platensis\u003c\/em\u003e, sans aucun additif, liant ni conservateur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🔬 Jusqu'à 20 % de phycocyanines\u003c\/h3\u003e\n        \u003cp\u003eUn pigment bleu-vert aux propriétés antioxydantes remarquables.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e💊 180 comprimés\u003c\/h3\u003e\n        \u003cp\u003eUn format économique pour des cures de longue durée et des résultats durables.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌱 Vegan, casher \u0026amp; halal\u003c\/h3\u003e\n        \u003cp\u003eConvient à tous les régimes alimentaires, certifiée AB et contrôlée Naturland.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003ePourquoi choisir une spiruline bio riche en phycocyanines ?\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003eToutes les spirulines ne se valent pas. La particularité de la formule Phyco+ réside dans son procédé de \u003cstrong\u003eséchage à basse température\u003c\/strong\u003e, qui préserve l'intégrité des nutriments, notamment les précieuses phycocyanines.\u003c\/p\u003e\n    \u003cdiv class=\"sp-grid\"\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🛡️ Antioxydant puissant\u003c\/h3\u003e\n        \u003cp\u003eLes phycocyanines aident vos cellules à se protéger contre le stress oxydatif, un facteur clé du vieillissement prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e💪 60 à 70 % de protéines\u003c\/h3\u003e\n        \u003cp\u003eUn concentré protéique végétal exceptionnel, idéal pour les sportifs et les régimes végétariens ou vegans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🩸 Riche en fer et vitamines B\u003c\/h3\u003e\n        \u003cp\u003eFer, vitamines B1, B2, B12 et bêta-carotène pour lutter efficacement contre la fatigue passagère et les carences nutritionnelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sp-tip\"\u003e\n      \u003cspan class=\"sp-tip-icon\"\u003e🌡️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eSéchage à basse température :\u003c\/strong\u003e ce procédé exclusif préserve l'intégrité de tous les nutriments et garantit une qualité nutritionnelle optimale, contrairement aux spirulines séchées à haute température.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 8 comprimés (4 g)\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e 100 % spiruline biologique (\u003cem\u003eArthrospira platensis\u003c\/em\u003e)\u003c\/p\u003e\n    \u003cdiv class=\"sp-grid\"\u003e\n      \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n        \u003ch3\u003e💙 Phycocyanines\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e800 mg\u003c\/strong\u003e (20 %)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n        \u003ch3\u003e🥩 Protéines\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e2,4 à 2,8 g\u003c\/strong\u003e (60 à 70 %)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n        \u003ch3\u003e🌿 Chlorophylle\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e52,4 mg\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n        \u003ch3\u003e🥕 Bêta-carotène\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e4,8 mg\u003c\/strong\u003e — soit 330 µg vit. A (41 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n        \u003ch3\u003e⚡ Vitamine B1\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e150 µg\u003c\/strong\u003e (15 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n        \u003ch3\u003e✨ Vitamine B2\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e220 µg\u003c\/strong\u003e (16 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n        \u003ch3\u003e🔴 Vitamine B12\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e5 µg\u003c\/strong\u003e (200 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n        \u003ch3\u003e🩸 Fer\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e2,8 mg\u003c\/strong\u003e (20 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n        \u003ch3\u003e🧪 Sélénium\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e10 µg\u003c\/strong\u003e (18 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n        \u003ch3\u003e🔧 Chrome\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e14 µg\u003c\/strong\u003e (35 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sp-disclaimer\"\u003eVNR : Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eComment prendre la Spiruline Bio Phyco+ ?\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003eAdaptez la posologie à vos besoins pour profiter pleinement de ses bienfaits. Chaque comprimé contient \u003cstrong\u003e500 mg de spiruline pure\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cdiv class=\"sp-timeline\"\u003e\n      \u003cdiv class=\"sp-timeline-item\"\u003e\n        \u003cdiv class=\"sp-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sp-timeline-content\"\u003e\n          \u003ch3\u003e🌱 Début de cure\u003c\/h3\u003e\n          \u003cp\u003e2 comprimés par jour pendant la première semaine, afin d'habituer progressivement votre organisme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-timeline-item\"\u003e\n        \u003cdiv class=\"sp-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sp-timeline-content\"\u003e\n          \u003ch3\u003e⚖️ Cure d'entretien\u003c\/h3\u003e\n          \u003cp\u003e3 à 4 comprimés par jour pour maintenir votre vitalité au quotidien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-timeline-item\"\u003e\n        \u003cdiv class=\"sp-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sp-timeline-content\"\u003e\n          \u003ch3\u003e🚀 Cure intensive\u003c\/h3\u003e\n          \u003cp\u003eJusqu'à 8 comprimés par jour en période de grosse fatigue ou d'effort sportif soutenu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sp-tip\"\u003e\n      \u003cspan class=\"sp-tip-icon\"\u003e💧\u003c\/span\u003e\n      \u003cp\u003ePrenez les comprimés de préférence \u003cstrong\u003eau cours des repas\u003c\/strong\u003e, avec un grand verre d'eau. Une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est recommandée pour observer des effets significatifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eLes points forts de cette spiruline bio en comprimés\u003c\/h2\u003e\n    \u003cdiv class=\"sp-grid\"\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e✅ 100 % pure\u003c\/h3\u003e\n        \u003cp\u003eSans excipient, sans conservateur, sans additif. Uniquement de la spiruline biologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🏆 Phycocyanines au top\u003c\/h3\u003e\n        \u003cp\u003eTeneur en phycocyanines parmi les plus élevées du marché (jusqu'à 20 %).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌾 Certification AB\u003c\/h3\u003e\n        \u003cp\u003eCulture biologique contrôlée Naturland, sans pesticides ni engrais chimiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌡️ Séchage basse température\u003c\/h3\u003e\n        \u003cp\u003eQualité nutritionnelle optimale grâce à un procédé de séchage doux et respectueux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e📦 Format économique\u003c\/h3\u003e\n        \u003cp\u003e180 comprimés pour des cures prolongées allant jusqu'à 3 mois.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌱 Adapté à tous\u003c\/h3\u003e\n        \u003cp\u003eConvient aux vegans, ainsi qu'aux régimes casher et halal.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"sp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"sp-accordion\"\u003e\n      \u003cdetails class=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e💊 Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de 8 comprimés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants. Déconseillé aux enfants de moins de 3 ans.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eLes femmes enceintes ou allaitantes doivent consulter un professionnel de santé avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver 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=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"sp-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. En cas de doute ou de traitement médical en cours, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sp-cream: #f4f7f2;\n  --sp-white: #ffffff;\n  --sp-primary: #4caf50;\n  --sp-primary-dark: #2e7d32;\n  --sp-primary-light: #e8f5e9;\n  --sp-secondary: #66bb6a;\n  --sp-accent: #1b8a2e;\n  --sp-text: #1a1a1a;\n  --sp-text-light: #5a5a5a;\n  --sp-border: #dce8da;\n  --sp-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --sp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --sp-radius: 20px;\n  --sp-radius-sm: 12px;\n}\n\n.sp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2e7d32 0%, #43a047 40%, #1b8a2e 100%);\n  border-radius: var(--sp-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(--sp-shadow-lg);\n}\n\n.sp-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.sp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sp-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.sp-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.sp-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.sp-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sp-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(--sp-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sp-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sp-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sp-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sp-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.sp-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(--sp-primary), var(--sp-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.sp-card {\n  background: var(--sp-white);\n  border-radius: var(--sp-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sp-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sp-shadow-lg);\n  border-color: var(--sp-primary);\n}\n\n.sp-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sp-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sp-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sp-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* Composition cards *\/\n.sp-card-compo {\n  padding: clamp(1rem, 2.5vw, 1.5rem);\n}\n\n.sp-card-compo h3 {\n  font-size: clamp(14px, 2.2vw, 16px);\n  margin-bottom: .35rem;\n}\n\n.sp-card-compo p {\n  font-size: clamp(12px, 1.8vw, 14px);\n}\n\n.sp-card-compo p strong {\n  color: var(--sp-primary-dark);\n  font-size: clamp(16px, 2.5vw, 20px);\n  display: block;\n  margin-bottom: 2px;\n}\n\n\/* === GRILLES === *\/\n.sp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.sp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sp-grid-compact .sp-card {\n  padding: 1rem;\n}\n\n.sp-grid-compact .sp-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sp-grid-compact .sp-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sp-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sp-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sp-primary), var(--sp-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.sp-timeline-content {\n  flex: 1;\n  background: var(--sp-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sp-radius-sm);\n  box-shadow: var(--sp-shadow);\n}\n\n.sp-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sp-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sp-timeline-content p {\n  font-size: 14px;\n  color: var(--sp-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sp-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sp-primary-light);\n  border-radius: var(--sp-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.sp-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sp-tip p {\n  font-size: 14px;\n  color: var(--sp-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sp-accordion {\n  background: var(--sp-white);\n  border-radius: var(--sp-radius);\n  box-shadow: var(--sp-shadow);\n  overflow: hidden;\n}\n\n.sp-accordion-item {\n  border-bottom: 1px solid var(--sp-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sp-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sp-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sp-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.sp-accordion-header:hover {\n  background: var(--sp-primary-light);\n}\n\n.sp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sp-primary);\n  transition: transform .2s ease;\n}\n\n.sp-accordion-item[open] .sp-accordion-header::after {\n  content: '−';\n}\n\n.sp-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sp-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sp-accordion-content p {\n  margin: 0;\n}\n\n\/* === SECTION INTRO === *\/\n.sp-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sp-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.sp-disclaimer {\n  font-size: 12px;\n  color: var(--sp-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  .sp-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sp-card {\n    padding: 1.125rem;\n  }\n\n  .sp-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sp-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sp-radius-sm);\n  }\n\n  .sp-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sp-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sp-grid-compact {\n    gap: .625rem;\n  }\n\n  .sp-grid-compact .sp-card {\n    padding: .75rem;\n  }\n\n  .sp-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sp-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sp-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sp-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sp-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .sp-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  \/* Composition grid 2 cols on mobile *\/\n  .sp-section:nth-child(4) .sp-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n\n  .sp-card-compo {\n    padding: .75rem;\n  }\n\n  .sp-card-compo h3 {\n    font-size: 13px;\n  }\n\n  .sp-card-compo p {\n    font-size: 11px;\n  }\n\n  .sp-card-compo p strong {\n    font-size: 15px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sp-card {\n    animation: spFadeInUp .5s ease backwards;\n  }\n  .sp-card:nth-child(1) { animation-delay: .05s; }\n  .sp-card:nth-child(2) { animation-delay: .1s; }\n  .sp-card:nth-child(3) { animation-delay: .15s; }\n  .sp-card:nth-child(4) { animation-delay: .2s; }\n  .sp-card:nth-child(5) { animation-delay: .25s; }\n  .sp-card:nth-child(6) { animation-delay: .3s; }\n  .sp-card:nth-child(7) { animation-delay: .35s; }\n  .sp-card:nth-child(8) { animation-delay: .4s; }\n  .sp-card:nth-child(9) { animation-delay: .45s; }\n  .sp-card:nth-child(10) { animation-delay: .5s; }\n\n  .sp-timeline-item {\n    animation: spFadeInUp .5s ease backwards;\n  }\n  .sp-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .sp-timeline-item:nth-child(2) { animation-delay: .2s; }\n  .sp-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes spFadeInUp {\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  .sp-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":55181826425209,"sku":"NBAILTL0013","price":16.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spiruline-bio-phyco-180-comprimes-lt-labo-packshothd.webp?v=1773347910"},{"product_id":"spiruline-bio-phyco-lt-labo-300-comprimes","title":"Spiruline Bio Phyco+ - 300 comprimés -  LT Labo","description":"\u003cdiv class=\"sp-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"sp-hero\"\u003e\n    \u003cdiv class=\"sp-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sp-hero-content\"\u003e\n      \u003cdiv class=\"sp-badges-top\"\u003e\n        \u003cspan class=\"sp-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n        \u003cspan class=\"sp-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n        \u003cspan class=\"sp-badge\"\u003e💊 300 comprimés\u003c\/span\u003e\n        \u003cspan class=\"sp-badge\"\u003e🔬 Haute teneur en phycocyanines\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sp-hero-title\"\u003eSpiruline Bio Phyco+\u003c\/span\u003e\n      \u003cp class=\"sp-subtitle\"\u003eLT Labo — 300 comprimés · 150 g\u003c\/p\u003e\n      \u003cp class=\"sp-description\"\u003eUne spiruline bio d'exception, enrichie en phycocyanines pour une énergie durable, une vitalité retrouvée et des défenses naturelles renforcées. Format généreux pour vos cures longues.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eSpiruline Bio Phyco+ LT Labo : l'énergie au naturel, en format généreux\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003eVous cherchez une \u003cstrong\u003espiruline bio en comprimés\u003c\/strong\u003e à la fois pure, puissante et économique ? La \u003cstrong\u003eSpiruline Bio Phyco+ de LT Labo\u003c\/strong\u003e en format \u003cstrong\u003e300 comprimés\u003c\/strong\u003e est pensée pour accompagner vos cures longues sans compromis sur la qualité.\u003c\/p\u003e\n    \u003cdiv class=\"sp-grid-compact\"\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🔬 Phycocyanines concentrées\u003c\/h3\u003e\n        \u003cp\u003eHaute teneur en pigments bleu-vert aux propriétés antioxydantes remarquables, rarement aussi concentrés dans une spiruline classique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌾 Certifiée AB\u003c\/h3\u003e\n        \u003cp\u003eAgriculture Biologique FR-BIO-01, 100 % vegan. Micro-algue d'eau douce cultivée dans le respect du vivant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e💪 Protéines végétales\u003c\/h3\u003e\n        \u003cp\u003eUn cocktail naturel de protéines complètes, vitamines, minéraux et oligoéléments pour votre équilibre quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌟 Superaliment complet\u003c\/h3\u003e\n        \u003cp\u003eUn véritable trésor nutritionnel pour retrouver vitalité, énergie et bien-être au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets de la spiruline bio Phyco+\u003c\/h2\u003e\n    \u003cdiv class=\"sp-grid\"\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e⚡ Réduit la fatigue durablement\u003c\/h3\u003e\n        \u003cp\u003eSa richesse en fer hautement assimilable et en vitamine B12 favorise le transport de l'oxygène vers vos muscles et votre cerveau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🛡️ Renforce vos défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eLes phycocyanines et le bêta-carotène soutiennent le système immunitaire, notamment lors des changements de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🏃 Booste les performances sportives\u003c\/h3\u003e\n        \u003cp\u003eAvec 60 à 70 % de protéines complètes, elle accompagne la récupération musculaire et l'endurance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🧬 Protège vos cellules\u003c\/h3\u003e\n        \u003cp\u003eSes antioxydants puissants aident à lutter contre le stress oxydatif lié au mode de vie moderne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e✨ Beauté de la peau et des cheveux\u003c\/h3\u003e\n        \u003cp\u003eVitamines A, chlorophylle et oligoéléments nourrissent de l'intérieur pour un éclat visible.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 8 comprimés (4 g)\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e spiruline biologique (\u003cem\u003eArthrospira platensis\u003c\/em\u003e) — 100 %, sans excipient, sans additif.\u003c\/p\u003e\n    \u003cdiv class=\"sp-grid\"\u003e\n      \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n        \u003ch3\u003e💎 Phycocyanines\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e800 mg\u003c\/strong\u003e\u003cbr\u003eAntioxydant majeur de la spiruline\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n        \u003ch3\u003e💪 Protéines\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e2,4 à 2,8 g\u003c\/strong\u003e\u003cbr\u003eProtéines complètes végétales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n        \u003ch3\u003e🍃 Chlorophylle\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e52,4 mg\u003c\/strong\u003e\u003cbr\u003ePigment vert détoxifiant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n        \u003ch3\u003e🥕 Vitamine A\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e9,6 mg\u003c\/strong\u003e (bêta-carotène)\u003cbr\u003eVision \u0026amp; immunité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n        \u003ch3\u003e🧪 Vitamines B\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eB1 :\u003c\/strong\u003e 0,2 mg · \u003cstrong\u003eB2 :\u003c\/strong\u003e 0,16 mg · \u003cstrong\u003eB12 :\u003c\/strong\u003e 1,28 µg\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n        \u003ch3\u003e⚙️ Minéraux\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eFer :\u003c\/strong\u003e 4 mg · \u003cstrong\u003eSélénium :\u003c\/strong\u003e 3,6 µg · \u003cstrong\u003eChrome :\u003c\/strong\u003e 1,2 µg\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sp-tip\"\u003e\n      \u003cspan class=\"sp-tip-icon\"\u003e🌡️\u003c\/span\u003e\n      \u003cp\u003eSéchée à \u003cstrong\u003ebasse température\u003c\/strong\u003e pour préserver l'intégralité des nutriments. Poids net : 150 g.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eComment prendre la spiruline en comprimés ?\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003eAdaptez progressivement la posologie à vos besoins :\u003c\/p\u003e\n    \u003cdiv class=\"sp-timeline\"\u003e\n      \u003cdiv class=\"sp-timeline-item\"\u003e\n        \u003cdiv class=\"sp-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sp-timeline-content\"\u003e\n          \u003ch3\u003ePremière semaine\u003c\/h3\u003e\n          \u003cp\u003e2 comprimés par jour pour permettre à votre organisme de s'habituer en douceur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-timeline-item\"\u003e\n        \u003cdiv class=\"sp-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sp-timeline-content\"\u003e\n          \u003ch3\u003eDose d'entretien\u003c\/h3\u003e\n          \u003cp\u003e4 comprimés par jour (2 g), idéale pour une supplémentation quotidienne.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-timeline-item\"\u003e\n        \u003cdiv class=\"sp-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sp-timeline-content\"\u003e\n          \u003ch3\u003eCure intensive\u003c\/h3\u003e\n          \u003cp\u003eJusqu'à 8 comprimés par jour (4 g) en cas de fatigue marquée, de pratique sportive soutenue ou de carences identifiées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sp-tip\"\u003e\n      \u003cspan class=\"sp-tip-icon\"\u003e💧\u003c\/span\u003e\n      \u003cp\u003ePrenez les comprimés avec un grand verre d'eau, \u003cstrong\u003ede préférence au cours des repas\u003c\/strong\u003e, en répartissant les prises sur la journée. Au format 300 comprimés, votre flacon dure de \u003cstrong\u003e5 semaines à 5 mois\u003c\/strong\u003e selon le dosage choisi.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eCombien de temps avant de ressentir les effets ?\u003c\/h2\u003e\n    \u003cdiv class=\"sp-grid-compact\"\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e⚡ Dès la 1re semaine\u003c\/h3\u003e\n        \u003cp\u003eRegain d'énergie perceptible dès les premiers jours de prise.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🛡️ 1 à 3 mois\u003c\/h3\u003e\n        \u003cp\u003eMeilleure immunité, récupération optimisée et éclat du teint.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sp-tip\"\u003e\n      \u003cspan class=\"sp-tip-icon\"\u003e🔄\u003c\/span\u003e\n      \u003cp\u003ePour des résultats profonds, prévoyez une \u003cstrong\u003ecure de 1 à 3 mois\u003c\/strong\u003e, renouvelable plusieurs fois par an.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"sp-accordion\"\u003e\n      \u003cdetails class=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e🔰 Adaptation digestive\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eDe légers troubles digestifs peuvent survenir les premiers jours : c'est normal et transitoire. Votre organisme s'adapte à la richesse nutritionnelle de la spiruline.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux enfants de moins de 3 ans. Si vous êtes enceinte, allaitante ou sous traitement médical, demandez conseil à votre professionnel de santé avant toute prise.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. 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    \u003cp class=\"sp-disclaimer\"\u003eCe complé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!-- CTA FINAL --\u003e\n  \u003csection class=\"sp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"sp-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre corps le meilleur de la nature — 300 comprimés de spiruline bio ultra-concentrée en phycocyanines pour une vitalité incomparable, jour après jour.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sp-cream: #f5f8f2;\n  --sp-white: #ffffff;\n  --sp-primary: #6aab2d;\n  --sp-primary-dark: #3a6b18;\n  --sp-primary-light: #edf5e4;\n  --sp-secondary: #89c44b;\n  --sp-accent: #4a8c1c;\n  --sp-text: #1a1a1a;\n  --sp-text-light: #5a5a5a;\n  --sp-border: #dce8d0;\n  --sp-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --sp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --sp-radius: 20px;\n  --sp-radius-sm: 12px;\n}\n\n.sp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3a6b18 0%, #6aab2d 45%, #89c44b 100%);\n  border-radius: var(--sp-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(--sp-shadow-lg);\n}\n\n.sp-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,.04) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.sp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sp-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.sp-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.sp-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.sp-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sp-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(--sp-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sp-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sp-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sp-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sp-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.sp-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(--sp-primary), var(--sp-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sp-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sp-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.sp-section-intro strong {\n  color: var(--sp-text);\n}\n\n\/* === CARDS === *\/\n.sp-card {\n  background: var(--sp-white);\n  border-radius: var(--sp-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sp-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sp-shadow-lg);\n  border-color: var(--sp-primary);\n}\n\n.sp-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sp-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sp-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sp-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sp-card p strong {\n  color: var(--sp-primary-dark);\n  font-size: clamp(18px, 3vw, 24px);\n}\n\n\/* === COMPOSITION CARDS === *\/\n.sp-card-compo {\n  border-top: 3px solid var(--sp-primary);\n}\n\n\/* === GRILLES === *\/\n.sp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.sp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sp-grid-compact .sp-card {\n  padding: 1rem;\n}\n\n.sp-grid-compact .sp-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sp-grid-compact .sp-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sp-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sp-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sp-primary), var(--sp-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.sp-timeline-content {\n  flex: 1;\n  background: var(--sp-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sp-radius-sm);\n  box-shadow: var(--sp-shadow);\n}\n\n.sp-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sp-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sp-timeline-content p {\n  font-size: 14px;\n  color: var(--sp-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sp-testimonial {\n  background: var(--sp-white);\n  border-radius: var(--sp-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sp-shadow);\n  border-left: 4px solid var(--sp-primary);\n}\n\n.sp-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sp-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sp-accordion {\n  background: var(--sp-white);\n  border-radius: var(--sp-radius);\n  box-shadow: var(--sp-shadow);\n  overflow: hidden;\n}\n\n.sp-accordion-item {\n  border-bottom: 1px solid var(--sp-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sp-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sp-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sp-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.sp-accordion-header:hover {\n  background: var(--sp-primary-light);\n}\n\n.sp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sp-primary);\n  transition: transform .2s ease;\n}\n\n.sp-accordion-item[open] .sp-accordion-header::after {\n  content: '−';\n}\n\n.sp-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sp-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sp-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sp-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sp-primary-light);\n  border-radius: var(--sp-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.sp-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sp-tip p {\n  font-size: 14px;\n  color: var(--sp-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sp-tip p strong {\n  color: var(--sp-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.sp-cta-box {\n  background: linear-gradient(135deg, var(--sp-primary) 0%, var(--sp-primary-dark) 100%);\n  border-radius: var(--sp-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.sp-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.sp-disclaimer {\n  font-size: 12px;\n  color: var(--sp-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  .sp-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sp-card {\n    padding: 1.125rem;\n  }\n\n  .sp-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sp-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sp-radius-sm);\n  }\n\n  .sp-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sp-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sp-grid-compact {\n    gap: .625rem;\n  }\n\n  .sp-grid-compact .sp-card {\n    padding: .75rem;\n  }\n\n  .sp-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sp-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sp-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sp-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sp-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .sp-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .sp-testimonial {\n    padding: 1.25rem;\n  }\n\n  .sp-testimonial-text {\n    font-size: 14px;\n  }\n\n  .sp-badges-top {\n    gap: 6px;\n  }\n\n  .sp-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sp-card {\n    animation: spFadeInUp .5s ease backwards;\n  }\n  .sp-card:nth-child(1) { animation-delay: .05s; }\n  .sp-card:nth-child(2) { animation-delay: .1s; }\n  .sp-card:nth-child(3) { animation-delay: .15s; }\n  .sp-card:nth-child(4) { animation-delay: .2s; }\n  .sp-card:nth-child(5) { animation-delay: .25s; }\n  .sp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes spFadeInUp {\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  .sp-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":55182025064825,"sku":"NBAILTL0014","price":26.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spiruline-bio-phyco-300-comprimes-lt-labo-packshothd.webp?v=1773347966"},{"product_id":"silicuma-1l-labo-sante-silice","title":"SILI'CUMA Défense Immunitaire \u0026 Articulations 1L - 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🎋 Silicium végétal 4000 mg\/L\u003c\/span\u003e\n        \u003cspan class=\"sc-badge\"\u003e🛡️ Défenses immunitaires\u003c\/span\u003e\n        \u003cspan class=\"sc-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sc-hero-title\"\u003eSili'Cuma® Défense Immunitaire \u0026amp; Articulations\u003c\/span\u003e\n      \u003cp class=\"sc-subtitle\"\u003eLabo Santé Silice — Flacon 1000 ml\u003c\/p\u003e\n      \u003cp class=\"sc-description\"\u003eLa synergie naturelle de silicium végétal, curcuma, poivre noir et cuivre pour soutenir vos articulations et renforcer votre immunité au quotidien.\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\u003eSili'Cuma : silicium végétal, curcuma et cuivre pour vos défenses et vos articulations\u003c\/h2\u003e\n    \u003cp class=\"sc-section-intro\"\u003eVous cherchez un complément alimentaire naturel qui associe \u003cstrong\u003esilice pour les articulations\u003c\/strong\u003e et soutien immunitaire ?\u003c\/p\u003e\n    \u003cdiv class=\"sc-grid-compact\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🎋 Silicium végétal\u003c\/h3\u003e\n        \u003cp\u003e4000 mg\/L d'origine végétale (bambou) pour une absorption optimale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🟡 Curcuma\u003c\/h3\u003e\n        \u003cp\u003eSoutient la mobilité articulaire et le système immunitaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e⚫ Poivre noir\u003c\/h3\u003e\n        \u003cp\u003eBooste la biodisponibilité du curcuma jusqu'à ×20\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🔶 Cuivre\u003c\/h3\u003e\n        \u003cp\u003eContribue au fonctionnement normal des défenses immunitaires\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sc-section-intro\" style=\"margin-top:1.25rem;\"\u003eFabriqué en France par le Labo Santé Silice, ce complexe synergique liquide cible deux préoccupations majeures : le \u003cstrong\u003econfort articulaire\u003c\/strong\u003e et le \u003cstrong\u003efonctionnement normal du système immunitaire\u003c\/strong\u003e.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003ePourquoi le silicium est essentiel pour vos articulations\u003c\/h2\u003e\n    \u003cdiv class=\"sc-highlight-box\"\u003e\n      \u003cp\u003eAvec l'âge, les réserves de silicium de l'organisme diminuent progressivement. Or, cet oligo-élément joue un rôle clé dans la \u003cstrong\u003esynthèse du collagène et de l'élastine\u003c\/strong\u003e, deux protéines indispensables à la souplesse des cartilages, des tendons et des ligaments.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sc-grid\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🦴 Collagène \u0026amp; élastine\u003c\/h3\u003e\n        \u003cp\u003eLe silicium stimule la production de ces protéines structurelles, essentielles à la souplesse des cartilages et des tendons.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🌿 Origine bambou\u003c\/h3\u003e\n        \u003cp\u003eExtrait de jeunes pousses de bambou, une source naturelle hautement assimilable par l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🏃 Mobilité retrouvée\u003c\/h3\u003e\n        \u003cp\u003eUn apport régulier aide à réduire les gênes articulaires, la raideur matinale et à maintenir une bonne mobilité.\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\u003eUne synergie d'actifs soigneusement choisie\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid\"\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🎋 Silicium végétal (bambou) – 4000 mg\/L\u003c\/h3\u003e\n        \u003cp\u003eContribue à la santé des articulations, de la peau et des tissus conjonctifs. Sa forme liquide facilite une absorption optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🟡 Curcuma (Curcuma longa)\u003c\/h3\u003e\n        \u003cp\u003eUtilisé depuis des siècles en médecine traditionnelle, il soutient la \u003cstrong\u003emobilité articulaire\u003c\/strong\u003e et contribue au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e⚫ Poivre noir (pipérine)\u003c\/h3\u003e\n        \u003cp\u003eBooste la \u003cstrong\u003ebiodisponibilité du curcuma\u003c\/strong\u003e jusqu'à 20 fois, permettant à votre organisme de tirer le meilleur parti de chaque prise.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🔶 Cuivre\u003c\/h3\u003e\n        \u003cp\u003eOligo-élément essentiel qui participe activement aux \u003cstrong\u003edéfenses immunitaires\u003c\/strong\u003e et à la protection des cellules contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003eUne formulation propre, sans compromis\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid-compact\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🚫 Sans benzoate\u003c\/h3\u003e\n        \u003cp\u003eAucun benzoate de sodium dans la formule\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🚫 Sans silice synthétique\u003c\/h3\u003e\n        \u003cp\u003ePas de dioxyde de silicium ni de silicium de synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🍊 Arôme orange\u003c\/h3\u003e\n        \u003cp\u003eArôme naturel d'orange pour une prise quotidienne agréable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e📦 Grand format\u003c\/h3\u003e\n        \u003cp\u003eFlacon de 1000 ml, soit environ 25 jours de cure\u003c\/p\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\u003eSili'Cuma a été formulé avec exigence pour un produit respectueux de votre organisme, agréable à consommer même pour les palais sensibles.\u003c\/p\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 Sili'Cuma au quotidien\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\u003eAgitez le flacon\u003c\/h3\u003e\n          \u003cp\u003eBien agiter avant chaque utilisation pour homogénéiser les actifs.\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\u003eDosez 2 bouchons de 20 ml\u003c\/h3\u003e\n          \u003cp\u003eSoit \u003cstrong\u003e40 ml par jour\u003c\/strong\u003e. Vous pouvez consommer le produit pur ou dilué dans un 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\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sc-timeline-content\"\u003e\n          \u003ch3\u003ePrenez avant un repas\u003c\/h3\u003e\n          \u003cp\u003eDe préférence \u003cstrong\u003ele matin ou le midi\u003c\/strong\u003e, avant de manger, pour une meilleure assimilation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-timeline-item\"\u003e\n        \u003cdiv class=\"sc-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"sc-timeline-content\"\u003e\n          \u003ch3\u003eConservez au frais\u003c\/h3\u003e\n          \u003cp\u003eAprès ouverture, conservez le flacon au réfrigérateur.\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=\"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⚠️ Personnes concernées par les restrictions\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément est \u003cstrong\u003edéconseillé aux enfants de moins de 10 ans\u003c\/strong\u003e, aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e et aux \u003cstrong\u003epersonnes sous traitement anticoagulant\u003c\/strong\u003e.\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💊 En cas de traitement médical\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de doute ou de traitement médical en cours, demandez conseil à votre médecin avant toute prise.\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🍽️ Rappel important\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit \u003cstrong\u003ene se substitue pas à une alimentation variée et équilibrée\u003c\/strong\u003e 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  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"sc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid-compact\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n        \u003cp\u003e1000 ml\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🔬 Silicium\u003c\/h3\u003e\n        \u003cp\u003e4000 mg\/L d'origine végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🌿 Actifs clés\u003c\/h3\u003e\n        \u003cp\u003eBambou, curcuma, poivre noir, cuivre\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🍊 Arôme\u003c\/h3\u003e\n        \u003cp\u003eOrange naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n        \u003cp\u003eFrance – Labo Santé Silice\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🚫 Sans\u003c\/h3\u003e\n        \u003cp\u003eBenzoate, dioxyde de silicium, silicium de synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sc-cta-box\"\u003e\n      \u003cp\u003e🛡️ Renforcez vos défenses immunitaires et soutenez vos articulations naturellement avec Sili'Cuma® — Silicium végétal, curcuma et cuivre en une seule formule liquide.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sc-disclaimer\"\u003e*Le curcuma et le cuivre contribuent au fonctionnement normal du système immunitaire. Complé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  --sc-cream: #fdf8f2;\n  --sc-white: #ffffff;\n  --sc-primary: #e87722;\n  --sc-primary-dark: #c45e12;\n  --sc-primary-light: #fef3e8;\n  --sc-secondary: #f5a623;\n  --sc-accent: #d4a04a;\n  --sc-text: #1a1a1a;\n  --sc-text-light: #5a5a5a;\n  --sc-border: #e8ddd0;\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, #e87722 0%, #f5a623 50%, #d4a04a 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: repeating-linear-gradient(\n    45deg,\n    transparent,\n    transparent 30px,\n    rgba(255,255,255,.04) 30px,\n    rgba(255,255,255,.04) 60px\n  );\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  line-height: 1.1;\n}\n\n.sc-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.sc-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2vw, 17px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\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\/* === 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  line-height: 1.25;\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\/* === 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.sc-card-ingredient {\n  text-align: left;\n  border-left: 4px solid var(--sc-primary);\n}\n\n\/* === GRILLES === *\/\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\/* === HIGHLIGHT BOX === *\/\n.sc-highlight-box {\n  background: linear-gradient(135deg, var(--sc-primary-light) 0%, rgba(245,166,35,.08) 100%);\n  border-radius: var(--sc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  margin-bottom: 1.5rem;\n  border-left: 4px solid var(--sc-primary);\n}\n\n.sc-highlight-box p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--sc-text);\n  margin: 0;\n  line-height: 1.7;\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\/* === ACCORDÉON === *\/\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  margin-top: 1.5rem;\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\/* === DISCLAIMER === *\/\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\/* === SECTION INTRO === *\/\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  line-height: 1.7;\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-highlight-box {\n    padding: 1rem;\n  }\n\n  .sc-card-ingredient {\n    text-align: left;\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":55202299249017,"sku":"LS0250","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silicuma-defense-immunitaire-articulations-1l-labo-sante-sil-packshothd.webp?v=1772963760"},{"product_id":"silarthrol-baume-articulaire-labo-sante-silice","title":"Silarthrol Baume Articulaire - 200 ml - Labo Santé Silice","description":"\u003cdiv class=\"sil-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"sil-hero\"\u003e\n    \u003cdiv class=\"sil-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sil-hero-content\"\u003e\n      \u003cdiv class=\"sil-badges-top\"\u003e\n        \u003cspan class=\"sil-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"sil-badge\"\u003e🧴 200 ml\u003c\/span\u003e\n        \u003cspan class=\"sil-badge\"\u003e🌿 6 actifs puissants\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sil-hero-title\"\u003eSilarthrol Baume Articulaire\u003c\/span\u003e\n      \u003cp class=\"sil-subtitle\"\u003eLabo Santé Silice\u003c\/p\u003e\n      \u003cp class=\"sil-description\"\u003eRetrouvez souplesse, mobilité et confort articulaire grâce à une formule concentrée en silicium, harpagophytum, chondroïtine, glucosamine, fucus et acide hyaluronique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"sil-section\"\u003e\n    \u003ch2\u003eBaume articulaire Silarthrol : la solution naturelle pour retrouver souplesse et confort\u003c\/h2\u003e\n    \u003cp class=\"sil-section-intro\"\u003eVous cherchez un \u003cstrong\u003ebaume articulaire\u003c\/strong\u003e efficace, formulé avec des actifs reconnus pour \u003cstrong\u003eprendre soin de ses articulations\u003c\/strong\u003e ? Le \u003cstrong\u003eSilarthrol Baume Articulaire de Labo Santé Silice\u003c\/strong\u003e est pensé pour les personnes qui souhaitent retrouver mobilité et bien-être au quotidien, sans compromis sur la qualité des ingrédients.\u003c\/p\u003e\n    \u003cdiv class=\"sil-grid-compact\"\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e🦵 Genoux raides\u003c\/h3\u003e\n        \u003cp\u003eCible les raideurs matinales et restaure la fluidité de mouvement dès le réveil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e💪 Épaules tendues\u003c\/h3\u003e\n        \u003cp\u003eApaise les tensions accumulées après l'effort physique ou une journée intense.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e🚶 Hanches sensibles\u003c\/h3\u003e\n        \u003cp\u003eSoutient le confort articulaire des hanches lors de la marche et des activités quotidiennes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e🏭 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eUne formule concentrée, développée et fabriquée en France par Labo Santé Silice.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"sil-section\"\u003e\n    \u003ch2\u003eSix actifs puissants réunis dans une seule formule\u003c\/h2\u003e\n    \u003cp class=\"sil-section-intro\"\u003eCe qui distingue le Silarthrol des alternatives classiques, c'est sa synergie de six ingrédients complémentaires soigneusement dosés :\u003c\/p\u003e\n    \u003cdiv class=\"sil-grid\"\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e🔬 Silicium organique\u003c\/h3\u003e\n        \u003cp\u003eOligoélément essentiel qui soutient la production de collagène et contribue à la régénération du cartilage. Il améliore la souplesse des tissus conjonctifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e🌱 Harpagophytum\u003c\/h3\u003e\n        \u003cp\u003ePlante traditionnellement utilisée pour apaiser les gênes articulaires et réduire les sensations d'inconfort, même chroniques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e🌊 Fucus\u003c\/h3\u003e\n        \u003cp\u003eAlgue marine riche en minéraux et oligo-éléments, elle nourrit les tissus en profondeur et favorise la récupération.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e🛡️ Chondroïtine\u003c\/h3\u003e\n        \u003cp\u003eComposant naturel du cartilage, elle préserve son élasticité et limite l'usure liée à l'âge ou à l'activité physique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e🔧 Glucosamine\u003c\/h3\u003e\n        \u003cp\u003eStimule la reconstruction des tissus articulaires et contribue au maintien d'une mobilité confortable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n        \u003cp\u003eVéritable lubrifiant naturel, il réduit les frottements entre les articulations pour des mouvements plus fluides.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"sil-section\"\u003e\n    \u003ch2\u003eComment utiliser ce baume articulations au quotidien ?\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\u003eAppliquez généreusement\u003c\/h3\u003e\n          \u003cp\u003eDéposez une dose généreuse sur les zones sensibles : genoux, coudes, poignets, épaules, hanches ou nuque. \u003cstrong\u003e2 à 3 fois par jour\u003c\/strong\u003e pour un confort optimal.\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\u003eMassez en douceur\u003c\/h3\u003e\n          \u003cp\u003eEffectuez des mouvements circulaires jusqu'à absorption complète. La \u003cstrong\u003etexture légère et non grasse\u003c\/strong\u003e pénètre rapidement, vous permettant de vous habiller sans attendre.\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\u003eDosage précis\u003c\/h3\u003e\n          \u003cp\u003eLe flacon pompe de \u003cstrong\u003e200 ml\u003c\/strong\u003e garantit un dosage précis et une utilisation hygiénique sur la durée.\u003c\/p\u003e\n        \u003c\/div\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\u003eAstuce :\u003c\/strong\u003e pour un confort optimal, appliquez le baume après une douche chaude. La chaleur dilate les pores et favorise une meilleure pénétration des actifs. Idéal aussi en massage avant ou après l'effort sportif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"sil-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce baume articulaire ?\u003c\/h2\u003e\n    \u003cdiv class=\"sil-grid-compact\"\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e🌅 Raideurs matinales\u003c\/h3\u003e\n        \u003cp\u003ePour les personnes ressentant des raideurs articulaires au réveil ou après un effort.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003ePour préparer et récupérer les articulations sollicitées par l'activité physique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e🌿 Actifs naturels\u003c\/h3\u003e\n        \u003cp\u003ePour toute personne qui cherche comment prendre soin de ses articulations avec des ingrédients d'origine naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sil-card\"\u003e\n        \u003ch3\u003e🔄 Alternative ciblée\u003c\/h3\u003e\n        \u003cp\u003eEn complément ou alternative au baume du tigre classique, avec une formule plus spécifiquement articulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 \u0026 #6 regroupés en accordéon --\u003e\n  \u003csection class=\"sil-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"sil-accordion\"\u003e\n      \u003cdetails class=\"sil-accordion-item\" open\u003e\n        \u003csummary class=\"sil-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"sil-accordion-content mt-3\"\u003e\n          \u003cp\u003eAqua, Alcohol Denat., Glycerin, Harpagophytum Procumbens Root Extract, Caesalpinia Spinosa Gum, Silanetriol, Fucus Vesiculosus Extract, Sodium Chondroitin Sulfate, Glucosamine Sulfate, Sodium Hyaluronate, Carrageenan, Benzyl Alcohol, Sodium Benzoate, Xanthan Gum, Glucose, Dehydroacetic Acid, Potassium Sorbate, Citric Acid.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sil-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"sil-accordion\"\u003e\n      \u003cdetails class=\"sil-accordion-item\"\u003e\n        \u003csummary class=\"sil-accordion-header\"\u003e⚠️ Précautions et conservation\u003c\/summary\u003e\n        \u003cdiv class=\"sil-accordion-content mt-3\"\u003e\n          \u003cp\u003eUsage externe uniquement, réservé à l'adulte. Évitez le contact avec les yeux et les muqueuses. Ne pas appliquer sur une peau lésée. Ce produit \u003cstrong\u003ene remplace pas un avis ou un traitement médical\u003c\/strong\u003e. En cas de douleur persistante, consultez votre médecin. Conservez à l'abri de la chaleur et 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=\"sil-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"sil-cta-box\"\u003e\n      \u003cp\u003e🤲 Offrez à vos articulations le soin qu'elles méritent.\u003cbr\u003eSilicium, harpagophytum, chondroïtine, glucosamine, fucus et acide hyaluronique : \u003cstrong\u003e6 actifs concentrés\u003c\/strong\u003e dans un seul geste quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sil-disclaimer\"\u003eLes compléments alimentaires et soins 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. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sil-cream: #f7f5f3;\n  --sil-white: #ffffff;\n  --sil-primary: #c0272d;\n  --sil-primary-dark: #8b1a1e;\n  --sil-primary-light: #fdf0f0;\n  --sil-secondary: #e84c50;\n  --sil-accent: #d4453a;\n  --sil-text: #1a1a1a;\n  --sil-text-light: #5a5a5a;\n  --sil-border: #e8e4e0;\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\n.sil-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sil-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sil-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--sil-primary-dark) 0%, var(--sil-primary) 50%, var(--sil-secondary) 100%);\n  border-radius: var(--sil-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(--sil-shadow-lg);\n}\n\n.sil-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.sil-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sil-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.sil-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.sil-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.sil-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sil-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(--sil-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sil-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sil-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sil-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sil-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.sil-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(--sil-primary), var(--sil-secondary));\n  border-radius: 2px;\n}\n\n.sil-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sil-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.sil-card {\n  background: var(--sil-white);\n  border-radius: var(--sil-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sil-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sil-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sil-shadow-lg);\n  border-color: var(--sil-primary);\n}\n\n.sil-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sil-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sil-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sil-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sil-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.sil-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sil-grid-compact .sil-card {\n  padding: 1rem;\n}\n\n.sil-grid-compact .sil-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sil-grid-compact .sil-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sil-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sil-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sil-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sil-primary), var(--sil-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.sil-timeline-content {\n  flex: 1;\n  background: var(--sil-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sil-radius-sm);\n  box-shadow: var(--sil-shadow);\n}\n\n.sil-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sil-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sil-timeline-content p {\n  font-size: 14px;\n  color: var(--sil-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sil-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sil-primary-light);\n  border-radius: var(--sil-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.sil-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sil-tip p {\n  font-size: 14px;\n  color: var(--sil-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.sil-testimonial {\n  background: var(--sil-white);\n  border-radius: var(--sil-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sil-shadow);\n  border-left: 4px solid var(--sil-primary);\n}\n\n.sil-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sil-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sil-accordion {\n  background: var(--sil-white);\n  border-radius: var(--sil-radius);\n  box-shadow: var(--sil-shadow);\n  overflow: hidden;\n}\n\n.sil-accordion-item {\n  border-bottom: 1px solid var(--sil-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sil-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sil-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sil-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.sil-accordion-header:hover {\n  background: var(--sil-primary-light);\n}\n\n.sil-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sil-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sil-primary);\n  transition: transform .2s ease;\n}\n\n.sil-accordion-item[open] .sil-accordion-header::after {\n  content: '−';\n}\n\n.sil-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sil-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sil-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.sil-cta-box {\n  background: linear-gradient(135deg, var(--sil-primary) 0%, var(--sil-primary-dark) 100%);\n  border-radius: var(--sil-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.sil-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.sil-disclaimer {\n  font-size: 12px;\n  color: var(--sil-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  .sil-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sil-card {\n    padding: 1.125rem;\n  }\n\n  .sil-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sil-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sil-radius-sm);\n  }\n\n  .sil-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sil-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sil-grid-compact {\n    gap: .625rem;\n  }\n\n  .sil-grid-compact .sil-card {\n    padding: .75rem;\n  }\n\n  .sil-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sil-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sil-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sil-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sil-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .sil-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .sil-testimonial {\n    padding: 1.25rem;\n  }\n\n  .sil-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sil-card {\n    animation: silFadeInUp .5s ease backwards;\n  }\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  .sil-card:nth-child(5) { animation-delay: .25s; }\n  .sil-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes silFadeInUp {\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  .sil-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":55219337527673,"sku":"LS0180","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silarthrol-baume-articulaire-200-ml-labo-sante-silice-packshothd.webp?v=1773058587"},{"product_id":"silagencyl-500-ml-labo-sante-silice","title":"Silagencyl bain de bouche - 500 ml - Labo Santé Silice","description":"\u003cdiv class=\"sg-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"sg-hero\"\u003e\n    \u003cdiv class=\"sg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sg-hero-content\"\u003e\n      \u003cdiv class=\"sg-badges-top\"\u003e\n        \u003cspan class=\"sg-badge\"\u003e🦷 Hygiène bucco-dentaire\u003c\/span\u003e\n        \u003cspan class=\"sg-badge\"\u003e💎 Silicium organique\u003c\/span\u003e\n        \u003cspan class=\"sg-badge\"\u003e🇫🇷 Labo français\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sg-hero-title\"\u003eBain de bouche Silagencyl\u003c\/span\u003e\n      \u003cp class=\"sg-subtitle\"\u003e500 ml — Labo Santé Silice\u003c\/p\u003e\n      \u003cp class=\"sg-description\"\u003eLe soin bucco-dentaire au silicium organique, à l'huile essentielle de girofle et à l'acide hyaluronique pour des gencives toniques, fermes et confortables au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"sg-section\"\u003e\n    \u003ch2\u003eSilagencyl : le bain de bouche au silicium organique pour des gencives toniques\u003c\/h2\u003e\n    \u003cp class=\"sg-section-intro\"\u003eVos gencives sont sensibles, rougies ou manquent de fermeté ? Silagencyl a été formulé précisément pour répondre à ces préoccupations.\u003c\/p\u003e\n    \u003cdiv class=\"sg-grid-compact\"\u003e\n      \u003cdiv class=\"sg-card\"\u003e\n        \u003ch3\u003e🧬 Silicium organique\u003c\/h3\u003e\n        \u003cp\u003eSoutient la structure du collagène gingival pour des gencives plus fermes et résistantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sg-card\"\u003e\n        \u003ch3\u003e🌿 Huile essentielle de girofle\u003c\/h3\u003e\n        \u003cp\u003ePropriétés antiseptiques et apaisantes pour un confort buccal immédiat.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sg-card\"\u003e\n        \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n        \u003cp\u003eHydrate et redonne souplesse et volume aux muqueuses gingivales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sg-card\"\u003e\n        \u003ch3\u003e🌱 Sans alcool\u003c\/h3\u003e\n        \u003cp\u003eRespecte l'équilibre naturel de votre flore buccale et les céramiques dentaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"sg-section\"\u003e\n    \u003ch2\u003ePourquoi le silicium organique est-il précieux pour vos gencives ?\u003c\/h2\u003e\n    \u003cdiv class=\"sg-testimonial\"\u003e\n      \u003cp class=\"sg-testimonial-text\"\u003eLe silicium est un oligo-élément essentiel à la structure du \u003cstrong\u003ecollagène\u003c\/strong\u003e, cette protéine qui confère souplesse et résistance aux tissus conjonctifs, y compris ceux de la bouche. Avec l'âge ou en cas de carences, la production de collagène diminue, ce qui peut fragiliser les gencives et favoriser le \u003cstrong\u003edéchaussement dentaire\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sg-tip\"\u003e\n      \u003cspan class=\"sg-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eEn apportant du \u003cstrong\u003emonométhylsilanetriol\u003c\/strong\u003e (forme biodisponible du silicium), Silagencyl soutient la densité et l'élasticité des tissus gingivaux au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"sg-section\"\u003e\n    \u003ch2\u003eTrois actifs complémentaires pour une action ciblée\u003c\/h2\u003e\n    \u003cdiv class=\"sg-grid\"\u003e\n      \u003cdiv class=\"sg-card sg-card-ingredient\"\u003e\n        \u003ch3\u003e🧬 Silicium organique\u003c\/h3\u003e\n        \u003cp class=\"sg-card-sub\"\u003eMonométhylsilanetriol\u003c\/p\u003e\n        \u003cp\u003eFavorise la régénération de la fibre collagène et renforce la tenue des gencives autour de la dent. Un actif clé pour lutter contre le relâchement gingival.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sg-card sg-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Huile essentielle de girofle\u003c\/h3\u003e\n        \u003cp class=\"sg-card-sub\"\u003eEugenia caryophyllus\u003c\/p\u003e\n        \u003cp\u003eReconnue pour ses propriétés \u003cstrong\u003eantiseptiques\u003c\/strong\u003e et \u003cstrong\u003eapaisantes\u003c\/strong\u003e, elle procure un soulagement rapide en cas d'inconfort buccal et aide à maintenir une bonne hygiène.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sg-card sg-card-ingredient\"\u003e\n        \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n        \u003cp class=\"sg-card-sub\"\u003eHydratation profonde\u003c\/p\u003e\n        \u003cp\u003eMolécule naturellement présente dans les tissus, il contribue à l'\u003cstrong\u003ehydratation\u003c\/strong\u003e et à la cohésion des muqueuses gingivales, leur redonnant souplesse et volume.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"sg-section\"\u003e\n    \u003ch2\u003eComment utiliser Silagencyl au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"sg-timeline\"\u003e\n      \u003cdiv class=\"sg-timeline-item\"\u003e\n        \u003cdiv class=\"sg-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sg-timeline-content\"\u003e\n          \u003ch3\u003eBien agiter\u003c\/h3\u003e\n          \u003cp\u003eSecouez le flacon avant chaque utilisation pour homogénéiser la solution.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sg-timeline-item\"\u003e\n        \u003cdiv class=\"sg-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sg-timeline-content\"\u003e\n          \u003ch3\u003eDoser 20 ml\u003c\/h3\u003e\n          \u003cp\u003eAprès le brossage et le rinçage des dents, remplissez le bouchon doseur avec \u003cstrong\u003e20 ml\u003c\/strong\u003e de solution pure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sg-timeline-item\"\u003e\n        \u003cdiv class=\"sg-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sg-timeline-content\"\u003e\n          \u003ch3\u003eBain de bouche 2 à 3 minutes\u003c\/h3\u003e\n          \u003cp\u003eFaites circuler le liquide dans toute la cavité buccale pendant \u003cstrong\u003e2 à 3 minutes\u003c\/strong\u003e pour une action optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sg-timeline-item\"\u003e\n        \u003cdiv class=\"sg-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"sg-timeline-content\"\u003e\n          \u003ch3\u003eDeux fois par jour\u003c\/h3\u003e\n          \u003cp\u003eRenouvelez matin et soir pour des résultats visibles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sg-tip\"\u003e\n      \u003cspan class=\"sg-tip-icon\"\u003e📦\u003c\/span\u003e\n      \u003cp\u003eLe flacon de \u003cstrong\u003e500 ml\u003c\/strong\u003e vous offre environ \u003cstrong\u003e12 jours\u003c\/strong\u003e d'utilisation à raison de deux bains quotidiens, soit une cure complète idéale pour constater les premiers résultats.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"sg-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"sg-composition-box\"\u003e\n      \u003cp\u003eAqua (eau désionisée), monométhylsilanetriol, Eugenia caryophyllus (huile essentielle de girofle), acide hyaluronique, sodium benzoate, acide citrique.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sg-grid-compact\"\u003e\n      \u003cdiv class=\"sg-card\"\u003e\n        \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n        \u003cp\u003eNe détruit pas la flore buccale naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sg-card\"\u003e\n        \u003ch3\u003e🦷 Céramiques protégées\u003c\/h3\u003e\n        \u003cp\u003eN'attaque pas les couronnes ni les bridges.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"sg-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"sg-accordion\"\u003e\n      \u003cdetails class=\"sg-accordion-item\"\u003e\n        \u003csummary class=\"sg-accordion-header\"\u003e⚠️ Dose et usage\u003c\/summary\u003e\n        \u003cdiv class=\"sg-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce produit n'est pas destiné à être bu ; toutefois, aucun danger en cas d'ingestion accidentelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sg-accordion-item\"\u003e\n        \u003csummary class=\"sg-accordion-header\"\u003e🤰 Femmes enceintes\u003c\/summary\u003e\n        \u003cdiv class=\"sg-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eDéconseillé aux femmes enceintes.\u003c\/strong\u003e En cas de doute, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sg-accordion-item\"\u003e\n        \u003csummary class=\"sg-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n        \u003cdiv class=\"sg-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sg-accordion-item\"\u003e\n        \u003csummary class=\"sg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"sg-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ utiliser dans les \u003cstrong\u003e60 jours après ouverture\u003c\/strong\u003e. Conserver au frais, à l'abri de la lumière et de l'humidité. La formation d'un léger dépôt est normale et n'altère pas la qualité du produit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION FINALE --\u003e\n  \u003csection class=\"sg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"sg-cta-box\"\u003e\n      \u003cp\u003e🦷 Offrez à vos gencives le soin qu'elles méritent : fermeté, confort et protection au quotidien grâce au silicium organique.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sg-disclaimer\"\u003eRappel important : ce bain de bouche est un produit d'hygiène bucco-dentaire. Il ne remplace en aucun cas un traitement prescrit par votre dentiste ou votre médecin. En cas de saignements persistants ou de douleurs importantes, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sg-cream: #f4f7fa;\n  --sg-white: #ffffff;\n  --sg-primary: #1e3a6e;\n  --sg-primary-dark: #122650;\n  --sg-primary-light: #e8eef6;\n  --sg-secondary: #5ba4c9;\n  --sg-accent: #a8dce8;\n  --sg-text: #1a1a1a;\n  --sg-text-light: #5a6068;\n  --sg-border: #dce3eb;\n  --sg-shadow: 0 4px 24px rgba(30,58,110,.08);\n  --sg-shadow-lg: 0 12px 48px rgba(30,58,110,.15);\n  --sg-radius: 20px;\n  --sg-radius-sm: 12px;\n}\n\n.sg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sg-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--sg-primary) 0%, #2a4f8a 50%, var(--sg-secondary) 100%);\n  border-radius: var(--sg-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(--sg-shadow-lg);\n}\n\n.sg-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(168,220,232,.2) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(91,164,201,.15) 0%, transparent 50%),\n              radial-gradient(circle at 60% 60%, rgba(255,255,255,.05) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.sg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sg-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.sg-subtitle {\n  color: rgba(255,255,255,.85);\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.sg-description {\n  color: rgba(255,255,255,.9);\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.sg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sg-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(--sg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sg-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.sg-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(--sg-primary), var(--sg-secondary));\n  border-radius: 2px;\n}\n\n.sg-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sg-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.sg-card {\n  background: var(--sg-white);\n  border-radius: var(--sg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sg-shadow-lg);\n  border-color: var(--sg-primary);\n}\n\n.sg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sg-card-sub {\n  font-size: 12px !important;\n  font-weight: 700;\n  color: var(--sg-secondary) !important;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: .5rem !important;\n}\n\n.sg-card-ingredient {\n  text-align: left;\n}\n\n\/* === GRILLES === *\/\n.sg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.sg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sg-grid-compact .sg-card {\n  padding: 1rem;\n}\n\n.sg-grid-compact .sg-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sg-grid-compact .sg-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sg-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sg-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sg-primary), var(--sg-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.sg-timeline-content {\n  flex: 1;\n  background: var(--sg-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sg-radius-sm);\n  box-shadow: var(--sg-shadow);\n}\n\n.sg-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sg-timeline-content p {\n  font-size: 14px;\n  color: var(--sg-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sg-testimonial {\n  background: var(--sg-white);\n  border-radius: var(--sg-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sg-shadow);\n  border-left: 4px solid var(--sg-primary);\n}\n\n.sg-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sg-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.sg-composition-box {\n  background: var(--sg-white);\n  border-radius: var(--sg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sg-shadow);\n  border: 2px dashed var(--sg-secondary);\n  margin-bottom: 1.25rem;\n  text-align: center;\n}\n\n.sg-composition-box p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sg-text);\n  line-height: 1.7;\n  margin: 0;\n  font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.sg-accordion {\n  background: var(--sg-white);\n  border-radius: var(--sg-radius);\n  box-shadow: var(--sg-shadow);\n  overflow: hidden;\n}\n\n.sg-accordion-item {\n  border-bottom: 1px solid var(--sg-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sg-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sg-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sg-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.sg-accordion-header:hover {\n  background: var(--sg-primary-light);\n}\n\n.sg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sg-primary);\n  transition: transform .2s ease;\n}\n\n.sg-accordion-item[open] .sg-accordion-header::after {\n  content: '−';\n}\n\n.sg-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sg-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sg-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sg-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sg-primary-light);\n  border-radius: var(--sg-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.sg-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sg-tip p {\n  font-size: 14px;\n  color: var(--sg-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sg-cta-box {\n  background: linear-gradient(135deg, var(--sg-primary) 0%, var(--sg-primary-dark) 100%);\n  border-radius: var(--sg-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.sg-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.sg-disclaimer {\n  font-size: 12px;\n  color: var(--sg-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  .sg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sg-card {\n    padding: 1.125rem;\n  }\n\n  .sg-card-ingredient {\n    text-align: center;\n  }\n\n  .sg-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sg-radius-sm);\n  }\n\n  .sg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sg-grid-compact {\n    gap: .625rem;\n  }\n\n  .sg-grid-compact .sg-card {\n    padding: .75rem;\n  }\n\n  .sg-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sg-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sg-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sg-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sg-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .sg-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .sg-testimonial {\n    padding: 1.25rem;\n  }\n\n  .sg-testimonial-text {\n    font-size: 14px;\n  }\n\n  .sg-composition-box {\n    padding: 1rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sg-card {\n    animation: sgFadeInUp .5s ease backwards;\n  }\n  .sg-card:nth-child(1) { animation-delay: .05s; }\n  .sg-card:nth-child(2) { animation-delay: .1s; }\n  .sg-card:nth-child(3) { animation-delay: .15s; }\n  .sg-card:nth-child(4) { animation-delay: .2s; }\n  .sg-card:nth-child(5) { animation-delay: .25s; }\n  .sg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sgFadeInUp {\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  .sg-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":55219413909881,"sku":"LS0230","price":15.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silagencyl-bain-de-bouche-500-ml-labo-sante-silice-packshothd.webp?v=1775148073"},{"product_id":"silachoc-gel-contre-coup-100-ml-labo-sante-silice","title":"Silachoc 100 ml - gel articulaire apaisant - 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🧴 Format pompe 100 ml\u003c\/span\u003e\n        \u003cspan class=\"sc-badge\"\u003e🌿 5 actifs naturels\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sc-hero-title\"\u003eSilachoc® Baume Apaisant Souplesse\u003c\/span\u003e\n      \u003cp class=\"sc-subtitle\"\u003eGel articulaire au silicium organique par Labo Santé Silice\u003c\/p\u003e\n      \u003cp class=\"sc-description\"\u003eRetrouvez confort et mobilité grâce à la synergie du silicium, camphre, menthol, harpagophytum et arnica. Soulagement ciblé, texture non grasse, pénétration immédiate.\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\u003eSilachoc : le baume apaisant au silicium organique pour vos articulations et muscles\u003c\/h2\u003e\n    \u003cp class=\"sc-section-intro\"\u003eVous cherchez un \u003cstrong\u003egel articulaire\u003c\/strong\u003e efficace après un choc, un effort intense ou face à des raideurs du quotidien ? \u003cstrong\u003eSilachoc de Labo Santé Silice\u003c\/strong\u003e est un baume apaisant souplesse formulé en France, qui associe \u003cstrong\u003esilicium organique\u003c\/strong\u003e, camphre, menthol, harpagophytum et arnica.\u003c\/p\u003e\n    \u003cdiv class=\"sc-grid-compact\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e💪 Articulations\u003c\/h3\u003e\n        \u003cp\u003eSoutient la souplesse et le confort articulaire au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🏃 Muscles\u003c\/h3\u003e\n        \u003cp\u003eAide à la récupération musculaire après l'effort\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🎯 Action ciblée\u003c\/h3\u003e\n        \u003cp\u003eApplication locale directement sur la zone concernée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e⚡ Effet rapide\u003c\/h3\u003e\n        \u003cp\u003ePénétration immédiate pour un soulagement quasi instantané\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 choisir ce gel pour douleur musculaire et articulaire ?\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🎯 Action ciblée et rapide\u003c\/h3\u003e\n        \u003cp\u003eAppliqué localement, Silachoc agit directement sur la zone concernée — articulation raide, muscle contracté, ecchymose après un coup.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🧪 Formule concentrée en actifs naturels\u003c\/h3\u003e\n        \u003cp\u003eCe baume combine cinq ingrédients reconnus pour leur complémentarité, dont le \u003cstrong\u003esilicium articulation\u003c\/strong\u003e et l'harpagophytum.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e✨ Texture non grasse, pénétration immédiate\u003c\/h3\u003e\n        \u003cp\u003eHabillez-vous juste après l'application, sans résidu collant ni film gras sur la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eFormulé par le Dr Saubens, ce produit répond aux exigences de qualité françaises les plus strictes.\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\u003eLes actifs clés de Silachoc et leurs bienfaits\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid\"\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🔬 Silicium organique\u003c\/h3\u003e\n        \u003cp\u003eOligo-élément essentiel à la souplesse des tissus conjonctifs, il soutient la régénération cutanée et contribue au bon fonctionnement des articulations. L'ingrédient phare des formules à base de \u003cstrong\u003esilicium organique articulation\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🔥 Camphre\u003c\/h3\u003e\n        \u003cp\u003eReconnu pour son effet à la fois chauffant et apaisant, il stimule la microcirculation locale et procure un soulagement quasi immédiat sur la zone tendue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e❄️ Menthol\u003c\/h3\u003e\n        \u003cp\u003eApporte une sensation de fraîcheur intense, comparable à un \u003cstrong\u003egel froid pour douleur articulaire\u003c\/strong\u003e, et aide à réduire la sensation d'inconfort musculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🌱 Harpagophytum\u003c\/h3\u003e\n        \u003cp\u003ePlante emblématique du confort articulaire, la griffe du diable est traditionnellement utilisée pour limiter les raideurs et favoriser la souplesse des articulations sollicitées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🌼 Arnica montana\u003c\/h3\u003e\n        \u003cp\u003eAllié incontournable après un choc ou une bosse, l'arnica aide à atténuer les bleus et les gonflements.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003eComment bien utiliser Silachoc ?\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\u003eDéposez une noisette de baume\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur la zone à traiter : articulation douloureuse, muscle contracté ou ecchymose.\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\u003eMassez doucement 2 à 3 minutes\u003c\/h3\u003e\n          \u003cp\u003eEffectuez des mouvements circulaires jusqu'à pénétration complète du baume dans la peau.\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\u003eRenouvelez 2 à 3 fois par jour\u003c\/h3\u003e\n          \u003cp\u003eLaissez ensuite la peau respirer à l'air libre pour optimiser l'effet apaisant.\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\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e après une séance de sport, appliquez Silachoc sur les zones les plus sollicitées pour favoriser une meilleure récupération musculaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce gel surconcentré articulaire ?\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🏅 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eSouhaitant accélérer leur récupération après l'effort et limiter les courbatures post-entraînement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🦴 Raideurs articulaires\u003c\/h3\u003e\n        \u003cp\u003ePersonnes souffrant de raideurs articulaires ou de courbatures récurrentes au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🩹 Chocs et hématomes\u003c\/h3\u003e\n        \u003cp\u003eToute personne confrontée à un coup, une bosse ou un hématome ponctuel nécessitant un soin ciblé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sc-disclaimer\"\u003eRéservé à l'adulte. Ne convient pas aux femmes enceintes ou allaitantes, ni aux enfants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 \u0026 #7 en accordéon --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"sc-accordion\"\u003e\n      \u003cdetails class=\"sc-accordion-item\"\u003e\n        \u003csummary class=\"sc-accordion-header\"\u003e📋 Liste des ingrédients\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content mt-3\"\u003e\n          \u003cp\u003eAqua, Alcohol Denat., Helianthus Annuus Seed Oil, Camphor, Caprylic\/Capric Glycerides, Cetyl Glucoside, Sorbitan Olivate, Arachidyl Alcohol, Menthol, Silanetriol, Harpagophytum Procumbens Root Extract, Arnica Montana Flower Extract, Sodium Benzoate, Behenyl Alcohol, Caesalpinia Spinosa Gum, Xanthan Gum, Arachidyl Glucoside, Tocopherol, Potassium Sorbate, Cetyl Alcohol.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\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⚠️ Précautions et avertissements\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content mt-3\"\u003e\n          \u003cp\u003eUsage externe uniquement. Évitez tout contact avec les yeux et les muqueuses. Ne pas appliquer sur une peau lésée, irritée ou sur une plaie ouverte. Ce produit ne remplace pas un avis médical. \u003cstrong\u003eEn cas de doute, consultez votre médecin ou votre pharmacien.\u003c\/strong\u003e\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\u003eContenance : 100 ml\u003c\/strong\u003e — Format pompe pratique, idéal à glisser dans votre trousse de sport ou de secours pour un soulagement disponible à tout moment.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sc-cream: #faf7f4;\n  --sc-white: #ffffff;\n  --sc-primary: #d96a2b;\n  --sc-primary-dark: #a84e1a;\n  --sc-primary-light: #fdf0e8;\n  --sc-secondary: #e8943c;\n  --sc-accent: #c44e10;\n  --sc-text: #1a1a1a;\n  --sc-text-light: #5a5a5a;\n  --sc-border: #e8ddd4;\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, #c44e10 0%, #d96a2b 40%, #e8943c 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: 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 40%),\n              radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 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-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-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.sc-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: -.01em;\n}\n\n.sc-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.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  line-height: 1.25;\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: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\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\/* Ingredient card accent *\/\n.sc-card-ingredient {\n  border-top: 3px solid var(--sc-primary);\n}\n\n\/* === GRILLES === *\/\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\/* === 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  box-shadow: 0 4px 12px rgba(217,106,43,.3);\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\/* === TIP === *\/\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\/* === ACCORDÉON === *\/\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\/* === 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\/* === DISCLAIMER === *\/\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\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":55219437961593,"sku":"LS0270","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silachoc-100-ml-gel-articulaire-apaisant-labo-sante-silice-packshothd.webp?v=1774289980"},{"product_id":"silachoc-gel-contre-coup-200-ml-labo-sante-silice","title":"Silachoc 200 ml : Gel apaisant articulaire - Labo Santé Siliceo","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🧴 200 ml\u003c\/span\u003e\n        \u003cspan class=\"sc-badge\"\u003e🌿 5 actifs naturels\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sc-hero-title\"\u003eSilachoc® Baume Apaisant Souplesse\u003c\/span\u003e\n      \u003cp class=\"sc-subtitle\"\u003ePar le Dr Saubens — Labo Santé Silice\u003c\/p\u003e\n      \u003cp class=\"sc-description\"\u003eLe gel articulaire au silicium organique, camphre, menthol, harpagophytum et arnica. Retrouvez confort et mobilité au quotidien.\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\u003eSilachoc : le baume apaisant au silicium organique pour vos articulations\u003c\/h2\u003e\n    \u003cp class=\"sc-section-intro\"\u003eVous cherchez un \u003cstrong\u003egel pour articulation\u003c\/strong\u003e efficace et d'origine naturelle ? \u003cstrong\u003eSilachoc\u003c\/strong\u003e du \u003cstrong\u003eLabo Santé Silice\u003c\/strong\u003e est un baume apaisant souplesse qui associe \u003cstrong\u003esilicium organique\u003c\/strong\u003e, camphre, menthol, harpagophytum et arnica. Fabriqué en France, ce soin de 200 ml cible les zones sensibles pour vous aider à retrouver confort et mobilité au quotidien.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce gel articulaire au silicium ?\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid-compact\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eAprès un effort intense pour favoriser la récupération musculaire et articulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e💼 Actifs au quotidien\u003c\/h3\u003e\n        \u003cp\u003eAprès une journée de travail éprouvante, pour soulager les tensions accumulées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🦵 Inconforts chroniques\u003c\/h3\u003e\n        \u003cp\u003eGenou, épaule, dos, poignet : sa formule polyvalente convient à toutes les zones du corps.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🤕 Coups et hématomes\u003c\/h3\u003e\n        \u003cp\u003eUn allié précieux en cas de chocs légers ou de bleus pour accélérer le retour au confort.\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\u003eLes bienfaits concrets de Silachoc\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e❄️ Apaise rapidement les tensions\u003c\/h3\u003e\n        \u003cp\u003eDès l'application, le duo camphre-menthol procure un effet chaud-froid qui détend les muscles et calme les inconforts localisés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🤸 Favorise la souplesse articulaire\u003c\/h3\u003e\n        \u003cp\u003eLe \u003cstrong\u003esilicium organique\u003c\/strong\u003e contribue au maintien de l'élasticité des tissus conjonctifs, essentiels pour des articulations souples.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e⚡ Accompagne la récupération\u003c\/h3\u003e\n        \u003cp\u003eL'arnica et l'harpagophytum travaillent en synergie pour limiter les gonflements et accélérer le retour au confort après un effort ou un choc.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e💧 Hydrate et nourrit la peau\u003c\/h3\u003e\n        \u003cp\u003eContrairement à certains gels qui dessèchent, Silachoc intègre des agents adoucissants d'origine végétale pour une peau confortable après chaque application.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003eDes actifs naturels reconnus et complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid\"\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🔬 Silicium organique\u003c\/h3\u003e\n        \u003cp\u003eOligo-élément indispensable au bon fonctionnement des tissus articulaires. Il soutient la structure du cartilage et améliore l'élasticité cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🔥 Camphre\u003c\/h3\u003e\n        \u003cp\u003eActif chauffant qui stimule la microcirculation locale et aide à relâcher les muscles contractés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🧊 Menthol\u003c\/h3\u003e\n        \u003cp\u003eProcure une sensation de fraîcheur immédiate, idéale pour calmer une zone échauffée ou douloureuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🌱 Harpagophytum\u003c\/h3\u003e\n        \u003cp\u003eLa griffe du diable, plante traditionnellement utilisée pour les troubles articulaires, appréciée pour ses propriétés apaisantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🌼 Arnica\u003c\/h3\u003e\n        \u003cp\u003eRéférence incontournable en cas de bleus ou de chocs, elle aide à réduire les ecchymoses et les sensations d'inconfort.\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 appliquer le baume Silachoc ?\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\u003ePréparez la zone\u003c\/h3\u003e\n          \u003cp\u003eAssurez-vous que la peau est propre et sèche sur la zone concernée : genoux, épaules, dos, chevilles ou poignets.\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\u003eDéposez une noisette de gel\u003c\/h3\u003e\n          \u003cp\u003eGrâce au flacon pompe pratique, prélevez la quantité nécessaire directement sur la zone à traiter.\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\u003eMassez en mouvements circulaires\u003c\/h3\u003e\n          \u003cp\u003eMassez doucement jusqu'à pénétration complète. Sa texture non grasse pénètre rapidement et ne tache pas les vêtements.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-timeline-item\"\u003e\n        \u003cdiv class=\"sc-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"sc-timeline-content\"\u003e\n          \u003ch3\u003eRenouvelez selon vos besoins\u003c\/h3\u003e\n          \u003cp\u003eAppliquez \u003cstrong\u003e1 à 2 fois par jour\u003c\/strong\u003e en fonction de l'intensité de vos inconforts.\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\u003e\u003cstrong\u003eUsage externe uniquement. Réservé à l'adulte.\u003c\/strong\u003e\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\u003ePourquoi choisir Silachoc plutôt qu'un autre gel articulation ?\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid-compact\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🧪 5 actifs synergiques\u003c\/h3\u003e\n        \u003cp\u003eUne formule complète là où la plupart des gels ne misent que sur un ou deux ingrédients.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🔥❄️ Effet chaud-froid\u003c\/h3\u003e\n        \u003cp\u003eL'action thermique du camphre et du menthol pour un soulagement immédiat et durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🌿 Action structurante\u003c\/h3\u003e\n        \u003cp\u003eLe silicium organique soutient la structure du cartilage en profondeur, au-delà du simple confort.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003ePar le Dr Saubens, dans un flacon pompe pratique de 200 ml, pour une utilisation hygiénique et précise.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 \u0026 #8 regroupés en accordéon --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003eComposition complète\u003c\/h2\u003e\n    \u003cdiv class=\"sc-accordion\"\u003e\n      \u003cdetails class=\"sc-accordion-item\" open\u003e\n        \u003csummary class=\"sc-accordion-header\"\u003e📋 Liste des ingrédients\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content mt-3\"\u003e\n          \u003cp\u003eEau, alcool dénaturé, silicium organique, camphre, menthol, extrait d'harpagophytum, extrait d'arnica, agents hydratants et adoucissants d'origine végétale, conservateurs doux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\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 et mises en garde\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas appliquer sur une peau lésée, irritée ou sur les muqueuses. Éviter tout contact avec les yeux. Déconseillé aux femmes enceintes ou allaitantes. 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\u003e\u003cstrong\u003eCe produit ne remplace pas un avis ou un traitement médical.\u003c\/strong\u003e En cas de douleurs persistantes, consultez un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"sc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"sc-cta-box\"\u003e\n      \u003cp\u003e🧴 Redécouvrez le confort articulaire grâce à la puissance de 5 actifs naturels réunis dans un seul baume — \u003cstrong\u003eSilachoc®, votre allié mobilité au quotidien.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sc-disclaimer\"\u003eLes compléments alimentaires et soins externes 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\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sc-cream: #faf7f3;\n  --sc-white: #ffffff;\n  --sc-primary: #e27a2e;\n  --sc-primary-dark: #b85a12;\n  --sc-primary-light: #fdf0e5;\n  --sc-secondary: #d4621a;\n  --sc-accent: #f5a623;\n  --sc-text: #1a1a1a;\n  --sc-text-light: #5a5a5a;\n  --sc-border: #e8e0d8;\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, #e27a2e 0%, #d4621a 50%, #b85a12 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: 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(0,0,0,.05) 0%, transparent 70%);\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  line-height: 1.1;\n}\n\n.sc-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.sc-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.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\/* === 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  line-height: 1.25;\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-accent));\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: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.8;\n}\n\n.sc-section-intro strong {\n  color: var(--sc-text);\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.sc-card p strong {\n  color: var(--sc-text);\n}\n\n\/* Ingredient card accent *\/\n.sc-card-ingredient {\n  border-top: 3px solid var(--sc-primary);\n}\n\n\/* === GRILLES === *\/\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\/* === 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-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(226, 122, 46, .3);\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.sc-timeline-content p strong {\n  color: var(--sc-text);\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\/* === ACCORDÉON === *\/\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\/* === CTA FINAL === *\/\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::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.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  position: relative;\n  z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\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 MOBILE === *\/\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\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  .sc-timeline-item {\n    animation: scFadeInUp .5s ease backwards;\n  }\n  .sc-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .sc-timeline-item:nth-child(2) { animation-delay: .12s; }\n  .sc-timeline-item:nth-child(3) { animation-delay: .19s; }\n  .sc-timeline-item:nth-child(4) { animation-delay: .26s; }\n}\n\n@keyframes scFadeInUp {\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  .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":55219474006393,"sku":"LS0260","price":19.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silachoc-200-ml-gel-apaisant-articulaire-labo-sante-siliceo-packshothd.webp?v=1775147616"},{"product_id":"silajambe-100-ml-labo-sante-silice","title":"Silajambe - 100 ml - Labo Santé Silice","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Silajambe - Gel Jambes Légères 100ml - Labo Santé Silice\nPalette détectée:\n  - Primaire: #2BACA2 (turquoise\/teal du packaging, couleur dominante de l'étiquette)\n  - Secondaire: #1A8A82 (version foncée du teal)\n  - Accent: #E0F5F3 (version très claire pour backgrounds)\nAmbiance: Fraîcheur, bien-être, circulation, soin naturel\/pharmacie, clean, professionnel, fabrication française\nPréfixe CSS: sj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Quels actifs composent Silajambe ?\"\n  2. \"Comment utiliser Silajambe pour des jambes plus légères ?\"\n  3. \"Pourquoi intégrer Silajambe dans votre routine ?\"\n  4. \"À propos de Labo Santé Silice\"\n  5. \"Composition complète\"\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=\"sj-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"sj-hero\"\u003e\n    \u003cdiv class=\"sj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sj-hero-content\"\u003e\n      \u003cdiv class=\"sj-badges-top\"\u003e\n        \u003cspan class=\"sj-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"sj-badge\"\u003e🧴 100 ml\u003c\/span\u003e\n        \u003cspan class=\"sj-badge\"\u003e🧊 Effet fraîcheur\u003c\/span\u003e\n        \u003cspan class=\"sj-badge\"\u003e🌿 Silicium organique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sj-hero-title\"\u003eSilajambe®\u003c\/span\u003e\n      \u003cp class=\"sj-subtitle\"\u003eGel jambes légères au silicium organique\u003c\/p\u003e\n      \u003cp class=\"sj-description\"\u003eRetrouvez confort et légèreté grâce à l'alliance du silicium organique et d'extraits de plantes reconnues. Une formule experte qui soulage rapidement la sensation de jambes lourdes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"sj-section\"\u003e\n    \u003ch2\u003eQuels actifs composent Silajambe ?\u003c\/h2\u003e\n    \u003cp class=\"sj-section-intro\"\u003eUne synergie d'actifs végétaux puissants portés par le silicium organique pour un soulagement ciblé et durable.\u003c\/p\u003e\n    \u003cdiv class=\"sj-grid\"\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🔬 Silicium organique\u003c\/h3\u003e\n        \u003cp\u003eAméliore la pénétration des actifs, renforce les tissus et optimise l'élasticité des vaisseaux sanguins pour un effet ciblé sur le tonus veineux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🧊 Menthol\u003c\/h3\u003e\n        \u003cp\u003eApporte une fraîcheur intense et immédiate, idéale en fin de journée ou après un effort, tout en aidant à décongestionner et stimuler la circulation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🌰 Marron d'Inde\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisé pour soutenir la circulation veineuse et lymphatique, il aide à limiter la sensation de gonflement et favorise le retour veineux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🍇 Vigne rouge\u003c\/h3\u003e\n        \u003cp\u003eFortifie la paroi des capillaires, diminue la perméabilité des petits vaisseaux et améliore globalement le confort circulatoire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🌼 Arnica\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour ses effets apaisants et drainants, elle contribue à diminuer la fatigue et la pesanteur des jambes, tout en apportant douceur à l'application.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"sj-section\"\u003e\n    \u003ch2\u003eComment utiliser Silajambe pour des jambes plus légères ?\u003c\/h2\u003e\n    \u003cdiv class=\"sj-timeline\"\u003e\n      \u003cdiv class=\"sj-timeline-item\"\u003e\n        \u003cdiv class=\"sj-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sj-timeline-content\"\u003e\n          \u003ch3\u003ePréparer la peau\u003c\/h3\u003e\n          \u003cp\u003eAppliquer une noisette de gel sur les jambes et les chevilles, propres et sèches.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-timeline-item\"\u003e\n        \u003cdiv class=\"sj-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sj-timeline-content\"\u003e\n          \u003ch3\u003eMasser en remontant\u003c\/h3\u003e\n          \u003cp\u003eMasser doucement en remontant vers le haut de la jambe pour stimuler la circulation et favoriser le retour veineux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-timeline-item\"\u003e\n        \u003cdiv class=\"sj-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sj-timeline-content\"\u003e\n          \u003ch3\u003eRenouveler selon vos besoins\u003c\/h3\u003e\n          \u003cp\u003eUtiliser 1 à 2 fois par jour, selon le besoin : après une journée debout, forte chaleur, voyage… Usage externe, réservé à l'adulte.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sj-tip\"\u003e\n      \u003cspan class=\"sj-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un effet fraîcheur décuplé, conservez le tube au réfrigérateur avant application.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"sj-section\"\u003e\n    \u003ch2\u003ePourquoi intégrer Silajambe dans votre routine ?\u003c\/h2\u003e\n    \u003cdiv class=\"sj-grid-compact\"\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🎯 Formule experte\u003c\/h3\u003e\n        \u003cp\u003eSynergie de plantes et de silicium organique pour un effet ciblé sur le confort circulatoire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e✨ Pénétration rapide\u003c\/h3\u003e\n        \u003cp\u003eTexture légère, non collante et sans fini gras. Parfaite au quotidien ou sous les vêtements.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e❄️ Fraîcheur immédiate\u003c\/h3\u003e\n        \u003cp\u003eMenthol et camphre associés pour un effet « jambes légères » longue durée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sj-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eGage de qualité, de traçabilité et de respect des normes les plus strictes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"sj-section\"\u003e\n    \u003ch2\u003eÀ propos de Labo Santé Silice\u003c\/h2\u003e\n    \u003cdiv class=\"sj-testimonial\"\u003e\n      \u003cp class=\"sj-testimonial-text\"\u003eSpécialiste du silicium organique, Labo Santé Silice conçoit des solutions naturelles pour le bien-être articulaire et circulatoire, en mettant l'accent sur la pureté et l'efficacité des actifs végétaux. Basé à Hendaye, le laboratoire français allie savoir-faire scientifique et ingrédients d'origine naturelle pour proposer des soins de confiance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 \u0026 #6 regroupés en accordéon --\u003e\n  \u003csection class=\"sj-section\"\u003e\n    \u003ch2\u003eComposition complète\u003c\/h2\u003e\n    \u003cdiv class=\"sj-accordion\"\u003e\n      \u003cdetails class=\"sj-accordion-item\" open\u003e\n        \u003csummary class=\"sj-accordion-header\"\u003e📋 Liste INCI détaillée\u003c\/summary\u003e\n        \u003cdiv class=\"sj-accordion-content mt-3\"\u003e\n          \u003cp\u003eEau, alcool dénaturé, glycéride de caprylique\/caprique, glycérine, menthol, glucoside de cétyle, olivate de sorbitan, alcool arachidique, camphre, silanetriol (silicium organique), extrait de graine de marron d'Inde (Aesculus hippocastanum), extrait de fucus (Fucus vesiculosus), tocophérol (vitamine E), extrait de feuille de vigne rouge (Vitis vinifera), extrait de fleur d'arnica (Arnica montana), huile de graine de tournesol (Helianthus annuus), benzoate de sodium, alcool behénylique, gomme de tara (Caesalpinia spinosa), gomme xanthane, glucoside arachidique, sorbate de potassium, alcool cétylique, acide citrique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sj-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"sj-accordion\"\u003e\n      \u003cdetails class=\"sj-accordion-item\"\u003e\n        \u003csummary class=\"sj-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"sj-accordion-content mt-3\"\u003e\n          \u003cp\u003eÉviter le contact avec les yeux et les muqueuses. Ne pas appliquer sur une peau irritée, lésée, ni chez la femme enceinte ou allaitante. 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=\"sj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"sj-cta-box\"\u003e\n      \u003cp\u003e🦵 Retrouvez rapidement des jambes fraîches, légères et confortables avec Silajambe® — la solution experte au silicium organique, fabriquée en France.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sj-disclaimer\"\u003eLes compléments alimentaires et produits de soin ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. 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  --sj-cream: #f4fafa;\n  --sj-white: #ffffff;\n  --sj-primary: #2BACA2;\n  --sj-primary-dark: #1A7A73;\n  --sj-primary-light: #e0f5f3;\n  --sj-secondary: #3DC4B9;\n  --sj-accent: #1E9E94;\n  --sj-text: #1a1a1a;\n  --sj-text-light: #5a5a5a;\n  --sj-border: #d8eded;\n  --sj-shadow: 0 4px 24px rgba(43,172,162,.08);\n  --sj-shadow-lg: 0 12px 48px rgba(26,122,115,.15);\n  --sj-radius: 20px;\n  --sj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sj-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1A7A73 0%, #2BACA2 45%, #3DC4B9 100%);\n  border-radius: var(--sj-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(--sj-shadow-lg);\n}\n\n.sj-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.sj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.sj-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.sj-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}\n\n.sj-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.2vw, 17px);\n  max-width: 620px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.sj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sj-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(--sj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sj-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.sj-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(--sj-primary), var(--sj-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sj-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sj-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.sj-card {\n  background: var(--sj-white);\n  border-radius: var(--sj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sj-shadow-lg);\n  border-color: var(--sj-primary);\n}\n\n.sj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sj-grid-compact .sj-card {\n  padding: 1rem;\n}\n\n.sj-grid-compact .sj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sj-grid-compact .sj-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sj-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sj-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sj-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sj-primary), var(--sj-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.sj-timeline-content {\n  flex: 1;\n  background: var(--sj-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sj-radius-sm);\n  box-shadow: var(--sj-shadow);\n}\n\n.sj-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sj-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sj-timeline-content p {\n  font-size: 14px;\n  color: var(--sj-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sj-testimonial {\n  background: var(--sj-white);\n  border-radius: var(--sj-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sj-shadow);\n  border-left: 4px solid var(--sj-primary);\n}\n\n.sj-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sj-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sj-accordion {\n  background: var(--sj-white);\n  border-radius: var(--sj-radius);\n  box-shadow: var(--sj-shadow);\n  overflow: hidden;\n}\n\n.sj-accordion-item {\n  border-bottom: 1px solid var(--sj-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sj-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sj-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sj-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.sj-accordion-header:hover {\n  background: var(--sj-primary-light);\n}\n\n.sj-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sj-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sj-primary);\n  transition: transform .2s ease;\n}\n\n.sj-accordion-item[open] .sj-accordion-header::after {\n  content: '−';\n}\n\n.sj-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sj-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sj-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sj-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sj-primary-light);\n  border-radius: var(--sj-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.sj-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sj-tip p {\n  font-size: 14px;\n  color: var(--sj-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sj-cta-box {\n  background: linear-gradient(135deg, var(--sj-primary) 0%, var(--sj-primary-dark) 100%);\n  border-radius: var(--sj-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.sj-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.sj-disclaimer {\n  font-size: 12px;\n  color: var(--sj-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  .sj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sj-card {\n    padding: 1.125rem;\n  }\n\n  .sj-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sj-radius-sm);\n  }\n\n  .sj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sj-grid-compact {\n    gap: .625rem;\n  }\n\n  .sj-grid-compact .sj-card {\n    padding: .75rem;\n  }\n\n  .sj-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sj-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sj-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sj-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sj-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .sj-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .sj-testimonial {\n    padding: 1.25rem;\n  }\n\n  .sj-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sj-card {\n    animation: sjFadeInUp .5s ease backwards;\n  }\n  .sj-card:nth-child(1) { animation-delay: .05s; }\n  .sj-card:nth-child(2) { animation-delay: .1s; }\n  .sj-card:nth-child(3) { animation-delay: .15s; }\n  .sj-card:nth-child(4) { animation-delay: .2s; }\n  .sj-card:nth-child(5) { animation-delay: .25s; }\n  .sj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sjFadeInUp {\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  .sj-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":55219485180281,"sku":"LS0280","price":13.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silajambe-100-ml-labo-sante-silice-packshothd_c097d3dc-b740-4b05-98cf-ec961621ddfa.webp?v=1775151920"},{"product_id":"silargent-500-ml-labo-sante-silice","title":"Sil'Argent - antiseptique naturel 500ml - Labo Santé Silice","description":"\u003cdiv class=\"sila-premium\"\u003e\n  \u003cdiv class=\"sila-hero\"\u003e\n    \u003cdiv class=\"sila-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sila-hero-content\"\u003e\n      \u003cdiv class=\"sila-badges-top\"\u003e\n        \u003cspan class=\"sila-badge\"\u003e🌿 Silicium organique\u003c\/span\u003e\n        \u003cspan class=\"sila-badge\"\u003e💧 Argent colloïdal 20 PPM\u003c\/span\u003e\n        \u003cspan class=\"sila-badge\"\u003e🧪 Labo Santé Silice\u003c\/span\u003e\n        \u003cspan class=\"sila-badge\"\u003e🇫🇷 Dr. Saubens\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sila-hero-title\"\u003eSil'Argent 500 ml\u003c\/span\u003e\n      \u003cp class=\"sila-subtitle\"\u003eAntiseptique naturel · Silicium organique de prêle + Argent colloïdal\u003c\/p\u003e\n      \u003cp class=\"sila-description\"\u003eUne lotion douce et polyvalente qui associe la richesse de la prêle en silice naturelle à la puissance assainissante de l'argent colloïdal. Le geste naturel à garder précieusement dans votre armoire à pharmacie.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"sila-section\"\u003e\n    \u003ch2\u003eSil'Argent : un duo d'actifs naturels reconnus\u003c\/h2\u003e\n    \u003cp class=\"sila-section-intro\"\u003eLa force de cette lotion repose sur la synergie entre deux ingrédients phares de la phytothérapie et de la cosmétique naturelle.\u003c\/p\u003e\n    \u003cdiv class=\"sila-grid\"\u003e\n      \u003cdiv class=\"sila-card\"\u003e\n        \u003ch3\u003e🌱 Silicium organique de prêle\u003c\/h3\u003e\n        \u003cp\u003eLa prêle est l'une des plantes les plus riches en silice naturelle. Le silicium organique participe au maintien de la souplesse, de la tonicité et de la résistance de la fibre de collagène, élément clé d'une peau bien structurée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sila-card\"\u003e\n        \u003ch3\u003e✨ Action sur l'élasticité\u003c\/h3\u003e\n        \u003cp\u003eParmi les bienfaits du silicium organique, on retrouve son action sur l'élasticité cutanée et son rôle de soutien des tissus conjonctifs, pour une peau plus tonique au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sila-card\"\u003e\n        \u003ch3\u003e💧 Argent colloïdal 20 PPM\u003c\/h3\u003e\n        \u003cp\u003eÀ cette concentration optimale, l'argent colloïdal est traditionnellement utilisé pour ses propriétés antibactériennes et antiseptiques naturelles. Il aide à assainir la zone appliquée et accompagne le processus naturel de cicatrisation cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sila-section\"\u003e\n    \u003ch2\u003ePour quelles utilisations cutanées ?\u003c\/h2\u003e\n    \u003cp class=\"sila-section-intro\"\u003eSil'Argent s'adapte à de nombreux petits maux du quotidien, en application locale.\u003c\/p\u003e\n    \u003cdiv class=\"sila-grid-compact\"\u003e\n      \u003cdiv class=\"sila-card\"\u003e\n        \u003ch3\u003e🩹 Plaies superficielles\u003c\/h3\u003e\n        \u003cp\u003ePetites coupures et égratignures du quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sila-card\"\u003e\n        \u003ch3\u003e☀️ Brûlures légères\u003c\/h3\u003e\n        \u003cp\u003eCoups de soleil et petites brûlures superficielles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sila-card\"\u003e\n        \u003ch3\u003e💠 Imperfections \u0026amp; acné\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour les peaux à tendance grasse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sila-card\"\u003e\n        \u003ch3\u003e🌿 Eczéma \u0026amp; irritations\u003c\/h3\u003e\n        \u003cp\u003eApaise les zones sujettes aux inconforts.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sila-card\"\u003e\n        \u003ch3\u003e🔄 Cicatrisation\u003c\/h3\u003e\n        \u003cp\u003eSoutient le processus naturel de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sila-card\"\u003e\n        \u003ch3\u003e📦 Format 500 ml\u003c\/h3\u003e\n        \u003cp\u003eEn cure ou de manière ponctuelle selon vos besoins.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sila-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"sila-timeline\"\u003e\n      \u003cdiv class=\"sila-timeline-item\"\u003e\n        \u003cdiv class=\"sila-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sila-timeline-content\"\u003e\n          \u003ch3\u003ePréparez une compresse propre\u003c\/h3\u003e\n          \u003cp\u003eSil'Argent s'utilise en usage externe uniquement. Imbibez une compresse propre du produit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sila-timeline-item\"\u003e\n        \u003cdiv class=\"sila-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sila-timeline-content\"\u003e\n          \u003ch3\u003eAppliquez localement\u003c\/h3\u003e\n          \u003cp\u003eTamponnez la zone concernée une à plusieurs fois par jour selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sila-timeline-item\"\u003e\n        \u003cdiv class=\"sila-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sila-timeline-content\"\u003e\n          \u003ch3\u003eRespectez les précautions\u003c\/h3\u003e\n          \u003cp\u003eÉvitez le contact avec les yeux. Ne pas utiliser sur des plaies profondes ou infectées sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sila-tip\"\u003e\n      \u003cspan class=\"sila-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003eTenir hors de portée des enfants. Ce produit ne se substitue pas à un traitement médical : en cas de doute, de plaie importante ou de symptômes persistants, consultez votre médecin ou votre pharmacien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sila-section\"\u003e\n    \u003ch2\u003eComposition complète\u003c\/h2\u003e\n    \u003cdiv class=\"sila-testimonial\"\u003e\n      \u003cp class=\"sila-testimonial-text\"\u003eEau florale de Reine des prés, glycérine végétale, eau, vinaigre de cidre, cassis plante, anti-agglomérant : dioxyde de silicium, acide malique, prêle plante, acide tartrique, argent (colloïdal – Pharmacopée Européenne).\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sila-disclaimer\"\u003eUne formule courte, lisible et d'origine naturelle, sans parfum de synthèse ajouté.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sila-section\"\u003e\n    \u003ch2\u003eVos interrogations sur le silicium organique\u003c\/h2\u003e\n    \u003cdiv class=\"sila-accordion\"\u003e\n      \u003cdetails class=\"sila-accordion-item\"\u003e\n        \u003csummary class=\"sila-accordion-header\"\u003e🌿 Quels sont les bienfaits du silicium organique sur la peau ?\u003c\/summary\u003e\n        \u003cdiv class=\"sila-accordion-content mt-3\"\u003e\n          \u003cp\u003eIl contribue au maintien de la structure et de l'élasticité cutanée en soutenant la fibre de collagène. Associé à l'argent colloïdal dans Sil'Argent, il participe au confort des peaux fragilisées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sila-accordion-item\"\u003e\n        \u003csummary class=\"sila-accordion-header\"\u003e⚠️ Y a-t-il un danger avec le silicium organique ?\u003c\/summary\u003e\n        \u003cdiv class=\"sila-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn usage externe et aux dosages préconisés, le silicium organique est généralement bien toléré. Comme pour tout produit cosmétique, réalisez un test dans le pli du coude avant la première utilisation, surtout en cas de peau réactive ou allergique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sila-accordion-item\"\u003e\n        \u003csummary class=\"sila-accordion-header\"\u003e📅 Peut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n        \u003cdiv class=\"sila-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, en application locale ciblée. Adaptez la fréquence à la sensibilité de votre peau et à la zone traitée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sila-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"sila-cta-box\"\u003e\n      \u003cp\u003eAvec Sil'Argent 500 ml du Labo Santé Silice, vous adoptez un geste naturel, simple et polyvalent pour soutenir la beauté et le confort de votre peau au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sila-cream: #f4fbfb;\n  --sila-white: #ffffff;\n  --sila-primary: #5fc4c4;\n  --sila-primary-dark: #2c8a8a;\n  --sila-primary-light: #e6f6f6;\n  --sila-secondary: #a89bd4;\n  --sila-accent: #f4a3a3;\n  --sila-text: #1a1a1a;\n  --sila-text-light: #5a5a5a;\n  --sila-border: #d8ecec;\n  --sila-shadow: 0 4px 24px rgba(44,138,138,.10);\n  --sila-shadow-lg: 0 12px 48px rgba(44,138,138,.18);\n  --sila-radius: 20px;\n  --sila-radius-sm: 12px;\n}\n\n.sila-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sila-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--sila-text);\n}\n\n.sila-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5fc4c4 0%, #7fb8d4 50%, #a89bd4 100%);\n  border-radius: var(--sila-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(--sila-shadow-lg);\n}\n\n.sila-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image:\n    radial-gradient(circle at 15% 30%, rgba(255,255,255,.4) 0, rgba(255,255,255,0) 80px),\n    radial-gradient(circle at 85% 70%, rgba(255,255,255,.3) 0, rgba(255,255,255,0) 100px),\n    radial-gradient(circle at 50% 100%, rgba(168,155,212,.5) 0, rgba(168,155,212,0) 120px);\n  opacity: .35;\n}\n\n.sila-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sila-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.sila-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  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.sila-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto;\n}\n\n.sila-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sila-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(--sila-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sila-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.sila-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sila-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sila-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.sila-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(--sila-primary), var(--sila-secondary));\n  border-radius: 2px;\n}\n\n.sila-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sila-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.6;\n}\n\n.sila-card {\n  background: var(--sila-white);\n  border-radius: var(--sila-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sila-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sila-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sila-shadow-lg);\n  border-color: var(--sila-primary);\n}\n\n.sila-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sila-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sila-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sila-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sila-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.sila-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n}\n\n.sila-grid-compact .sila-card {\n  padding: 1rem;\n}\n\n.sila-grid-compact .sila-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sila-grid-compact .sila-card p {\n  font-size: 12.5px;\n}\n\n.sila-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sila-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sila-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sila-primary), var(--sila-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(95,196,196,.4);\n}\n\n.sila-timeline-content {\n  flex: 1;\n  background: var(--sila-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sila-radius-sm);\n  box-shadow: var(--sila-shadow);\n}\n\n.sila-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sila-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sila-timeline-content p {\n  font-size: 14px;\n  color: var(--sila-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.sila-testimonial {\n  background: var(--sila-white);\n  border-radius: var(--sila-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sila-shadow);\n  border-left: 4px solid var(--sila-primary);\n}\n\n.sila-testimonial-text {\n  font-size: clamp(14px, 2.3vw, 16px);\n  color: var(--sila-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.sila-accordion {\n  background: var(--sila-white);\n  border-radius: var(--sila-radius);\n  box-shadow: var(--sila-shadow);\n  overflow: hidden;\n}\n\n.sila-accordion-item {\n  border-bottom: 1px solid var(--sila-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sila-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sila-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sila-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.sila-accordion-header:hover {\n  background: var(--sila-primary-light);\n}\n\n.sila-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sila-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--sila-primary);\n  transition: transform .2s ease;\n  margin-left: 1rem;\n}\n\n.sila-accordion-item[open] .sila-accordion-header::after {\n  content: '−';\n}\n\n.sila-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sila-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sila-accordion-content p {\n  margin: 0;\n}\n\n.sila-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sila-primary-light);\n  border-radius: var(--sila-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--sila-accent);\n}\n\n.sila-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sila-tip p {\n  font-size: 14px;\n  color: var(--sila-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sila-cta-box {\n  background: linear-gradient(135deg, var(--sila-primary) 0%, var(--sila-primary-dark) 100%);\n  border-radius: var(--sila-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--sila-shadow-lg);\n}\n\n.sila-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.sila-disclaimer {\n  font-size: 12px;\n  color: var(--sila-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .sila-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .sila-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n  .sila-grid-compact .sila-card {\n    padding: .75rem;\n  }\n  .sila-card {\n    padding: 1.125rem;\n  }\n  .sila-section {\n    margin-bottom: 1.75rem;\n  }\n  .sila-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sila-radius-sm);\n  }\n  .sila-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .sila-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .sila-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .sila-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .sila-timeline-content h3 {\n    font-size: 14px;\n  }\n  .sila-timeline-content p {\n    font-size: 13px;\n  }\n  .sila-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .sila-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .sila-testimonial {\n    padding: 1.25rem;\n  }\n  .sila-testimonial-text {\n    font-size: 13.5px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .sila-card {\n    animation: silaFadeInUp .5s ease backwards;\n  }\n  .sila-card:nth-child(1) { animation-delay: .05s; }\n  .sila-card:nth-child(2) { animation-delay: .1s; }\n  .sila-card:nth-child(3) { animation-delay: .15s; }\n  .sila-card:nth-child(4) { animation-delay: .2s; }\n  .sila-card:nth-child(5) { animation-delay: .25s; }\n  .sila-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes silaFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sila-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":55219525747065,"sku":"LS0290","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silargent-antiseptique-naturel-500ml-labo-sante-silice-packshothd.webp?v=1778231218"},{"product_id":"silharpagel-bio-100-ml-labo-sante-silice","title":"Silharpagel Certifié Bio - 100 ml - Labo Santé Silice","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Silharpagel Certifié Bio - 100 ml - Labo Santé Silice\nPalette détectée:\n  - Primaire: #E8911A (orange doré du packaging, couleur dominante de l'étiquette)\n  - Secondaire: #D4740E (orange foncé, texte \"Articulaire Musculaire\")\n  - Accent: #4A9E3F (vert bio, label COSMOS ORGANIC)\nAmbiance: Naturel\/bio, bien-être articulaire, phytothérapie, soin corporel, packaging épuré et lumineux\nPréfixe CSS: shg\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Quels sont les bienfaits de Silharpagel ?\"\n  2. \"Comment utiliser Silharpagel ?\"\n  3. \"Composition, origine et qualité\"\n  4. \"Silharpagel avis, effets indésirables et précautions\"\n  5. \"Combien de temps pour voir les effets ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"shg-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"shg-hero\"\u003e\n    \u003cdiv class=\"shg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"shg-hero-content\"\u003e\n      \u003cdiv class=\"shg-badges-top\"\u003e\n        \u003cspan class=\"shg-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n        \u003cspan class=\"shg-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"shg-badge\"\u003e🧴 100 ml\u003c\/span\u003e\n        \u003cspan class=\"shg-badge\"\u003e🐇 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"shg-hero-title\"\u003eSilharpagel Certifié Bio\u003c\/span\u003e\n      \u003cp class=\"shg-subtitle\"\u003eGel articulaire \u0026amp; musculaire au silicium végétal\u003c\/p\u003e\n      \u003cp class=\"shg-description\"\u003eUn gel bio apaisant formulé à base de silicium, harpagophytum, arnica, romarin et boswellia pour accompagner votre confort articulaire au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"shg-section\"\u003e\n    \u003ch2\u003eQuels sont les bienfaits de Silharpagel ?\u003c\/h2\u003e\n    \u003cdiv class=\"shg-grid\"\u003e\n      \u003cdiv class=\"shg-card\"\u003e\n        \u003ch3\u003e🦵 Soutient la souplesse et la mobilité\u003c\/h3\u003e\n        \u003cp\u003eLe silicium issu de la reine-des-prés contribue à renforcer les tissus conjonctifs, essentiels pour des articulations souples et mobiles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shg-card\"\u003e\n        \u003ch3\u003e🌿 Effet apaisant sur les zones sensibles\u003c\/h3\u003e\n        \u003cp\u003eL'harpagophytum et l'arnica, deux plantes incontournables en phytothérapie, participent à apaiser les sensations d'inconfort et de raideur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shg-card\"\u003e\n        \u003ch3\u003e💆 Formule anti-inconfort\u003c\/h3\u003e\n        \u003cp\u003eLe romarin et la boswellia, connus pour leurs propriétés naturelles anti-inflammatoires, accompagnent le soulagement des tensions musculaires ou articulaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shg-card\"\u003e\n        \u003ch3\u003e🌱 Certifié biologique, naturel et vegan\u003c\/h3\u003e\n        \u003cp\u003eÉlaboré à partir d'ingrédients issus de l'agriculture biologique, sans additifs controversés ni résidus chimiques. 99% d'origine naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"shg-tip\"\u003e\n      \u003cspan class=\"shg-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eUtilisé régulièrement en massage local, ce gel bio s'intègre facilement à une routine de bien-être, notamment en cas d'activité physique, de sollicitation articulaire ou de gênes passagères liées à l'âge ou au mode de vie.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"shg-section\"\u003e\n    \u003ch2\u003eComment utiliser Silharpagel ?\u003c\/h2\u003e\n    \u003cdiv class=\"shg-timeline\"\u003e\n      \u003cdiv class=\"shg-timeline-item\"\u003e\n        \u003cdiv class=\"shg-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"shg-timeline-content\"\u003e\n          \u003ch3\u003eApplication locale\u003c\/h3\u003e\n          \u003cp\u003eAppliquez une noisette de gel sur la zone concernée (genoux, coudes, dos, poignets, etc.), puis massez doucement jusqu'à pénétration complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shg-timeline-item\"\u003e\n        \u003cdiv class=\"shg-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"shg-timeline-content\"\u003e\n          \u003ch3\u003eFréquence recommandée\u003c\/h3\u003e\n          \u003cp\u003e2 à 3 fois par jour, ou dès que le besoin se fait sentir, pour un confort optimal au quotidien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shg-timeline-item\"\u003e\n        \u003cdiv class=\"shg-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"shg-timeline-content\"\u003e\n          \u003ch3\u003eAstuce pour un effet renforcé\u003c\/h3\u003e\n          \u003cp\u003eUtilisez le gel après une douche chaude ou avant une activité physique douce, en complément d'une alimentation équilibrée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"shg-tip\"\u003e\n      \u003cspan class=\"shg-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003eCe gel ne tache pas, ne colle pas, et laisse une agréable sensation de fraîcheur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"shg-section\"\u003e\n    \u003ch2\u003eComposition, origine et qualité\u003c\/h2\u003e\n    \u003cp class=\"shg-section-intro\"\u003eUne synergie de plantes bio soigneusement sélectionnées pour leur action sur le confort articulaire et musculaire.\u003c\/p\u003e\n    \u003cdiv class=\"shg-grid\"\u003e\n      \u003cdiv class=\"shg-card\"\u003e\n        \u003ch3\u003e🌾 Silicium d'origine végétale\u003c\/h3\u003e\n        \u003cp\u003eIssu de la reine-des-prés, il contribue à la régénération naturelle des tissus articulaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shg-card\"\u003e\n        \u003ch3\u003e🌿 Harpagophytum\u003c\/h3\u003e\n        \u003cp\u003eReconnu pour son effet apaisant sur les inconforts articulaires, c'est une référence en phytothérapie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shg-card\"\u003e\n        \u003ch3\u003e🌼 Arnica\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisée pour atténuer les bleus et les sensibilités musculaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shg-card\"\u003e\n        \u003ch3\u003e🌿 Romarin \u0026amp; Boswellia\u003c\/h3\u003e\n        \u003cp\u003ePlantes réputées pour leurs actions anti-raideur et anti-inflammatoire naturelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shg-card\"\u003e\n        \u003ch3\u003e💜 Lavande \u0026amp; Propolis\u003c\/h3\u003e\n        \u003cp\u003eApaisent et protègent la peau tout en offrant une agréable sensation lors de l'application.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"shg-certif-box\"\u003e\n      \u003cp\u003eCertifié \u003cstrong\u003eCOSMOS ORGANIC\u003c\/strong\u003e par Ecocert, contrôlé par Bureau Veritas. \u003cstrong\u003e34% bio du total, 99% d'origine naturelle.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"shg-accordion\"\u003e\n      \u003cdetails class=\"shg-accordion-item\"\u003e\n        \u003csummary class=\"shg-accordion-header\"\u003e📋 Composition complète (INCI)\u003c\/summary\u003e\n        \u003cdiv class=\"shg-accordion-content mt-3\"\u003e\n          \u003cp\u003eSpirea ulmaria extract*, Alcohol**, Glycerin, Calendula officinalis flower extract*, Vinegar cider*, Rosmarinus officinalis flower oil*, Microcrystallin cellulose gum, Carrageenan, Silica, Harpagophytum procumbens*, Arnica montana*, Limonene***, Boswellia carterii gum oil*, Salicylic acid, Lavandula angustifolia oil*, Linalol***, Propolis*, Geraniol***.\u003c\/p\u003e\n          \u003cp style=\"margin-top:.5rem;font-size:12px;\"\u003e* Ingrédients issus de l'agriculture biologique\u003cbr\u003e** Transformés à partir d'ingrédients biologiques\u003cbr\u003e*** Naturellement présents dans les huiles essentielles\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"shg-section\"\u003e\n    \u003ch2\u003eSilharpagel avis, effets indésirables et précautions\u003c\/h2\u003e\n    \u003cdiv class=\"shg-testimonial\"\u003e\n      \u003cp class=\"shg-testimonial-text\"\u003e\"Silharpagel recueille des retours très positifs pour son effet frais immédiat et sa texture non collante, appréciée lors des massages quotidiens. Beaucoup signalent une sensation de confort retrouvée sur les zones raides ou sollicitées.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"shg-accordion\"\u003e\n      \u003cdetails class=\"shg-accordion-item\"\u003e\n        \u003csummary class=\"shg-accordion-header\"\u003e⚠️ Effets secondaires \u0026amp; contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"shg-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas utiliser chez les enfants de moins de 3 ans, ni chez les personnes allergiques aux dérivés salicylés, ni chez les personnes sous anticoagulants. Usage réservé à l'adulte.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"shg-accordion-item\"\u003e\n        \u003csummary class=\"shg-accordion-header\"\u003e🛡️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"shg-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas appliquer sur une peau lésée ou irritée, ni sur les muqueuses. Usage externe uniquement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"shg-accordion-item\"\u003e\n        \u003csummary class=\"shg-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"shg-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit ne remplace pas un traitement médical et ne dispense pas d'un suivi par un professionnel de santé en cas de douleurs chroniques ou persistantes. Pour toute question, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"shg-section\"\u003e\n    \u003ch2\u003eCombien de temps pour voir les effets ?\u003c\/h2\u003e\n    \u003cdiv class=\"shg-result-box\"\u003e\n      \u003cdiv class=\"shg-result-grid\"\u003e\n        \u003cdiv class=\"shg-result-card\"\u003e\n          \u003cspan class=\"shg-result-icon\"\u003e⚡\u003c\/span\u003e\n          \u003ch3\u003eEffet immédiat\u003c\/h3\u003e\n          \u003cp\u003eSensation de confort et de fraîcheur dès la première application sur la zone concernée.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"shg-result-card\"\u003e\n          \u003cspan class=\"shg-result-icon\"\u003e📅\u003c\/span\u003e\n          \u003ch3\u003eSoutien durable\u003c\/h3\u003e\n          \u003cp\u003ePour un effet prolongé, appliquez le gel régulièrement sur plusieurs jours ou semaines, selon vos besoins et votre sensibilité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"shg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"shg-cta-box\"\u003e\n      \u003cp\u003e🌿 Retrouvez mobilité et confort articulaire grâce à la puissance des plantes bio.\u003cbr\u003eSilharpagel — votre allié naturel au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"shg-disclaimer\"\u003eLes compléments et soins naturels ne se substituent pas à une alimentation variée et équilibrée ni à un suivi médical. Consultez un professionnel de santé si nécessaire.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --shg-cream: #FDF8F2;\n  --shg-white: #ffffff;\n  --shg-primary: #E8911A;\n  --shg-primary-dark: #B5700F;\n  --shg-primary-light: #FFF3E0;\n  --shg-secondary: #D4740E;\n  --shg-accent: #4A9E3F;\n  --shg-text: #1a1a1a;\n  --shg-text-light: #5a5a5a;\n  --shg-border: #e8ddd0;\n  --shg-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --shg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --shg-radius: 20px;\n  --shg-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.shg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--shg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.shg-hero {\n  position: relative;\n  background: linear-gradient(135deg, #E8911A 0%, #D4740E 50%, #B5700F 100%);\n  border-radius: var(--shg-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(--shg-shadow-lg);\n}\n\n.shg-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 50%),\n              radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.shg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.shg-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.shg-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.shg-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.shg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.shg-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(--shg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.shg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.shg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.shg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--shg-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.shg-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(--shg-primary), var(--shg-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.shg-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--shg-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.shg-card {\n  background: var(--shg-white);\n  border-radius: var(--shg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--shg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.shg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--shg-shadow-lg);\n  border-color: var(--shg-primary);\n}\n\n.shg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--shg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.shg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--shg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.shg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.shg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.shg-grid-compact .shg-card {\n  padding: 1rem;\n}\n\n.shg-grid-compact .shg-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.shg-grid-compact .shg-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.shg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.shg-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.shg-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--shg-primary), var(--shg-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.shg-timeline-content {\n  flex: 1;\n  background: var(--shg-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--shg-radius-sm);\n  box-shadow: var(--shg-shadow);\n}\n\n.shg-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--shg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.shg-timeline-content p {\n  font-size: 14px;\n  color: var(--shg-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.shg-testimonial {\n  background: var(--shg-white);\n  border-radius: var(--shg-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--shg-shadow);\n  border-left: 4px solid var(--shg-primary);\n  margin-bottom: 1.25rem;\n}\n\n.shg-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--shg-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.shg-accordion {\n  background: var(--shg-white);\n  border-radius: var(--shg-radius);\n  box-shadow: var(--shg-shadow);\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.shg-accordion-item {\n  border-bottom: 1px solid var(--shg-border);\n  margin: 0;\n  padding: 0;\n}\n\n.shg-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.shg-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--shg-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.shg-accordion-header:hover {\n  background: var(--shg-primary-light);\n}\n\n.shg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.shg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--shg-primary);\n  transition: transform .2s ease;\n}\n\n.shg-accordion-item[open] .shg-accordion-header::after {\n  content: '−';\n}\n\n.shg-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--shg-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.shg-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.shg-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--shg-primary-light);\n  border-radius: var(--shg-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.shg-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.shg-tip p {\n  font-size: 14px;\n  color: var(--shg-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CERTIF BOX === *\/\n.shg-certif-box {\n  background: linear-gradient(135deg, var(--shg-primary-light) 0%, #e8f5e9 100%);\n  border-radius: var(--shg-radius-sm);\n  padding: 1rem 1.25rem;\n  text-align: center;\n  margin-top: 1.25rem;\n  border: 2px solid var(--shg-accent);\n}\n\n.shg-certif-box p {\n  font-size: 14px;\n  color: var(--shg-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === RESULT BOX === *\/\n.shg-result-box {\n  margin-top: .5rem;\n}\n\n.shg-result-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.shg-result-card {\n  background: var(--shg-white);\n  border-radius: var(--shg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--shg-shadow);\n  text-align: center;\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.shg-result-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--shg-shadow-lg);\n  border-color: var(--shg-primary);\n}\n\n.shg-result-icon {\n  font-size: 36px;\n  display: block;\n  margin-bottom: .75rem;\n}\n\n.shg-result-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--shg-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.shg-result-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--shg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.shg-cta-box {\n  background: linear-gradient(135deg, var(--shg-primary) 0%, var(--shg-primary-dark) 100%);\n  border-radius: var(--shg-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.shg-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.shg-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.shg-disclaimer {\n  font-size: 12px;\n  color: var(--shg-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  .shg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .shg-card {\n    padding: 1.125rem;\n  }\n\n  .shg-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .shg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--shg-radius-sm);\n  }\n\n  .shg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .shg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .shg-grid-compact {\n    gap: .625rem;\n  }\n\n  .shg-grid-compact .shg-card {\n    padding: .75rem;\n  }\n\n  .shg-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .shg-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .shg-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .shg-timeline-content p {\n    font-size: 13px;\n  }\n\n  .shg-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .shg-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .shg-testimonial {\n    padding: 1.25rem;\n  }\n\n  .shg-testimonial-text {\n    font-size: 14px;\n  }\n\n  .shg-result-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .shg-result-card {\n    padding: 1.125rem;\n  }\n\n  .shg-certif-box {\n    padding: .875rem 1rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .shg-card,\n  .shg-result-card {\n    animation: shgFadeInUp .5s ease backwards;\n  }\n  .shg-card:nth-child(1),\n  .shg-result-card:nth-child(1) { animation-delay: .05s; }\n  .shg-card:nth-child(2),\n  .shg-result-card:nth-child(2) { animation-delay: .1s; }\n  .shg-card:nth-child(3) { animation-delay: .15s; }\n  .shg-card:nth-child(4) { animation-delay: .2s; }\n  .shg-card:nth-child(5) { animation-delay: .25s; }\n  .shg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes shgFadeInUp {\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  .shg-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":55219696501113,"sku":"LS0315","price":15.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silharpagel-certifie-bio-100-ml-labo-sante-silice-packshothd.webp?v=1775151886"},{"product_id":"flexilium-buvable-bio-250-ml-lt-labo","title":"Flexilium Buvable Bio 250ml – Articulations, mobilité \u0026 confort – LT Labo","description":"\u003cdiv class=\"flx-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"flx-hero\"\u003e\n    \u003cdiv class=\"flx-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"flx-hero-content\"\u003e\n      \u003cdiv class=\"flx-badges-top\"\u003e\n        \u003cspan class=\"flx-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n        \u003cspan class=\"flx-badge\"\u003e🧪 2× plus concentré\u003c\/span\u003e\n        \u003cspan class=\"flx-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"flx-badge\"\u003e🇫🇷 Ortie sauvage française\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"flx-hero-title\"\u003eFlexilium Buvable Bio 250 ml\u003c\/span\u003e\n      \u003cp class=\"flx-subtitle\"\u003eSilicium végétal concentré – Bambou, Ortie, Harpagophytum \u0026amp; Cassis\u003c\/p\u003e\n      \u003cp class=\"flx-description\"\u003eMobilité, flexibilité et souplesse articulaire au quotidien. Formule bio, concentrée et hautement biodisponible par LT Labo.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003eFlexilium Buvable Bio : le silicium végétal concentré pour vos articulations\u003c\/h2\u003e\n    \u003cp class=\"flx-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire pour les articulations\u003c\/strong\u003e vraiment efficace, naturel et respectueux de votre corps ?\u003c\/p\u003e\n    \u003cdiv class=\"flx-grid-compact\"\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🌿 Silicium végétal\u003c\/h3\u003e\n        \u003cp\u003eExtrait d'ortie sauvage française et de bambou, 100 % d'origine végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🔬 2× concentré\u003c\/h3\u003e\n        \u003cp\u003eFormule hautement dosée pour une efficacité renforcée à chaque prise\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e✅ Certifié Bio\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique certifiée, sans silicium de synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🌱 100 % Vegan\u003c\/h3\u003e\n        \u003cp\u003eConvient aux régimes 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!-- SECTION 2 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003ePourquoi le silicium végétal est essentiel pour vos articulations\u003c\/h2\u003e\n    \u003cdiv class=\"flx-testimonial\"\u003e\n      \u003cp class=\"flx-testimonial-text\"\u003eLe silicium pour les articulations n'est pas un effet de mode : c'est un oligo-élément naturellement présent dans les tissus conjonctifs, les os et le cartilage. Avec l'âge, nos réserves diminuent, entraînant raideurs et perte de souplesse.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"flx-grid\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🦴 Tissus conjonctifs\u003c\/h3\u003e\n        \u003cp\u003eLe silicium participe à la synthèse naturelle du \u003cstrong\u003ecollagène\u003c\/strong\u003e, protéine indispensable à la résistance de vos articulations\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e✨ Élasticité\u003c\/h3\u003e\n        \u003cp\u003eFavorise la production d'\u003cstrong\u003eélastine\u003c\/strong\u003e, essentielle à l'élasticité et à la souplesse articulaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🌾 100 % végétal\u003c\/h3\u003e\n        \u003cp\u003eExtrait d'\u003cstrong\u003eortie sauvage française\u003c\/strong\u003e et de \u003cstrong\u003ebambou\u003c\/strong\u003e, sans aucun silicium de synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003eDes actifs reconnus pour le confort articulaire\u003c\/h2\u003e\n    \u003cdiv class=\"flx-grid\"\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🎋 Ortie \u0026amp; bambou\u003c\/h3\u003e\n        \u003cp\u003eSoutiennent la régénération des tissus conjonctifs et la santé osseuse. Le bambou apporte \u003cstrong\u003e101 mg de silice\u003c\/strong\u003e par dose journalière.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🌺 Harpagophytum\u003c\/h3\u003e\n        \u003cp\u003eTitré à \u003cstrong\u003e2,7 % d'harpagosides\u003c\/strong\u003e, cette plante africaine est l'un des ingrédients les plus étudiés en phytothérapie articulaire. Apaise les gênes et favorise la mobilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🫐 Cassis\u003c\/h3\u003e\n        \u003cp\u003eRiche en \u003cstrong\u003eantioxydants\u003c\/strong\u003e, il protège les cellules contre le stress oxydatif et soutient le confort articulaire global.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003eComposition détaillée – pour 15 ml (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"flx-grid\"\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🌿 Feuilles d'ortie\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e2000 mg\u003c\/strong\u003e (EPS*) — Source majeure de silicium végétal d'origine française\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🎋 Extrait de bambou\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e144 mg\u003c\/strong\u003e (EPS 1440 mg) dont \u003cstrong\u003e101 mg de silice\u003c\/strong\u003e — Haute teneur en silicium\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🌺 Extrait d'harpagophytum\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e51 mg\u003c\/strong\u003e (EPS 127,5 mg) dont \u003cstrong\u003e1,38 mg d'harpagosides\u003c\/strong\u003e — Titrage optimal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🫐 Jus de cassis concentré\u003c\/h3\u003e\n        \u003cp\u003eRiche en polyphénols et antioxydants naturels pour protéger vos cellules\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e💧 Eau du Vercors\u003c\/h3\u003e\n        \u003cp\u003eEau pure d'origine naturelle, base de la formulation\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🌱 Glycérine végétale\u003c\/h3\u003e\n        \u003cp\u003eExcipient d'origine végétale pour une texture agréable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"flx-tip\"\u003e\n      \u003cspan class=\"flx-tip-icon\"\u003eℹ️\u003c\/span\u003e\n      \u003cp\u003e*EPS = Équivalent Plante Sèche. \u003cstrong\u003eSans conservateurs, colorants, arômes artificiels ni sucres ajoutés.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003eComment prendre Flexilium buvable ?\u003c\/h2\u003e\n    \u003cdiv class=\"flx-timeline\"\u003e\n      \u003cdiv class=\"flx-timeline-item\"\u003e\n        \u003cdiv class=\"flx-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"flx-timeline-content\"\u003e\n          \u003ch3\u003eBien agiter\u003c\/h3\u003e\n          \u003cp\u003eAgitez le flacon avant chaque utilisation pour homogénéiser les actifs végétaux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-timeline-item\"\u003e\n        \u003cdiv class=\"flx-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"flx-timeline-content\"\u003e\n          \u003ch3\u003e10 à 15 ml par jour\u003c\/h3\u003e\n          \u003cp\u003eSoit \u003cstrong\u003e2 à 3 cuillères à café\u003c\/strong\u003e, pur ou dilué dans un verre d'eau ou une boisson végétale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-timeline-item\"\u003e\n        \u003cdiv class=\"flx-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"flx-timeline-content\"\u003e\n          \u003ch3\u003eCure de 1 à 3 mois\u003c\/h3\u003e\n          \u003cp\u003eRenouvelable. Idéale aux \u003cstrong\u003echangements de saison\u003c\/strong\u003e ou lors de périodes de sollicitation articulaire intense (sport, travail physique, météo froide).\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=\"flx-section\"\u003e\n    \u003ch2\u003eQuel complément alimentaire choisir pour les articulations ?\u003c\/h2\u003e\n    \u003cp class=\"flx-section-intro\"\u003eFace à la multitude de produits disponibles, vous vous demandez peut-être \u003cstrong\u003esi Flexilium fait partie des meilleurs compléments alimentaires pour les articulations\u003c\/strong\u003e. Oui, et voici pourquoi :\u003c\/p\u003e\n    \u003cdiv class=\"flx-grid\"\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🎯 Approche globale\u003c\/h3\u003e\n        \u003cp\u003eAssocie \u003cstrong\u003esilicium végétal, harpagophytum et cassis\u003c\/strong\u003e pour agir simultanément sur la souplesse, la mobilité et le confort\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🏅 Certification bio\u003c\/h3\u003e\n        \u003cp\u003eFormat concentré et composition transparente pour un choix de confiance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🌍 Naturellement efficace\u003c\/h3\u003e\n        \u003cp\u003ePrenez soin de vos articulations naturellement, sans compromis sur la qualité ni la traçabilité\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"flx-accordion\"\u003e\n      \u003cdetails class=\"flx-accordion-item\"\u003e\n        \u003csummary class=\"flx-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"flx-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de 15 ml.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"flx-accordion-item\"\u003e\n        \u003csummary class=\"flx-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"flx-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux enfants de moins de 15 ans, aux femmes enceintes ou allaitantes, et aux personnes souffrant d'ulcères ou de calculs biliaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"flx-accordion-item\"\u003e\n        \u003csummary class=\"flx-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"flx-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver au réfrigérateur après ouverture et consommer sous 25 jours.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"flx-accordion-item\"\u003e\n        \u003csummary class=\"flx-accordion-header\"\u003e💊 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"flx-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe 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. En cas de doute, demandez l'avis de votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 8 --\u003e\n  \u003csection class=\"flx-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eNotre avis sur Flexilium Buvable Bio\u003c\/h2\u003e\n    \u003cdiv class=\"flx-cta-box\"\u003e\n      \u003cp\u003eFlexilium est un \u003cstrong\u003ecomplément articulations\u003c\/strong\u003e complet, bien formulé et agréable à prendre. Son format buvable concentré offre une excellente biodisponibilité et simplifie la routine quotidienne. Que vous soyez sportif, actif ou simplement soucieux de préserver votre mobilité avec l'âge, c'est une valeur sûre en cure régulière. 💪\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"flx-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  --flx-cream: #f4f7f5;\n  --flx-white: #ffffff;\n  --flx-primary: #1b6ca8;\n  --flx-primary-dark: #0e4a75;\n  --flx-primary-light: #e8f2fa;\n  --flx-secondary: #4aae5b;\n  --flx-accent: #2d8f3e;\n  --flx-text: #1a1a1a;\n  --flx-text-light: #5a5a5a;\n  --flx-border: #dde8e2;\n  --flx-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --flx-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --flx-radius: 20px;\n  --flx-radius-sm: 12px;\n}\n\n.flx-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--flx-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.flx-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0e4a75 0%, #1b6ca8 40%, #4aae5b 100%);\n  border-radius: var(--flx-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(--flx-shadow-lg);\n}\n\n.flx-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,.04) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.flx-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.flx-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.flx-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  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.flx-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.5vw, 17px);\n  margin: 0;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.flx-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.flx-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(--flx-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.flx-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.flx-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.flx-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--flx-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.flx-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(--flx-primary), var(--flx-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.flx-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--flx-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.flx-card {\n  background: var(--flx-white);\n  border-radius: var(--flx-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--flx-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.flx-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--flx-shadow-lg);\n  border-color: var(--flx-primary);\n}\n\n.flx-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--flx-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.flx-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--flx-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.flx-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.flx-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.flx-grid-compact .flx-card {\n  padding: 1rem;\n}\n\n.flx-grid-compact .flx-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.flx-grid-compact .flx-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.flx-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.flx-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.flx-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--flx-primary), var(--flx-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.flx-timeline-content {\n  flex: 1;\n  background: var(--flx-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--flx-radius-sm);\n  box-shadow: var(--flx-shadow);\n}\n\n.flx-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--flx-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.flx-timeline-content p {\n  font-size: 14px;\n  color: var(--flx-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.flx-testimonial {\n  background: var(--flx-white);\n  border-radius: var(--flx-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--flx-shadow);\n  border-left: 4px solid var(--flx-primary);\n}\n\n.flx-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--flx-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.flx-accordion {\n  background: var(--flx-white);\n  border-radius: var(--flx-radius);\n  box-shadow: var(--flx-shadow);\n  overflow: hidden;\n}\n\n.flx-accordion-item {\n  border-bottom: 1px solid var(--flx-border);\n  margin: 0;\n  padding: 0;\n}\n\n.flx-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.flx-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--flx-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.flx-accordion-header:hover {\n  background: var(--flx-primary-light);\n}\n\n.flx-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.flx-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--flx-primary);\n  transition: transform .2s ease;\n}\n\n.flx-accordion-item[open] .flx-accordion-header::after {\n  content: '−';\n}\n\n.flx-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--flx-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.flx-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.flx-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--flx-primary-light);\n  border-radius: var(--flx-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.flx-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.flx-tip p {\n  font-size: 14px;\n  color: var(--flx-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.flx-cta-box {\n  background: linear-gradient(135deg, var(--flx-primary) 0%, var(--flx-primary-dark) 100%);\n  border-radius: var(--flx-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.flx-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.flx-disclaimer {\n  font-size: 12px;\n  color: var(--flx-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  .flx-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .flx-card {\n    padding: 1.125rem;\n  }\n\n  .flx-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .flx-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--flx-radius-sm);\n  }\n\n  .flx-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .flx-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .flx-grid-compact {\n    gap: .625rem;\n  }\n\n  .flx-grid-compact .flx-card {\n    padding: .75rem;\n  }\n\n  .flx-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .flx-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .flx-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .flx-timeline-content p {\n    font-size: 13px;\n  }\n\n  .flx-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .flx-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .flx-testimonial {\n    padding: 1.25rem;\n  }\n\n  .flx-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .flx-card {\n    animation: flxFadeInUp .5s ease backwards;\n  }\n  .flx-card:nth-child(1) { animation-delay: .05s; }\n  .flx-card:nth-child(2) { animation-delay: .1s; }\n  .flx-card:nth-child(3) { animation-delay: .15s; }\n  .flx-card:nth-child(4) { animation-delay: .2s; }\n  .flx-card:nth-child(5) { animation-delay: .25s; }\n  .flx-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes flxFadeInUp {\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  .flx-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":55220116750713,"sku":"NBAILTL0002","price":20.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/flexilium-buvable-bio-250ml-articulations-mobilite-confort-l-packshothd.webp?v=1775580490"},{"product_id":"flexilium-gel-150-ml-lt-labo","title":"Flexilium Gel 150 ml – Gel articulaire au silicium organique – LT Labo","description":"\u003cdiv class=\"flx-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"flx-hero\"\u003e\n    \u003cdiv class=\"flx-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"flx-hero-content\"\u003e\n      \u003cdiv class=\"flx-badges-top\"\u003e\n        \u003cspan class=\"flx-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"flx-badge\"\u003e🧴 150 ml\u003c\/span\u003e\n        \u003cspan class=\"flx-badge\"\u003e🌿 Sans paraben\u003c\/span\u003e\n        \u003cspan class=\"flx-badge\"\u003e🐰 Non testé sur les animaux\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"flx-hero-title\"\u003eFlexilium Gel\u003c\/span\u003e\n      \u003cp class=\"flx-subtitle\"\u003eGel articulaire au silicium organique – LT Labo\u003c\/p\u003e\n      \u003cp class=\"flx-description\"\u003eMobilité · Flexibilité · Souplesse — Un soin ciblé pour vos articulations, muscles et tendons au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003eFlexilium : le gel au silicium organique pour un soin articulaire ciblé\u003c\/h2\u003e\n    \u003cp class=\"flx-section-intro\"\u003eVous ressentez des raideurs au réveil, des tensions après le sport ou une gêne articulaire qui s'installe au fil des années ?\u003c\/p\u003e\n    \u003cdiv class=\"flx-grid-compact\"\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e⚡ Pénétration rapide\u003c\/h3\u003e\n        \u003cp\u003eTexture légère qui sèche rapidement sans sensation grasse ni résidu collant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🎯 Action ciblée\u003c\/h3\u003e\n        \u003cp\u003eFormulé pour accompagner vos articulations, muscles et tendons au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🧬 Silicium organique\u003c\/h3\u003e\n        \u003cp\u003eUn gel au silicium organique hautement biodisponible pour un confort immédiat.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France par LT Labo, spécialiste en compléments et soins naturels.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003ePourquoi le silicium organique en gel est-il si prisé ?\u003c\/h2\u003e\n    \u003cdiv class=\"flx-testimonial\"\u003e\n      \u003cp class=\"flx-testimonial-text\"\u003eLe silicium est un oligo-élément naturellement présent dans notre organisme, mais dont les réserves diminuent avec l'âge. Il joue un rôle fondamental dans la synthèse du \u003cstrong\u003ecollagène\u003c\/strong\u003e et de l'\u003cstrong\u003eélastine\u003c\/strong\u003e, deux protéines essentielles à la souplesse des cartilages, des tendons et des ligaments.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"flx-tip\"\u003e\n      \u003cspan class=\"flx-tip-icon\"\u003e🔬\u003c\/span\u003e\n      \u003cp\u003eLe Flexilium Gel utilise du \u003cstrong\u003esilanetriol\u003c\/strong\u003e, une forme de silicium organique hautement biodisponible. Contrairement à un gel G5 silicium organique classique, cette formule est enrichie en actifs complémentaires pour une action plus complète.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003eComposition et actifs du Flexilium Gel\u003c\/h2\u003e\n    \u003cdiv class=\"flx-grid\"\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🧬 Silanetriol (silicium organique)\u003c\/h3\u003e\n        \u003cp\u003eSoutient la régénération des tissus conjonctifs et favorise la flexibilité articulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🛡️ Vitamine E (tocophérol)\u003c\/h3\u003e\n        \u003cp\u003ePuissant antioxydant qui protège les cellules et contribue à la réparation de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e💪 Gluconate de calcium\u003c\/h3\u003e\n        \u003cp\u003eParticipe au bon fonctionnement musculaire et à la reminéralisation locale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e💧 Glycérine et propanediol\u003c\/h3\u003e\n        \u003cp\u003eHydratent et adoucissent la peau, facilitant la pénétration des actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"flx-accordion\"\u003e\n      \u003cdetails class=\"flx-accordion-item\"\u003e\n        \u003csummary class=\"flx-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"flx-accordion-content mt-3\"\u003e\n          \u003cp\u003eAqua, Glycerin, Propanediol, Carbomer, Silanetriol, Tocopherol, Calcium Gluconate, Gluconolactone, Ethylhexylglycerin, Alcohol, Sodium Benzoate, Sodium Hydroxide, Potassium Hydroxide, Parfum.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"flx-accordion-item\"\u003e\n        \u003csummary class=\"flx-accordion-header\"\u003e✅ Engagements qualité\u003c\/summary\u003e\n        \u003cdiv class=\"flx-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eFormule sans paraben, sans phénoxyéthanol, sans colorant. Non testée sur les animaux.\u003c\/strong\u003e\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=\"flx-section\"\u003e\n    \u003ch2\u003eComment utiliser ce gel articulaire au silicium organique ?\u003c\/h2\u003e\n    \u003cdiv class=\"flx-timeline\"\u003e\n      \u003cdiv class=\"flx-timeline-item\"\u003e\n        \u003cdiv class=\"flx-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"flx-timeline-content\"\u003e\n          \u003ch3\u003eAppliquez une noisette de gel\u003c\/h3\u003e\n          \u003cp\u003eSur la zone concernée (articulations, muscles, tendons) \u003cstrong\u003e3 à 4 fois par jour\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-timeline-item\"\u003e\n        \u003cdiv class=\"flx-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"flx-timeline-content\"\u003e\n          \u003ch3\u003eMassez doucement\u003c\/h3\u003e\n          \u003cp\u003eJusqu'à pénétration complète. Le gel sèche rapidement sans laisser de film gras.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-timeline-item\"\u003e\n        \u003cdiv class=\"flx-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"flx-timeline-content\"\u003e\n          \u003ch3\u003eSuivez une cure de 1 à 3 mois\u003c\/h3\u003e\n          \u003cp\u003eRenouvelable selon vos besoins pour un confort articulaire durable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"flx-tip\"\u003e\n      \u003cspan class=\"flx-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003ePour une action renforcée, associez ce gel silicium organique à une cure de silicium par voie orale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse le Flexilium Gel ?\u003c\/h2\u003e\n    \u003cp class=\"flx-section-intro\"\u003eCe gel au silicium organique convient à tous les profils :\u003c\/p\u003e\n    \u003cdiv class=\"flx-grid\"\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eEn préparation ou en récupération, pour soulager les tensions musculaires et tendineuses.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🧓 Seniors\u003c\/h3\u003e\n        \u003cp\u003ePour préserver la mobilité et la souplesse articulaire au fil du temps.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e💼 Personnes actives\u003c\/h3\u003e\n        \u003cp\u003eEn cas de raideurs liées à la posture, aux gestes répétitifs ou à la fatigue accumulée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"flx-tip\"\u003e\n      \u003cspan class=\"flx-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003eSa texture agréable et son parfum discret en font un soin facile à intégrer dans votre routine, même sous les vêtements ou avant une séance d'exercice.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"flx-accordion\"\u003e\n      \u003cdetails class=\"flx-accordion-item\"\u003e\n        \u003csummary class=\"flx-accordion-header\"\u003e⚠️ Usage et application\u003c\/summary\u003e\n        \u003cdiv class=\"flx-accordion-content mt-3\"\u003e\n          \u003cp\u003eUsage externe uniquement, sur peau propre et saine. Évitez le contact avec les yeux, les muqueuses et les plaies ouvertes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"flx-accordion-item\"\u003e\n        \u003csummary class=\"flx-accordion-header\"\u003e🚨 En cas d'irritation\u003c\/summary\u003e\n        \u003cdiv class=\"flx-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas d'irritation, cessez l'utilisation et consultez un professionnel de santé. Tenir hors de portée des enfants. Ne pas ingérer.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"flx-disclaimer\"\u003eCe produit cosmétique ne constitue pas un médicament et ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 (DERNIÈRE) --\u003e\n  \u003csection class=\"flx-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eNotre avis sur le gel Flexilium de LT Labo\u003c\/h2\u003e\n    \u003cdiv class=\"flx-cta-box\"\u003e\n      \u003cp\u003eParmi les gels au silicium organique disponibles sur le marché, le Flexilium se démarque par sa \u003cstrong\u003eformule épurée\u003c\/strong\u003e, sa \u003cstrong\u003efabrication française\u003c\/strong\u003e et sa \u003cstrong\u003erapidité d'absorption\u003c\/strong\u003e. Un véritable allié pour retrouver \u003cstrong\u003emobilité, flexibilité et souplesse\u003c\/strong\u003e 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  --flx-cream: #f4f6f9;\n  --flx-white: #ffffff;\n  --flx-primary: #1b4f8a;\n  --flx-primary-dark: #0e2f5a;\n  --flx-primary-light: #e8eef6;\n  --flx-secondary: #3a8f3e;\n  --flx-accent: #d4342a;\n  --flx-text: #1a1a1a;\n  --flx-text-light: #5a5a5a;\n  --flx-border: #dde3eb;\n  --flx-shadow: 0 4px 24px rgba(14,47,90,.08);\n  --flx-shadow-lg: 0 12px 48px rgba(14,47,90,.15);\n  --flx-radius: 20px;\n  --flx-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.flx-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--flx-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.flx-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--flx-primary-dark) 0%, var(--flx-primary) 50%, #2a6db5 100%);\n  border-radius: var(--flx-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(--flx-shadow-lg);\n}\n\n.flx-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(58,143,62,.15) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(212,52,42,.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.flx-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.flx-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.flx-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: -.01em;\n}\n\n.flx-description {\n  color: rgba(255,255,255,.75);\n  font-size: clamp(13px, 2.5vw, 16px);\n  max-width: 550px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.flx-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.flx-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(--flx-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.flx-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.flx-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.flx-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--flx-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.flx-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(--flx-primary), var(--flx-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.flx-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--flx-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.flx-card {\n  background: var(--flx-white);\n  border-radius: var(--flx-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--flx-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.flx-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--flx-shadow-lg);\n  border-color: var(--flx-primary);\n}\n\n.flx-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--flx-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.flx-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--flx-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.flx-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.flx-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.flx-grid-compact .flx-card {\n  padding: 1rem;\n}\n\n.flx-grid-compact .flx-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.flx-grid-compact .flx-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.flx-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.flx-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.flx-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--flx-primary), var(--flx-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.flx-timeline-content {\n  flex: 1;\n  background: var(--flx-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--flx-radius-sm);\n  box-shadow: var(--flx-shadow);\n}\n\n.flx-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--flx-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.flx-timeline-content p {\n  font-size: 14px;\n  color: var(--flx-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.flx-testimonial {\n  background: var(--flx-white);\n  border-radius: var(--flx-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--flx-shadow);\n  border-left: 4px solid var(--flx-primary);\n}\n\n.flx-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--flx-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.flx-accordion {\n  background: var(--flx-white);\n  border-radius: var(--flx-radius);\n  box-shadow: var(--flx-shadow);\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.flx-accordion-item {\n  border-bottom: 1px solid var(--flx-border);\n  margin: 0;\n  padding: 0;\n}\n\n.flx-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.flx-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--flx-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.flx-accordion-header:hover {\n  background: var(--flx-primary-light);\n}\n\n.flx-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.flx-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--flx-primary);\n  transition: transform .2s ease;\n}\n\n.flx-accordion-item[open] .flx-accordion-header::after {\n  content: '−';\n}\n\n.flx-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--flx-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.flx-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.flx-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--flx-primary-light);\n  border-radius: var(--flx-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.flx-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.flx-tip p {\n  font-size: 14px;\n  color: var(--flx-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.flx-cta-box {\n  background: linear-gradient(135deg, var(--flx-primary) 0%, var(--flx-primary-dark) 100%);\n  border-radius: var(--flx-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.flx-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.flx-disclaimer {\n  font-size: 12px;\n  color: var(--flx-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  .flx-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .flx-card {\n    padding: 1.125rem;\n  }\n\n  .flx-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .flx-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--flx-radius-sm);\n  }\n\n  .flx-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .flx-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .flx-grid-compact {\n    gap: .625rem;\n  }\n\n  .flx-grid-compact .flx-card {\n    padding: .75rem;\n  }\n\n  .flx-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .flx-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .flx-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .flx-timeline-content p {\n    font-size: 13px;\n  }\n\n  .flx-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .flx-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .flx-testimonial {\n    padding: 1.25rem;\n  }\n\n  .flx-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .flx-card {\n    animation: flxFadeInUp .5s ease backwards;\n  }\n  .flx-card:nth-child(1) { animation-delay: .05s; }\n  .flx-card:nth-child(2) { animation-delay: .1s; }\n  .flx-card:nth-child(3) { animation-delay: .15s; }\n  .flx-card:nth-child(4) { animation-delay: .2s; }\n  .flx-card:nth-child(5) { animation-delay: .25s; }\n  .flx-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes flxFadeInUp {\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  .flx-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":55220215906681,"sku":"NBAILTL0004","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/flexilium-gel-150-ml-gel-articulaire-au-silicium-organique-l-packshothd.webp?v=1775579819"},{"product_id":"silanoral-1-litre-labo-sante-silice","title":"Silanoral 1 Litre - Silicium, vitamines \u0026 minéraux – Labo Santé Silice","description":"\u003cdiv class=\"sn-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"sn-hero\"\u003e\n    \u003cdiv class=\"sn-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sn-hero-content\"\u003e\n      \u003cdiv class=\"sn-badges-top\"\u003e\n        \u003cspan class=\"sn-badge\"\u003e🌿 Silicium végétal\u003c\/span\u003e\n        \u003cspan class=\"sn-badge\"\u003e⚡ 4000 mg\/L\u003c\/span\u003e\n        \u003cspan class=\"sn-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"sn-badge\"\u003e🫙 1 litre\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sn-hero-title\"\u003eSilanoral 1 Litre\u003c\/span\u003e\n      \u003cp class=\"sn-subtitle\"\u003eSilicium, vitamines \u0026amp; minéraux – Labo Santé Silice\u003c\/p\u003e\n      \u003cp class=\"sn-description\"\u003eLa cure buvable concentrée en silicium organique d'origine végétale, enrichie en vitamines B2, B12, magnésium, zinc et sélénium pour retrouver énergie, vitalité et confort au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"sn-section\"\u003e\n    \u003ch2\u003eSilanoral : votre cure de silicium organique végétal pour l'énergie et la vitalité\u003c\/h2\u003e\n    \u003cdiv class=\"sn-highlight-card\"\u003e\n      \u003cp\u003e\u003cstrong\u003eSilanoral\u003c\/strong\u003e du Labo Santé Silice est un complément alimentaire buvable concentré en \u003cstrong\u003esilicium organique d'origine végétale\u003c\/strong\u003e (4000 mg\/L), enrichi en vitamines B2, B12, magnésium, zinc et sélénium. Formulé pour soutenir votre vitalité, votre confort articulaire et la beauté de votre peau, il se distingue par sa haute biodisponibilité et sa composition sans silicium de synthèse ni additifs controversés.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"sn-section\"\u003e\n    \u003ch2\u003eBienfaits du silicium organique : pourquoi choisir Silanoral ?\u003c\/h2\u003e\n    \u003cp class=\"sn-section-intro\"\u003eLes \u003cstrong\u003ebienfaits du silicium organique\u003c\/strong\u003e sont largement documentés. Cet oligo-élément joue un rôle clé dans la structure des tissus conjonctifs, la solidité des os, la souplesse articulaire et la résistance de la peau, des cheveux et des ongles. Notre organisme en produisant de moins en moins avec l'âge, une supplémentation devient pertinente.\u003c\/p\u003e\n    \u003cp class=\"sn-section-intro\"\u003eSilanoral associe un silicium végétal issu du \u003cstrong\u003ebambou\u003c\/strong\u003e — naturellement riche en silice et remarquablement assimilable — avec des nutriments complémentaires soigneusement dosés :\u003c\/p\u003e\n    \u003cdiv class=\"sn-grid\"\u003e\n      \u003cdiv class=\"sn-card\"\u003e\n        \u003ch3\u003e⚡ Vitamines B2 et B12\u003c\/h3\u003e\n        \u003cp\u003eContribuent à un métabolisme énergétique normal et aident à réduire la fatigue au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-card\"\u003e\n        \u003ch3\u003e💎 Zinc\u003c\/h3\u003e\n        \u003cp\u003eMaintien de cheveux, ongles et peau en bonne santé. Soutien du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-card\"\u003e\n        \u003ch3\u003e🛡️ Sélénium\u003c\/h3\u003e\n        \u003cp\u003eProtège les cellules contre le stress oxydatif grâce à son puissant pouvoir antioxydant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-card\"\u003e\n        \u003ch3\u003e💪 Magnésium\u003c\/h3\u003e\n        \u003cp\u003eSoutient le fonctionnement musculaire et nerveux au quotidien pour un confort durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"sn-section\"\u003e\n    \u003ch2\u003eSilicium organique G5 et Silanoral : quelles différences ?\u003c\/h2\u003e\n    \u003cdiv class=\"sn-comparison\"\u003e\n      \u003cdiv class=\"sn-comparison-col sn-comparison-other\"\u003e\n        \u003ch3\u003e🧪 Silicium G5 classique\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003eForme souvent obtenue par synthèse chimique\u003c\/li\u003e\n          \u003cli\u003eTolérance digestive parfois limitée\u003c\/li\u003e\n          \u003cli\u003eBiodisponibilité variable\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-comparison-col sn-comparison-sn\"\u003e\n        \u003ch3\u003e🌿 Silanoral\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003eSilicium exclusivement d'origine végétale\u003c\/li\u003e\n          \u003cli\u003eExtrait de l'exsudat de bambou\u003c\/li\u003e\n          \u003cli\u003eExcellente tolérance digestive\u003c\/li\u003e\n          \u003cli\u003eBiodisponibilité optimale\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"sn-section\"\u003e\n    \u003ch2\u003eY a-t-il un danger du silicium organique ?\u003c\/h2\u003e\n    \u003cdiv class=\"sn-reassurance\"\u003e\n      \u003cdiv class=\"sn-reassurance-icon\"\u003e✅\u003c\/div\u003e\n      \u003cdiv class=\"sn-reassurance-content\"\u003e\n        \u003cp\u003eLa question du \u003cstrong\u003edanger du silicium organique\u003c\/strong\u003e revient souvent. Aux doses recommandées et sous forme végétale comme dans Silanoral, le silicium est \u003cstrong\u003eparfaitement sûr\u003c\/strong\u003e pour l'adulte en bonne santé. Respectez la posologie indiquée et consultez votre médecin en cas de doute ou de traitement en cours.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"sn-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"sn-timeline\"\u003e\n      \u003cdiv class=\"sn-timeline-item\"\u003e\n        \u003cdiv class=\"sn-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sn-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 bouchons doseurs (20 ml chacun) par jour\u003c\/strong\u003e, de préférence avant un repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-timeline-item\"\u003e\n        \u003cdiv class=\"sn-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sn-timeline-content\"\u003e\n          \u003ch3\u003eEntretien ou cure intensive\u003c\/h3\u003e\n          \u003cp\u003eCommencez par un bouchon quotidien pour un entretien régulier, puis passez à deux en cas de fatigue marquée ou pour un effet revitalisant plus intense.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-timeline-item\"\u003e\n        \u003cdiv class=\"sn-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sn-timeline-content\"\u003e\n          \u003ch3\u003eMode de prise\u003c\/h3\u003e\n          \u003cp\u003ePeut se prendre pur ou dilué dans un verre d'eau. Bien agiter avant emploi.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-timeline-item\"\u003e\n        \u003cdiv class=\"sn-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"sn-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, renouvelable aux changements de saison ou en période de stress.\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=\"sn-section\"\u003e\n    \u003ch2\u003eComposition complète\u003c\/h2\u003e\n    \u003cp class=\"sn-section-intro\"\u003eEau déminéralisée, sulfate de magnésium, glycérine, exsudat de bambou (\u003cem\u003eBambusa arundinacea\u003c\/em\u003e), arôme naturel de fruits rouges, acidifiant : acide citrique, conservateur : sorbate de potassium, sulfate de zinc, vitamine B12 (cyanocobalamine), vitamine B2 (riboflavine), sélénite de sodium.\u003c\/p\u003e\n\n    \u003cdiv class=\"sn-nutri-title\"\u003eValeurs nutritionnelles pour 40 ml (2 bouchons) :\u003c\/div\u003e\n    \u003cdiv class=\"sn-grid-compact\"\u003e\n      \u003cdiv class=\"sn-card\"\u003e\n        \u003ch3\u003e🪨 Silicium\u003c\/h3\u003e\n        \u003cp\u003e160 mg\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-card\"\u003e\n        \u003ch3\u003e💪 Magnésium\u003c\/h3\u003e\n        \u003cp\u003e22 mg (5,8 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-card\"\u003e\n        \u003ch3\u003e💎 Zinc\u003c\/h3\u003e\n        \u003cp\u003e1,6 mg (16 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-card\"\u003e\n        \u003ch3\u003e🛡️ Sélénium\u003c\/h3\u003e\n        \u003cp\u003e18 μg (33 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-card\"\u003e\n        \u003ch3\u003e⚡ Vitamine B2\u003c\/h3\u003e\n        \u003cp\u003e0,56 mg (40 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-card\"\u003e\n        \u003ch3\u003e🔋 Vitamine B12\u003c\/h3\u003e\n        \u003cp\u003e1 μg (40 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"sn-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"sn-accordion\"\u003e\n      \u003cdetails class=\"sn-accordion-item\"\u003e\n        \u003csummary class=\"sn-accordion-header\"\u003e👤 Public concerné\u003c\/summary\u003e\n        \u003cdiv class=\"sn-accordion-content mt-3\"\u003e\n          \u003cp\u003eRéservé à l'adulte. Déconseillé aux enfants, adolescents, femmes enceintes ou allaitantes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sn-accordion-item\"\u003e\n        \u003csummary class=\"sn-accordion-header\"\u003e📏 Posologie\u003c\/summary\u003e\n        \u003cdiv class=\"sn-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sn-accordion-item\"\u003e\n        \u003csummary class=\"sn-accordion-header\"\u003e⚠️ Sensibilité digestive\u003c\/summary\u003e\n        \u003cdiv class=\"sn-accordion-content mt-3\"\u003e\n          \u003cp\u003eLe magnésium peut avoir un léger effet laxatif chez les personnes sensibles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sn-accordion-item\"\u003e\n        \u003csummary class=\"sn-accordion-header\"\u003e🥗 Alimentation équilibrée\u003c\/summary\u003e\n        \u003cdiv class=\"sn-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sn-accordion-item\"\u003e\n        \u003csummary class=\"sn-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"sn-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver au réfrigérateur après ouverture et consommer dans le mois. Fabrication française.\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=\"sn-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eNotre avis sur Silanoral\u003c\/h2\u003e\n    \u003cdiv class=\"sn-testimonial\"\u003e\n      \u003cp class=\"sn-testimonial-text\"\u003eSilanoral fait partie des rares solutions buvables à base de \u003cstrong\u003esilicium organique\u003c\/strong\u003e alliant formule naturelle complète, goût agréable de fruits rouges et transparence sur la composition. Un choix judicieux pour entretenir votre mobilité, retrouver du tonus ou prendre soin de votre capital beauté de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sn-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre corps le silicium végétal qu'il mérite — énergie, articulations, beauté : tout commence de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sn-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sn-cream: #faf7f5;\n  --sn-white: #ffffff;\n  --sn-primary: #c0213e;\n  --sn-primary-dark: #8c1529;\n  --sn-primary-light: #fdf0f2;\n  --sn-secondary: #d94a5e;\n  --sn-accent: #e8b445;\n  --sn-text: #1a1a1a;\n  --sn-text-light: #5a5a5a;\n  --sn-border: #e8e0dc;\n  --sn-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --sn-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --sn-radius: 20px;\n  --sn-radius-sm: 12px;\n}\n\n.sn-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sn-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sn-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--sn-primary-dark) 0%, var(--sn-primary) 45%, var(--sn-secondary) 100%);\n  border-radius: var(--sn-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(--sn-shadow-lg);\n}\n\n.sn-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              url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  opacity: 1;\n}\n\n.sn-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sn-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sn-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(--sn-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sn-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.sn-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.sn-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.sn-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.sn-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sn-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sn-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.sn-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(--sn-primary), var(--sn-secondary));\n  border-radius: 2px;\n}\n\n.sn-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sn-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 CARD === *\/\n.sn-highlight-card {\n  background: var(--sn-white);\n  border-radius: var(--sn-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sn-shadow);\n  border-left: 5px solid var(--sn-primary);\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.sn-highlight-card p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sn-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.sn-card {\n  background: var(--sn-white);\n  border-radius: var(--sn-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sn-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sn-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sn-shadow-lg);\n  border-color: var(--sn-primary);\n}\n\n.sn-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sn-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sn-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sn-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sn-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.sn-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n}\n\n.sn-grid-compact .sn-card {\n  padding: 1rem;\n}\n\n.sn-grid-compact .sn-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sn-grid-compact .sn-card p {\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--sn-primary-dark);\n}\n\n\/* === COMPARISON === *\/\n.sn-comparison {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1.25rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.sn-comparison-col {\n  border-radius: var(--sn-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sn-shadow);\n}\n\n.sn-comparison-col h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  margin: 0 0 1rem 0;\n  text-align: center;\n}\n\n.sn-comparison-col ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.sn-comparison-col ul li {\n  font-size: clamp(13px, 2vw, 15px);\n  line-height: 1.6;\n  padding: .4rem 0;\n  padding-left: 1.5rem;\n  position: relative;\n}\n\n.sn-comparison-other {\n  background: var(--sn-white);\n  border: 2px solid var(--sn-border);\n}\n\n.sn-comparison-other h3 {\n  color: var(--sn-text-light);\n}\n\n.sn-comparison-other ul li::before {\n  content: '–';\n  position: absolute;\n  left: 0;\n  color: var(--sn-text-light);\n  font-weight: 700;\n}\n\n.sn-comparison-other ul li {\n  color: var(--sn-text-light);\n}\n\n.sn-comparison-sn {\n  background: var(--sn-primary-light);\n  border: 2px solid var(--sn-primary);\n}\n\n.sn-comparison-sn h3 {\n  color: var(--sn-primary-dark);\n}\n\n.sn-comparison-sn ul li::before {\n  content: '✓';\n  position: absolute;\n  left: 0;\n  color: var(--sn-primary);\n  font-weight: 800;\n}\n\n.sn-comparison-sn ul li {\n  color: var(--sn-text);\n}\n\n\/* === REASSURANCE === *\/\n.sn-reassurance {\n  display: flex;\n  gap: 1.25rem;\n  align-items: flex-start;\n  background: var(--sn-white);\n  border-radius: var(--sn-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sn-shadow);\n  border: 2px solid #d4edda;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.sn-reassurance-icon {\n  font-size: 36px;\n  flex-shrink: 0;\n}\n\n.sn-reassurance-content p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sn-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.sn-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.sn-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sn-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sn-primary), var(--sn-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.sn-timeline-content {\n  flex: 1;\n  background: var(--sn-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sn-radius-sm);\n  box-shadow: var(--sn-shadow);\n}\n\n.sn-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sn-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sn-timeline-content p {\n  font-size: 14px;\n  color: var(--sn-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === NUTRI TITLE === *\/\n.sn-nutri-title {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  font-weight: 700;\n  color: var(--sn-primary-dark);\n  margin-bottom: 1.25rem;\n}\n\n\/* === TESTIMONIAL === *\/\n.sn-testimonial {\n  background: var(--sn-white);\n  border-radius: var(--sn-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sn-shadow);\n  border-left: 4px solid var(--sn-primary);\n  max-width: 800px;\n  margin: 0 auto 1.5rem;\n}\n\n.sn-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sn-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.sn-accordion {\n  background: var(--sn-white);\n  border-radius: var(--sn-radius);\n  box-shadow: var(--sn-shadow);\n  overflow: hidden;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.sn-accordion-item {\n  border-bottom: 1px solid var(--sn-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sn-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sn-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sn-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.sn-accordion-header:hover {\n  background: var(--sn-primary-light);\n}\n\n.sn-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sn-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sn-primary);\n  transition: transform .2s ease;\n}\n\n.sn-accordion-item[open] .sn-accordion-header::after {\n  content: '−';\n}\n\n.sn-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sn-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sn-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.sn-cta-box {\n  background: linear-gradient(135deg, var(--sn-primary) 0%, var(--sn-primary-dark) 100%);\n  border-radius: var(--sn-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.sn-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.sn-disclaimer {\n  font-size: 12px;\n  color: var(--sn-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  .sn-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sn-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n\n  .sn-grid-compact .sn-card {\n    padding: .75rem;\n  }\n\n  .sn-card {\n    padding: 1.125rem;\n  }\n\n  .sn-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sn-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sn-radius-sm);\n  }\n\n  .sn-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sn-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sn-comparison {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sn-reassurance {\n    flex-direction: column;\n    text-align: center;\n    align-items: center;\n  }\n\n  .sn-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sn-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sn-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sn-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sn-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .sn-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .sn-testimonial {\n    padding: 1.25rem;\n  }\n\n  .sn-testimonial-text {\n    font-size: 14px;\n  }\n\n  .sn-highlight-card {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sn-card {\n    animation: snFadeInUp .5s ease backwards;\n  }\n  .sn-card:nth-child(1) { animation-delay: .05s; }\n  .sn-card:nth-child(2) { animation-delay: .1s; }\n  .sn-card:nth-child(3) { animation-delay: .15s; }\n  .sn-card:nth-child(4) { animation-delay: .2s; }\n  .sn-card:nth-child(5) { animation-delay: .25s; }\n  .sn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes snFadeInUp {\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  .sn-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":55232847315321,"sku":"LS0295","price":25.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silanoral-1-litre-silicium-vitamines-mineraux-labo-sante-sil-packshothd.webp?v=1773243880"},{"product_id":"phyco-vision-life-s-code-phycocyanine-200mg-7-actifs-vue","title":"Phyco-Vision Life’s Code - phycocyanine 200mg \u0026 7 actifs vue","description":"\u003cdiv class=\"pv-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"pv-hero\"\u003e\n    \u003cdiv class=\"pv-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pv-hero-content\"\u003e\n      \u003cdiv class=\"pv-badges-top\"\u003e\n        \u003cspan class=\"pv-badge\"\u003e🔬 200 mg phycocyanine \/ dose\u003c\/span\u003e\n        \u003cspan class=\"pv-badge\"\u003e🌿 100 % végane\u003c\/span\u003e\n        \u003cspan class=\"pv-badge\"\u003e👁️ 8 actifs vision\u003c\/span\u003e\n        \u003cspan class=\"pv-badge\"\u003e🇫🇷 Labo certifié ISO 22000\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pv-hero-title\"\u003ePhyco-Vision Life's Code\u003c\/span\u003e\n      \u003cp class=\"pv-subtitle\"\u003ePhycocyanine 200 mg \u0026amp; 7 actifs ciblés pour votre vue\u003c\/p\u003e\n      \u003cp class=\"pv-description\"\u003eLa synergie antioxydante la plus complète pour protéger vos yeux au quotidien : phycocyanine lyophilisée à froid, caroténoïdes rares et oligo-éléments essentiels réunis en une seule gélule végane.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"pv-section\"\u003e\n    \u003ch2\u003ePhyco-Vision Life's Code : la synergie phycocyanine et 7 actifs pour votre vue\u003c\/h2\u003e\n    \u003cp class=\"pv-section-intro\"\u003eFatigue visuelle en fin de journée, exposition prolongée aux écrans, sensibilité à la lumière bleue… Vos yeux sont sollicités en permanence.\u003c\/p\u003e\n    \u003cdiv class=\"pv-grid-compact\"\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e💧 200 mg de phycocyanine\u003c\/h3\u003e\n        \u003cp\u003eExtraite et séchée à froid pour une biodisponibilité maximale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e🛡️ 7 actifs complémentaires\u003c\/h3\u003e\n        \u003cp\u003eCaroténoïdes, oligo-éléments et vitamines ciblés pour la vision\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e👁️ Vision normale\u003c\/h3\u003e\n        \u003cp\u003eContribue au maintien d'une vision normale grâce au zinc\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e⚡ Défenses antioxydantes\u003c\/h3\u003e\n        \u003cp\u003eSoutient la protection des cellules contre le stress oxydatif\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"pv-section\"\u003e\n    \u003ch2\u003ePhycocyanine et spiruline : pourquoi ce pigment bleu fait la différence\u003c\/h2\u003e\n    \u003cdiv class=\"pv-highlight-box\"\u003e\n      \u003cp\u003eLa \u003cstrong\u003ephycocyanine\u003c\/strong\u003e est le pigment bleu naturel de la \u003cstrong\u003espiruline bleue\u003c\/strong\u003e. Contrairement à la spiruline classique en poudre, la phycocyanine extraite et lyophilisée à froid conserve toute sa biodisponibilité.\u003c\/p\u003e\n      \u003cp\u003eVous vous demandez s'il vaut mieux choisir la \u003cstrong\u003ephycocyanine ou la spiruline\u003c\/strong\u003e ? Ici, pas besoin de trancher : Life's Code a isolé le principe actif le plus recherché de la spiruline pour vous l'offrir sous sa forme la plus concentrée.\u003c\/p\u003e\n      \u003cp\u003eParmi les \u003cstrong\u003ebienfaits de la phycocyanine et spiruline\u003c\/strong\u003e, on retient notamment son puissant pouvoir antioxydant, précieux pour protéger les cellules du stress oxydatif, en particulier au niveau oculaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pv-tip\"\u003e\n      \u003cspan class=\"pv-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003ePhycocyanine vs spiruline :\u003c\/strong\u003e la phycocyanine lyophilisée concentre le principe actif majeur sans les fibres ni les impuretés de la spiruline brute. Résultat : une absorption plus rapide et une efficacité renforcée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"pv-section\"\u003e\n    \u003ch2\u003eUne formule complète : 8 actifs au service de votre vision\u003c\/h2\u003e\n    \u003cp class=\"pv-section-intro\"\u003ePhyco-Vision ne se limite pas à la spiruline phycocyanine. Sa formule associe des caroténoïdes, oligo-éléments et vitamines reconnus pour leur rôle dans la santé des yeux.\u003c\/p\u003e\n    \u003cdiv class=\"pv-grid\"\u003e\n      \u003cdiv class=\"pv-card pv-card-featured\"\u003e\n        \u003ch3\u003e💧 Phycocyanine lyophilisée\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e200 mg \/ dose\u003c\/strong\u003e — Antioxydant naturel puissant issu de la spiruline, extrait et séché à froid\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e🦐 Astaxanthine\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e4 mg\u003c\/strong\u003e — Caroténoïde rare au pouvoir protecteur cellulaire exceptionnel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e🌻 Lutéine\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e10 mg\u003c\/strong\u003e — Pigment naturellement présent dans la macula de l'œil\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e🟡 Zéaxanthine\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e2 mg\u003c\/strong\u003e — Agit en synergie avec la lutéine pour filtrer la lumière bleue\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e✨ Vitamine E\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e12 mg (100 % VNR*)\u003c\/strong\u003e — Contribue à la protection des cellules contre le stress oxydatif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e⚙️ Zinc\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e10 mg (100 % VNR*)\u003c\/strong\u003e — Contribue au maintien d'une vision normale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e🔬 Sélénium\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e55 µg (100 % VNR*)\u003c\/strong\u003e — Oligo-élément antioxydant essentiel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e🎋 Silicium organique\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e15 mg (extrait de bambou)\u003c\/strong\u003e — Soutient les tissus conjonctifs de l'œil\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pv-note\"\u003e\n      \u003cp\u003e\u003cem\u003e*VNR : Valeurs Nutritionnelles de Référence.\u003c\/em\u003e\u003cbr\u003eGélule en \u003cstrong\u003epullulan 100 % végane\u003c\/strong\u003e, sans conservateur, sans OGM, sans gluten, sans allergène majeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"pv-section\"\u003e\n    \u003ch2\u003eComment prendre Phyco-Vision ?\u003c\/h2\u003e\n    \u003cdiv class=\"pv-timeline\"\u003e\n      \u003cdiv class=\"pv-timeline-item\"\u003e\n        \u003cdiv class=\"pv-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"pv-timeline-content\"\u003e\n          \u003ch3\u003eSemaine de démarrage\u003c\/h3\u003e\n          \u003cp\u003eCommencez par \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e avec un grand verre d'eau, au cours du petit-déjeuner ou du déjeuner, pour habituer votre organisme à la phycocyanine.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-timeline-item\"\u003e\n        \u003cdiv class=\"pv-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"pv-timeline-content\"\u003e\n          \u003ch3\u003eDose complète\u003c\/h3\u003e\n          \u003cp\u003eÀ partir de la deuxième semaine, passez à \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, de préférence le matin ou le midi au cours d'un repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-timeline-item\"\u003e\n        \u003cdiv class=\"pv-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"pv-timeline-content\"\u003e\n          \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est recommandée pour ressentir pleinement les effets sur votre confort visuel et vos défenses antioxydantes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pv-tip\"\u003e\n      \u003cspan class=\"pv-tip-icon\"\u003e💧\u003c\/span\u003e\n      \u003cp\u003eAccompagnez toujours vos gélules d'un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e pour une absorption optimale de la phycocyanine et des actifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"pv-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément alimentaire vision plus ?\u003c\/h2\u003e\n    \u003cdiv class=\"pv-grid-compact\"\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e👴 Adultes et seniors\u003c\/h3\u003e\n        \u003cp\u003eSouhaitant préserver leur acuité visuelle avec l'âge\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e💻 Étudiants et pros\u003c\/h3\u003e\n        \u003cp\u003eExposés à la lumière bleue des écrans plusieurs heures par jour\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e🏥 Accompagnement DMLA\u003c\/h3\u003e\n        \u003cp\u003eEn complément d'un suivi médical pour la dégénérescence maculaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e🌱 Végétariens et véganes\u003c\/h3\u003e\n        \u003cp\u003eGélule en pullulan 100 % végane, sans ingrédient d'origine animale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"pv-section\"\u003e\n    \u003ch2\u003eQualité et traçabilité irréprochables\u003c\/h2\u003e\n    \u003cdiv class=\"pv-accordion\"\u003e\n      \u003cdetails class=\"pv-accordion-item\"\u003e\n        \u003csummary class=\"pv-accordion-header\"\u003e🏭 Fabrication certifiée\u003c\/summary\u003e\n        \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n          \u003cp\u003eFabriqué en laboratoire certifié \u003cstrong\u003eISO 22000 et GMP\u003c\/strong\u003e (Bonnes Pratiques de Fabrication), garantissant un contrôle qualité rigoureux à chaque étape de la production.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pv-accordion-item\"\u003e\n        \u003csummary class=\"pv-accordion-header\"\u003e❄️ Extraction à froid\u003c\/summary\u003e\n        \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n          \u003cp\u003eLa phycocyanine est extraite et séchée à froid (lyophilisation) pour préserver l'intégralité de ses propriétés antioxydantes et sa biodisponibilité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pv-accordion-item\"\u003e\n        \u003csummary class=\"pv-accordion-header\"\u003e📋 Analyses par lot\u003c\/summary\u003e\n        \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n          \u003cp\u003eChaque lot est analysé individuellement. Les certificats d'analyse sont disponibles sur simple demande auprès de Life's Code.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pv-accordion-item\"\u003e\n        \u003csummary class=\"pv-accordion-header\"\u003e🚫 Sans additif ni métaux lourds\u003c\/summary\u003e\n        \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n          \u003cp\u003eFormule propre, sans additif chimique, sans métaux lourds détectables, sans conservateur artificiel.\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=\"pv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"pv-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à vos yeux la protection qu'ils méritent avec \u003cstrong\u003ePhyco-Vision\u003c\/strong\u003e : 200 mg de phycocyanine et 7 actifs d'exception réunis dans une gélule 100 % végane.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pv-disclaimer\"\u003eCe produit est un complément alimentaire. Il ne remplace ni une alimentation variée et équilibrée, ni un mode de vie sain, ni un traitement médical. Déconseillé aux femmes enceintes ou allaitantes et aux personnes sous traitement sans avis médical préalable.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --pv-cream: #f4f7f3;\n  --pv-white: #ffffff;\n  --pv-primary: #2a7d4f;\n  --pv-primary-dark: #1a5c38;\n  --pv-primary-light: #e8f5ee;\n  --pv-secondary: #1b6b8a;\n  --pv-accent: #d4a843;\n  --pv-text: #1a1a1a;\n  --pv-text-light: #5a5a5a;\n  --pv-border: #dde6dd;\n  --pv-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --pv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --pv-radius: 20px;\n  --pv-radius-sm: 12px;\n}\n\n.pv-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pv-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pv-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a5c38 0%, #2a7d4f 40%, #1b6b8a 100%);\n  border-radius: var(--pv-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(--pv-shadow-lg);\n}\n\n.pv-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(212,168,67,.1) 0%, transparent 50%);\n  opacity: 1;\n}\n\n.pv-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pv-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.pv-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.pv-description {\n  color: rgba(255,255,255,.8);\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.pv-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pv-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(--pv-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pv-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pv-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pv-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pv-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.pv-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(--pv-primary), var(--pv-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.pv-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pv-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.pv-card {\n  background: var(--pv-white);\n  border-radius: var(--pv-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pv-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pv-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pv-shadow-lg);\n  border-color: var(--pv-primary);\n}\n\n.pv-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pv-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pv-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pv-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pv-card-featured {\n  border: 2px solid var(--pv-primary);\n  background: var(--pv-primary-light);\n}\n\n.pv-card-featured:hover {\n  background: var(--pv-white);\n}\n\n\/* === GRILLES === *\/\n.pv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.pv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.pv-grid-compact .pv-card {\n  padding: 1rem;\n}\n\n.pv-grid-compact .pv-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.pv-grid-compact .pv-card p {\n  font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pv-highlight-box {\n  background: var(--pv-white);\n  border-radius: var(--pv-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--pv-shadow);\n  margin-bottom: 1.25rem;\n}\n\n.pv-highlight-box p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--pv-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.pv-highlight-box p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === NOTE === *\/\n.pv-note {\n  background: var(--pv-primary-light);\n  border-radius: var(--pv-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.pv-note p {\n  font-size: 13px;\n  color: var(--pv-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.pv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pv-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pv-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pv-primary), var(--pv-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.pv-timeline-content {\n  flex: 1;\n  background: var(--pv-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pv-radius-sm);\n  box-shadow: var(--pv-shadow);\n}\n\n.pv-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pv-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pv-timeline-content p {\n  font-size: 14px;\n  color: var(--pv-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pv-testimonial {\n  background: var(--pv-white);\n  border-radius: var(--pv-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--pv-shadow);\n  border-left: 4px solid var(--pv-primary);\n}\n\n.pv-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pv-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pv-accordion {\n  background: var(--pv-white);\n  border-radius: var(--pv-radius);\n  box-shadow: var(--pv-shadow);\n  overflow: hidden;\n}\n\n.pv-accordion-item {\n  border-bottom: 1px solid var(--pv-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pv-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pv-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pv-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.pv-accordion-header:hover {\n  background: var(--pv-primary-light);\n}\n\n.pv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--pv-primary);\n  transition: transform .2s ease;\n}\n\n.pv-accordion-item[open] .pv-accordion-header::after {\n  content: '−';\n}\n\n.pv-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pv-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.pv-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pv-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pv-primary-light);\n  border-radius: var(--pv-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.pv-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.pv-tip p {\n  font-size: 14px;\n  color: var(--pv-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pv-cta-box {\n  background: linear-gradient(135deg, var(--pv-primary) 0%, var(--pv-primary-dark) 100%);\n  border-radius: var(--pv-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.pv-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.pv-disclaimer {\n  font-size: 12px;\n  color: var(--pv-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  .pv-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .pv-card {\n    padding: 1.125rem;\n  }\n\n  .pv-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .pv-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pv-radius-sm);\n  }\n\n  .pv-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .pv-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .pv-grid-compact {\n    gap: .625rem;\n  }\n\n  .pv-grid-compact .pv-card {\n    padding: .75rem;\n  }\n\n  .pv-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .pv-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .pv-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .pv-timeline-content p {\n    font-size: 13px;\n  }\n\n  .pv-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .pv-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .pv-testimonial {\n    padding: 1.25rem;\n  }\n\n  .pv-testimonial-text {\n    font-size: 14px;\n  }\n\n  .pv-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .pv-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .pv-card {\n    animation: pvFadeInUp .5s ease backwards;\n  }\n  .pv-card:nth-child(1) { animation-delay: .05s; }\n  .pv-card:nth-child(2) { animation-delay: .1s; }\n  .pv-card:nth-child(3) { animation-delay: .15s; }\n  .pv-card:nth-child(4) { animation-delay: .2s; }\n  .pv-card:nth-child(5) { animation-delay: .25s; }\n  .pv-card:nth-child(6) { animation-delay: .3s; }\n  .pv-card:nth-child(7) { animation-delay: .35s; }\n  .pv-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes pvFadeInUp {\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  .pv-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":55368879276409,"sku":"PHYCO-VISION-30","price":33.91,"currency_code":"EUR","in_stock":true},{"title":"90 gélules","offer_id":55368879309177,"sku":"PHYCO-VISION-90","price":76.45,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/phyco-vision-lifes-code-phycocyanine-200mg-7-actifs-vue-ingredients.webp?v=1774905160"},{"product_id":"flexilium-gel-250ml-gel-articulaire-au-silicium-organique-lt-labo","title":"Flexilium Gel 250 ml – Gel articulaire au silicium organique – LT Labo","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Flexilium Gel 250 ml – Gel articulaire au silicium organique\nPalette détectée:\n  - Primaire: #1e5799 (bleu profond du bandeau packaging)\n  - Secondaire: #4CAF50 (vert nature\/organique du dégradé)\n  - Accent: #e74c3c (rouge du texte \"Gel\" sur packaging)\n  - Fond clair: #f8fbfd (blanc légèrement bleuté)\nAmbiance: Santé\/bien-être, naturel\/organique, scientifique mais accessible, confiance médicale\nPréfixe CSS: flex\n--\u003e\n\n\u003cdiv class=\"flex-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"flex-hero\"\u003e\n    \u003cdiv class=\"flex-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"flex-hero-content\"\u003e\n      \u003cdiv class=\"flex-badges-top\"\u003e\n        \u003cspan class=\"flex-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"flex-badge\"\u003e🧪 Silicium organique\u003c\/span\u003e\n        \u003cspan class=\"flex-badge\"\u003e💧 250 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"flex-hero-title\"\u003eFlexilium Gel\u003c\/span\u003e\n      \u003cp class=\"flex-subtitle\"\u003eVotre allié quotidien pour des articulations souples et confortables\u003c\/p\u003e\n      \u003cp class=\"flex-description\"\u003eGel articulaire concentré au silicium organique. Pénètre rapidement, texture non grasse. Idéal pour genoux, épaules, chevilles, coudes et poignets.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BÉNÉFICES CLÉS --\u003e\n  \u003csection class=\"flex-section\"\u003e\n    \u003ch2\u003e✨ Les bienfaits du Flexilium Gel\u003c\/h2\u003e\n    \u003cdiv class=\"flex-grid\"\u003e\n      \u003cdiv class=\"flex-card\"\u003e\n        \u003ch3\u003e🦴 Mobilité articulaire\u003c\/h3\u003e\n        \u003cp\u003eFavorise la souplesse et le confort de vos articulations sollicitées au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flex-card\"\u003e\n        \u003ch3\u003e💪 Récupération musculaire\u003c\/h3\u003e\n        \u003cp\u003eAccompagne la récupération après l'effort grâce au calcium gluconate.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flex-card\"\u003e\n        \u003ch3\u003e🌿 Élasticité des tissus\u003c\/h3\u003e\n        \u003cp\u003eLe silicium organique soutient la régénération des tissus conjonctifs et ligaments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flex-card\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine E protège vos cellules du stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flex-card\"\u003e\n        \u003ch3\u003e✋ Texture agréable\u003c\/h3\u003e\n        \u003cp\u003ePénètre instantanément sans film gras. Rhabillage immédiat possible.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flex-card\"\u003e\n        \u003ch3\u003e🎯 Action ciblée\u003c\/h3\u003e\n        \u003cp\u003eApplication locale directe sur les zones sensibles : genoux, chevilles, coudes, poignets, épaules.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ACTIFS CLÉS --\u003e\n  \u003csection class=\"flex-section\"\u003e\n    \u003ch2\u003e🔬 Les actifs clés de la formule\u003c\/h2\u003e\n    \u003cdiv class=\"flex-grid\"\u003e\n      \u003cdiv class=\"flex-card flex-card-ingredient\"\u003e\n        \u003ch3\u003e⚗️ Silicium organique (Silanetriol)\u003c\/h3\u003e\n        \u003cp\u003ePilier de la formule, il participe à la régénération des tissus conjonctifs, favorise l'élasticité des articulations, tendons et ligaments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flex-card flex-card-ingredient\"\u003e\n        \u003ch3\u003e🌾 Vitamine E (Tocophérol)\u003c\/h3\u003e\n        \u003cp\u003ePuissant antioxydant naturel qui protège les cellules et améliore la tolérance cutanée du gel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flex-card flex-card-ingredient\"\u003e\n        \u003ch3\u003e💎 Calcium gluconate\u003c\/h3\u003e\n        \u003cp\u003eSoutient l'équilibre minéral local et favorise la récupération musculaire après l'effort.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flex-card flex-card-ingredient\"\u003e\n        \u003ch3\u003e💧 Glycérine \u0026amp; Propanediol\u003c\/h3\u003e\n        \u003cp\u003eAgents hydratants pour une texture agréable, non collante, qui laisse la peau douce.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"flex-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est ce gel articulaire ?\u003c\/h2\u003e\n    \u003cdiv class=\"flex-grid\"\u003e\n      \u003cdiv class=\"flex-card\"\u003e\n        \u003ch3\u003e🏃 Les sportifs\u003c\/h3\u003e\n        \u003cp\u003ePréparez vos articulations avant l'effort et favorisez la récupération après une séance intensive.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flex-card\"\u003e\n        \u003ch3\u003e🔧 Les personnes actives\u003c\/h3\u003e\n        \u003cp\u003eJardinage, bricolage, marche prolongée… Soulagez vos articulations sollicitées au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flex-card\"\u003e\n        \u003ch3\u003e👴 Les seniors\u003c\/h3\u003e\n        \u003cp\u003eAccompagnez le vieillissement articulaire naturel et maintenez une bonne mobilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flex-card\"\u003e\n        \u003ch3\u003e🌱 Les adeptes du naturel\u003c\/h3\u003e\n        \u003cp\u003eSans parabènes ni colorants artificiels. Convient aux peaux sensibles.\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=\"flex-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"flex-steps\"\u003e\n      \u003cdiv class=\"flex-step\"\u003e\n        \u003cdiv class=\"flex-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"flex-step-content\"\u003e\n          \u003ch3\u003ePrélevez une noisette\u003c\/h3\u003e\n          \u003cp\u003ePrenez une petite quantité de gel dans le creux de la main.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flex-step\"\u003e\n        \u003cdiv class=\"flex-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"flex-step-content\"\u003e\n          \u003ch3\u003eAppliquez sur la zone\u003c\/h3\u003e\n          \u003cp\u003eGenoux, chevilles, coudes, poignets, épaules, muscles ou tendons concernés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flex-step\"\u003e\n        \u003cdiv class=\"flex-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"flex-step-content\"\u003e\n          \u003ch3\u003eMassez doucement\u003c\/h3\u003e\n          \u003cp\u003eEffectuez des mouvements circulaires jusqu'à pénétration complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flex-step\"\u003e\n        \u003cdiv class=\"flex-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"flex-step-content\"\u003e\n          \u003ch3\u003eRenouvelez 3 à 4 fois\/jour\u003c\/h3\u003e\n          \u003cp\u003eSelon vos besoins ou les recommandations d'un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"flex-tip\"\u003e\n      \u003cstrong\u003e💡 Astuce :\u003c\/strong\u003e Conservez le pot au frais pour une sensation encore plus agréable lors de l'application. Pour une action globale renforcée, associez à une cure de silicium organique en complément alimentaire.\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"flex-section\"\u003e\n    \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"flex-grid-compact\"\u003e\n      \u003cdiv class=\"flex-card\"\u003e\n        \u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n        \u003cp\u003e250 ml\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flex-card\"\u003e\n        \u003ch3\u003e⏱️ Durée d'utilisation\u003c\/h3\u003e\n        \u003cp\u003e4 à 6 semaines\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flex-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n        \u003cp\u003eFrance (LT Labo)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flex-card\"\u003e\n        \u003ch3\u003e🐰 Engagement\u003c\/h3\u003e\n        \u003cp\u003eNon testé sur animaux\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CE QUI DISTINGUE --\u003e\n  \u003csection class=\"flex-section\"\u003e\n    \u003ch2\u003e🏆 Pourquoi choisir Flexilium Gel ?\u003c\/h2\u003e\n    \u003cdiv class=\"flex-grid\"\u003e\n      \u003cdiv class=\"flex-card\"\u003e\n        \u003ch3\u003e🧬 Formule concentrée\u003c\/h3\u003e\n        \u003cp\u003eSynergie silicium organique + vitamine E + calcium rarement réunie dans un seul produit.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flex-card\"\u003e\n        \u003ch3\u003e✨ Texture ultra-agréable\u003c\/h3\u003e\n        \u003cp\u003ePénètre instantanément, sans film collant ni gras. Rhabillage immédiat.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flex-card\"\u003e\n        \u003ch3\u003e📏 Grand format économique\u003c\/h3\u003e\n        \u003cp\u003e250 ml pour plusieurs semaines d'utilisation régulière.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flex-card\"\u003e\n        \u003ch3\u003e🔍 Traçabilité exemplaire\u003c\/h3\u003e\n        \u003cp\u003eFabrication française avec contrôle qualité rigoureux à chaque étape.\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=\"flex-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"flex-accordion\"\u003e\n      \u003cdetails class=\"flex-accordion-item\"\u003e\n        \u003csummary class=\"flex-accordion-header\"\u003e📜 Composition complète (INCI)\u003c\/summary\u003e\n        \u003cdiv class=\"flex-accordion-content\"\u003e\n          \u003cp\u003e\u003cstrong\u003eAqua (Water), Glycerin, Propanediol, Carbomer, Silanetriol, Tocopherol, Calcium Gluconate, Gluconolactone, Ethylhexylglycerin, Alcohol, Sodium Benzoate, Sodium Hydroxide, Potassium Hydroxide, Parfum (Fragrance).\u003c\/strong\u003e\u003c\/p\u003e\n          \u003cp\u003eChaque ingrédient a été sélectionné pour sa qualité et son efficacité, dans le respect des peaux les plus délicates.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"flex-accordion-item\"\u003e\n        \u003csummary class=\"flex-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"flex-accordion-content\"\u003e\n          \u003cp\u003e• Réservé à l'usage externe uniquement. Appliquer sur une peau propre et saine.\u003cbr\u003e\n          • Évitez tout contact avec les yeux et les muqueuses. Ne pas appliquer sur des plaies ouvertes.\u003cbr\u003e\n          • En cas d'irritation ou de réaction allergique, cessez immédiatement l'utilisation.\u003cbr\u003e\n          • Tenir hors de portée des enfants. Ce produit n'est pas destiné à être ingéré.\u003cbr\u003e\n          • Ce gel ne se substitue pas à un avis médical ni à un traitement prescrit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"flex-accordion-item\"\u003e\n        \u003csummary class=\"flex-accordion-header\"\u003e❓ Questions fréquentes\u003c\/summary\u003e\n        \u003cdiv class=\"flex-accordion-content\"\u003e\n          \u003cp\u003e\u003cstrong\u003eQuels sont les bienfaits du silicium organique ?\u003c\/strong\u003e\u003cbr\u003e\n          Il contribue à la synthèse du collagène et de l'élastine, essentiels à la structure et à la souplesse des tissus articulaires.\u003c\/p\u003e\n          \u003cp\u003e\u003cstrong\u003ePeut-on l'utiliser avec un traitement médical ?\u003c\/strong\u003e\u003cbr\u003e\n          Oui, mais il ne remplace pas un traitement prescrit. En cas de doute, consultez votre médecin.\u003c\/p\u003e\n          \u003cp\u003e\u003cstrong\u003eConvient-il aux peaux sensibles ?\u003c\/strong\u003e\u003cbr\u003e\n          Absolument. Formule sans parabènes et sans colorants artificiels.\u003c\/p\u003e\n          \u003cp\u003e\u003cstrong\u003eDifférence avec un gel à l'harpagophytum ?\u003c\/strong\u003e\u003cbr\u003e\n          Flexilium cible la régénération des tissus conjonctifs via le silicium. Les deux approches sont complémentaires.\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=\"flex-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"flex-cta-box\"\u003e\n      \u003cp\u003e🌟 Offrez à vos articulations le soutien qu'elles méritent.\u003cbr\u003eRetrouvez la liberté de bouger sans inconfort avec Flexilium Gel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --flex-cream: #f8fbfd;\n  --flex-white: #ffffff;\n  --flex-primary: #1e5799;\n  --flex-primary-dark: #0d3a6e;\n  --flex-primary-light: #e8f4fc;\n  --flex-secondary: #4CAF50;\n  --flex-secondary-light: #e8f5e9;\n  --flex-accent: #e74c3c;\n  --flex-text: #1a1a1a;\n  --flex-text-light: #5a5a5a;\n  --flex-border: #e0e0e0;\n  --flex-shadow: 0 4px 24px rgba(30,87,153,.08);\n  --flex-shadow-lg: 0 12px 48px rgba(30,87,153,.15);\n  --flex-radius: 20px;\n  --flex-radius-sm: 12px;\n}\n\n.flex-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--flex-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.flex-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--flex-primary) 0%, #2980b9 40%, var(--flex-secondary) 100%);\n  border-radius: var(--flex-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(--flex-shadow-lg);\n}\n\n.flex-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,.1) 0%, transparent 50%);\n  opacity: 1;\n}\n\n.flex-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.flex-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .5rem;\n  margin-bottom: 1.5rem;\n}\n\n.flex-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(--flex-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.flex-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.flex-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.flex-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,.1);\n}\n\n.flex-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.flex-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.flex-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--flex-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.flex-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(--flex-primary), var(--flex-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.flex-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.flex-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.flex-card {\n  background: var(--flex-white);\n  border-radius: var(--flex-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--flex-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.flex-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--flex-shadow-lg);\n  border-color: var(--flex-primary);\n}\n\n.flex-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--flex-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.flex-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--flex-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.flex-card-ingredient {\n  background: linear-gradient(135deg, var(--flex-white) 0%, var(--flex-primary-light) 100%);\n  text-align: left;\n}\n\n.flex-grid-compact .flex-card {\n  padding: 1rem;\n}\n\n.flex-grid-compact .flex-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.flex-grid-compact .flex-card p {\n  font-size: 12px;\n}\n\n\/* === STEPS === *\/\n.flex-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.flex-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--flex-white);\n  padding: 1.25rem;\n  border-radius: var(--flex-radius);\n  box-shadow: var(--flex-shadow);\n  transition: all .3s ease;\n}\n\n.flex-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--flex-shadow-lg);\n}\n\n.flex-step-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--flex-primary), var(--flex-secondary));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 18px;\n  font-weight: 900;\n  box-shadow: 0 4px 12px rgba(30,87,153,.3);\n}\n\n.flex-step-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--flex-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.flex-step-content p {\n  font-size: 14px;\n  color: var(--flex-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.flex-tip {\n  background: linear-gradient(135deg, var(--flex-secondary-light), #f1f8e9);\n  border-left: 4px solid var(--flex-secondary);\n  padding: 1.25rem;\n  border-radius: 0 var(--flex-radius-sm) var(--flex-radius-sm) 0;\n  margin-top: 1.5rem;\n  font-size: 14px;\n  color: var(--flex-text);\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.flex-accordion {\n  background: var(--flex-white);\n  border-radius: var(--flex-radius);\n  box-shadow: var(--flex-shadow);\n  overflow: hidden;\n}\n\n.flex-accordion-item {\n  border-bottom: 1px solid var(--flex-border);\n  margin: 0;\n  padding: 0;\n}\n\n.flex-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.flex-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--flex-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.flex-accordion-header:hover {\n  background: var(--flex-primary-light);\n}\n\n.flex-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.flex-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--flex-primary);\n  transition: transform .2s ease;\n}\n\n.flex-accordion-item[open] .flex-accordion-header::after {\n  content: '−';\n}\n\n.flex-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--flex-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.flex-accordion-content p {\n  margin: 0 0 .75rem 0;\n}\n\n.flex-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.flex-cta-box {\n  background: linear-gradient(135deg, var(--flex-primary) 0%, var(--flex-secondary) 100%);\n  border-radius: var(--flex-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.flex-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n  animation: pulse 4s ease-in-out infinite;\n}\n\n@keyframes pulse {\n  0%, 100% { transform: scale(1); opacity: .5; }\n  50% { transform: scale(1.1); opacity: .8; }\n}\n\n.flex-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  .flex-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .flex-grid-compact {\n    gap: .625rem;\n  }\n  \n  .flex-grid-compact .flex-card {\n    padding: .75rem;\n  }\n  \n  .flex-card {\n    padding: 1.125rem;\n  }\n  \n  .flex-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .flex-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--flex-radius-sm);\n  }\n  \n  .flex-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .flex-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .flex-step {\n    padding: 1rem;\n  }\n  \n  .flex-step-number {\n    width: 36px;\n    height: 36px;\n    font-size: 15px;\n  }\n  \n  .flex-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .flex-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .flex-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .flex-card:nth-child(1) { animation-delay: .05s; }\n  .flex-card:nth-child(2) { animation-delay: .1s; }\n  .flex-card:nth-child(3) { animation-delay: .15s; }\n  .flex-card:nth-child(4) { animation-delay: .2s; }\n  .flex-card:nth-child(5) { animation-delay: .25s; }\n  .flex-card:nth-child(6) { animation-delay: .3s; }\n  \n  .flex-step {\n    animation: fadeInLeft .5s ease backwards;\n  }\n  .flex-step:nth-child(1) { animation-delay: .1s; }\n  .flex-step:nth-child(2) { animation-delay: .2s; }\n  .flex-step:nth-child(3) { animation-delay: .3s; }\n  .flex-step:nth-child(4) { 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@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  .flex-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":55455729123705,"sku":"NBAILTL0003","price":23.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Flexilium_gel.jpg?v=1758298608"},{"product_id":"flexilium-120-gelules-vegetales-lt-labo","title":"Flexilium - 120 Gélules végétales - LT Labo","description":"\u003cdiv class=\"flx-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"flx-hero\"\u003e\n    \u003cdiv class=\"flx-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"flx-hero-content\"\u003e\n      \u003cdiv class=\"flx-badges-top\"\u003e\n        \u003cspan class=\"flx-badge\"\u003e🌿 100 % Vegan\u003c\/span\u003e\n        \u003cspan class=\"flx-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"flx-badge\"\u003e💊 120 gélules végétales\u003c\/span\u003e\n        \u003cspan class=\"flx-badge\"\u003e🧬 5 actifs synergiques\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"flx-hero-title\"\u003eFlexilium — 120 gélules végétales\u003c\/span\u003e\n      \u003cp class=\"flx-subtitle\"\u003eSilicium · Glucosamine · Chondroïtine · Vitamine D3 · Curcuma\u003c\/p\u003e\n      \u003cp class=\"flx-description\"\u003eLa formule articulaire complète signée LT Labo : mobilité, flexibilité et souplesse retrouvées grâce à 5 actifs d'origine naturelle et végétale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003eFlexilium gélules : le complément alimentaire pour articulations complet et vegan\u003c\/h2\u003e\n    \u003cp class=\"flx-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire pour les articulations\u003c\/strong\u003e réellement efficace et d'origine naturelle ? Flexilium de LT Labo réunit dans une seule gélule végétale cinq actifs soigneusement sélectionnés pour soutenir votre mobilité, votre souplesse et le confort de vos mouvements au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"flx-grid-compact\"\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🏃 Mobilité\u003c\/h3\u003e\n        \u003cp\u003eRetrouvez une liberté de mouvement au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🤸 Souplesse\u003c\/h3\u003e\n        \u003cp\u003ePréservez la flexibilité de vos articulations\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n        \u003cp\u003eFormule 100 % végétale, sans ingrédient animal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🔬 5 actifs\u003c\/h3\u003e\n        \u003cp\u003eSynergie unique pour une action globale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le silicium pour les articulations ?\u003c\/h2\u003e\n    \u003cdiv class=\"flx-testimonial\"\u003e\n      \u003cp class=\"flx-testimonial-text\"\u003eLe \u003cstrong\u003esilicium\u003c\/strong\u003e est un oligo-élément clé dans la constitution du cartilage, des tendons et des ligaments. Avec l'âge, sa concentration dans l'organisme diminue, ce qui peut favoriser raideurs et inconforts. Flexilium mise sur du \u003cstrong\u003esilicium naturel issu de bambou\u003c\/strong\u003e, une source végétale particulièrement riche en silice biodisponible. Ce silicium participe activement à la formation du collagène, protéine essentielle au maintien de tissus conjonctifs solides et souples.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"flx-tip\"\u003e\n      \u003cspan class=\"flx-tip-icon\"\u003e🎋\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e Le bambou est l'une des sources végétales les plus concentrées en silice, bien plus assimilable que le silicium d'origine minérale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003eUne formule synergique à 5 actifs ciblés\u003c\/h2\u003e\n    \u003cp class=\"flx-section-intro\"\u003eContrairement à de nombreux compléments articulaires qui ne contiennent qu'un ou deux ingrédients, Flexilium combine \u003cstrong\u003ecinq actifs complémentaires\u003c\/strong\u003e pour une action globale :\u003c\/p\u003e\n    \u003cdiv class=\"flx-grid\"\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🎋 Silicium de bambou\u003c\/h3\u003e\n        \u003cp\u003eSoutient la synthèse du collagène et renforce les cartilages, les os, les ongles et les cheveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🧩 Glucosamine végétale\u003c\/h3\u003e\n        \u003cp\u003eFavorise le renouvellement du cartilage et la lubrification naturelle des articulations pour des mouvements plus fluides.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e💧 Chondroïtine végétale\u003c\/h3\u003e\n        \u003cp\u003eHydrate le cartilage en profondeur et améliore sa résistance aux chocs mécaniques du quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e☀️ Vitamine D3 végétale\u003c\/h3\u003e\n        \u003cp\u003eIssue de lichen boréal, indispensable à la fixation du calcium sur les os pour une ossature solide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🟡 Curcuma \u0026amp; poivre noir\u003c\/h3\u003e\n        \u003cp\u003eLe poivre noir potentialise l'absorption de la curcumine, reconnue pour son action apaisante sur les inconforts articulaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément articulaire ?\u003c\/h2\u003e\n    \u003cdiv class=\"flx-grid-compact\"\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🏅 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eProtégez vos articulations sollicitées par l'effort intense\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n        \u003cp\u003eConservez mobilité et autonomie au fil des années\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🌅 Raideurs matinales\u003c\/h3\u003e\n        \u003cp\u003eSoulagez l'inconfort articulaire ponctuel dès le réveil\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🌿 Vegans\u003c\/h3\u003e\n        \u003cp\u003eUn complément 100 % compatible avec un régime végétalien\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003ePosologie recommandée\u003c\/h2\u003e\n    \u003cdiv class=\"flx-timeline\"\u003e\n      \u003cdiv class=\"flx-timeline-item\"\u003e\n        \u003cdiv class=\"flx-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"flx-timeline-content\"\u003e\n          \u003ch3\u003eProgramme d'entretien\u003c\/h3\u003e\n          \u003cp\u003e2 gélules par jour avec un grand verre d'eau, de préférence au cours d'un repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-timeline-item\"\u003e\n        \u003cdiv class=\"flx-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"flx-timeline-content\"\u003e\n          \u003ch3\u003eProgramme intensif\u003c\/h3\u003e\n          \u003cp\u003eJusqu'à 4 gélules par jour en cas de besoin renforcé (reprise sportive, période de gêne accrue).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-timeline-item\"\u003e\n        \u003cdiv class=\"flx-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"flx-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 conseillée pour des résultats durables, 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=\"flx-section\"\u003e\n    \u003ch2\u003ePrécautions et recommandations\u003c\/h2\u003e\n    \u003cdiv class=\"flx-accordion\"\u003e\n      \u003cdetails class=\"flx-accordion-item\"\u003e\n        \u003csummary class=\"flx-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"flx-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux personnes sous anticoagulants (présence de curcuma).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"flx-accordion-item\"\u003e\n        \u003csummary class=\"flx-accordion-header\"\u003e💊 Dosage maximal\u003c\/summary\u003e\n        \u003cdiv class=\"flx-accordion-content mt-3\"\u003e\n          \u003cp\u003eRespectez la dose journalière indiquée. Ne pas dépasser 4 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"flx-accordion-item\"\u003e\n        \u003csummary class=\"flx-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"flx-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver dans un endroit sec, à l'abri de la chaleur, hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"flx-accordion-item\"\u003e\n        \u003csummary class=\"flx-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"flx-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni une alimentation variée et équilibrée. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"flx-section\"\u003e\n    \u003ch2\u003eQualité et engagements LT Labo\u003c\/h2\u003e\n    \u003cdiv class=\"flx-grid\"\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eProduction selon des normes de qualité rigoureuses, traçabilité garantie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🌿 Formule vegan certifiée\u003c\/h3\u003e\n        \u003cp\u003eSans OGM, sans colorants artificiels, sans parabènes ni phénoxyéthanol.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flx-card\"\u003e\n        \u003ch3\u003e🌾 Origine végétale\u003c\/h3\u003e\n        \u003cp\u003eGlucosamine et chondroïtine \u003cstrong\u003ed'origine végétale\u003c\/strong\u003e, contrairement à la majorité des produits du marché issus de crustacés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #8 --\u003e\n  \u003csection class=\"flx-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eNotre avis sur Flexilium 120 gélules\u003c\/h2\u003e\n    \u003cdiv class=\"flx-cta-box\"\u003e\n      \u003cp\u003eQuel complément alimentaire pour les articulations choisir parmi la multitude de références disponibles ? Flexilium se démarque par sa \u003cstrong\u003eformule complète, vegan et bien dosée\u003c\/strong\u003e. L'association silicium-glucosamine-chondroïtine-vitamine D3-curcuma offre une approche globale rarement réunie dans un seul produit. Si vous souhaitez prendre soin de vos articulations durablement, c'est un choix fiable et cohérent pour retrouver liberté et plaisir de mouvement au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"flx-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --flx-cream: #f4f7f6;\n  --flx-white: #ffffff;\n  --flx-primary: #2b7a9e;\n  --flx-primary-dark: #1a4f6e;\n  --flx-primary-light: #e6f2f7;\n  --flx-secondary: #5ab057;\n  --flx-accent: #3da347;\n  --flx-text: #1a1a1a;\n  --flx-text-light: #5a5a5a;\n  --flx-border: #dde8e4;\n  --flx-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --flx-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --flx-radius: 20px;\n  --flx-radius-sm: 12px;\n}\n\n.flx-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--flx-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.flx-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--flx-primary-dark) 0%, var(--flx-primary) 50%, var(--flx-secondary) 100%);\n  border-radius: var(--flx-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(--flx-shadow-lg);\n}\n\n.flx-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(90,176,87,.1) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.flx-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.flx-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.flx-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 3vw, 18px);\n  font-weight: 600;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  margin: 0 0 1.25rem 0;\n}\n\n.flx-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(15px, 2.5vw, 18px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.flx-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.flx-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(--flx-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.flx-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.flx-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.flx-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--flx-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.flx-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(--flx-primary), var(--flx-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.flx-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--flx-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.flx-card {\n  background: var(--flx-white);\n  border-radius: var(--flx-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--flx-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.flx-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--flx-shadow-lg);\n  border-color: var(--flx-primary);\n}\n\n.flx-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--flx-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.flx-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--flx-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.flx-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.flx-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.flx-grid-compact .flx-card {\n  padding: 1rem;\n}\n\n.flx-grid-compact .flx-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.flx-grid-compact .flx-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.flx-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.flx-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.flx-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--flx-primary), var(--flx-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.flx-timeline-content {\n  flex: 1;\n  background: var(--flx-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--flx-radius-sm);\n  box-shadow: var(--flx-shadow);\n}\n\n.flx-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--flx-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.flx-timeline-content p {\n  font-size: 14px;\n  color: var(--flx-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.flx-testimonial {\n  background: var(--flx-white);\n  border-radius: var(--flx-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--flx-shadow);\n  border-left: 4px solid var(--flx-primary);\n}\n\n.flx-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--flx-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.flx-accordion {\n  background: var(--flx-white);\n  border-radius: var(--flx-radius);\n  box-shadow: var(--flx-shadow);\n  overflow: hidden;\n}\n\n.flx-accordion-item {\n  border-bottom: 1px solid var(--flx-border);\n  margin: 0;\n  padding: 0;\n}\n\n.flx-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.flx-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--flx-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.flx-accordion-header:hover {\n  background: var(--flx-primary-light);\n}\n\n.flx-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.flx-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--flx-primary);\n  transition: transform .2s ease;\n}\n\n.flx-accordion-item[open] .flx-accordion-header::after {\n  content: '−';\n}\n\n.flx-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--flx-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.flx-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.flx-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--flx-primary-light);\n  border-radius: var(--flx-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.flx-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.flx-tip p {\n  font-size: 14px;\n  color: var(--flx-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.flx-cta-box {\n  background: linear-gradient(135deg, var(--flx-primary) 0%, var(--flx-primary-dark) 100%);\n  border-radius: var(--flx-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.flx-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.flx-disclaimer {\n  font-size: 12px;\n  color: var(--flx-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  .flx-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .flx-card {\n    padding: 1.125rem;\n  }\n\n  .flx-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .flx-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--flx-radius-sm);\n  }\n\n  .flx-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .flx-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .flx-grid-compact {\n    gap: .625rem;\n  }\n\n  .flx-grid-compact .flx-card {\n    padding: .75rem;\n  }\n\n  .flx-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .flx-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .flx-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .flx-timeline-content p {\n    font-size: 13px;\n  }\n\n  .flx-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .flx-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .flx-testimonial {\n    padding: 1.25rem;\n  }\n\n  .flx-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .flx-card {\n    animation: flxFadeInUp .5s ease backwards;\n  }\n  .flx-card:nth-child(1) { animation-delay: .05s; }\n  .flx-card:nth-child(2) { animation-delay: .1s; }\n  .flx-card:nth-child(3) { animation-delay: .15s; }\n  .flx-card:nth-child(4) { animation-delay: .2s; }\n  .flx-card:nth-child(5) { animation-delay: .25s; }\n  .flx-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes flxFadeInUp {\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  .flx-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":55455742067065,"sku":"NBAILTL0005","price":32.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/flexilium-120-gelules-vegetales-lt-labo-packshothd.webp?v=1775655643"},{"product_id":"phyco-elements-30-gelules-lifes-code","title":"Phyco-éléments - 30 gélules - Life's code","description":"\u003cdiv class=\"phyco-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"phyco-hero\"\u003e\n\u003cdiv class=\"phyco-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"phyco-hero-content\"\u003e\n\u003cspan class=\"phyco-hero-title\"\u003ePhyco-éléments Life's Code\u003c\/span\u003e\n\u003cp class=\"phyco-subtitle\"\u003eLa puissance des algues marines concentrée\u003c\/p\u003e\n\u003cp class=\"phyco-description\"\u003ePhycocyanine lyophilisée premium associée à 7 oligo-éléments essentiels couvrant 100% de vos besoins quotidiens. Réveillez votre énergie naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003ePhyco-éléments Life's Code : la synergie phycocyanine et oligo-éléments essentiels\u003c\/h2\u003e\n\u003cp class=\"phyco-section-intro\"\u003eVous cherchez un complément alimentaire complet pour soutenir votre vitalité au quotidien ? \u003cstrong\u003ePhyco-éléments\u003c\/strong\u003e de Life's Code associe la puissance de la \u003cstrong\u003ephycocyanine lyophilisée\u003c\/strong\u003e issue des algues marines à 7 oligo-éléments essentiels hautement assimilables.\u003c\/p\u003e\n\u003cdiv class=\"phyco-grid-compact\"\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🔬 Extraction à froid\u003c\/h3\u003e\n\u003cp\u003ePréservation optimale des actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e💎 Haute pureté\u003c\/h3\u003e\n\u003cp\u003ePhycocyanine concentrée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e⚡ 100% VNR\u003c\/h3\u003e\n\u003cp\u003eCouverture complète des besoins\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🌿 Naturel\u003c\/h3\u003e\n\u003cp\u003eFormule clean et sans additifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003eQu'est-ce que la phycocyanine et pourquoi est-elle si précieuse ?\u003c\/h2\u003e\n\u003cdiv class=\"phyco-highlight-box\"\u003e\n\u003cp\u003eLa phycocyanine est le \u003cstrong\u003epigment bleu caractéristique de la spiruline\u003c\/strong\u003e, une micro-algue marine reconnue pour ses propriétés nutritionnelles exceptionnelles. Contrairement à la spiruline classique en poudre, la \u003cstrong\u003ephycocyanine extraite et séchée à froid\u003c\/strong\u003e préserve toute son intégrité et sa biodisponibilité.\u003c\/p\u003e\n\u003cdiv class=\"phyco-stat-highlight\"\u003e\n\u003cspan class=\"phyco-stat-number\"\u003e200 mg\u003c\/span\u003e \u003cspan class=\"phyco-stat-label\"\u003ede phycocyanine lyophilisée par dose\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eUn concentré d'actifs issus des algues marines sous leur forme la plus noble et la plus assimilable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003eUne formule complète : 7 oligo-éléments pour couvrir vos besoins\u003c\/h2\u003e\n\u003cp class=\"phyco-section-intro\"\u003eCe qui distingue véritablement Phyco-éléments des autres compléments à base d'algues marines, c'est l'ajout de \u003cstrong\u003e7 oligo-éléments essentiels\u003c\/strong\u003e couvrant 100% des valeurs nutritionnelles de référence.\u003c\/p\u003e\n\u003cdiv class=\"phyco-grid\"\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🛡️ Zinc\u003c\/h3\u003e\n\u003cp\u003eContribue au fonctionnement normal du système immunitaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e✨ Sélénium\u003c\/h3\u003e\n\u003cp\u003eParticipe à la protection des cellules contre le stress oxydatif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🧱 Soufre\u003c\/h3\u003e\n\u003cp\u003eIntervient dans la structure des protéines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e⚡ Cuivre\u003c\/h3\u003e\n\u003cp\u003eContribue au métabolisme énergétique normal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🔄 Molybdène\u003c\/h3\u003e\n\u003cp\u003eParticipe au métabolisme des acides aminés soufrés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e📊 Chrome\u003c\/h3\u003e\n\u003cp\u003eContribue au maintien d'une glycémie normale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🎋 Silicium organique\u003c\/h3\u003e\n\u003cp\u003eIssu du bambou, soutient les tissus conjonctifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e💪 Magnésium bisglycinate\u003c\/h3\u003e\n\u003cp\u003eContribue à réduire la fatigue, haute assimilation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 2 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"phyco-composition-table\"\u003e\n\u003cdiv class=\"phyco-composition-row phyco-composition-header\"\u003e\n\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eIngrédients\u003c\/span\u003e Apport\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e🌊 Phycocyanine lyophilisée\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e200 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e🛡️ Zinc\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e100% VNR\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e✨ Sélénium\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e100% VNR\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e🧱 Soufre\u003c\/span\u003e \u003cspan\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e⚡ Cuivre\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e100% VNR\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e🔄 Molybdène\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e100% VNR\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e📊 Chrome\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e100% VNR\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e🎋 Silicium organique (bambou)\u003c\/span\u003e \u003cspan\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e💪 Magnésium (bisglycinate)\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e100% VNR\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-footer\"\u003e\n\u003cp\u003e\u003cstrong\u003eEnveloppe de la gélule :\u003c\/strong\u003e pullulan (100% végétal et végan)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003eComment prendre Phyco-éléments ?\u003c\/h2\u003e\n\u003cdiv class=\"phyco-timeline\"\u003e\n\u003cdiv class=\"phyco-timeline-item\"\u003e\n\u003cdiv class=\"phyco-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-content\"\u003e\n\u003ch3\u003eDose standard\u003c\/h3\u003e\n\u003cp\u003e2 gélules par jour pour une efficacité optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-item\"\u003e\n\u003cdiv class=\"phyco-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-content\"\u003e\n\u003ch3\u003eMoment idéal\u003c\/h3\u003e\n\u003cp\u003eAvant le repas du matin ou du midi, avec un grand verre d'eau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-item\"\u003e\n\u003cdiv class=\"phyco-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-content\"\u003e\n\u003ch3\u003eSi vous débutez\u003c\/h3\u003e\n\u003cp\u003eCommencez par 1 gélule\/jour la première semaine, puis passez à 2\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-item\"\u003e\n\u003cdiv class=\"phyco-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-content\"\u003e\n\u003ch3\u003ePériode d'effort intense\u003c\/h3\u003e\n\u003cp\u003eVous pouvez doubler la dose (4 gélules par jour)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-item\"\u003e\n\u003cdiv class=\"phyco-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-content\"\u003e\n\u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n\u003cp\u003e3 mois minimum pour une efficacité optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-tip\"\u003e\n\u003cspan class=\"phyco-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e si vous avez des difficultés à avaler les gélules, vous pouvez les ouvrir et verser leur contenu directement dans un verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"phyco-grid\"\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🏆 Recherche d'excellence\u003c\/h3\u003e\n\u003cp\u003ePersonnes en quête du meilleur complément multivitamines et minéraux naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003ePratiquants d'une activité sportive régulière ou intensive\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e⚡ Vitalité\u003c\/h3\u003e\n\u003cp\u003ePersonnes souhaitant soutenir leur métabolisme et leur énergie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🌱 Végans\u003c\/h3\u003e\n\u003cp\u003eChercheurs d'une alternative végane aux compléments classiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🔍 Exigeants\u003c\/h3\u003e\n\u003cp\u003ePersonnes sensibles à la qualité et l'origine des produits\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e😴 Anti-fatigue\u003c\/h3\u003e\n\u003cp\u003eCeux qui souhaitent réduire la fatigue naturellement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003eDes garanties de qualité strictes\u003c\/h2\u003e\n\u003cdiv class=\"phyco-grid-compact\"\u003e\n\u003cdiv class=\"phyco-card phyco-card-guarantee\"\u003e\n\u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n\u003cp\u003eFormule pure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card phyco-card-guarantee\"\u003e\n\u003ch3\u003e🧬 Sans OGM\u003c\/h3\u003e\n\u003cp\u003eNi ionisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card phyco-card-guarantee\"\u003e\n\u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eTolérance maximale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card phyco-card-guarantee\"\u003e\n\u003ch3\u003e⚗️ Sans métaux lourds\u003c\/h3\u003e\n\u003cp\u003ePureté contrôlée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card phyco-card-guarantee\"\u003e\n\u003ch3\u003e🎨 Sans colorant\u003c\/h3\u003e\n\u003cp\u003eNi arôme ajouté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card phyco-card-guarantee\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabrication ESAT\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-tip\"\u003e\n\u003cspan class=\"phyco-tip-icon\"\u003e🤝\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eEngagement solidaire :\u003c\/strong\u003e fabrication et conditionnement réalisés en France, au sein d'un ESAT (Établissement et Service d'Aide par le Travail).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTIONS 8 \u0026 9 - ACCORDÉON --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"phyco-accordion\"\u003e\n\u003cdetails class=\"phyco-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"phyco-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n\u003cdiv class=\"phyco-accordion-content\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical, demandez conseil à votre professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"phyco-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eConditionnement\u003c\/h2\u003e\n\u003cdiv class=\"phyco-cta-box\"\u003e\n\u003cp\u003e📦 Flacon de \u003cstrong\u003e30 gélules végétales\u003c\/strong\u003e\u003cbr\u003e(soit 15 jours de cure à raison de 2 gélules par jour)\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem; font-size: 14px; opacity: 0.9;\"\u003eÉgalement disponible en formats \u003cstrong\u003e90 gélules\u003c\/strong\u003e pour les cures prolongées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"phyco-disclaimer\"\u003eComplément alimentaire. Les compléments alimentaires ne peuvent se substituer à une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --phyco-cream: #F7F5F0;\n  --phyco-white: #ffffff;\n  --phyco-primary: #1E6B8A;\n  --phyco-primary-dark: #0D4A63;\n  --phyco-primary-light: #E8F4F8;\n  --phyco-secondary: #D4A574;\n  --phyco-accent: #E07D3A;\n  --phyco-earth: #3D2914;\n  \n  --phyco-text: #1a1a1a;\n  --phyco-text-light: #5a5a5a;\n  \n  --phyco-border: #e0e0e0;\n  --phyco-shadow: 0 4px 24px rgba(30,107,138,.08);\n  --phyco-shadow-lg: 0 12px 48px rgba(30,107,138,.15);\n  --phyco-radius: 20px;\n  --phyco-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.phyco-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--phyco-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.phyco-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--phyco-primary) 0%, var(--phyco-primary-dark) 50%, #0A3344 100%);\n  border-radius: var(--phyco-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(--phyco-shadow-lg);\n}\n\n.phyco-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(224,125,58,.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.phyco-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.phyco-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.phyco-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(--phyco-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.phyco-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.phyco-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.phyco-subtitle {\n  color: var(--phyco-secondary);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.phyco-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.phyco-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.phyco-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--phyco-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.phyco-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(--phyco-primary), var(--phyco-accent));\n  border-radius: 2px;\n}\n\n.phyco-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--phyco-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.phyco-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.phyco-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.phyco-card {\n  background: var(--phyco-white);\n  border-radius: var(--phyco-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--phyco-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.phyco-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--phyco-shadow-lg);\n  border-color: var(--phyco-primary);\n}\n\n.phyco-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--phyco-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.phyco-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--phyco-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.phyco-grid-compact .phyco-card {\n  padding: 1rem;\n}\n\n.phyco-grid-compact .phyco-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.phyco-grid-compact .phyco-card p {\n  font-size: 12px;\n}\n\n.phyco-card-guarantee {\n  background: linear-gradient(135deg, var(--phyco-primary-light) 0%, var(--phyco-white) 100%);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.phyco-highlight-box {\n  background: var(--phyco-white);\n  border-radius: var(--phyco-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--phyco-shadow);\n  border-left: 5px solid var(--phyco-accent);\n  text-align: center;\n}\n\n.phyco-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--phyco-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.phyco-stat-highlight {\n  background: linear-gradient(135deg, var(--phyco-primary) 0%, var(--phyco-primary-dark) 100%);\n  border-radius: var(--phyco-radius-sm);\n  padding: 1.5rem;\n  margin: 1.5rem 0;\n}\n\n.phyco-stat-number {\n  display: block;\n  font-size: clamp(36px, 8vw, 56px);\n  font-weight: 900;\n  color: white;\n  line-height: 1;\n}\n\n.phyco-stat-label {\n  display: block;\n  font-size: clamp(13px, 2vw, 16px);\n  color: rgba(255,255,255,.9);\n  margin-top: .5rem;\n  font-weight: 500;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.phyco-composition-table {\n  background: var(--phyco-white);\n  border-radius: var(--phyco-radius);\n  overflow: hidden;\n  box-shadow: var(--phyco-shadow);\n}\n\n.phyco-composition-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.25rem;\n  border-bottom: 1px solid var(--phyco-border);\n  font-size: 14px;\n}\n\n.phyco-composition-row:last-of-type {\n  border-bottom: none;\n}\n\n.phyco-composition-header {\n  background: var(--phyco-primary);\n  color: white;\n  font-weight: 700;\n  border-bottom: none;\n}\n\n.phyco-composition-row span:first-child {\n  color: var(--phyco-text);\n}\n\n.phyco-composition-row span:last-child {\n  color: var(--phyco-primary-dark);\n  font-weight: 600;\n}\n\n.phyco-composition-footer {\n  background: var(--phyco-primary-light);\n  padding: 1rem 1.25rem;\n}\n\n.phyco-composition-footer p {\n  margin: 0;\n  font-size: 13px;\n  color: var(--phyco-text);\n  text-align: center;\n}\n\n\/* === TIMELINE === *\/\n.phyco-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.phyco-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.phyco-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--phyco-primary), var(--phyco-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.phyco-timeline-content {\n  flex: 1;\n  background: var(--phyco-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--phyco-radius-sm);\n  box-shadow: var(--phyco-shadow);\n}\n\n.phyco-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--phyco-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.phyco-timeline-content p {\n  font-size: 14px;\n  color: var(--phyco-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.phyco-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--phyco-primary-light);\n  border-radius: var(--phyco-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.phyco-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.phyco-tip p {\n  font-size: 14px;\n  color: var(--phyco-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.phyco-accordion {\n  background: var(--phyco-white);\n  border-radius: var(--phyco-radius);\n  box-shadow: var(--phyco-shadow);\n  overflow: hidden;\n}\n\n.phyco-accordion-item {\n  border-bottom: 1px solid var(--phyco-border);\n  margin: 0;\n  padding: 0;\n}\n\n.phyco-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.phyco-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--phyco-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.phyco-accordion-header:hover {\n  background: var(--phyco-primary-light);\n}\n\n.phyco-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.phyco-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--phyco-primary);\n  transition: transform .2s ease;\n}\n\n.phyco-accordion-item[open] .phyco-accordion-header::after {\n  content: '−';\n}\n\n.phyco-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--phyco-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.phyco-accordion-content p {\n  margin: 0 0 .75rem 0;\n}\n\n.phyco-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.phyco-cta-box {\n  background: linear-gradient(135deg, var(--phyco-primary) 0%, var(--phyco-primary-dark) 100%);\n  border-radius: var(--phyco-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.phyco-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.phyco-disclaimer {\n  font-size: 12px;\n  color: var(--phyco-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  .phyco-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .phyco-card {\n    padding: 1.125rem;\n  }\n  \n  .phyco-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .phyco-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--phyco-radius-sm);\n  }\n  \n  .phyco-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .phyco-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .phyco-grid-compact {\n    gap: .625rem;\n  }\n  \n  .phyco-grid-compact .phyco-card {\n    padding: .75rem;\n  }\n  \n  .phyco-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .phyco-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .phyco-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .phyco-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .phyco-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .phyco-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .phyco-highlight-box {\n    padding: 1.25rem;\n  }\n  \n  .phyco-stat-highlight {\n    padding: 1rem;\n  }\n  \n  .phyco-composition-row {\n    padding: .75rem 1rem;\n    font-size: 13px;\n  }\n  \n  .phyco-badges-top {\n    gap: 6px;\n  }\n  \n  .phyco-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .phyco-card {\n    animation: phycoFadeInUp .5s ease backwards;\n  }\n  .phyco-card:nth-child(1) { animation-delay: .05s; }\n  .phyco-card:nth-child(2) { animation-delay: .1s; }\n  .phyco-card:nth-child(3) { animation-delay: .15s; }\n  .phyco-card:nth-child(4) { animation-delay: .2s; }\n  .phyco-card:nth-child(5) { animation-delay: .25s; }\n  .phyco-card:nth-child(6) { animation-delay: .3s; }\n  .phyco-card:nth-child(7) { animation-delay: .35s; }\n  .phyco-card:nth-child(8) { animation-delay: .4s; }\n  \n  .phyco-timeline-item {\n    animation: phycoFadeInUp .5s ease backwards;\n  }\n  .phyco-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .phyco-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .phyco-timeline-item:nth-child(3) { animation-delay: .2s; }\n  .phyco-timeline-item:nth-child(4) { animation-delay: .25s; }\n  .phyco-timeline-item:nth-child(5) { animation-delay: .3s; }\n}\n\n@keyframes phycoFadeInUp {\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  .phyco-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LIFES CODE","offers":[{"title":"Default Title","offer_id":56388279796089,"sku":"PHYCOELEMENT30","price":34.92,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Phyco-elements-30gelules-Life_scode.png?v=1766394502"},{"product_id":"phyco-elements-90-gelules-lifes-code","title":"Phyco-éléments - 90 gélules - Life's code","description":"\u003cdiv class=\"pe-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"pe-hero\"\u003e\n\u003cdiv class=\"pe-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pe-hero-content\"\u003e\n\u003cdiv class=\"pe-badges-top\"\u003e\n\u003cspan class=\"pe-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"pe-badge\"\u003eSans additifs\u003c\/span\u003e \u003cspan class=\"pe-badge\"\u003e💧 200mg phycocyanine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pe-hero-title\"\u003ePhyco-éléments\u003c\/span\u003e\n\u003cp class=\"pe-subtitle\"\u003e90 gélules • Life's Code\u003c\/p\u003e\n\u003cp class=\"pe-description\"\u003eLa puissance de la phycocyanine lyophilisée associée à 7 oligo-éléments essentiels pour une vitalité optimale au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003ePhyco-éléments : la puissance de la phycocyanine associée à 7 oligo-éléments essentiels\u003c\/h2\u003e\n\u003cp class=\"pe-section-intro\"\u003eUn complément alimentaire complet capable de soutenir votre vitalité au quotidien grâce à une formule unique et synergique.\u003c\/p\u003e\n\u003cdiv class=\"pe-grid-compact\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e💧 200mg de phycocyanine\u003c\/h3\u003e\n\u003cp\u003eExtrait concentré de spiruline par dose\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e⚡ 7 oligo-éléments\u003c\/h3\u003e\n\u003cp\u003e100% des VNR couverts\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n\u003cp\u003eSans additifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué et conditionné en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003eQu'est-ce que la phycocyanine et pourquoi est-elle si précieuse ?\u003c\/h2\u003e\n\u003cdiv class=\"pe-highlight-box\"\u003e\n\u003cp\u003eLa \u003cstrong\u003ephycocyanine\u003c\/strong\u003e est le pigment bleu naturel présent dans la \u003cstrong\u003espiruline\u003c\/strong\u003e, cette micro-algue d'eau douce reconnue mondialement pour sa richesse nutritionnelle exceptionnelle.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003eContrairement à la spiruline brute qui contient environ 15 à 20% de phycocyanine, notre extrait concentré vous offre directement le \u003cstrong\u003ecœur actif de l'algue\u003c\/strong\u003e, sans les fibres difficiles à digérer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.5rem;\" class=\"pe-grid\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e❄️ Extraction à froid\u003c\/h3\u003e\n\u003cp\u003eProcédé doux préservant l'intégrité moléculaire de l'actif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🧊 Lyophilisation\u003c\/h3\u003e\n\u003cp\u003eConservation optimale de la biodisponibilité sans dégradation thermique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e💎 Pureté maximale\u003c\/h3\u003e\n\u003cp\u003eSpiruline bleue phycocyanine sous sa forme la plus noble\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003eLes bienfaits de la phycocyanine et spiruline pour votre organisme\u003c\/h2\u003e\n\u003cdiv class=\"pe-grid\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🛡️ Équilibre cellulaire et protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eLe zinc, le sélénium et le cuivre contribuent à protéger les cellules contre le stress oxydatif et participent au maintien des fonctions cellulaires normales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e⚡ Métabolisme et vitalité au quotidien\u003c\/h3\u003e\n\u003cp\u003eLes oligo-éléments sélectionnés interviennent dans le métabolisme énergétique normal, aidant l’organisme à fonctionner de manière efficace jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🌟 Soutien des défenses naturelles\u003c\/h3\u003e\n\u003cp\u003eLe zinc et le sélénium contribuent au fonctionnement normal du système immunitaire, en synergie avec la phycocyanine issue de spiruline.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🧬 Fonctions métaboliques ciblées\u003c\/h3\u003e\n\u003cp\u003eChrome, molybdène et cuivre participent respectivement au maintien d’une glycémie normale, au métabolisme des acides aminés et au transport du fer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🦴 Tissus et structures de l’organisme\u003c\/h3\u003e\n\u003cp\u003eLe silicium d’origine végétale et le soufre sous forme de MSM sont naturellement présents dans de nombreuses structures biologiques, notamment les tissus conjonctifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-tip\"\u003e\n\u003cspan class=\"pe-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePhycocyanine ou spiruline ?\u003c\/strong\u003e Si vous recherchez une action ciblée et concentrée, la phycocyanine extraite représente le choix le plus pertinent. Phyco-éléments vous offre le meilleur des deux mondes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003e7 oligo-éléments pour une action synergique complète\u003c\/h2\u003e\n\u003cp class=\"pe-section-intro\"\u003eChaque minéral a été soigneusement sélectionné pour jouer un rôle spécifique dans le bon fonctionnement de votre organisme.\u003c\/p\u003e\n\u003cdiv class=\"pe-grid\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🔵 Zinc (100% VNR)\u003c\/h3\u003e\n\u003cp\u003eFonctionnement normal du système immunitaire et métabolisme des macronutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🟠 Sélénium (100% VNR)\u003c\/h3\u003e\n\u003cp\u003eProtection des cellules contre le stress oxydatif et fonctionnement thyroïdien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🟤 Cuivre (100% VNR)\u003c\/h3\u003e\n\u003cp\u003eMétabolisme énergétique normal et transport du fer dans l'organisme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e⚪ Chrome (100% VNR)\u003c\/h3\u003e\n\u003cp\u003eMaintien d'une glycémie normale, idéal pour surveiller son alimentation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🟣 Molybdène (100% VNR)\u003c\/h3\u003e\n\u003cp\u003eMétabolisme normal des acides aminés soufrés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🟢 Silicium organique\u003c\/h3\u003e\n\u003cp\u003eExtrait de bambou pour les tissus conjonctifs, la peau et les articulations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🟡 Soufre (MSM)\u003c\/h3\u003e\n\u003cp\u003eStructure des protéines et santé des tissus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003eComposition complète pour 1 gélule (dose journalière recommandée)\u003c\/h2\u003e\n\u003cdiv class=\"pe-composition-table\"\u003e\n\u003cdiv class=\"pe-composition-row pe-composition-header\"\u003e\n\u003cspan\u003eIngrédient\u003c\/span\u003e \u003cspan\u003eDosage\u003c\/span\u003e \u003cspan\u003e% VNR\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003ePhycocyanine lyophilisée\u003c\/span\u003e \u003cspan\u003e200 mg\u003c\/span\u003e \u003cspan\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eZinc\u003c\/span\u003e \u003cspan\u003e10 mg\u003c\/span\u003e \u003cspan\u003e100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eSélénium\u003c\/span\u003e \u003cspan\u003e55 µg\u003c\/span\u003e \u003cspan\u003e100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eCuivre\u003c\/span\u003e \u003cspan\u003e1 mg\u003c\/span\u003e \u003cspan\u003e100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eChrome\u003c\/span\u003e \u003cspan\u003e40 µg\u003c\/span\u003e \u003cspan\u003e100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eMolybdène\u003c\/span\u003e \u003cspan\u003e50 µg\u003c\/span\u003e \u003cspan\u003e100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eMagnésium (bisglycinate)\u003c\/span\u003e \u003cspan\u003e56,25 mg\u003c\/span\u003e \u003cspan\u003e15%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eSilicium organique\u003c\/span\u003e \u003cspan\u003eExtrait de bambou titré\u003c\/span\u003e \u003cspan\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eSoufre (MSM)\u003c\/span\u003e \u003cspan\u003eMéthylsulfonylméthane\u003c\/span\u003e \u003cspan\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.5rem;\" class=\"pe-grid-compact\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e💊 Gélule en pullulan\u003c\/h3\u003e\n\u003cp\u003eFibre naturelle 100% végétale et végane\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🚫 Sans excipients\u003c\/h3\u003e\n\u003cp\u003eAucun agent de charge ni conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003eComment prendre Phyco-éléments pour des résultats optimaux ?\u003c\/h2\u003e\n\u003cdiv class=\"pe-timeline\"\u003e\n\u003cdiv class=\"pe-timeline-item\"\u003e\n\u003cdiv class=\"pe-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-content\"\u003e\n\u003ch3\u003eDose standard : 2 gélules\/jour\u003c\/h3\u003e\n\u003cp\u003eAvec un grand verre d'eau, de préférence avant le petit-déjeuner ou le déjeuner pour bénéficier de l'effet énergisant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-item\"\u003e\n\u003cdiv class=\"pe-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-content\"\u003e\n\u003ch3\u003eSi vous débutez : 1 gélule\/jour\u003c\/h3\u003e\n\u003cp\u003ePendant la première semaine pour habituer votre organisme progressivement, puis passez à 2 gélules quotidiennes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-item\"\u003e\n\u003cdiv class=\"pe-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-content\"\u003e\n\u003ch3\u003ePériode d'effort intense : jusqu'à 4 gélules\/jour\u003c\/h3\u003e\n\u003cp\u003eRépartir les prises matin et midi en cas d'entraînement sportif, stress ou changement de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-item\"\u003e\n\u003cdiv class=\"pe-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-content\"\u003e\n\u003ch3\u003eCure de 3 mois minimum\u003c\/h3\u003e\n\u003cp\u003eLes oligo-éléments agissent en profondeur et leurs effets se construisent progressivement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-tip\"\u003e\n\u003cspan class=\"pe-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e Si vous avez des difficultés à avaler les gélules, ouvrez-les simplement et versez le contenu dans un verre d'eau ou un smoothie. La poudre bleue se mélange facilement !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"pe-grid\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs et actifs\u003c\/h3\u003e\n\u003cp\u003eSoutien de la récupération musculaire et du métabolisme énergétique normal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e😴 Personnes fatiguées\u003c\/h3\u003e\n\u003cp\u003eZinc, cuivre et magnésium contribuent à réduire la fatigue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🌱 Végans et végétariens\u003c\/h3\u003e\n\u003cp\u003eFormule 100% végétale avec des minéraux parfois difficiles à obtenir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🛡️ Soucieux de l'immunité\u003c\/h3\u003e\n\u003cp\u003eZinc et sélénium pour un système immunitaire normal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e👨💼 Quadragénaires et plus\u003c\/h3\u003e\n\u003cp\u003eComble les carences potentielles liées à l'âge\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n\u003cp\u003eSoutien du fonctionnement normal du système nerveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003ePourquoi choisir Phyco-éléments plutôt qu'une spiruline classique ?\u003c\/h2\u003e\n\u003cdiv class=\"pe-comparison\"\u003e\n\u003cdiv class=\"pe-comparison-item pe-comparison-better\"\u003e\n\u003ch3\u003e✅ Phyco-éléments\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e200 mg\u003c\/strong\u003e de phycocyanine pure par dose\u003c\/li\u003e\n\u003cli\u003eLyophilisation préservant la structure moléculaire\u003c\/li\u003e\n\u003cli\u003e7 oligo-éléments ajoutés (100% VNR)\u003c\/li\u003e\n\u003cli\u003eContrôles rigoureux sans métaux lourds\u003c\/li\u003e\n\u003cli\u003eGélules faciles à doser et sans goût\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-comparison-item pe-comparison-standard\"\u003e\n\u003ch3\u003eSpiruline classique\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSeulement \u003cstrong\u003e30-40 mg\u003c\/strong\u003e de phycocyanine\u003c\/li\u003e\n\u003cli\u003eSéchage à haute température dégradant\u003c\/li\u003e\n\u003cli\u003eAucun oligo-élément supplémentaire\u003c\/li\u003e\n\u003cli\u003eRisque de contamination variable\u003c\/li\u003e\n\u003cli\u003eGoût prononcé difficile à consommer\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003eEngagements qualité Life's Code\u003c\/h2\u003e\n\u003cdiv class=\"pe-grid-compact\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eConçu et conditionné en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🌿 100% végan\u003c\/h3\u003e\n\u003cp\u003eGélules en pullulan végétal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n\u003cp\u003eNi ionisation des matières premières\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-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=\"pe-card\"\u003e\n\u003ch3\u003e⚗️ Sans métaux lourds\u003c\/h3\u003e\n\u003cp\u003eContrôles stricts sur chaque lot\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🎨 Sans colorant\u003c\/h3\u003e\n\u003cp\u003eBleu 100% naturel de la phycocyanine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 10 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n\u003cdiv class=\"pe-accordion\"\u003e\n\u003cdetails class=\"pe-accordion-item\"\u003e\n\u003csummary class=\"pe-accordion-header\"\u003e⚠️ Dosage et conservation\u003c\/summary\u003e\n\u003cdiv class=\"pe-accordion-content\"\u003e\n\u003cp\u003eNe dépassez pas la dose journalière recommandée de 4 gélules. Conservez le flacon à l'abri de la lumière et de l'humidité, à température ambiante. Tenez hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pe-accordion-item\"\u003e\n\u003csummary class=\"pe-accordion-header\"\u003e👩⚕️ Consultation médicale recommandée\u003c\/summary\u003e\n\u003cdiv class=\"pe-accordion-content\"\u003e\n\u003cp\u003eConsultez votre médecin ou pharmacien avant de commencer cette supplémentation si vous êtes enceinte, allaitez, suivez un traitement médical (notamment anticoagulant) ou souffrez d'une pathologie chronique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pe-accordion-item\"\u003e\n\u003csummary class=\"pe-accordion-header\"\u003e📋 Avertissement légal\u003c\/summary\u003e\n\u003cdiv class=\"pe-accordion-content\"\u003e\n\u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Ce produit ne constitue pas un traitement médical et ne doit pas être utilisé pour diagnostiquer, traiter ou prévenir une maladie.\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=\"pe-section\"\u003e\n\u003cdiv class=\"pe-cta-box\"\u003e\n\u003cp\u003eOffrez à votre organisme la puissance de la \u003cstrong\u003ephycocyanine spiruline\u003c\/strong\u003e la plus pure, associée à une sélection d'oligo-éléments essentiels parfaitement dosés.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003e\u003cstrong\u003ePhyco-éléments\u003c\/strong\u003e représente le choix idéal pour soutenir votre vitalité au quotidien, naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pe-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  --pe-cream: #f7f4ef;\n  --pe-white: #ffffff;\n  --pe-primary: #1a6b8a;\n  --pe-primary-dark: #0d4a61;\n  --pe-primary-light: #e8f4f8;\n  --pe-secondary: #d4a853;\n  --pe-accent: #2d9bb5;\n\n  \/* Textes *\/\n  --pe-text: #1a1a1a;\n  --pe-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --pe-border: #e0e0e0;\n  --pe-shadow: 0 4px 24px rgba(26,107,138,.08);\n  --pe-shadow-lg: 0 12px 48px rgba(26,107,138,.15);\n  --pe-radius: 20px;\n  --pe-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pe-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pe-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pe-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0d4a61 0%, #1a6b8a 40%, #2d9bb5 100%);\n  border-radius: var(--pe-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(--pe-shadow-lg);\n}\n\n.pe-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,168,83,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(45,155,181,.2) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.pe-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pe-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pe-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.pe-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.pe-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pe-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(--pe-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pe-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pe-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pe-premium h2 {\n  font-size: clamp(22px, 5vw, 32px);\n  font-weight: 900;\n  color: var(--pe-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.pe-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(--pe-primary), var(--pe-secondary));\n  border-radius: 2px;\n}\n\n.pe-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pe-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.pe-card {\n  background: var(--pe-white);\n  border-radius: var(--pe-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pe-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pe-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pe-shadow-lg);\n  border-color: var(--pe-primary);\n}\n\n.pe-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pe-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pe-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pe-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pe-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.pe-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.pe-grid-compact .pe-card {\n  padding: 1rem;\n}\n\n.pe-grid-compact .pe-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.pe-grid-compact .pe-card p {\n  font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pe-highlight-box {\n  background: linear-gradient(135deg, var(--pe-primary-light) 0%, #f0f8fa 100%);\n  border-radius: var(--pe-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  border-left: 4px solid var(--pe-primary);\n}\n\n.pe-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--pe-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.pe-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pe-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pe-timeline-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--pe-primary), var(--pe-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: 18px;\n  box-shadow: 0 4px 12px rgba(26,107,138,.3);\n}\n\n.pe-timeline-content {\n  flex: 1;\n  background: var(--pe-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--pe-radius-sm);\n  box-shadow: var(--pe-shadow);\n}\n\n.pe-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pe-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.pe-timeline-content p {\n  font-size: 14px;\n  color: var(--pe-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.pe-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: linear-gradient(135deg, #fef9e7 0%, #fdf3d7 100%);\n  border-radius: var(--pe-radius-sm);\n  padding: 1.25rem 1.5rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--pe-secondary);\n}\n\n.pe-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.pe-tip p {\n  font-size: 14px;\n  color: var(--pe-text);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.pe-composition-table {\n  background: var(--pe-white);\n  border-radius: var(--pe-radius);\n  box-shadow: var(--pe-shadow);\n  overflow: hidden;\n}\n\n.pe-composition-row {\n  display: grid;\n  grid-template-columns: 2fr 1fr 1fr;\n  padding: 1rem 1.25rem;\n  border-bottom: 1px solid var(--pe-border);\n  font-size: 14px;\n  align-items: center;\n}\n\n.pe-composition-row:last-child {\n  border-bottom: none;\n}\n\n.pe-composition-header {\n  background: linear-gradient(135deg, var(--pe-primary), var(--pe-primary-dark));\n  color: white;\n  font-weight: 700;\n  font-size: 13px;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n.pe-composition-row span:first-child {\n  font-weight: 600;\n  color: var(--pe-text);\n}\n\n.pe-composition-row span:nth-child(2),\n.pe-composition-row span:nth-child(3) {\n  text-align: center;\n  color: var(--pe-text-light);\n}\n\n.pe-composition-header span {\n  color: white !important;\n}\n\n\/* === COMPARISON === *\/\n.pe-comparison {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.25rem;\n}\n\n.pe-comparison-item {\n  background: var(--pe-white);\n  border-radius: var(--pe-radius);\n  padding: 1.5rem;\n  box-shadow: var(--pe-shadow);\n}\n\n.pe-comparison-better {\n  border: 3px solid var(--pe-primary);\n  position: relative;\n}\n\n.pe-comparison-better::before {\n  content: 'RECOMMANDÉ';\n  position: absolute;\n  top: -12px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: linear-gradient(135deg, var(--pe-primary), var(--pe-accent));\n  color: white;\n  padding: 4px 16px;\n  border-radius: 20px;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: .05em;\n}\n\n.pe-comparison-standard {\n  border: 2px solid var(--pe-border);\n  opacity: .85;\n}\n\n.pe-comparison-item h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--pe-primary-dark);\n  margin: 0 0 1rem 0;\n  text-align: center;\n}\n\n.pe-comparison-item ul {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.pe-comparison-item li {\n  font-size: 14px;\n  color: var(--pe-text-light);\n  padding: .5rem 0;\n  border-bottom: 1px solid var(--pe-border);\n  line-height: 1.5;\n}\n\n.pe-comparison-item li:last-child {\n  border-bottom: none;\n}\n\n\/* === ACCORDÉON === *\/\n.pe-accordion {\n  background: var(--pe-white);\n  border-radius: var(--pe-radius);\n  box-shadow: var(--pe-shadow);\n  overflow: hidden;\n}\n\n.pe-accordion-item {\n  border-bottom: 1px solid var(--pe-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pe-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pe-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pe-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.pe-accordion-header:hover {\n  background: var(--pe-primary-light);\n}\n\n.pe-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pe-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--pe-primary);\n  transition: transform .2s ease;\n}\n\n.pe-accordion-item[open] .pe-accordion-header::after {\n  content: '−';\n}\n\n.pe-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pe-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 0;\n}\n\n.pe-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.pe-cta-box {\n  background: linear-gradient(135deg, var(--pe-primary) 0%, var(--pe-primary-dark) 100%);\n  border-radius: var(--pe-radius);\n  padding: clamp(2rem, 5vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.pe-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(212,168,83,.2) 0%, transparent 50%);\n}\n\n.pe-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 18px);\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\/* === DISCLAIMER === *\/\n.pe-disclaimer {\n  font-size: 12px;\n  color: var(--pe-text-light);\n  text-align: center;\n  margin-top: 1.25rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .pe-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .pe-card {\n    padding: 1.125rem;\n  }\n  \n  .pe-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .pe-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pe-radius-sm);\n  }\n  \n  .pe-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n    font-size: clamp(18px, 5vw, 24px);\n  }\n  \n  .pe-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .pe-grid-compact {\n    gap: .625rem;\n  }\n  \n  .pe-grid-compact .pe-card {\n    padding: .75rem;\n  }\n  \n  .pe-timeline-number {\n    width: 36px;\n    height: 36px;\n    font-size: 15px;\n  }\n  \n  .pe-timeline-content {\n    padding: 1rem;\n  }\n  \n  .pe-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .pe-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .pe-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .pe-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .pe-highlight-box {\n    padding: 1.25rem;\n  }\n  \n  .pe-highlight-box p {\n    font-size: 14px;\n  }\n  \n  .pe-tip {\n    padding: 1rem;\n  }\n  \n  .pe-composition-row {\n    grid-template-columns: 1.5fr 1fr .75fr;\n    padding: .75rem 1rem;\n    font-size: 12px;\n  }\n  \n  .pe-comparison {\n    grid-template-columns: 1fr;\n  }\n  \n  .pe-comparison-item {\n    padding: 1.25rem;\n  }\n  \n  .pe-badges-top {\n    gap: 6px;\n  }\n  \n  .pe-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .pe-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .pe-card:nth-child(1) { animation-delay: .05s; }\n  .pe-card:nth-child(2) { animation-delay: .1s; }\n  .pe-card:nth-child(3) { animation-delay: .15s; }\n  .pe-card:nth-child(4) { animation-delay: .2s; }\n  .pe-card:nth-child(5) { animation-delay: .25s; }\n  .pe-card:nth-child(6) { animation-delay: .3s; }\n  .pe-card:nth-child(7) { animation-delay: .35s; }\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  .pe-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LIFES CODE","offers":[{"title":"Default Title","offer_id":56574250025337,"sku":"PHYCOELEMENT90","price":83.92,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/phyco-element-90-gelules-lifes-code_11zon_e1acba18-90a6-4f30-9795-93c928862a28.jpg?v=1776000551"},{"product_id":"zinc-bisglycinate-b6-60-gelules-sfb","title":"Silicium Organique Olivital + Active - 1 L","description":"\u003cdiv class=\"olv-premium\"\u003e\n  \u003cdiv class=\"olv-hero\"\u003e\n    \u003cdiv class=\"olv-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"olv-hero-content\"\u003e\n      \u003cdiv class=\"olv-badges-top\"\u003e\n        \u003cspan class=\"olv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"olv-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"olv-badge\"\u003e💧 1 g\/L de Silicium\u003c\/span\u003e\n        \u003cspan class=\"olv-badge\"\u003e✨ Cure 1 mois\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"olv-hero-title\"\u003eSilicium Organique Olivital + Active\u003c\/span\u003e\n      \u003cp class=\"olv-subtitle\"\u003eSolution buvable de silicium biodisponible • 1 Litre\u003c\/p\u003e\n      \u003cp class=\"olv-description\"\u003eLa force du naturel au service de votre peau, de vos ongles, de vos cheveux et de vos articulations. Une formule concentrée, au goût cassis, pour une vitalité retrouvée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"olv-section\"\u003e\n    \u003ch2\u003eSilicium Organique Olivital + Active : la vitalité puisée dans le naturel\u003c\/h2\u003e\n    \u003cp class=\"olv-section-intro\"\u003eLe \u003cstrong\u003eSilicium Organique Olivital + Active\u003c\/strong\u003e de SFB Laboratoires est une solution buvable concentrée, élaborée pour soutenir la beauté de votre peau, la force de vos ongles, la brillance de vos cheveux ainsi que la souplesse de vos articulations. Présenté en flacon d'1 litre (soit environ 1 mois de cure), ce complément alimentaire vegan et fabriqué en France mise sur la \u003cstrong\u003ebiodisponibilité\u003c\/strong\u003e pour offrir une assimilation optimale.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"olv-section\"\u003e\n    \u003ch2\u003eQu'est-ce que le silicium organique et quels sont ses bienfaits ?\u003c\/h2\u003e\n    \u003cp class=\"olv-section-intro\"\u003eLe silicium est un oligo-élément naturellement présent dans l'organisme : on le retrouve dans les os, les cartilages, les tendons, la peau et les phanères. Avec l'âge, ses réserves diminuent, d'où l'intérêt d'une supplémentation ciblée.\u003c\/p\u003e\n    \u003cdiv class=\"olv-grid\"\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e💪 Tissus conjonctifs\u003c\/h3\u003e\n        \u003cp\u003eContribue à renforcer la peau, les cartilages et les ligaments pour un corps solide et souple.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🦴 Souplesse articulaire\u003c\/h3\u003e\n        \u003cp\u003eSoutient le confort de mouvement au quotidien et la mobilité des articulations.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🧬 Fixation du calcium\u003c\/h3\u003e\n        \u003cp\u003eParticipe aux processus d'ossification et à la minéralisation osseuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e✨ Beauté \u0026amp; éclat\u003c\/h3\u003e\n        \u003cp\u003eFavorise la beauté de la peau, la force des ongles et la brillance des cheveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🛡️ Antioxydant\u003c\/h3\u003e\n        \u003cp\u003eApporte des propriétés antioxydantes qui aident à lutter contre le vieillissement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🌿 Cicatrisation\u003c\/h3\u003e\n        \u003cp\u003eAccompagne les processus naturels de réparation et de régénération des tissus.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"olv-section\"\u003e\n    \u003ch2\u003eUne formule concentrée et biodisponible\u003c\/h2\u003e\n    \u003cp class=\"olv-section-intro\"\u003eOlivital + Active se distingue par une teneur élevée en \u003cstrong\u003esilicium élément de 1 g\/litre\u003c\/strong\u003e, soit 30 mg par prise de 30 ml. Sa forme liquide, à base d'acide orthosilicique stabilisé sur choline, est pensée pour une assimilation rapide par l'organisme.\u003c\/p\u003e\n    \u003cdiv class=\"olv-grid-compact\"\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e💧 1 g\/L\u003c\/h3\u003e\n        \u003cp\u003eSilicium élément concentré\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🥄 30 mg\u003c\/h3\u003e\n        \u003cp\u003ePar prise quotidienne\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e⚡ Assimilation rapide\u003c\/h3\u003e\n        \u003cp\u003eForme liquide biodisponible\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🍇 Goût cassis\u003c\/h3\u003e\n        \u003cp\u003eArôme naturel agréable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"olv-section\"\u003e\n    \u003ch2\u003eComposition détaillée (pour 30 ml)\u003c\/h2\u003e\n    \u003cdiv class=\"olv-grid\"\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e💧 Solution aqueuse dynalisée\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e29 100 mg\u003c\/strong\u003e\u003cbr\u003eBase de la formule\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🧪 Acide orthosilicique\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e682 mg\u003c\/strong\u003e\u003cbr\u003eSur base choline stabilisée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🍇 Arôme naturel de cassis\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e45 mg\u003c\/strong\u003e\u003cbr\u003ePour un goût agréable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🌱 Extrait de Stevia Rebaudiana\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e9 mg\u003c\/strong\u003e\u003cbr\u003e98 % de Rébaudioside A min.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🧂 Sorbate de potassium\u003c\/h3\u003e\n        \u003cp\u003eConservateur doux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e⚗️ Acide lactique\u003c\/h3\u003e\n        \u003cp\u003eRégulateur d'acidité\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"olv-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cp\u003e✅ Sans paraben • Sans benzoate • Sans gluten • Sans lactose • Sans OGM\u003cbr\u003eConvient aux végétariens et végétaliens\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"olv-section\"\u003e\n    \u003ch2\u003eComment prendre le silicium organique G5 \/ Olivital ?\u003c\/h2\u003e\n    \u003cp class=\"olv-section-intro\"\u003ePour profiter pleinement des bénéfices, suivez ces étapes simples au quotidien :\u003c\/p\u003e\n    \u003cdiv class=\"olv-timeline\"\u003e\n      \u003cdiv class=\"olv-timeline-item\"\u003e\n        \u003cdiv class=\"olv-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"olv-timeline-content\"\u003e\n          \u003ch3\u003eLe matin à jeun\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e30 ml\u003c\/strong\u003e chaque matin, pur ou dilué dans un peu d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-timeline-item\"\u003e\n        \u003cdiv class=\"olv-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"olv-timeline-content\"\u003e\n          \u003ch3\u003e2 minutes sous la langue\u003c\/h3\u003e\n          \u003cp\u003eGardez la solution environ \u003cstrong\u003e2 minutes sous la langue\u003c\/strong\u003e avant de l'avaler afin de favoriser l'assimilation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-timeline-item\"\u003e\n        \u003cdiv class=\"olv-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"olv-timeline-content\"\u003e\n          \u003ch3\u003eUne cure d'1 mois minimum\u003c\/h3\u003e\n          \u003cp\u003eRespectez une cure d'au moins 1 mois pour observer des résultats durables sur la peau, les ongles et la vitalité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"olv-tip\"\u003e\n      \u003cspan class=\"olv-tip-icon\"\u003e❄️\u003c\/span\u003e\n      \u003cp\u003eBien agiter avant emploi et conserver à l'abri de la chaleur, \u003cstrong\u003ede préférence au réfrigérateur après ouverture\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"olv-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi et danger du silicium organique\u003c\/h2\u003e\n    \u003cp class=\"olv-section-intro\"\u003eLe \u003cstrong\u003edanger du silicium organique\u003c\/strong\u003e reste limité lorsque la posologie est respectée. Toutefois, quelques précautions s'imposent :\u003c\/p\u003e\n    \u003cdiv class=\"olv-accordion\"\u003e\n      \u003cdetails class=\"olv-accordion-item\"\u003e\n        \u003csummary class=\"olv-accordion-header\"\u003e⚠️ Posologie à respecter\u003c\/summary\u003e\n        \u003cdiv class=\"olv-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de 30 ml par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"olv-accordion-item\"\u003e\n        \u003csummary class=\"olv-accordion-header\"\u003e🚫 Publics déconseillés\u003c\/summary\u003e\n        \u003cdiv class=\"olv-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux enfants, aux femmes enceintes ou allaitantes. Déconseillé également en cas de traitement anti-hypertenseur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"olv-accordion-item\"\u003e\n        \u003csummary class=\"olv-accordion-header\"\u003e💤 Effets à surveiller\u003c\/summary\u003e\n        \u003cdiv class=\"olv-accordion-content mt-3\"\u003e\n          \u003cp\u003eCesser l'utilisation en cas d'agitation ou de nervosité. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"olv-accordion-item\"\u003e\n        \u003csummary class=\"olv-accordion-header\"\u003e🩺 Rappel important\u003c\/summary\u003e\n        \u003cdiv class=\"olv-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e, il ne se substitue pas à une alimentation variée, équilibrée ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. En cas de doute, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"olv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir Olivital + Active de SFB Laboratoires ?\u003c\/h2\u003e\n    \u003cdiv class=\"olv-grid-compact\"\u003e\n      \u003cdiv class=\"olv-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      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e💎 Concentration optimisée\u003c\/h3\u003e\n        \u003cp\u003e1 g\/L de silicium élément\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🍇 Goût agréable\u003c\/h3\u003e\n        \u003cp\u003eArôme naturel de cassis\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🧴 Formule propre\u003c\/h3\u003e\n        \u003cp\u003eSans conservateurs controversés\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"olv-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cp\u003eUn allié quotidien pour qui souhaite préserver naturellement sa vitalité, la jeunesse de sa peau et la mobilité de ses articulations. 🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --olv-cream: #faf7f2;\n  --olv-white: #ffffff;\n  --olv-primary: #8b5a2b;\n  --olv-primary-dark: #4a2c17;\n  --olv-primary-light: #f5ebe0;\n  --olv-secondary: #d97706;\n  --olv-accent: #e88a3c;\n  --olv-text: #1a1a1a;\n  --olv-text-light: #5a5a5a;\n  --olv-border: #e8ddd1;\n  --olv-shadow: 0 4px 24px rgba(74,44,23,.08);\n  --olv-shadow-lg: 0 12px 48px rgba(74,44,23,.18);\n  --olv-radius: 20px;\n  --olv-radius-sm: 12px;\n}\n\n.olv-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--olv-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--olv-text);\n  line-height: 1.6;\n}\n\n.olv-hero {\n  position: relative;\n  background: linear-gradient(135deg, #6b3a1a 0%, #4a2c17 50%, #8b5a2b 100%);\n  border-radius: var(--olv-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(--olv-shadow-lg);\n}\n\n.olv-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, var(--olv-accent) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, var(--olv-secondary) 0%, transparent 40%);\n  opacity: .15;\n}\n\n.olv-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.olv-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  line-height: 1.1;\n}\n\n.olv-subtitle {\n  color: var(--olv-accent);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 700;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n  text-transform: uppercase;\n}\n\n.olv-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto;\n}\n\n.olv-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.olv-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(--olv-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.olv-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.olv-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.olv-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--olv-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.olv-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(--olv-primary), var(--olv-secondary));\n  border-radius: 2px;\n}\n\n.olv-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--olv-text-light);\n  margin: 0 auto 1.5rem;\n  max-width: 780px;\n  line-height: 1.75;\n}\n\n.olv-section-intro strong {\n  color: var(--olv-primary-dark);\n}\n\n.olv-card {\n  background: var(--olv-white);\n  border-radius: var(--olv-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--olv-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.olv-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--olv-shadow-lg);\n  border-color: var(--olv-primary);\n}\n\n.olv-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--olv-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.olv-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--olv-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.olv-card strong {\n  color: var(--olv-secondary);\n  font-weight: 800;\n}\n\n.olv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.olv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.olv-grid-compact .olv-card {\n  padding: 1rem;\n}\n\n.olv-grid-compact .olv-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.olv-grid-compact .olv-card p {\n  font-size: 12px;\n}\n\n.olv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.olv-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.olv-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--olv-primary), var(--olv-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(139,90,43,.3);\n}\n\n.olv-timeline-content {\n  flex: 1;\n  background: var(--olv-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--olv-radius-sm);\n  box-shadow: var(--olv-shadow);\n}\n\n.olv-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--olv-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.olv-timeline-content p {\n  font-size: 14px;\n  color: var(--olv-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.olv-timeline-content strong {\n  color: var(--olv-secondary);\n}\n\n.olv-accordion {\n  background: var(--olv-white);\n  border-radius: var(--olv-radius);\n  box-shadow: var(--olv-shadow);\n  overflow: hidden;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.olv-accordion-item {\n  border-bottom: 1px solid var(--olv-border);\n  margin: 0;\n  padding: 0;\n}\n\n.olv-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.olv-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--olv-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.olv-accordion-header:hover {\n  background: var(--olv-primary-light);\n}\n\n.olv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.olv-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--olv-primary);\n  transition: transform .2s ease;\n}\n\n.olv-accordion-item[open] .olv-accordion-header::after {\n  content: '−';\n}\n\n.olv-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--olv-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.olv-accordion-content p {\n  margin: 0;\n}\n\n.olv-accordion-content strong {\n  color: var(--olv-primary-dark);\n}\n\n.olv-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--olv-primary-light);\n  border-radius: var(--olv-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  max-width: 760px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.olv-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.olv-tip p {\n  font-size: 14px;\n  color: var(--olv-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.olv-tip strong {\n  color: var(--olv-primary-dark);\n}\n\n.olv-cta-box {\n  background: linear-gradient(135deg, var(--olv-primary) 0%, var(--olv-primary-dark) 100%);\n  border-radius: var(--olv-radius);\n  padding: clamp(1.5rem, 3.5vw, 2.25rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.olv-cta-box p {\n  color: white;\n  font-size: clamp(14px, 2.3vw, 17px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .olv-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .olv-card {\n    padding: 1.125rem;\n  }\n  .olv-section {\n    margin-bottom: 1.75rem;\n  }\n  .olv-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--olv-radius-sm);\n  }\n  .olv-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .olv-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .olv-grid-compact {\n    gap: .625rem;\n  }\n  .olv-grid-compact .olv-card {\n    padding: .75rem;\n  }\n  .olv-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .olv-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .olv-timeline-content h3 {\n    font-size: 14px;\n  }\n  .olv-timeline-content p {\n    font-size: 13px;\n  }\n  .olv-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .olv-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .olv-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .olv-card:nth-child(1) { animation-delay: .05s; }\n  .olv-card:nth-child(2) { animation-delay: .1s; }\n  .olv-card:nth-child(3) { animation-delay: .15s; }\n  .olv-card:nth-child(4) { animation-delay: .2s; }\n  .olv-card:nth-child(5) { animation-delay: .25s; }\n  .olv-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  .olv-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":57103858925945,"sku":"SF0265","price":28.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silicium-organique-olivital-active-1-l-packshothd.webp?v=1776679687"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/vignette-collection-silicium.jpg?v=1741702126","url":"https:\/\/www.naturellement-bio.com\/collections\/silicium.oembed?page=2","provider":"Naturellement Bio","version":"1.0","type":"link"}