{"title":"Minéraux \u0026 oligo-éléments","description":"\u003ch2 id=\"quiz\" style=\"text-align: center; font-family: inherit; font-size: 1.8rem; font-weight: normal; color: #4b5d40; margin: 20px 0;\"\u003eQuels sont les minéraux et oligo-éléments dont vous avez besoin ? Testez-vous maintenant ! 👇\u003c\/h2\u003e\n \u003cdiv class=\"container quiz-container\"\u003e\n\n \u003c!-- Étape 1 : Objectif principal --\u003e\n \u003cdiv id=\"quiz-step-1\" class=\"quiz-step active\"\u003e\n \u003ch3\u003eÉtape 1 : Quel est votre principal besoin ou objectif de santé ?\u003c\/h3\u003e\n \u003cp\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"objective\" value=\"energie\"\u003e Booster l'énergie et combattre la fatigue\u003c\/label\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"objective\" value=\"immunite\"\u003e Renforcer le système immunitaire et protéger les cellules\u003c\/label\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"objective\" value=\"osseux\"\u003e Soutenir la santé osseuse et musculaire\u003c\/label\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"objective\" value=\"stress\"\u003e Réduire le stress et améliorer la qualité du sommeil\u003c\/label\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"objective\" value=\"digestif\"\u003e Améliorer la digestion et l'équilibre hydrique\u003c\/label\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"objective\" value=\"metabolique\"\u003e Réguler le métabolisme (glycémie, fringales)\u003c\/label\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"objective\" value=\"cognitif\"\u003e Optimiser la concentration et la fonction nerveuse\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 : Symptômes spécifiques --\u003e\n \u003cdiv id=\"quiz-step-2\" class=\"quiz-step\"\u003e\n \u003ch3\u003eÉtape 2 : Quels symptômes ou problématiques vous préoccupent le plus ?\u003c\/h3\u003e\n \u003cp\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"symptom\" value=\"fatigue_crampes\"\u003e Fatigue persistante et crampes musculaires\u003c\/label\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"symptom\" value=\"stress_sommeil\"\u003e Stress, troubles du sommeil et nervosité\u003c\/label\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"symptom\" value=\"immunitaire\"\u003e Infections fréquentes ou baisse d’immunité\u003c\/label\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"symptom\" value=\"osseux_douleurs\"\u003e Douleurs articulaires, os fragiles, ostéoporose\u003c\/label\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"symptom\" value=\"digestif\"\u003e Troubles digestifs (ballonnements, transit irrégulier)\u003c\/label\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"symptom\" value=\"glycemique\"\u003e Fringales et variations de la glycémie\u003c\/label\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"symptom\" value=\"cognitive\"\u003e Difficultés de concentration et perte de mémoire\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 id=\"quiz-step-3\" class=\"quiz-step\"\u003e\n \u003ch3\u003eÉtape 3 : Quel profil vous décrit le mieux ?\u003c\/h3\u003e\n \u003cp\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"profile\" value=\"sportif\"\u003e Sportif \/ Actif\u003c\/label\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"profile\" value=\"bureau\"\u003e Travail de bureau \/ Sédentaire\u003c\/label\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"profile\" value=\"senior\"\u003e Senior\u003c\/label\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"profile\" value=\"etudiant\"\u003e Étudiant \/ Jeune actif\u003c\/label\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"profile\" value=\"autre\"\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 : (Optionnel) - Pour affiner si besoin --\u003e\n \u003cdiv id=\"quiz-step-4\" class=\"quiz-step\"\u003e\n \u003ch3\u003eÉtape 4 : Y a-t-il une dimension particulière que vous souhaitez renforcer ?\u003c\/h3\u003e\n \u003cp\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"dimension\" value=\"antioxydant\"\u003e Soutien antioxydant pour ralentir le vieillissement cellulaire\u003c\/label\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"dimension\" value=\"nerveux\"\u003e Amélioration de la transmission nerveuse\u003c\/label\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"dimension\" value=\"osseo\"\u003e Renforcement osseux et articulaire\u003c\/label\u003e\n \u003clabel\u003e\u003cinput type=\"radio\" name=\"dimension\" value=\"indifferent\"\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 \u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Stockage des réponses\n let userChoices = {};\n\n \/\/ Définition des constantes pour chaque sous-collection\n const magnesium = {\n text: \"Complément alimentaire Magnésium (marin, citrate, bisglycinate)\",\n link: \"https:\/\/www.naturellement-bio.com\/collections\/magnesium\",\n explanation: \"Le magnésium aide à réduire la fatigue, améliore le sommeil et soutient la fonction nerveuse et musculaire.\"\n };\n const zinc = {\n text: \"Complément alimentaire Zinc (gluconate, picolinate)\",\n link: \"https:\/\/www.naturellement-bio.com\/collections\/zinc\",\n explanation: \"Le zinc booste le système immunitaire et soutient la santé de la peau et la cicatrisation.\"\n };\n const selenium = {\n text: \"Complément alimentaire Sélénium\",\n link: \"https:\/\/www.naturellement-bio.com\/collections\/selenium\",\n explanation: \"Le sélénium est un puissant antioxydant qui soutient la santé thyroïdienne et immunitaire.\"\n };\n const fer = {\n text: \"Complément alimentaire Fer (bisglycinate, sulfate ferreux)\",\n link: \"https:\/\/www.naturellement-bio.com\/collections\/fer\",\n explanation: \"Le fer est essentiel pour le transport de l'oxygène et aide à combattre la fatigue chronique.\"\n };\n const calcium = {\n text: \"Complément alimentaire Calcium (carbonate, citrate)\",\n link: \"https:\/\/www.naturellement-bio.com\/collections\/calcium\",\n explanation: \"Le calcium renforce la santé osseuse et dentaire, et soutient la contraction musculaire.\"\n };\n const cuivre = {\n text: \"Complément alimentaire Cuivre\",\n link: \"https:\/\/www.naturellement-bio.com\/collections\/cuivre\",\n explanation: \"Le cuivre est impliqué dans la production de collagène et soutient l'immunité.\"\n };\n const iode = {\n text: \"Complément alimentaire Iode (algues marines)\",\n link: \"https:\/\/www.naturellement-bio.com\/collections\/iode\",\n explanation: \"L'iode est indispensable à la production d'hormones thyroïdiennes et au métabolisme énergétique.\"\n };\n const silicium = {\n text: \"Complément alimentaire Silicium (prêle, ortie)\",\n link: \"https:\/\/www.naturellement-bio.com\/collections\/silicium\",\n explanation: \"Le silicium favorise la production de collagène, essentiel pour la santé des articulations, cheveux et peau.\"\n };\n const potassium = {\n text: \"Complément alimentaire Potassium\",\n link: \"https:\/\/www.naturellement-bio.com\/collections\/potassium\",\n explanation: \"Le potassium aide à réguler la pression artérielle, l'équilibre hydrique et la contraction musculaire.\"\n };\n const chrome = {\n text: \"Complément alimentaire Chrome (picolinate)\",\n link: \"https:\/\/www.naturellement-bio.com\/collections\/chrome\",\n explanation: \"Le chrome aide à réguler la glycémie et à contrôler l'appétit.\"\n };\n const manganese = {\n text: \"Complément alimentaire Manganèse\",\n link: \"https:\/\/www.naturellement-bio.com\/collections\/manganese\",\n explanation: \"Le manganèse est essentiel pour le métabolisme des nutriments et la santé osseuse.\"\n };\n const phosphore = {\n text: \"Complément alimentaire Phosphore\",\n link: \"https:\/\/www.naturellement-bio.com\/collections\/phosphore\",\n explanation: \"Le phosphore contribue à la production d'énergie et au maintien de la densité osseuse.\"\n };\n const sodium = {\n text: \"Complément alimentaire Sodium\",\n link: \"https:\/\/www.naturellement-bio.com\/collections\/sodium\",\n explanation: \"Le sodium participe à l'équilibre hydrique et à la transmission nerveuse.\"\n };\n\n \/\/ Navigation entre les étapes\n window.nextStep = function(step) {\n console.log(`nextStep called with step: ${step}`);\n let selected = document.querySelector(`#quiz-step-${step} input:checked`);\n if (selected) {\n userChoices[selected.name] = selected.value;\n console.log(`Selected value: ${selected.value}`);\n document.getElementById(`quiz-step-${step}`).classList.remove('active');\n document.getElementById(`quiz-step-${step + 1}`).classList.add('active');\n } else {\n alert(\"Veuillez faire un choix avant de continuer.\");\n }\n }\n\n window.prevStep = function(step) {\n console.log(`prevStep called with step: ${step}`);\n document.getElementById(`quiz-step-${step + 1}`).classList.remove('active');\n document.getElementById(`quiz-step-${step}`).classList.add('active');\n }\n\n \/\/ Logique ultra poussée de recommandation\n function determineRecommendation() {\n console.log('determineRecommendation called');\n let recs = [];\n\n \/\/ 1. Analyse de l'objectif principal\n switch(userChoices.objective) {\n case \"energie\":\n \/\/ Pour booster l'énergie, privilégier Magnésium ou Phosphore\n recs.push(magnesium);\n recs.push(phosphore);\n break;\n case \"immunite\":\n \/\/ Pour renforcer l'immunité, Zinc et Sélénium sont recommandés\n recs.push(zinc);\n recs.push(selenium);\n break;\n case \"osseux\":\n \/\/ Pour la santé osseuse, Calcium et Silicium\n recs.push(calcium);\n recs.push(silicium);\n break;\n case \"stress\":\n \/\/ Pour réduire le stress et améliorer le sommeil, Magnésium et Iode\n recs.push(magnesium);\n recs.push(iode);\n break;\n case \"digestif\":\n \/\/ Pour la digestion, Potassium et Sodium\n recs.push(potassium);\n recs.push(sodium);\n break;\n case \"metabolique\":\n \/\/ Pour réguler le métabolisme, Chrome est clé\n recs.push(chrome);\n break;\n case \"cognitif\":\n \/\/ Pour soutenir la fonction nerveuse, Phosphore et Magnésium\n recs.push(phosphore);\n recs.push(magnesium);\n break;\n default:\n recs.push(magnesium);\n }\n\n \/\/ 2. Analyse des symptômes spécifiques\n switch(userChoices.symptom) {\n case \"fatigue_crampes\":\n if (!recs.includes(magnesium)) recs.push(magnesium);\n if (!recs.includes(fer)) recs.push(fer);\n break;\n case \"stress_sommeil\":\n if (!recs.includes(magnesium)) recs.push(magnesium);\n if (!recs.includes(iode)) recs.push(iode);\n break;\n case \"immunitaire\":\n if (!recs.includes(zinc)) recs.push(zinc);\n if (!recs.includes(selenium)) recs.push(selenium);\n break;\n case \"osseux_douleurs\":\n if (!recs.includes(calcium)) recs.push(calcium);\n if (!recs.includes(silicium)) recs.push(silicium);\n break;\n case \"digestif\":\n if (!recs.includes(potassium)) recs.push(potassium);\n if (!recs.includes(sodium)) recs.push(sodium);\n break;\n case \"glycemique\":\n if (!recs.includes(chrome)) recs.push(chrome);\n break;\n case \"cognitive\":\n if (!recs.includes(phosphore)) recs.push(phosphore);\n if (!recs.includes(magnesium)) recs.push(magnesium);\n break;\n default:\n break;\n }\n\n \/\/ 3. Ajustement selon le profil utilisateur\n if(userChoices.profile === \"sportif\") {\n \/\/ Pour les sportifs, magnésium et phosphore sont essentiels\n if (!recs.includes(magnesium)) recs.push(magnesium);\n if (!recs.includes(phosphore)) recs.push(phosphore);\n }\n if(userChoices.profile === \"senior\") {\n \/\/ Pour les seniors, calcium et magnésium pour la santé osseuse\n if (!recs.includes(calcium)) recs.push(calcium);\n if (!recs.includes(magnesium)) recs.push(magnesium);\n }\n\n \/\/ 4. Option supplémentaire : Si l'utilisateur mentionne une dimension spécifique (bonus)\n if(userChoices.dimension) {\n if(userChoices.dimension === \"antioxydant\") {\n \/\/ Pour une action antioxydante, le sélénium et le zinc sont pertinents\n if (!recs.includes(selenium)) recs.push(selenium);\n if (!recs.includes(zinc)) recs.push(zinc);\n } else if(userChoices.dimension === \"nerveux\") {\n \/\/ Pour soutenir la fonction nerveuse, le phosphore et le magnésium sont recommandés\n if (!recs.includes(phosphore)) recs.push(phosphore);\n if (!recs.includes(magnesium)) recs.push(magnesium);\n } else if(userChoices.dimension === \"osseo\") {\n \/\/ Pour renforcer les os et les articulations, calcium et silicium\n if (!recs.includes(calcium)) recs.push(calcium);\n if (!recs.includes(silicium)) recs.push(silicium);\n }\n }\n\n \/\/ Si aucun rec n'a été généré, proposer par défaut le magnésium\n if (recs.length === 0) {\n recs.push(magnesium);\n }\n\n \/\/ Éliminer les doublons\n let uniqueRecs = [];\n recs.forEach(function(rec) {\n if (!uniqueRecs.find(r =\u003e r.link === rec.link)) {\n uniqueRecs.push(rec);\n }\n });\n\n \/\/ Limiter à 2 recommandations principales\n if (uniqueRecs.length \u003e 2) {\n uniqueRecs = uniqueRecs.slice(0, 2);\n }\n\n console.log('Recommendations:', uniqueRecs);\n return uniqueRecs;\n }\n\n \/\/ Affichage du résultat du quiz\n window.showResult = function() {\n console.log('showResult called');\n let recommendedProducts = determineRecommendation();\n let html = '';\n if (recommendedProducts.length \u003e 0) {\n html += '\u003cp\u003eNous vous recommandons :\u003c\/p\u003e\u003cul\u003e';\n recommendedProducts.forEach(product =\u003e {\n html += `\u003cli\u003e\n \u003ca href=\"${product.link}\"\u003e${product.text}\u003c\/a\u003e\u003cbr\u003e\n \u003csmall\u003e${product.explanation}\u003c\/small\u003e\n \u003c\/li\u003e`;\n });\n html += '\u003c\/ul\u003e';\n } else {\n html = '\u003cp\u003eAucun complément ne correspond exactement à vos réponses. Veuillez consulter notre gamme complète.\u003c\/p\u003e';\n }\n html += '\u003cbutton class=\"restart-btn\" onclick=\"restartQuiz()\"\u003eRecommencer le questionnaire\u003c\/button\u003e';\n document.getElementById(\"quiz-result\").innerHTML = html;\n document.getElementById(\"quiz-result\").style.display = \"block\";\n }\n\n \/\/ Réinitialisation du quiz\n window.restartQuiz = function() {\n console.log('restartQuiz called');\n userChoices = {};\n document.getElementById(\"quiz-result\").style.display = \"none\";\n let steps = document.getElementsByClassName('quiz-step');\n for (let i = 0; i \u003c steps.length; i++) {\n steps[i].classList.remove('active');\n }\n document.getElementById(\"quiz-step-1\").classList.add('active');\n let inputs = document.querySelectorAll(\"input[type='radio']\");\n inputs.forEach(input =\u003e input.checked = false);\n }\n });\n \u003c\/script\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003e\u003cstrong\u003eFoire aux questions\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003ePourquoi prendre des compléments alimentaires en minéraux et oligo-éléments ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eLes minéraux et oligo-éléments sont essentiels au bon fonctionnement de l'organisme. Une carence peut entraîner de la fatigue, une baisse d'immunité ou des troubles musculaires. Les compléments permettent de rétablir cet équilibre.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eComment savoir si je manque de minéraux ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eUne fatigue persistante, une faiblesse musculaire, des crampes ou une chute de cheveux sont souvent des signes de carence en minéraux comme le magnésium, le zinc ou le fer. Un bilan sanguin peut aider à confirmer ces déficits.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003ePeut-on prendre plusieurs compléments en même temps ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eOui, mais il est conseillé de bien vérifier la compatibilité entre les minéraux. Par exemple, le calcium peut interférer avec l'absorption du fer s'ils sont pris en même temps. L'idéal est de prendre conseil auprès d'un professionnel de santé.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eCombien de temps faut-il pour ressentir les effets ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eLes effets varient selon le complément pris. Le magnésium et le fer peuvent agir rapidement (en 2 à 3 jours), tandis que le zinc ou le silicium nécessitent souvent une prise régulière pendant plusieurs semaines pour constater une amélioration.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuels sont les risques en cas de surdosage ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eUn excès de certains minéraux (fer, calcium, zinc) peut provoquer des troubles digestifs, des maux de tête ou une fatigue inhabituelle. Respectez toujours les dosages recommandés.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eLes compléments en minéraux sont-ils adaptés à tout le monde ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eIls sont adaptés à la plupart des personnes, mais certains minéraux comme le fer ou le calcium doivent être pris avec précaution chez les femmes enceintes ou les personnes souffrant de maladies chroniques. Consultez un professionnel en cas de doute.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003ePeut-on prendre des compléments de minéraux et d’oligo-éléments toute l’année ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eOui, mais il est recommandé de faire des pauses après une cure de plusieurs mois pour éviter un déséquilibre en nutriments. Une cure de 2 à 3 mois, suivie d'une pause d'un mois, est généralement efficace.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePourquoi prendre des compléments alimentaires en minéraux et oligo-éléments ?\u003c\/h2\u003e\n\n\u003cp\u003eVous avez beau essayer de manger équilibré, il arrive pourtant que la fatigue, le stress ou une baisse d'énergie viennent perturber votre quotidien. Derrière ces sensations se cache souvent un manque en minéraux essentiels. En effet, même avec une alimentation variée, les sols appauvris et le rythme intense de nos journées rendent parfois nécessaire un petit coup de pouce naturel.\u003c\/p\u003e\n\n\u003cp\u003eLes minéraux et oligo-éléments jouent des rôles clés dans votre santé physique, mentale, et même votre beauté. Voici précisément comment une supplémentation peut vous aider à retrouver équilibre et vitalité :\u003c\/p\u003e\n\n\u003ch3\u003eCombler efficacement vos carences quotidiennes\u003c\/h3\u003e\n\u003cp\u003eVous ressentez une fatigue persistante, manquez souvent d'énergie ou êtes sujet aux maux de tête ? Votre corps manque peut-être de \u003ca href=\"\/collections\/magnesium\"\u003ecompléments alimentaires à base de magnésium\u003c\/a\u003e ou de \u003ca href=\"\/collections\/fer\"\u003ecompléments alimentaires au fer\u003c\/a\u003e. Quelques semaines de cure suffisent généralement à restaurer votre énergie, améliorer votre humeur et vous remettre sur pied rapidement.\u003c\/p\u003e\n\n\u003ch3\u003eRenforcer votre système immunitaire naturellement\u003c\/h3\u003e\n\u003cp\u003eSi vous êtes souvent malade ou avez du mal à récupérer après les infections hivernales, votre immunité a probablement besoin d'un coup de pouce. Les \u003ca href=\"\/collections\/zinc\"\u003ecompléments alimentaires au zinc\u003c\/a\u003e, les \u003ca href=\"\/collections\/selenium\"\u003ecompléments alimentaires au sélénium\u003c\/a\u003e et les \u003ca href=\"\/collections\/cuivre\"\u003ecompléments alimentaires au cuivre\u003c\/a\u003e stimulent naturellement vos défenses immunitaires, vous permettant ainsi de rester en bonne santé tout au long de l'année.\u003c\/p\u003e\n\n\u003ch3\u003eEntretenir la solidité de vos os et articulations\u003c\/h3\u003e\n\u003cp\u003eQue ce soit pour prévenir les fractures en vieillissant ou pour récupérer après une activité sportive régulière, privilégiez les \u003ca href=\"\/collections\/calcium\"\u003ecompléments alimentaires au calcium\u003c\/a\u003e et les compléments alimentaires à base de silicium. Ces minéraux renforcent durablement vos os et préservent la santé de vos articulations.\u003c\/p\u003e\n\n\u003ch3\u003eRetrouver une peau lumineuse, des cheveux brillants et des ongles solides\u003c\/h3\u003e\n\u003cp\u003eVotre peau manque d'éclat, vos cheveux sont fragiles ou vos ongles cassent facilement ? Cela indique souvent un manque de minéraux clés comme le silicium ou le zinc. Une cure régulière de compléments alimentaires à base de zinc ou de compléments alimentaires à base de silicium vous aidera à retrouver rapidement votre beauté naturelle.\u003c\/p\u003e\n\n\u003chr class=\"mt-3\"\u003e\n\n\u003ch2\u003eQuels minéraux choisir ?\u003c\/h2\u003e\n\n\u003ch3\u003e🛡️ Fatigue chronique et énergie retrouvée\u003c\/h3\u003e\n\u003cp\u003eSi vous traversez des périodes de grande fatigue ou manquez régulièrement d'énergie, les \u003ca href=\"\/collections\/magnesium\"\u003ecompléments alimentaires à base de magnésium\u003c\/a\u003e ou les \u003ca href=\"\/collections\/fer\"\u003ecompléments alimentaires au fer\u003c\/a\u003e seront particulièrement efficaces pour retrouver dynamisme et énergie.\u003c\/p\u003e\n\n\u003ch3\u003e🌙 Stress quotidien et problèmes de sommeil\u003c\/h3\u003e\n\u003cp\u003eFace au stress ou à des nuits difficiles, les \u003ca href=\"\/collections\/zinc\"\u003ecompléments alimentaires au zinc\u003c\/a\u003e et les compléments alimentaires à base de magnésium vous apportent une détente profonde et améliorent sensiblement votre sommeil.\u003c\/p\u003e\n\n\u003ch3\u003e💪 Crampes musculaires et fragilité osseuse\u003c\/h3\u003e\n\u003cp\u003eSi vous êtes sujet aux douleurs articulaires, aux crampes fréquentes ou souhaitez renforcer votre capital osseux, privilégiez les compléments alimentaires au calcium, compléments alimentaires au potassium, ou encore les \u003ca href=\"\/collections\/silicium\"\u003ecompléments alimentaires à base de silicium\u003c\/a\u003e.\u003c\/p\u003e\n\n\u003ch3\u003e🦠 Immunité et résistance aux infections\u003c\/h3\u003e\n\u003cp\u003ePour une immunité plus robuste toute l'année, pensez aux \u0026gt;compléments alimentaires au zinc, aux \u003ca href=\"\/collections\/selenium\"\u003ecompléments alimentaires au sélénium\u003c\/a\u003e ou aux \u003ca href=\"\/collections\/cuivre\"\u003ecompléments alimentaires au cuivre\u003c\/a\u003e, réputés pour renforcer naturellement votre organisme.\u003c\/p\u003e\n\n\u003ch3\u003e⚖️ Régulation du poids et des envies sucrées\u003c\/h3\u003e\n\u003cp\u003ePour mieux gérer votre poids ou limiter les envies de sucre qui perturbent vos objectifs minceur, les \u003ca href=\"\/collections\/chrome\"\u003ecompléments alimentaires à base de chrome\u003c\/a\u003e vous offriront une aide précieuse et naturelle.\u003c\/p\u003e\n\n\u003ch3\u003e🦷 Renforcement de l'émail et santé dentaire\u003c\/h3\u003e\n\u003cp\u003eVos dents sont fragiles ou sujettes aux caries fréquentes ? Essayez les compléments alimentaires au calcium ou les \u003ca href=\"\/collections\/phosphore\"\u003ecompléments alimentaires à base de phosphore\u003c\/a\u003e, parfaits pour protéger et renforcer votre émail dentaire.\u003c\/p\u003e\n\n\u003ch3\u003e🦋 Équilibre thyroïdien et métabolique\u003c\/h3\u003e\n\u003cp\u003eSi vous êtes sujet à une fatigue inhabituelle ou à des variations de poids inexpliquées, il est pertinent d'envisager des cures régulières de \u003ca href=\"\/collections\/iode\"\u003ecompléments alimentaires à base d’iode\u003c\/a\u003e ou de compléments alimentaires au sélénium, qui contribuent efficacement à réguler votre thyroïde.\u003c\/p\u003e\n\n\u003ch3\u003e🧠 Concentration, mémoire et performances intellectuelles\u003c\/h3\u003e\n\u003cp\u003eSi votre mémoire ou votre concentration vous jouent des tours au quotidien, les compléments alimentaires à base de phosphore associés au magnésium amélioreront sensiblement vos performances intellectuelles.\u003c\/p\u003e\n\n\u003ch3\u003e🍽️ Confort digestif et équilibre hydrique\u003c\/h3\u003e\n\u003cp\u003ePour réduire les sensations de ballonnements ou réguler votre équilibre interne, n'hésitez pas à intégrer les \u003ca href=\"\/collections\/potassium\"\u003ecompléments alimentaires au potassium\u003c\/a\u003e et les \u003ca href=\"\/collections\/sodium\"\u003ecompléments alimentaires à base de sodium\u003c\/a\u003e, précieux pour une digestion confortable et un équilibre hydrique optimal.\u003c\/p\u003e\n\n\u003chr class=\"mt-3\"\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eGuide pratique : les minéraux à choisir en fonction de vos besoins\u003c\/h2\u003e\n\u003cdiv style=\"overflow: auto;\"\u003e\n\u003ctable class=\"table table-responsive\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eBesoin\u003c\/th\u003e\n\u003cth\u003eMinéraux conseillés\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eFatigue\u003c\/td\u003e\n\u003ctd\u003eMagnésium, Fer\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eStress, sommeil\u003c\/td\u003e\n\u003ctd\u003eMagnésium, Zinc\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eImmunité\u003c\/td\u003e\n\u003ctd\u003eZinc, Sélénium, Cuivre\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSanté osseuse\u003c\/td\u003e\n\u003ctd\u003eCalcium, Silicium\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eBeauté\u003c\/td\u003e\n\u003ctd\u003eZinc, Silicium\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDigestion\u003c\/td\u003e\n\u003ctd\u003eMagnésium, Potassium\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePoids\u003c\/td\u003e\n\u003ctd\u003eChrome\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSanté dentaire\u003c\/td\u003e\n\u003ctd\u003eCalcium, Phosphore\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eThyroïde\u003c\/td\u003e\n\u003ctd\u003eIode, Sélénium\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMémoire, concentration\u003c\/td\u003e\n\u003ctd\u003ePhosphore, Magnésium\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"mt-3\"\u003eVous ne savez toujours pas quel complément alimentaire riche en minéraux choisir ? Répondez aux quelques questions de notre questionnaire interactif, et soyez orienté vers le minéral adapté à vos besoins !\u003c\/p\u003e\n\u003cdiv style=\"text-align: center; margin: 20px 0;\"\u003e\n \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\n Faire le quiz d'aide aux choix\n \u003c\/a\u003e\n\u003c\/div\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComment savoir si vous avez besoin d’un complément en minéraux ?\u003c\/h2\u003e\n\n\u003cp\u003eVoici quelques signes concrets qui montrent qu'une supplémentation pourrait vous aider :\u003c\/p\u003e\n\n\u003cul\u003e\n \u003cli\u003eVous vous réveillez fatigué, même après une bonne nuit de sommeil.\u003c\/li\u003e\n \u003cli\u003eVous ressentez souvent des crampes ou des douleurs musculaires inexplicables.\u003c\/li\u003e\n \u003cli\u003eVotre peau est sèche, vos cheveux tombent plus que d'habitude ou vos ongles sont cassants.\u003c\/li\u003e\n \u003cli\u003eVous avez du mal à gérer votre stress ou à vous concentrer durablement.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003eSi ces signes vous parlent, vous pourriez envisager une supplémentation adaptée. N'hésitez pas à demander conseil à un professionnel de santé si vous avez le moindre doute.\u003c\/p\u003e","products":[{"product_id":"hypertonic-buvable-30-ampoules-de-10-ml-quinton","title":"Hypertonic Buvable - 30 Ampoules de 10 ml - Quinton","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Hypertonic Buvable - 30 Ampoules de 10 ml - Quinton\nPalette détectée:\n - Primaire: #1e3a5f (bleu marine profond du packaging)\n - Secondaire: #4a90c2 (bleu océan clair des motifs)\n - Accent: #c9a227 (doré des ampoules)\n - Light: #e8f4fc (bleu très clair pour backgrounds)\nAmbiance: Marine\/océanique, scientifique, premium, naturel, confiance médicale\nPréfixe CSS: qh\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Qu'est-ce que le Quinton Hypertonic ?\"\n 2. \"Les bienfaits de l'eau de mer Quinton Hypertonic\"\n 3. \"Quelle différence entre Quinton isotonique et hypertonique ?\"\n 4. \"Composition détaillée\"\n 5. \"Comment prendre le Quinton Hypertonic ?\"\n 6. \"Un procédé de fabrication rigoureux\"\n 7. \"Pour qui est recommandé le Quinton Hypertonic ?\"\n 8. \"Précautions d'emploi\"\n 9. \"Pourquoi choisir le Quinton Hypertonic ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"qh-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"qh-hero\"\u003e\n \u003cdiv class=\"qh-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"qh-hero-content\"\u003e\n \u003cdiv class=\"qh-badges-top\"\u003e\n \u003cspan class=\"qh-badge\"\u003e🌊 78 minéraux marins\u003c\/span\u003e\n \u003cspan class=\"qh-badge\"\u003e💎 100 % eau de mer pure\u003c\/span\u003e\n \u003cspan class=\"qh-badge\"\u003e🔬 Depuis 1897\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"qh-hero-title\"\u003eQuinton Hypertonic\u003c\/span\u003e\n \u003cp class=\"qh-subtitle\"\u003e30 ampoules buvables de 10 ml\u003c\/p\u003e\n \u003cp class=\"qh-description\"\u003eUn concentré de vie marine pour revitaliser votre organisme et combler vos besoins en minéraux. Plus d'un siècle d'expertise au service de votre vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"qh-section\"\u003e\n \u003ch2\u003eQu'est-ce que le Quinton Hypertonic ?\u003c\/h2\u003e\n \u003cdiv class=\"qh-intro-card\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eQuinton Hypertonic\u003c\/strong\u003e est une \u003cstrong\u003eeau de mer hypertonique\u003c\/strong\u003e buvable, prélevée au large des côtes dans des zones marines exceptionnellement riches en phytoplancton. Contrairement à l'eau de mer classique, cette solution conserve l'intégralité de ses \u003cstrong\u003e78 minéraux et oligo-éléments\u003c\/strong\u003e grâce à un procédé de microfiltration à froid qui préserve toutes ses propriétés naturelles.\u003c\/p\u003e\n \u003cp\u003eCe complément s'inscrit dans la lignée des travaux du biologiste \u003cstrong\u003eRené Quinton\u003c\/strong\u003e, qui a démontré dès le début du XXe siècle la remarquable similitude entre l'eau de mer et notre milieu intérieur. La formule hypertonique présente une concentration en minéraux supérieure à celle du plasma sanguin, ce qui en fait un allié de choix pour les personnes ayant des besoins accrus en reminéralisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"qh-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'eau de mer Quinton Hypertonic\u003c\/h2\u003e\n \u003cp class=\"qh-section-intro\"\u003eL'eau de mer de Quinton en version hypertonique offre une synergie unique de minéraux biodisponibles :\u003c\/p\u003e\n \u003cdiv class=\"qh-grid\"\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e💧 Reminéralisation profonde\u003c\/h3\u003e\n \u003cp\u003eApport concentré en magnésium, calcium, potassium, zinc et plus de 70 autres éléments traces\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e⚡ Soutien de la vitalité\u003c\/h3\u003e\n \u003cp\u003eIdéal en période de fatigue, de stress ou de convalescence pour retrouver votre énergie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🏃 Récupération sportive\u003c\/h3\u003e\n \u003cp\u003eAide à compenser les pertes minérales après un effort physique intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre acido-basique\u003c\/h3\u003e\n \u003cp\u003eContribue à maintenir un pH corporel optimal pour un fonctionnement harmonieux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🔋 Stimulation naturelle\u003c\/h3\u003e\n \u003cp\u003eEffet tonifiant grâce à sa concentration hypertonique supérieure au plasma sanguin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eSans additif, sans conservateur, sans gluten — l'eau de mer est le seul ingrédient\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"qh-section\"\u003e\n \u003ch2\u003eQuelle différence entre Quinton isotonique et hypertonique ?\u003c\/h2\u003e\n \u003cp class=\"qh-section-intro\"\u003eCette question revient souvent, et elle mérite une réponse claire :\u003c\/p\u003e\n \u003cdiv class=\"qh-comparison\"\u003e\n \u003cdiv class=\"qh-comparison-card qh-isotonic\"\u003e\n \u003cdiv class=\"qh-comparison-header\"\u003e\n \u003cspan class=\"qh-comparison-icon\"\u003e🌊\u003c\/span\u003e\n \u003ch3\u003eQuinton Isotonique\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003eEau de mer \u003cstrong\u003ediluée\u003c\/strong\u003e avec de l'eau de source\u003c\/li\u003e\n \u003cli\u003eConcentration similaire à notre milieu intérieur\u003c\/li\u003e\n \u003cli\u003eConvient aux \u003cstrong\u003ecures douces\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eIdéal pour l'hydratation cellulaire\u003c\/li\u003e\n \u003cli\u003eRecommandé aux personnes sensibles\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv class=\"qh-comparison-tag\"\u003eCure de fond\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-comparison-card qh-hypertonic\"\u003e\n \u003cdiv class=\"qh-comparison-header\"\u003e\n \u003cspan class=\"qh-comparison-icon\"\u003e⚡\u003c\/span\u003e\n \u003ch3\u003eQuinton Hypertonic\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003eEau de mer \u003cstrong\u003epure, non diluée\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eConcentration en minéraux plus élevée\u003c\/li\u003e\n \u003cli\u003eEffet \u003cstrong\u003edynamisant\u003c\/strong\u003e rapide\u003c\/li\u003e\n \u003cli\u003eIdéal en période de fatigue marquée\u003c\/li\u003e\n \u003cli\u003eRecommandé pour les sportifs\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv class=\"qh-comparison-tag qh-tag-highlight\"\u003eCoup de boost\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-tip\"\u003e\n \u003cspan class=\"qh-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous hésitez entre les deux, l'Hypertonic sera votre allié pour un \u003cstrong\u003ecoup de boost rapide\u003c\/strong\u003e, tandis que l'Isotonique s'intégrera mieux dans une cure de fond sur plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"qh-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"qh-composition\"\u003e\n \u003cdiv class=\"qh-composition-main\"\u003e\n \u003cdiv class=\"qh-composition-badge\"\u003e100 %\u003c\/div\u003e\n \u003cdiv class=\"qh-composition-text\"\u003e\n \u003ch3\u003eEau de mer naturelle hypertonique\u003c\/h3\u003e\n \u003cp\u003e10 ml par ampoule — ingrédient unique, pureté absolue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-minerals-grid\"\u003e\n \u003cdiv class=\"qh-mineral\"\u003e\n \u003cspan class=\"qh-mineral-value\"\u003e~110 mg\u003c\/span\u003e\n \u003cspan class=\"qh-mineral-name\"\u003eMagnésium\u003c\/span\u003e\n \u003cspan class=\"qh-mineral-unit\"\u003epour 100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-mineral\"\u003e\n \u003cspan class=\"qh-mineral-value\"\u003e~40 mg\u003c\/span\u003e\n \u003cspan class=\"qh-mineral-name\"\u003eCalcium\u003c\/span\u003e\n \u003cspan class=\"qh-mineral-unit\"\u003epour 100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-mineral\"\u003e\n \u003cspan class=\"qh-mineral-value\"\u003e~38 mg\u003c\/span\u003e\n \u003cspan class=\"qh-mineral-name\"\u003ePotassium\u003c\/span\u003e\n \u003cspan class=\"qh-mineral-unit\"\u003epour 100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-mineral\"\u003e\n \u003cspan class=\"qh-mineral-value\"\u003e+70\u003c\/span\u003e\n \u003cspan class=\"qh-mineral-name\"\u003eOligo-éléments\u003c\/span\u003e\n \u003cspan class=\"qh-mineral-unit\"\u003eà l'état de traces\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"qh-composition-note\"\u003eSoufre, silicium, zinc, iode, sélénium et plus de 70 autres éléments présents naturellement. \u003cstrong\u003eSans additif, sans conservateur, sans gluten.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"qh-section\"\u003e\n \u003ch2\u003eComment prendre le Quinton Hypertonic ?\u003c\/h2\u003e\n \u003cdiv class=\"qh-timeline\"\u003e\n \u003cdiv class=\"qh-timeline-item\"\u003e\n \u003cdiv class=\"qh-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"qh-timeline-content\"\u003e\n \u003ch3\u003ePosologie conseillée\u003c\/h3\u003e\n \u003cp\u003e1 à 2 ampoules par jour, de préférence le matin à jeun pour une absorption optimale. Cure de 15 à 30 jours, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-timeline-item\"\u003e\n \u003cdiv class=\"qh-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"qh-timeline-content\"\u003e\n \u003ch3\u003eOuvrir l'ampoule\u003c\/h3\u003e\n \u003cp\u003eCassez délicatement les deux extrémités de l'ampoule en verre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-timeline-item\"\u003e\n \u003cdiv class=\"qh-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"qh-timeline-content\"\u003e\n \u003ch3\u003eAbsorption sublinguale (recommandée)\u003c\/h3\u003e\n \u003cp\u003eVersez le contenu directement sous la langue pour une absorption sublinguale — c'est la méthode la plus efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-timeline-item\"\u003e\n \u003cdiv class=\"qh-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"qh-timeline-content\"\u003e\n \u003ch3\u003eAlternative\u003c\/h3\u003e\n \u003cp\u003eVous pouvez également diluer l'ampoule dans un demi-verre d'eau si le goût salé vous incommode.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-tip\"\u003e\n \u003cspan class=\"qh-tip-icon\"\u003e🏃\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce sportifs :\u003c\/strong\u003e Prenez une ampoule 30 minutes avant l'effort et une autre après pour optimiser la récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"qh-section\"\u003e\n \u003ch2\u003eUn procédé de fabrication rigoureux\u003c\/h2\u003e\n \u003cp class=\"qh-section-intro\"\u003eLa qualité de l'eau de mer Quinton repose sur un protocole de fabrication unique :\u003c\/p\u003e\n \u003cdiv class=\"qh-grid\"\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🌊 Prélèvement sélectif\u003c\/h3\u003e\n \u003cp\u003eL'eau est captée à plus de 30 mètres de profondeur, dans des zones océaniques préservées riches en vortex planctoniques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e❄️ Microfiltration à froid\u003c\/h3\u003e\n \u003cp\u003eCe procédé breveté préserve l'intégralité des minéraux et oligo-éléments sans altération thermique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🔬 Contrôles qualité stricts\u003c\/h3\u003e\n \u003cp\u003eAnalyses bactériologiques et physico-chimiques à chaque lot pour garantir la sécurité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🏭 Fabrication en Espagne\u003c\/h3\u003e\n \u003cp\u003eDans les Laboratoires Quinton, certifiés selon les normes pharmaceutiques les plus exigeantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-highlight-box\"\u003e\n \u003cp\u003eCe savoir-faire garantit une \u003cstrong\u003ebiodisponibilité exceptionnelle\u003c\/strong\u003e : votre organisme assimile les minéraux marins bien plus facilement que les compléments de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"qh-section\"\u003e\n \u003ch2\u003ePour qui est recommandé le Quinton Hypertonic ?\u003c\/h2\u003e\n \u003cdiv class=\"qh-grid-compact\"\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e😴 Personnes fatiguées\u003c\/h3\u003e\n \u003cp\u003eEn période de surmenage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n \u003cp\u003eRécupération et performances\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🏥 Convalescents\u003c\/h3\u003e\n \u003cp\u003eAprès maladie ou intervention\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🍽️ Adultes carencés\u003c\/h3\u003e\n \u003cp\u003eAlimentation déséquilibrée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eBesoins en magnésium accrus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdultes et adolescents\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"qh-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"qh-accordion\"\u003e\n \u003cdetails class=\"qh-accordion-item\"\u003e\n \u003csummary class=\"qh-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"qh-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux personnes suivant un régime sans sel strict ou souffrant d'hypertension non contrôlée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qh-accordion-item\"\u003e\n \u003csummary class=\"qh-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n \u003cdiv class=\"qh-accordion-content\"\u003e\n \u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical, demandez l'avis de votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qh-accordion-item\"\u003e\n \u003csummary class=\"qh-accordion-header\"\u003e📋 Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"qh-accordion-content\"\u003e\n \u003cp\u003eNe se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ce complément alimentaire ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qh-accordion-item\"\u003e\n \u003csummary class=\"qh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"qh-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"qh-disclaimer\"\u003eEn cas de doute sur votre état de santé, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 9 --\u003e\n \u003csection class=\"qh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le Quinton Hypertonic ?\u003c\/h2\u003e\n \u003cdiv class=\"qh-grid-compact\"\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🌊 78 minéraux\u003c\/h3\u003e\n \u003cp\u003eNaturellement assimilables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e💎 100 % pure\u003c\/h3\u003e\n \u003cp\u003eSans additif ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e📜 Depuis 1897\u003c\/h3\u003e\n \u003cp\u003ePlus d'un siècle d'expertise\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e📦 Format pratique\u003c\/h3\u003e\n \u003cp\u003eAmpoules faciles à emporter\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité totale\u003c\/h3\u003e\n \u003cp\u003eDu prélèvement à l'ampoule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🇪🇸 Made in Spain\u003c\/h3\u003e\n \u003cp\u003eNormes pharmaceutiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-cta-box\"\u003e\n \u003cp\u003eOffrez à votre corps ce dont il a besoin avec l'\u003cstrong\u003eHypertonic Buvable Quinton\u003c\/strong\u003e : une reminéralisation profonde puisée directement à la source de la vie marine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --qh-cream: #f8fbfd;\n --qh-white: #ffffff;\n --qh-primary: #1e3a5f;\n --qh-primary-dark: #0f2540;\n --qh-primary-light: #e8f4fc;\n --qh-secondary: #4a90c2;\n --qh-accent: #c9a227;\n --qh-text: #1a1a1a;\n --qh-text-light: #5a6a7a;\n --qh-border: #d4e5f2;\n --qh-shadow: 0 4px 24px rgba(30,58,95,.08);\n --qh-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n --qh-radius: 20px;\n --qh-radius-sm: 12px;\n}\n\n.qh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.qh-hero {\n position: relative;\n background: linear-gradient(135deg, var(--qh-primary) 0%, var(--qh-secondary) 50%, #2d5a87 100%);\n border-radius: var(--qh-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(--qh-shadow-lg);\n}\n\n.qh-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 5C20 15 10 15 5 30c5 15 15 15 25 25 10-10 20-10 25-25-5-15-15-15-25-25z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.qh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.qh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qh-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(--qh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.qh-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.qh-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}\n\n.qh-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\/* === SECTIONS === *\/\n.qh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qh-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.qh-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(--qh-primary), var(--qh-secondary));\n border-radius: 2px;\n}\n\n.qh-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qh-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === INTRO CARD === *\/\n.qh-intro-card {\n background: var(--qh-white);\n border-radius: var(--qh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--qh-shadow);\n border-left: 4px solid var(--qh-secondary);\n}\n\n.qh-intro-card p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--qh-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.qh-intro-card p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID === *\/\n.qh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRID COMPACT === *\/\n.qh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qh-grid-compact .qh-card {\n padding: 1rem;\n}\n\n.qh-grid-compact .qh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qh-grid-compact .qh-card p {\n font-size: 12px;\n}\n\n\/* === CARDS === *\/\n.qh-card {\n background: var(--qh-white);\n border-radius: var(--qh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qh-shadow-lg);\n border-color: var(--qh-secondary);\n}\n\n.qh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPARISON === *\/\n.qh-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.qh-comparison-card {\n background: var(--qh-white);\n border-radius: var(--qh-radius);\n padding: 1.5rem;\n box-shadow: var(--qh-shadow);\n position: relative;\n overflow: hidden;\n}\n\n.qh-comparison-card.qh-hypertonic {\n border: 2px solid var(--qh-accent);\n}\n\n.qh-comparison-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1rem;\n}\n\n.qh-comparison-icon {\n font-size: 28px;\n}\n\n.qh-comparison-header h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--qh-primary-dark);\n margin: 0;\n}\n\n.qh-comparison-card ul {\n list-style: none;\n padding: 0;\n margin: 0 0 1rem 0;\n}\n\n.qh-comparison-card li {\n font-size: 14px;\n color: var(--qh-text);\n padding: .5rem 0;\n border-bottom: 1px solid var(--qh-border);\n line-height: 1.5;\n}\n\n.qh-comparison-card li:last-child {\n border-bottom: none;\n}\n\n.qh-comparison-tag {\n display: inline-block;\n padding: 6px 14px;\n background: var(--qh-primary-light);\n color: var(--qh-primary);\n font-size: 13px;\n font-weight: 700;\n border-radius: 999px;\n}\n\n.qh-comparison-tag.qh-tag-highlight {\n background: linear-gradient(135deg, var(--qh-accent), #d4b02e);\n color: white;\n}\n\n\/* === COMPOSITION === *\/\n.qh-composition {\n background: var(--qh-white);\n border-radius: var(--qh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--qh-shadow);\n}\n\n.qh-composition-main {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n padding-bottom: 1.5rem;\n margin-bottom: 1.5rem;\n border-bottom: 2px solid var(--qh-border);\n}\n\n.qh-composition-badge {\n flex-shrink: 0;\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--qh-secondary), var(--qh-primary));\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}\n\n.qh-composition-text h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--qh-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qh-composition-text p {\n font-size: 14px;\n color: var(--qh-text-light);\n margin: 0;\n}\n\n.qh-minerals-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.qh-mineral {\n text-align: center;\n padding: 1rem .5rem;\n background: var(--qh-primary-light);\n border-radius: var(--qh-radius-sm);\n}\n\n.qh-mineral-value {\n display: block;\n font-size: 20px;\n font-weight: 900;\n color: var(--qh-primary);\n margin-bottom: .25rem;\n}\n\n.qh-mineral-name {\n display: block;\n font-size: 13px;\n font-weight: 700;\n color: var(--qh-primary-dark);\n margin-bottom: .15rem;\n}\n\n.qh-mineral-unit {\n display: block;\n font-size: 11px;\n color: var(--qh-text-light);\n}\n\n.qh-composition-note {\n font-size: 14px;\n color: var(--qh-text-light);\n text-align: center;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.qh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.qh-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qh-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--qh-primary), var(--qh-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(30,58,95,.2);\n}\n\n.qh-timeline-content {\n flex: 1;\n background: var(--qh-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--qh-radius-sm);\n box-shadow: var(--qh-shadow);\n}\n\n.qh-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qh-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.qh-timeline-content p {\n font-size: 14px;\n color: var(--qh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP === *\/\n.qh-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, var(--qh-primary-light), #d4e9f7);\n border-radius: var(--qh-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--qh-secondary);\n}\n\n.qh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qh-tip p {\n font-size: 14px;\n color: var(--qh-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.qh-highlight-box {\n background: linear-gradient(135deg, var(--qh-primary-light), #d4e9f7);\n border-radius: var(--qh-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.5rem;\n text-align: center;\n border: 2px solid var(--qh-secondary);\n}\n\n.qh-highlight-box p {\n font-size: 15px;\n color: var(--qh-primary-dark);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === ACCORDION === *\/\n.qh-accordion {\n background: var(--qh-white);\n border-radius: var(--qh-radius);\n box-shadow: var(--qh-shadow);\n overflow: hidden;\n}\n\n.qh-accordion-item {\n border-bottom: 1px solid var(--qh-border);\n margin: 0;\n padding: 0;\n}\n\n.qh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qh-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.qh-accordion-header:hover {\n background: var(--qh-primary-light);\n}\n\n.qh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--qh-secondary);\n transition: transform .2s ease;\n}\n\n.qh-accordion-item[open] .qh-accordion-header::after {\n content: '−';\n}\n\n.qh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qh-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.qh-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.qh-cta-box {\n background: linear-gradient(135deg, var(--qh-primary) 0%, var(--qh-primary-dark) 100%);\n border-radius: var(--qh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n margin-top: 1.5rem;\n position: relative;\n overflow: hidden;\n}\n\n.qh-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.qh-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.qh-disclaimer {\n font-size: 12px;\n color: var(--qh-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .qh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .qh-card {\n padding: 1.125rem;\n }\n \n .qh-section {\n margin-bottom: 1.75rem;\n }\n \n .qh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qh-radius-sm);\n }\n \n .qh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .qh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .qh-grid-compact {\n gap: .625rem;\n }\n \n .qh-grid-compact .qh-card {\n padding: .75rem;\n }\n \n .qh-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .qh-timeline-content {\n padding: 1rem 1.125rem;\n }\n \n .qh-timeline-content h3 {\n font-size: 15px;\n }\n \n .qh-timeline-content p {\n font-size: 13px;\n }\n \n .qh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .qh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .qh-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .qh-minerals-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n \n .qh-mineral {\n padding: .75rem .5rem;\n }\n \n .qh-mineral-value {\n font-size: 18px;\n }\n \n .qh-composition-main {\n flex-direction: column;\n text-align: center;\n }\n \n .qh-composition-badge {\n width: 60px;\n height: 60px;\n font-size: 18px;\n }\n \n .qh-intro-card {\n padding: 1.25rem;\n }\n \n .qh-tip {\n padding: 1rem 1.125rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .qh-card {\n animation: qhFadeInUp .5s ease backwards;\n }\n .qh-card:nth-child(1) { animation-delay: .05s; }\n .qh-card:nth-child(2) { animation-delay: .1s; }\n .qh-card:nth-child(3) { animation-delay: .15s; }\n .qh-card:nth-child(4) { animation-delay: .2s; }\n .qh-card:nth-child(5) { animation-delay: .25s; }\n .qh-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qhFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .qh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUINTON","offers":[{"title":"Default Title","offer_id":45754680082589,"sku":"QU0035","price":29.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quinton-hypertonic--min.jpg?v=1736517630"},{"product_id":"isotonic-buvable-30-ampoules-de-10-ml-quinton","title":"Isotonic Buvable - 30 Ampoules de 10 ml - Quinton","description":"\u003cdiv class=\"qi-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"qi-hero\"\u003e\n\u003cdiv class=\"qi-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"qi-hero-content\"\u003e\n\u003cdiv class=\"qi-badges-top\"\u003e\n\u003cspan class=\"qi-badge\"\u003e🌊 78 minéraux \u0026amp; oligo-éléments\u003c\/span\u003e \u003cspan class=\"qi-badge\"\u003e💧 30 ampoules de 10 ml\u003c\/span\u003e \u003cspan class=\"qi-badge\"\u003e🧪 100% eau de mer naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"qi-hero-title\"\u003eIsotonic Buvable - Quinton\u003c\/span\u003e\n\u003cp class=\"qi-subtitle\"\u003eL'eau de mer isotonique au service de votre vitalité cellulaire\u003c\/p\u003e\n\u003cp class=\"qi-description\"\u003eDepuis plus d'un siècle, le protocole Quinton puise dans les profondeurs océaniques une eau marine d'exception, naturellement riche en minéraux biodisponibles, pour recharger chaque cellule de votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eQuinton Isotonic : l'eau de mer isotonique en ampoules buvables\u003c\/h2\u003e\n\u003cp class=\"qi-section-intro\"\u003eL'\u003cstrong\u003eeau de Quinton isotonique\u003c\/strong\u003e est bien plus qu'un simple complément alimentaire. Issue des profondeurs océaniques, cette \u003cstrong\u003eeau de mer isotonique\u003c\/strong\u003e reproduit fidèlement la composition minérale de notre plasma sanguin.\u003c\/p\u003e\n\u003cdiv class=\"qi-grid-compact\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🧬 Plasma marin\u003c\/h3\u003e\n\u003cp\u003eComposition identique à notre milieu intérieur pour une assimilation immédiate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e💎 30 ampoules\u003c\/h3\u003e\n\u003cp\u003eCure complète de 10 ml par ampoule, soit 300 ml d'eau de mer pure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e⚡ Recharge minérale\u003c\/h3\u003e\n\u003cp\u003e78 minéraux et oligo-éléments essentiels pour votre organisme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n\u003cp\u003eSans conservateur, sans additif, sans traitement chimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'eau de Quinton isotonique ?\u003c\/h2\u003e\n\u003cdiv class=\"qi-testimonial\"\u003e\n\u003cp class=\"qi-testimonial-text\"\u003eVotre corps a besoin de plus de \u003cstrong\u003e78 minéraux et oligo-éléments\u003c\/strong\u003e pour fonctionner de manière optimale. Or, l'alimentation moderne ne couvre pas toujours ces besoins. C'est là qu'intervient ce \u003cstrong\u003ecomplément alimentaire minéraux\u003c\/strong\u003e d'exception : l'eau de mer prélevée par Quinton contient naturellement du magnésium, du calcium, du potassium, du zinc, du sélénium et bien d'autres éléments, dans des proportions parfaitement biodisponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-tip\"\u003e\n\u003cspan class=\"qi-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement aux \u003cstrong\u003ecompléments alimentaires vitamines et minéraux\u003c\/strong\u003e synthétiques, la solution Quinton Isotonic propose des nutriments sous leur forme naturelle, directement assimilables par vos cellules. C'est ce qui en fait l'un des \u003cstrong\u003emeilleurs compléments multivitamines et minéraux\u003c\/strong\u003e d'origine marine disponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eComposition de chaque ampoule\u003c\/h2\u003e\n\u003cdiv class=\"qi-grid\"\u003e\n\u003cdiv class=\"qi-card qi-card-composition\"\u003e\n\u003ch3\u003e🌊 Eau de mer naturelle\u003c\/h3\u003e\n\u003cp\u003ePrélevée en profondeur dans des zones marines protégées, riche en \u003cstrong\u003e78 minéraux et oligo-éléments\u003c\/strong\u003e : sodium, magnésium, calcium, potassium, zinc, manganèse, sélénium…\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card qi-card-composition\"\u003e\n\u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n\u003cp\u003eUtilisée pour la dilution isotonique, afin d'obtenir une concentration identique à celle de notre milieu intérieur (\u003cstrong\u003e9 g\/L de sels minéraux\u003c\/strong\u003e).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-tip\"\u003e\n\u003cspan class=\"qi-tip-icon\"\u003e🔬\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans conservateur, sans additif, sans traitement chimique.\u003c\/strong\u003e Le procédé exclusif de microfiltration à froid préserve l'intégralité des propriétés de l'eau marine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eBienfaits de l'eau de Quinton isotonique\u003c\/h2\u003e\n\u003cp class=\"qi-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'eau de mer isotonique\u003c\/strong\u003e sont reconnus depuis plus d'un siècle, grâce aux travaux du biologiste René Quinton. Voici ce que cette cure peut vous apporter :\u003c\/p\u003e\n\u003cdiv class=\"qi-grid\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🫧 Hydratation cellulaire profonde\u003c\/h3\u003e\n\u003cp\u003eSa concentration isotonique permet une absorption immédiate par les cellules, sans effort pour l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e⚡ Soutien de la vitalité\u003c\/h3\u003e\n\u003cp\u003eL'apport en minéraux contribue à réduire la fatigue et à maintenir un bon équilibre électrolytique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre acido-basique\u003c\/h3\u003e\n\u003cp\u003eAide à rétablir le pH naturel du corps, souvent perturbé par le stress ou une alimentation déséquilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🏃 Récupération et bien-être\u003c\/h3\u003e\n\u003cp\u003eParticulièrement appréciée des sportifs, des personnes fatiguées ou en période de convalescence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"qi-timeline\"\u003e\n\u003cdiv class=\"qi-timeline-item\"\u003e\n\u003cdiv class=\"qi-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-content\"\u003e\n\u003ch3\u003eOuvrez l'ampoule\u003c\/h3\u003e\n\u003cp\u003eCassez les deux extrémités de l'ampoule avec précaution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-item\"\u003e\n\u003cdiv class=\"qi-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-content\"\u003e\n\u003ch3\u003eConsommez directement\u003c\/h3\u003e\n\u003cp\u003eVersez le contenu directement dans la bouche ou dans un petit verre d'eau, puis consommez sans attendre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-item\"\u003e\n\u003cdiv class=\"qi-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-content\"\u003e\n\u003ch3\u003eRespectez le dosage\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 à 3 ampoules par jour\u003c\/strong\u003e, de préférence à jeun ou 15 minutes avant un repas pour une absorption optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-grid-compact qi-dosage-grid\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🔥 Cure d'attaque\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e3 ampoules\/jour\u003c\/strong\u003e pendant 10 jours\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🌱 Entretien\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e1 à 2 ampoules\/jour\u003c\/strong\u003e, à renouveler aux changements de saison\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003ePour qui est faite cette eau isotonique ?\u003c\/h2\u003e\n\u003cdiv class=\"qi-grid-compact\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e😴 Adultes fatigués\u003c\/h3\u003e\n\u003cp\u003eRechargez votre capital minéral naturellement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n\u003cp\u003eOptimisez votre récupération musculaire et électrolytique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🩺 Convalescents\u003c\/h3\u003e\n\u003cp\u003eSoutenez votre organisme après une période d'affaiblissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e✨ Prévention\u003c\/h3\u003e\n\u003cp\u003eMaintenez un équilibre minéral optimal au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-tip\"\u003e\n\u003cspan class=\"qi-tip-icon\"\u003e👶\u003c\/span\u003e\n\u003cp\u003eCe complément convient également aux \u003cstrong\u003eenfants\u003c\/strong\u003e, sur avis médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"qi-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions\u003c\/h2\u003e\n\u003cdiv class=\"qi-accordion\"\u003e\n\u003cdetails class=\"qi-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"qi-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"qi-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de régime pauvre en sodium ou de traitement médical en cours, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"qi-accordion-item\"\u003e\n\u003csummary class=\"qi-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"qi-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez les ampoules à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"qi-disclaimer\"\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --qi-cream: #F4F9FB;\n --qi-white: #ffffff;\n --qi-primary: #4AABCF;\n --qi-primary-dark: #1B7A9E;\n --qi-primary-light: #E8F4F9;\n --qi-secondary: #1B7A9E;\n --qi-accent: #89D4E8;\n --qi-text: #1a1a1a;\n --qi-text-light: #5a6a72;\n --qi-border: #d8e8ef;\n --qi-shadow: 0 4px 24px rgba(27, 122, 158, .08);\n --qi-shadow-lg: 0 12px 48px rgba(27, 122, 158, .15);\n --qi-radius: 20px;\n --qi-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.qi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.qi-premium *, .qi-premium *::before, .qi-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.qi-hero {\n position: relative;\n background: linear-gradient(135deg, #1B7A9E 0%, #4AABCF 45%, #89D4E8 100%);\n border-radius: var(--qi-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(--qi-shadow-lg);\n}\n\n.qi-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.qi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.qi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qi-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(--qi-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.qi-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.qi-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.qi-description {\n color: rgba(255,255,255,.82);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.qi-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qi-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qi-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.qi-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(--qi-primary), var(--qi-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.qi-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qi-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.qi-section-intro strong {\n color: var(--qi-text);\n}\n\n\/* === CARDS === *\/\n.qi-card {\n background: var(--qi-white);\n border-radius: var(--qi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qi-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qi-shadow-lg);\n border-color: var(--qi-primary);\n}\n\n.qi-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qi-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qi-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.qi-card p strong {\n color: var(--qi-text);\n}\n\n\/* === CARD COMPOSITION === *\/\n.qi-card-composition {\n text-align: left;\n}\n\n.qi-card-composition h3 {\n text-align: center;\n margin-bottom: .75rem;\n}\n\n\/* === GRILLES === *\/\n.qi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.qi-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qi-grid-compact .qi-card {\n padding: 1rem;\n}\n\n.qi-grid-compact .qi-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qi-grid-compact .qi-card p {\n font-size: 12px;\n}\n\n.qi-dosage-grid {\n margin-top: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.qi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.qi-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qi-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qi-primary), var(--qi-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(74, 171, 207, .3);\n}\n\n.qi-timeline-content {\n flex: 1;\n background: var(--qi-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qi-radius-sm);\n box-shadow: var(--qi-shadow);\n}\n\n.qi-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qi-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qi-timeline-content p {\n font-size: 14px;\n color: var(--qi-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.qi-timeline-content p strong {\n color: var(--qi-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.qi-testimonial {\n background: var(--qi-white);\n border-radius: var(--qi-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--qi-shadow);\n border-left: 4px solid var(--qi-primary);\n margin-bottom: 1rem;\n}\n\n.qi-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qi-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.qi-testimonial-text strong {\n color: var(--qi-primary-dark);\n font-style: normal;\n}\n\n\/* === TIP BOX === *\/\n.qi-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qi-primary-light);\n border-radius: var(--qi-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.qi-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qi-tip p {\n font-size: 14px;\n color: var(--qi-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.qi-tip p strong {\n color: var(--qi-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.qi-accordion {\n background: var(--qi-white);\n border-radius: var(--qi-radius);\n box-shadow: var(--qi-shadow);\n overflow: hidden;\n}\n\n.qi-accordion-item {\n border-bottom: 1px solid var(--qi-border);\n margin: 0;\n padding: 0;\n}\n\n.qi-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qi-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qi-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.qi-accordion-header:hover {\n background: var(--qi-primary-light);\n}\n\n.qi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--qi-primary);\n transition: transform .2s ease;\n}\n\n.qi-accordion-item[open] .qi-accordion-header::after {\n content: '−';\n}\n\n.qi-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qi-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.qi-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.qi-disclaimer {\n font-size: 12px;\n color: var(--qi-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 .qi-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .qi-card {\n padding: 1.125rem;\n }\n\n .qi-section {\n margin-bottom: 1.75rem;\n }\n\n .qi-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qi-radius-sm);\n }\n\n .qi-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .qi-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .qi-grid-compact {\n gap: .625rem;\n }\n\n .qi-grid-compact .qi-card {\n padding: .75rem;\n }\n\n .qi-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .qi-timeline-content {\n padding: .875rem 1rem;\n }\n\n .qi-timeline-content h3 {\n font-size: 14px;\n }\n\n .qi-timeline-content p {\n font-size: 13px;\n }\n\n .qi-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .qi-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .qi-testimonial {\n padding: 1.25rem;\n }\n\n .qi-testimonial-text {\n font-size: 14px;\n }\n\n .qi-tip {\n padding: .875rem 1rem;\n }\n\n .qi-tip-icon {\n font-size: 20px;\n }\n\n .qi-tip p {\n font-size: 13px;\n }\n\n .qi-card-composition {\n text-align: left;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .qi-card {\n animation: qiFadeInUp .5s ease backwards;\n }\n .qi-card:nth-child(1) { animation-delay: .05s; }\n .qi-card:nth-child(2) { animation-delay: .1s; }\n .qi-card:nth-child(3) { animation-delay: .15s; }\n .qi-card:nth-child(4) { animation-delay: .2s; }\n .qi-card:nth-child(5) { animation-delay: .25s; }\n .qi-card:nth-child(6) { animation-delay: .3s; }\n\n .qi-timeline-item {\n animation: qiFadeInUp .5s ease backwards;\n }\n .qi-timeline-item:nth-child(1) { animation-delay: .05s; }\n .qi-timeline-item:nth-child(2) { animation-delay: .15s; }\n .qi-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes qiFadeInUp {\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 .qi-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUINTON","offers":[{"title":"Default Title","offer_id":45754680705181,"sku":"QU0030","price":33.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/isotonic-buvable-30-ampoules-de-10-ml-quinton-lifestyle.webp?v=1770973943"},{"product_id":"gelee-royale-300-mg-bio-20-unidoses-de-15-ml-superdiet","title":"Gelée Royale 3000 Mg Bio - 20 ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"gr-premium\"\u003e\n\n \u003cdiv class=\"gr-hero\"\u003e\n \u003cdiv class=\"gr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gr-hero-content\"\u003e\n \u003cdiv class=\"gr-badges-top\"\u003e\n \u003cspan class=\"gr-badge\"\u003e🐝 Ultra dosée 3000 mg\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gr-hero-title\"\u003eGelée Royale Bio 3000 mg\u003c\/span\u003e\n \u003cp class=\"gr-subtitle\"\u003eMiel d'acacia • Pollen • 20 ampoules de 15 ml\u003c\/p\u003e\n \u003cp class=\"gr-description\"\u003eL'une des formules les plus concentrées du marché français pour soutenir vos défenses naturelles, retrouver tonus et vitalité aux changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003ePourquoi choisir la gelée royale bio en ampoules ?\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eLa gelée royale est cette substance précieuse sécrétée par les abeilles nourricières pour alimenter leur reine. Naturellement riche en vitamines du groupe B (notamment B3 et B5), en acides aminés, en oligo-éléments et en sucres naturels, elle est reconnue pour ses propriétés tonifiantes.\u003c\/p\u003e\n \u003cdiv class=\"gr-grid\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🛡️ Soutien des défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eParticulièrement appréciée à l'arrivée de l'automne et de l'hiver, pour aborder sereinement les changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa teneur en vitamines B, qui contribuent au métabolisme énergétique normal de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🧠 Vitalité physique et intellectuelle\u003c\/h3\u003e\n \u003cp\u003eUn allié des étudiants en période d'examens ou des personnes soumises à un rythme de vie soutenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-tip\"\u003e\n \u003cspan class=\"gr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLe format \u003cstrong\u003eampoule bio\u003c\/strong\u003e garantit une dose précise, une conservation optimale des actifs et une prise simple au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eComposition détaillée (pour une ampoule de 15 ml)\u003c\/h2\u003e\n \u003cdiv class=\"gr-grid-compact\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e👑 Gelée royale bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e3000 mg\u003c\/strong\u003e\u003cbr\u003eUltra-dosage exceptionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🍯 Miel d'acacia bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e250 mg\u003c\/strong\u003e\u003cbr\u003eDouceur naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🌼 Pollen bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e35 mg\u003c\/strong\u003e\u003cbr\u003eRichesse nutritionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🍐 Base végétale bio\u003c\/h3\u003e\n \u003cp\u003eEau purifiée, jus concentré de poire, sirop d'agave\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-tip\"\u003e\n \u003cspan class=\"gr-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eCertifiée \u003cstrong\u003eEcocert FR-BIO-01\u003c\/strong\u003e — \u003cstrong\u003esans alcool, sans conservateur, sans colorant\u003c\/strong\u003e et sans additif artificiel. Fabriquée en France par Superdiet, laboratoire engagé depuis plus de 60 ans dans la phytothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"gr-timeline\"\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003e🌅 1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin à jeun, pour une cure de 20 jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003e🤲 Agitez avant ouverture\u003c\/h3\u003e\n \u003cp\u003eSecouez bien l'ampoule afin d'homogénéiser son contenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003e🥄 Pure ou diluée\u003c\/h3\u003e\n \u003cp\u003eConsommez-la pure, ou diluée dans un peu d'eau, un jus de fruit ou un yaourt si le goût vous paraît trop prononcé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003e🔄 Renouvelez la cure\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, renouvelez 2 à 3 fois par an, notamment aux intersaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-tip\"\u003e\n \u003cspan class=\"gr-tip-icon\"\u003e🧊\u003c\/span\u003e\n \u003cp\u003eConservez les ampoules dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eUne gelée royale française bio d'exception\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eEn choisissant cette \u003cstrong\u003egelée royale bio française\u003c\/strong\u003e, vous soutenez une apiculture respectueuse des abeilles et de la biodiversité.\u003c\/p\u003e\n \u003cdiv class=\"gr-grid-compact\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🏅 Sélection rigoureuse\u003c\/h3\u003e\n \u003cp\u003eDes matières premières triées avec la plus grande exigence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🔬 Contrôle total\u003c\/h3\u003e\n \u003cp\u003eChaque étape vérifiée, de la ruche à l'ampoule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e💪 Ultra-dosage 3000 mg\u003c\/h3\u003e\n \u003cp\u003eParmi les références pour une efficacité réelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🐝 Respect des abeilles\u003c\/h3\u003e\n \u003cp\u003eUne apiculture engagée pour la biodiversité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gr-accordion\"\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé aux personnes allergiques aux produits de la ruche\u003c\/strong\u003e (miel, pollen, propolis), aux femmes enceintes ou allaitantes et aux enfants de moins de 12 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e💊 Usage responsable\u003c\/summary\u003e\n \u003cdiv class=\"gr-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. Il ne remplace en aucun cas un traitement médical. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute ou de traitement en cours, demandez l'avis de votre médecin ou pharmacien. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gr-cream: #fdf8ee;\n --gr-white: #ffffff;\n --gr-primary: #f5a623;\n --gr-primary-dark: #b8751a;\n --gr-primary-light: #fef3dd;\n --gr-secondary: #e87a1a;\n --gr-accent: #7fb069;\n --gr-text: #2a1f0f;\n --gr-text-light: #6b5a3f;\n --gr-border: #ecdcb8;\n --gr-shadow: 0 4px 24px rgba(184, 117, 26, .1);\n --gr-shadow-lg: 0 12px 48px rgba(184, 117, 26, .18);\n --gr-radius: 20px;\n --gr-radius-sm: 12px;\n}\n\n.gr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--gr-text);\n}\n\n.gr-hero {\n position: relative;\n background: linear-gradient(135deg, #f5a623 0%, #e87a1a 50%, #b8751a 100%);\n border-radius: var(--gr-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(--gr-shadow-lg);\n}\n\n.gr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .4;\n}\n\n.gr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gr-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.gr-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 8px rgba(0,0,0,.15);\n}\n\n.gr-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.gr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gr-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(--gr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.gr-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(--gr-primary), var(--gr-secondary));\n border-radius: 2px;\n}\n\n.gr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gr-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.gr-card {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gr-shadow-lg);\n border-color: var(--gr-primary);\n}\n\n.gr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gr-grid-compact .gr-card {\n padding: 1.125rem;\n}\n\n.gr-grid-compact .gr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gr-grid-compact .gr-card p {\n font-size: 12.5px;\n}\n\n.gr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.gr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gr-primary), var(--gr-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(245, 166, 35, .35);\n}\n\n.gr-timeline-content {\n flex: 1;\n background: var(--gr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gr-radius-sm);\n box-shadow: var(--gr-shadow);\n}\n\n.gr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gr-timeline-content p {\n font-size: 14px;\n color: var(--gr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.gr-accordion {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n box-shadow: var(--gr-shadow);\n overflow: hidden;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.gr-accordion-item {\n border-bottom: 1px solid var(--gr-border);\n margin: 0;\n padding: 0;\n}\n\n.gr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.gr-accordion-header:hover {\n background: var(--gr-primary-light);\n}\n\n.gr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gr-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--gr-primary);\n transition: transform .2s ease;\n}\n\n.gr-accordion-item[open] .gr-accordion-header::after {\n content: '−';\n}\n\n.gr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gr-accordion-content p {\n margin: 0;\n}\n\n.gr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gr-primary-light);\n border-radius: var(--gr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--gr-primary);\n}\n\n.gr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.gr-tip p {\n font-size: 14px;\n color: var(--gr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .gr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gr-card {\n padding: 1.125rem;\n }\n\n .gr-section {\n margin-bottom: 1.75rem;\n }\n\n .gr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gr-radius-sm);\n }\n\n .gr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gr-grid-compact {\n gap: .625rem;\n }\n\n .gr-grid-compact .gr-card {\n padding: .75rem;\n }\n\n .gr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gr-timeline-content h3 {\n font-size: 14px;\n }\n\n .gr-timeline-content p {\n font-size: 13px;\n }\n\n .gr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .gr-card {\n animation: grFadeInUp .5s ease backwards;\n }\n .gr-card:nth-child(1) { animation-delay: .05s; }\n .gr-card:nth-child(2) { animation-delay: .1s; }\n .gr-card:nth-child(3) { animation-delay: .15s; }\n .gr-card:nth-child(4) { animation-delay: .2s; }\n .gr-card:nth-child(5) { animation-delay: .25s; }\n .gr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes grFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754690437277,"sku":"NBAISUP0005","price":26.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gelee-royale-3000-mg-bio-20-ampoules-de-15-ml-superdiet-packshothd.webp?v=1776436472"},{"product_id":"ginseng-gelee-royale-acerola-bio-20-ampoules-de-15-ml-superdiet","title":"Ginseng, Gelée Royale \u0026 Acérola Bio - 20 ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"sgr-premium\"\u003e\n \u003cdiv class=\"sgr-hero\"\u003e\n \u003cdiv class=\"sgr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sgr-hero-content\"\u003e\n \u003cdiv class=\"sgr-badges-top\"\u003e\n \u003cspan class=\"sgr-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"sgr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sgr-badge\"\u003e⚡ Booster d'énergie\u003c\/span\u003e\n \u003cspan class=\"sgr-badge\"\u003e🚫 Sans alcool\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sgr-hero-title\"\u003eGinseng, Gelée Royale \u0026amp; Acérola Bio\u003c\/span\u003e\n \u003cp class=\"sgr-subtitle\"\u003eLe trio vitalité par excellence — Superdiet\u003c\/p\u003e\n \u003cp class=\"sgr-description\"\u003e20 ampoules concentrées pour soutenir votre tonus, votre énergie et vos défenses naturelles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003eGinseng, Gelée Royale \u0026amp; Acérola Bio Superdiet : le trio vitalité par excellence\u003c\/h2\u003e\n \u003cp class=\"sgr-section-intro\"\u003eVous traversez une période de fatigue passagère, un changement de saison ou un rythme de vie soutenu ? Les \u003cstrong\u003eampoules Ginseng, Gelée Royale \u0026amp; Acérola Bio de Superdiet\u003c\/strong\u003e ont été pensées pour vous accompagner au quotidien.\u003c\/p\u003e\n \u003cp class=\"sgr-section-intro\"\u003eCette formule concentrée réunit trois ingrédients naturels emblématiques, reconnus depuis des générations pour soutenir l'énergie et la vitalité. Certifiée \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e et fabriquée en France, cette cure d'exception s'inscrit comme une référence parmi les \u003cstrong\u003eampoules de gelée royale, ginseng et acérola\u003c\/strong\u003e disponibles sur le marché.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette synergie ginseng, gelée royale et acérola ?\u003c\/h2\u003e\n \u003cp class=\"sgr-section-intro\"\u003eLe secret de l'efficacité de ce complément alimentaire réside dans sa \u003cstrong\u003esynergie végétale et apicole\u003c\/strong\u003e. Chaque ingrédient a été sélectionné pour ses qualités spécifiques :\u003c\/p\u003e\n \u003cdiv class=\"sgr-grid\"\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🌱 Ginseng Panax CA Meyer (6 ans d'âge)\u003c\/h3\u003e\n \u003cp\u003ePlante adaptogène emblématique d'Asie, réputée pour contribuer au tonus et à l'énergie, tant physique que mentale. Sa maturité de 6 ans garantit une concentration optimale en principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🍯 Gelée Royale Bio\u003c\/h3\u003e\n \u003cp\u003eNourriture exclusive de la reine des abeilles, elle est riche en nutriments précieux et appréciée pour accompagner les organismes mis à l'épreuve.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🍒 Acérola Bio\u003c\/h3\u003e\n \u003cp\u003ePetite baie originaire d'Amérique du Sud, source naturelle de vitamine C qui contribue à réduire la fatigue et au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003eComposition détaillée par ampoule de 15 ml\u003c\/h2\u003e\n \u003cdiv class=\"sgr-grid\"\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🌱 Ginseng Panax CA Meyer\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e530 mg\u003c\/strong\u003e — 6 ans d'âge, titré à \u003cstrong\u003e20 mg de ginsénosides\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🍯 Gelée Royale Bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e500 mg\u003c\/strong\u003e par ampoule, sélectionnée auprès de ruches qualitatives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🍒 Extrait sec d'Acérola Bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e265 mg\u003c\/strong\u003e (Malpighia punicifolia), équivalent à 2,9 g de baies fraîches, soit \u003cstrong\u003e12 mg de vitamine C\u003c\/strong\u003e (15 % des VNR).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e💧 Base naturelle\u003c\/h3\u003e\n \u003cp\u003eEau purifiée et jus concentré de poire* pour une texture douce et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sgr-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003eLes atouts de la formule Superdiet\u003c\/h2\u003e\n \u003cdiv class=\"sgr-grid-compact\"\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (FR-BIO-10)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🚫 Formule pure\u003c\/h3\u003e\n \u003cp\u003eSans alcool, sans conservateur, sans colorant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🌳 Méthode Canopée\u003c\/h3\u003e\n \u003cp\u003ePréserve la richesse des actifs naturels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n \u003cp\u003eFabriqué dans les Hauts-de-France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e✨ Ouverture facile\u003c\/h3\u003e\n \u003cp\u003eAmpoules pratiques à emporter\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e📅 Cure 20 jours\u003c\/h3\u003e\n \u003cp\u003e1 ampoule par jour, format optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003eComment prendre les ampoules Ginseng Gelée Royale Acérola ?\u003c\/h2\u003e\n \u003cdiv class=\"sgr-timeline\"\u003e\n \u003cdiv class=\"sgr-timeline-item\"\u003e\n \u003cdiv class=\"sgr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sgr-timeline-content\"\u003e\n \u003ch3\u003eAgitez l'ampoule\u003c\/h3\u003e\n \u003cp\u003eAvant emploi, secouez doucement pour bien homogénéiser la préparation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-timeline-item\"\u003e\n \u003cdiv class=\"sgr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sgr-timeline-content\"\u003e\n \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin à jeun, pure ou diluée dans un demi-verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-timeline-item\"\u003e\n \u003cdiv class=\"sgr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sgr-timeline-content\"\u003e\n \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n \u003cp\u003eRenouvelable jusqu'à 3 mois maximum, idéalement aux changements de saison ou lors de périodes intenses (examens, travail soutenu, récupération sportive).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-tip\"\u003e\n \u003cspan class=\"sgr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour profiter pleinement des bienfaits du ginseng, privilégiez la prise du matin afin de soutenir votre énergie sur toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sgr-accordion\"\u003e\n \u003cdetails class=\"sgr-accordion-item\"\u003e\n \u003csummary class=\"sgr-accordion-header\"\u003e⚠️ Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'adulte. Ne convient pas aux enfants. Déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sgr-accordion-item\"\u003e\n \u003csummary class=\"sgr-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche. Déconseillé en cas de traitement antidiabétique ou d'hypertension. En cas de maladie cardiovasculaire ou de diabète, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sgr-accordion-item\"\u003e\n \u003csummary class=\"sgr-accordion-header\"\u003e📋 Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. À tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"sgr-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUne origine rigoureusement sélectionnée\u003c\/h2\u003e\n \u003cdiv class=\"sgr-cta-box\"\u003e\n \u003cp\u003eSuperdiet privilégie la qualité à chaque étape. Le \u003cstrong\u003eginseng\u003c\/strong\u003e provient de cultures biologiques coréennes réputées, la \u003cstrong\u003egelée royale\u003c\/strong\u003e est issue de ruches sélectionnées, et l'\u003cstrong\u003eacérola\u003c\/strong\u003e est récolté au Brésil. Une traçabilité exemplaire pour un produit naturel, respectueux de l'environnement et de votre organisme. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sgr-cream: #fdf6ec;\n --sgr-white: #ffffff;\n --sgr-primary: #d92e2e;\n --sgr-primary-dark: #a51c1c;\n --sgr-primary-light: #fde4e4;\n --sgr-secondary: #f5b800;\n --sgr-accent: #2e8b3d;\n --sgr-text: #1a1a1a;\n --sgr-text-light: #5a5a5a;\n --sgr-border: #ecdfd0;\n --sgr-shadow: 0 4px 24px rgba(165,28,28,.08);\n --sgr-shadow-lg: 0 12px 48px rgba(165,28,28,.18);\n --sgr-radius: 20px;\n --sgr-radius-sm: 12px;\n}\n\n.sgr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sgr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sgr-text);\n}\n\n.sgr-hero {\n position: relative;\n background: linear-gradient(135deg, #d92e2e 0%, #e85a3a 50%, #f5b800 100%);\n border-radius: var(--sgr-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(--sgr-shadow-lg);\n}\n\n.sgr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n opacity: .3;\n}\n\n.sgr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sgr-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.sgr-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.sgr-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n margin: 0 auto;\n max-width: 600px;\n line-height: 1.6;\n opacity: .95;\n}\n\n.sgr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sgr-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(--sgr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sgr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sgr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sgr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sgr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.sgr-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(--sgr-primary), var(--sgr-secondary));\n border-radius: 2px;\n}\n\n.sgr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sgr-text-light);\n margin: 0 auto 1.25rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.sgr-section-intro strong {\n color: var(--sgr-text);\n}\n\n.sgr-card {\n background: var(--sgr-white);\n border-radius: var(--sgr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sgr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sgr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sgr-shadow-lg);\n border-color: var(--sgr-primary);\n}\n\n.sgr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sgr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sgr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sgr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sgr-card p strong {\n color: var(--sgr-primary-dark);\n}\n\n.sgr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sgr-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.sgr-grid-compact .sgr-card {\n padding: 1rem;\n}\n\n.sgr-grid-compact .sgr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sgr-grid-compact .sgr-card p {\n font-size: 12px;\n}\n\n.sgr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sgr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sgr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sgr-primary), var(--sgr-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,46,46,.3);\n}\n\n.sgr-timeline-content {\n flex: 1;\n background: var(--sgr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sgr-radius-sm);\n box-shadow: var(--sgr-shadow);\n}\n\n.sgr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sgr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sgr-timeline-content p {\n font-size: 14px;\n color: var(--sgr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sgr-accordion {\n background: var(--sgr-white);\n border-radius: var(--sgr-radius);\n box-shadow: var(--sgr-shadow);\n overflow: hidden;\n}\n\n.sgr-accordion-item {\n border-bottom: 1px solid var(--sgr-border);\n margin: 0;\n padding: 0;\n}\n\n.sgr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sgr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sgr-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}\n\n.sgr-accordion-header:hover {\n background: var(--sgr-primary-light);\n}\n\n.sgr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sgr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sgr-primary);\n transition: transform .2s ease;\n}\n\n.sgr-accordion-item[open] .sgr-accordion-header::after {\n content: '−';\n}\n\n.sgr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sgr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sgr-accordion-content p {\n margin: 0;\n}\n\n.sgr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sgr-primary-light);\n border-radius: var(--sgr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--sgr-secondary);\n}\n\n.sgr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sgr-tip p {\n font-size: 14px;\n color: var(--sgr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sgr-cta-box {\n background: linear-gradient(135deg, var(--sgr-primary) 0%, var(--sgr-primary-dark) 100%);\n border-radius: var(--sgr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--sgr-shadow-lg);\n}\n\n.sgr-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.sgr-cta-box p strong {\n font-weight: 800;\n color: var(--sgr-secondary);\n}\n\n.sgr-disclaimer {\n font-size: 12px;\n color: var(--sgr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .sgr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .sgr-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n .sgr-grid-compact .sgr-card {\n padding: .75rem;\n }\n .sgr-card {\n padding: 1.125rem;\n }\n .sgr-section {\n margin-bottom: 1.75rem;\n }\n .sgr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sgr-radius-sm);\n }\n .sgr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .sgr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .sgr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .sgr-timeline-content {\n padding: .875rem 1rem;\n }\n .sgr-timeline-content h3 {\n font-size: 14px;\n }\n .sgr-timeline-content p {\n font-size: 13px;\n }\n .sgr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .sgr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .sgr-card {\n animation: sgrFadeInUp .5s ease backwards;\n }\n .sgr-card:nth-child(1) { animation-delay: .05s; }\n .sgr-card:nth-child(2) { animation-delay: .1s; }\n .sgr-card:nth-child(3) { animation-delay: .15s; }\n .sgr-card:nth-child(4) { animation-delay: .2s; }\n .sgr-card:nth-child(5) { animation-delay: .25s; }\n .sgr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sgrFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sgr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754695581853,"sku":"NBAISUP0004","price":33.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ginseng-gelee-royale-acerola-bio-20-ampoules-de-15-ml-superd-benefits.webp?v=1776429478"},{"product_id":"omega-3-huile-de-poissons-sauvages-120-capsules-superdiet","title":"Oméga 3 Huile De Poissons Sauvages - 120 Capsules - Superdiet","description":"\u003cdiv class=\"om3-premium\"\u003e\n \u003cdiv class=\"om3-hero\"\u003e\n \u003cdiv class=\"om3-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"om3-hero-content\"\u003e\n \u003cdiv class=\"om3-badges-top\"\u003e\n \u003cspan class=\"om3-badge\"\u003e🐟 Poissons sauvages\u003c\/span\u003e\n \u003cspan class=\"om3-badge\"\u003e❤️ Fonction cardiaque\u003c\/span\u003e\n \u003cspan class=\"om3-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"om3-badge\"\u003e♻️ Flacon recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"om3-hero-title\"\u003eOméga 3 Huile de Poissons Sauvages\u003c\/span\u003e\n \u003cp class=\"om3-subtitle\"\u003e120 capsules · Superdiet · Cure de 40 jours\u003c\/p\u003e\n \u003cp class=\"om3-description\"\u003ePlongez au cœur des bienfaits des océans avec une source concentrée et naturelle d'\u003cstrong\u003eacides gras essentiels EPA et DHA\u003c\/strong\u003e, indispensables au bon fonctionnement de votre cœur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003ePourquoi les oméga-3 sont-ils indispensables ?\u003c\/h2\u003e\n \u003cp class=\"om3-section-intro\"\u003eLes oméga-3 font partie des \u003cstrong\u003eacides gras polyinsaturés essentiels\u003c\/strong\u003e. Ils doivent être apportés par l'alimentation ou la supplémentation, car le corps humain est incapable de les synthétiser.\u003c\/p\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🐟 Poissons gras\u003c\/h3\u003e\n \u003cp\u003eSardine, maquereau, anchois et saumon sont les sources naturelles les plus riches en EPA et DHA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🌿 Huiles végétales\u003c\/h3\u003e\n \u003cp\u003eLes huiles de lin, colza ou noix apportent de l'ALA, un oméga-3 d'origine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e💊 Supplémentation ciblée\u003c\/h3\u003e\n \u003cp\u003eL'alimentation moderne couvre rarement les besoins quotidiens : la supplémentation prend tout son sens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eLes bienfaits des oméga-3 Superdiet\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e❤️ Fonction cardiaque\u003c\/h3\u003e\n \u003cp\u003eLe DHA et l'EPA contribuent à une fonction cardiaque normale à raison de \u003cstrong\u003e250 mg par jour\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e👁️ Vision\u003c\/h3\u003e\n \u003cp\u003eLe DHA participe au maintien d'une vision normale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🧠 Cerveau\u003c\/h3\u003e\n \u003cp\u003eLe DHA soutient le bon fonctionnement cérébral jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-tip\"\u003e\n \u003cspan class=\"om3-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eCes allégations sont reconnues par l'\u003cstrong\u003eAutorité européenne de sécurité des aliments (EFSA)\u003c\/strong\u003e lorsque les apports journaliers sont respectés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eUne qualité marine d'exception\u003c\/h2\u003e\n \u003cp class=\"om3-section-intro\"\u003eSuperdiet sélectionne rigoureusement des \u003cstrong\u003epoissons sauvages pêchés en eaux froides préservées\u003c\/strong\u003e, avec une traçabilité complète de la matière première jusqu'à la capsule.\u003c\/p\u003e\n \u003cdiv class=\"om3-grid-compact\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🌊 Eaux froides\u003c\/h3\u003e\n \u003cp\u003ePêche en zones marines préservées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🛡️ Purifiée\u003c\/h3\u003e\n \u003cp\u003eSans métaux lourds ni PCB\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eNormes strictes UE respectées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e♻️ Éco-engagement\u003c\/h3\u003e\n \u003cp\u003eFlacon recyclé et recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eComposition pour 3 capsules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n \u003ch3\u003e🐠 Huile de poissons sauvages\u003c\/h3\u003e\n \u003cp class=\"om3-dosage\"\u003e1 500 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n \u003ch3\u003e💧 EPA\u003c\/h3\u003e\n \u003cp class=\"om3-dosage\"\u003e270 mg\u003c\/p\u003e\n \u003cp class=\"om3-dosage-label\"\u003eacide eicosapentaénoïque\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n \u003ch3\u003e💧 DHA\u003c\/h3\u003e\n \u003cp class=\"om3-dosage\"\u003e180 mg\u003c\/p\u003e\n \u003cp class=\"om3-dosage-label\"\u003eacide docosahexaénoïque\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-tip\"\u003e\n \u003cspan class=\"om3-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eListe complète des ingrédients :\u003c\/strong\u003e huile de poissons sauvages, gélatine de poisson (enveloppe), humectant : glycérol. \u003cstrong\u003eSans colorant, sans conservateur, sans gluten.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"om3-timeline\"\u003e\n \u003cdiv class=\"om3-timeline-item\"\u003e\n \u003cdiv class=\"om3-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-content\"\u003e\n \u003ch3\u003e3 capsules par jour\u003c\/h3\u003e\n \u003cp\u003ePrenez vos capsules de préférence au moment des repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-item\"\u003e\n \u003cdiv class=\"om3-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-content\"\u003e\n \u003ch3\u003eAvec un grand verre d'eau\u003c\/h3\u003e\n \u003cp\u003ePour faciliter la prise et l'assimilation des capsules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-item\"\u003e\n \u003cdiv class=\"om3-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-content\"\u003e\n \u003ch3\u003eCure de 40 jours\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 120 capsules vous assure une cure complète. Pour un bénéfice optimal, une supplémentation régulière sur plusieurs mois est recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-tip\"\u003e\n \u003cspan class=\"om3-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eNe pas dépasser la dose journalière indiquée. Ce complément alimentaire ne remplace pas une alimentation variée, équilibrée et un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"om3-accordion\"\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e🐟 Allergies\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux poissons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e💊 Traitement anticoagulant\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement anticoagulant, demandez conseil à votre médecin avant la prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. À conserver au sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eImportant :\u003c\/strong\u003e ce complément alimentaire ne se substitue en aucun cas à un traitement médical. En cas de doute ou de pathologie, 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 \u003csection class=\"om3-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"om3-cta-box\"\u003e\n \u003cp\u003eLes capsules d'oméga-3 Superdiet s'adressent à toutes les personnes soucieuses de leur \u003cstrong\u003esanté cardiovasculaire\u003c\/strong\u003e, de leur équilibre nutritionnel ou dont l'alimentation est pauvre en poissons gras.\u003cbr\u003e\u003cbr\u003eUn geste simple, intégré à votre routine quotidienne, pour prendre soin de vous naturellement. 🌊\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"om3-disclaimer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée et un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --om3-cream: #f5f7f4;\n --om3-white: #ffffff;\n --om3-primary: #2e7d4f;\n --om3-primary-dark: #1b5233;\n --om3-primary-light: #e8f1ea;\n --om3-secondary: #c8382e;\n --om3-accent: #d4a017;\n\n --om3-text: #1a1a1a;\n --om3-text-light: #5a5a5a;\n\n --om3-border: #e0e0e0;\n --om3-shadow: 0 4px 24px rgba(0,0,0,.08);\n --om3-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --om3-radius: 20px;\n --om3-radius-sm: 12px;\n}\n\n.om3-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--om3-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--om3-text);\n}\n\n.om3-hero {\n position: relative;\n background: linear-gradient(135deg, #1b5233 0%, #2e7d4f 50%, #3a9960 100%);\n border-radius: var(--om3-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--om3-shadow-lg);\n}\n\n.om3-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(212,160,23,.4) 0%, transparent 40%);\n opacity: .15;\n}\n\n.om3-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.om3-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n line-height: 1.1;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.om3-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.om3-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n}\n\n.om3-description strong {\n color: #ffe9a8;\n}\n\n.om3-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.om3-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--om3-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.om3-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.om3-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.om3-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--om3-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.om3-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--om3-primary), var(--om3-accent));\n border-radius: 2px;\n}\n\n.om3-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--om3-text-light);\n margin: 0 auto 1.5rem;\n max-width: 680px;\n line-height: 1.7;\n}\n\n.om3-card {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--om3-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.om3-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--om3-shadow-lg);\n border-color: var(--om3-primary);\n}\n\n.om3-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.om3-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--om3-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.om3-card-highlight {\n background: linear-gradient(135deg, var(--om3-white) 0%, var(--om3-primary-light) 100%);\n border-color: var(--om3-primary-light);\n}\n\n.om3-dosage {\n font-size: clamp(20px, 4vw, 28px) !important;\n font-weight: 900 !important;\n color: var(--om3-primary-dark) !important;\n margin: .5rem 0 0 0 !important;\n letter-spacing: -.02em;\n}\n\n.om3-dosage-label {\n font-size: 12px !important;\n color: var(--om3-text-light) !important;\n font-style: italic;\n margin-top: .25rem !important;\n}\n\n.om3-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.om3-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.om3-grid-compact .om3-card {\n padding: 1rem;\n}\n\n.om3-grid-compact .om3-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.om3-grid-compact .om3-card p {\n font-size: 12px;\n}\n\n.om3-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.om3-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.om3-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--om3-primary), var(--om3-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(46,125,79,.3);\n}\n\n.om3-timeline-content {\n flex: 1;\n background: var(--om3-white);\n padding: 1rem 1.25rem;\n border-radius: var(--om3-radius-sm);\n box-shadow: var(--om3-shadow);\n}\n\n.om3-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--om3-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.om3-timeline-content p {\n font-size: 14px;\n color: var(--om3-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.om3-accordion {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n box-shadow: var(--om3-shadow);\n overflow: hidden;\n}\n\n.om3-accordion-item {\n border-bottom: 1px solid var(--om3-border);\n margin: 0;\n padding: 0;\n}\n\n.om3-accordion-item:last-child {\n border-bottom: none;\n}\n\n.om3-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--om3-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.om3-accordion-header:hover {\n background: var(--om3-primary-light);\n}\n\n.om3-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.om3-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--om3-primary);\n transition: transform .2s ease;\n}\n\n.om3-accordion-item[open] .om3-accordion-header::after {\n content: '−';\n}\n\n.om3-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--om3-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.om3-accordion-content p {\n margin: 0;\n}\n\n.om3-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--om3-primary-light);\n border-radius: var(--om3-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--om3-primary);\n}\n\n.om3-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.om3-tip p {\n font-size: 14px;\n color: var(--om3-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.om3-cta-box {\n background: linear-gradient(135deg, var(--om3-primary) 0%, var(--om3-primary-dark) 100%);\n border-radius: var(--om3-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--om3-shadow-lg);\n}\n\n.om3-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(212,160,23,.2) 0%, transparent 70%);\n pointer-events: none;\n}\n\n.om3-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n.om3-cta-box strong {\n color: #ffe9a8;\n}\n\n.om3-disclaimer {\n font-size: 12px;\n color: var(--om3-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .om3-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .om3-card {\n padding: 1.125rem;\n }\n\n .om3-section {\n margin-bottom: 1.75rem;\n }\n\n .om3-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--om3-radius-sm);\n }\n\n .om3-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .om3-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .om3-grid-compact {\n gap: .625rem;\n }\n\n .om3-grid-compact .om3-card {\n padding: .75rem;\n }\n\n .om3-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .om3-timeline-content {\n padding: .875rem 1rem;\n }\n\n .om3-timeline-content h3 {\n font-size: 14px;\n }\n\n .om3-timeline-content p {\n font-size: 13px;\n }\n\n .om3-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .om3-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .om3-card {\n animation: om3FadeInUp .5s ease backwards;\n }\n .om3-card:nth-child(1) { animation-delay: .05s; }\n .om3-card:nth-child(2) { animation-delay: .1s; }\n .om3-card:nth-child(3) { animation-delay: .15s; }\n .om3-card:nth-child(4) { animation-delay: .2s; }\n .om3-card:nth-child(5) { animation-delay: .25s; }\n .om3-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes om3FadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .om3-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754699514013,"sku":"NBAISUP0007","price":23.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/omega_3_fonctions-cardiaques_120_capsules_superdiet.jpg?v=1776436338"},{"product_id":"plasma-marin-hypertonique-20-ampoules-de-15-ml-superdiet","title":"Plasma Marin Hypertonique 20 Ampoules de 10 ml - Oligocéan","description":"\u003cdiv class=\"pmh-premium\"\u003e\n \u003cdiv class=\"pmh-hero\"\u003e\n \u003cdiv class=\"pmh-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pmh-hero-content\"\u003e\n \u003cdiv class=\"pmh-badges-top\"\u003e\n \u003cspan class=\"pmh-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"pmh-badge\"\u003e🌊 Eau de mer pure\u003c\/span\u003e\n \u003cspan class=\"pmh-badge\"\u003e💎 78 minéraux\u003c\/span\u003e\n \u003cspan class=\"pmh-badge\"\u003e🧪 Principes Quinton\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pmh-hero-title\"\u003ePlasma Marin Hypertonique Oligocéan\u003c\/span\u003e\n \u003cp class=\"pmh-subtitle\"\u003e20 ampoules de 10 ml • Puisé au large de Pen Lan (Bretagne)\u003c\/p\u003e\n \u003cp class=\"pmh-description\"\u003eLa force revitalisante de l'océan en ampoules : un concentré naturel d'électrolytes et d'oligo-éléments pour retrouver tonus, vitalité et équilibre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"pmh-section\"\u003e\n \u003ch2\u003ePlasma Marin Hypertonique Oligocéan : la force revitalisante de l'océan en ampoules\u003c\/h2\u003e\n \u003cp class=\"pmh-section-intro\"\u003eIssu des travaux pionniers du physiologiste \u003cstrong\u003eRené Quinton\u003c\/strong\u003e, le \u003cstrong\u003ePlasma Marin Hypertonique Oligocéan\u003c\/strong\u003e est une eau de mer pure, puisée au large de la presqu'île de Pen Lan en Bretagne.\u003c\/p\u003e\n \u003cp class=\"pmh-section-intro\"\u003eCe concentré naturel d'électrolytes et d'oligo-éléments vous offre une reminéralisation complète, idéale pour retrouver tonus, vitalité et équilibre intérieur. Chaque ampoule de 10 ml renferme la richesse minérale de l'océan, dans sa forme la plus brute et la plus bio-disponible.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pmh-section\"\u003e\n \u003ch2\u003eLes bienfaits du plasma marin hypertonique\u003c\/h2\u003e\n \u003cp class=\"pmh-section-intro\"\u003eLe plasma marin hypertonique se distingue par sa concentration naturelle en sels minéraux, proche de \u003cstrong\u003etrois fois celle du plasma sanguin\u003c\/strong\u003e. Un allié précieux dans de nombreuses situations.\u003c\/p\u003e\n \u003cdiv class=\"pmh-grid\"\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e⚡ Coups de fatigue\u003c\/h3\u003e\n \u003cp\u003eIdéal contre l'asthénie passagère, les baisses de tonus et les besoins de vitalité quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e🏃 Activité physique\u003c\/h3\u003e\n \u003cp\u003eSoutien en cas d'effort intense et aide à la récupération sportive grâce aux électrolytes naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e💧 Besoins accrus\u003c\/h3\u003e\n \u003cp\u003eParfait lors de fortes chaleurs, de transpiration importante ou de périodes de stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e🌱 Convalescence\u003c\/h3\u003e\n \u003cp\u003eAccompagne l'organisme lors des changements de saison ou des périodes de récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre minéral\u003c\/h3\u003e\n \u003cp\u003eParticipe au bon équilibre hydro-électrolytique grâce à ses 78 minéraux et oligo-éléments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e🥗 Complément alimentaire\u003c\/h3\u003e\n \u003cp\u003eComplète utilement une alimentation parfois pauvre en micronutriments essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pmh-section\"\u003e\n \u003ch2\u003ePlasma marin hypertonique ou isotonique : quelle différence ?\u003c\/h2\u003e\n \u003cp class=\"pmh-section-intro\"\u003eUne question revient souvent : faut-il choisir la version hypertonique ou isotonique ? Voici les clés pour bien choisir.\u003c\/p\u003e\n \u003cdiv class=\"pmh-grid-compact\"\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e💧 Isotonique\u003c\/h3\u003e\n \u003cp\u003eDiluée pour correspondre à la concentration du plasma sanguin. Douce et adaptée aux enfants ou aux personnes sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e🌊 Hypertonique\u003c\/h3\u003e\n \u003cp\u003eNon diluée, plus concentrée en minéraux. Pour les adultes en recherche d'un effet tonifiant et reminéralisant marqué, le matin à jeun.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pmh-section\"\u003e\n \u003ch2\u003ePosologie et conseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"pmh-section-intro\"\u003ePour profiter pleinement des bienfaits du plasma marin hypertonique Quinton.\u003c\/p\u003e\n \u003cdiv class=\"pmh-timeline\"\u003e\n \u003cdiv class=\"pmh-timeline-item\"\u003e\n \u003cdiv class=\"pmh-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pmh-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003e1 à 3 ampoules par jour, de préférence le matin à jeun ou avant les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-timeline-item\"\u003e\n \u003cdiv class=\"pmh-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pmh-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eEffectuez une cure de 6 à 20 jours, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-timeline-item\"\u003e\n \u003cdiv class=\"pmh-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pmh-timeline-content\"\u003e\n \u003ch3\u003eMode de consommation\u003c\/h3\u003e\n \u003cp\u003eÀ boire pur, ou dilué dans un verre d'eau de source selon votre préférence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-timeline-item\"\u003e\n \u003cdiv class=\"pmh-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pmh-timeline-content\"\u003e\n \u003ch3\u003eOuverture de l'ampoule\u003c\/h3\u003e\n \u003cp\u003eBrisez l'ampoule aux deux extrémités et consommez immédiatement après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-tip\"\u003e\n \u003cspan class=\"pmh-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément alimentaire ne se substitue pas à une alimentation variée ni à un mode de vie sain. Demandez conseil à votre médecin en cas de régime sans sel, d'hypertension ou de grossesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pmh-section\"\u003e\n \u003ch2\u003eComposition : 100 % eau de mer pure\u003c\/h2\u003e\n \u003cp class=\"pmh-section-intro\"\u003eChaque ampoule de 10 ml contient exclusivement de l'\u003cstrong\u003eeau de mer naturelle hypertonique\u003c\/strong\u003e, microfiltrée à froid, sans ajout ni conservateur.\u003c\/p\u003e\n \u003cdiv class=\"pmh-grid-compact\"\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e🧂 Sel minéral total\u003c\/h3\u003e\n \u003cp\u003eEnviron 0,3 g par ampoule. Pour 3 ampoules (30 ml) : environ 0,9 g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e💎 Minéraux majeurs\u003c\/h3\u003e\n \u003cp\u003eSodium, magnésium, calcium et potassium en proportions naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e🔬 Oligo-éléments\u003c\/h3\u003e\n \u003cp\u003eZinc, manganèse, cuivre, fer et sélénium parmi les 78 éléments présents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e❄️ Microfiltration à froid\u003c\/h3\u003e\n \u003cp\u003eProcédé qui préserve l'intégrité des minéraux sans ajout ni conservateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pmh-section\"\u003e\n \u003ch2\u003eUne origine bretonne d'exception\u003c\/h2\u003e\n \u003cp class=\"pmh-section-intro\"\u003eL'\u003cstrong\u003eOligocéan Plasma Marin Hypertonique\u003c\/strong\u003e est puisé au large de Pen Lan, dans une zone marine préservée reconnue pour la pureté de ses eaux.\u003c\/p\u003e\n \u003cdiv class=\"pmh-grid\"\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e🌊 Pen Lan, Bretagne\u003c\/h3\u003e\n \u003cp\u003eUne zone marine préservée, reconnue pour la pureté et la richesse minérale de ses eaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e❄️ Microfiltration à froid\u003c\/h3\u003e\n \u003cp\u003eUn procédé doux qui conserve l'intégrité des minéraux et des oligo-éléments naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e🧪 Ampoules en verre\u003c\/h3\u003e\n \u003cp\u003eConditionnement premium gage de qualité, de traçabilité et de préservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eDans le respect des principes originels de René Quinton et du savoir-faire hexagonal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pmh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eAvis et retours d'expérience\u003c\/h2\u003e\n \u003cdiv class=\"pmh-testimonial\"\u003e\n \u003cp class=\"pmh-testimonial-text\"\u003e\"Les avis sur le plasma marin hypertonique soulignent souvent un regain d'énergie dès les premiers jours de cure, une meilleure récupération et un effet coup de fouet appréciable.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"pmh-accordion-item\"\u003e\n \u003csummary class=\"pmh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"pmh-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez les ampoules à température ambiante, à l'abri de la lumière et de la chaleur. Tenez-les hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pmh-accordion-item\"\u003e\n \u003csummary class=\"pmh-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"pmh-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Déconseillé en cas de régime sans sel ou d'hypertension sans avis médical. Demandez conseil à votre médecin en cas de grossesse ou d'allaitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pmh-accordion-item\"\u003e\n \u003csummary class=\"pmh-accordion-header\"\u003e📅 Durée d'une cure\u003c\/summary\u003e\n \u003cdiv class=\"pmh-accordion-content mt-3\"\u003e\n \u003cp\u003eUne cure classique dure de 6 à 20 jours, à raison de 1 à 3 ampoules par jour. Renouvelable selon vos besoins, notamment lors des changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cp\u003e🌊 Reconnectez-vous à la force minérale de l'océan et retrouvez votre énergie naturelle avec le Plasma Marin Hypertonique Oligocéan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pmh-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain. Ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pmh-cream: #f4f8fb;\n --pmh-white: #ffffff;\n --pmh-primary: #1e4d8b;\n --pmh-primary-dark: #0f2d5c;\n --pmh-primary-light: #e3edf7;\n --pmh-secondary: #2d8bc9;\n --pmh-accent: #e63946;\n --pmh-text: #1a1a1a;\n --pmh-text-light: #5a6b7d;\n --pmh-border: #d8e2ec;\n --pmh-shadow: 0 4px 24px rgba(15,45,92,.08);\n --pmh-shadow-lg: 0 12px 48px rgba(15,45,92,.18);\n --pmh-radius: 20px;\n --pmh-radius-sm: 12px;\n}\n\n.pmh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pmh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--pmh-text);\n line-height: 1.6;\n}\n\n.pmh-hero {\n position: relative;\n background: linear-gradient(135deg, #0f2d5c 0%, #1e4d8b 50%, #2d8bc9 100%);\n border-radius: var(--pmh-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(--pmh-shadow-lg);\n}\n\n.pmh-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,.3) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .15;\n}\n\n.pmh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pmh-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.pmh-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.pmh-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.pmh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pmh-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(--pmh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pmh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pmh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pmh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pmh-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.pmh-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(--pmh-primary), var(--pmh-secondary));\n border-radius: 2px;\n}\n\n.pmh-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pmh-text-light);\n margin-bottom: 1.5rem;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.pmh-section-intro strong {\n color: var(--pmh-primary-dark);\n}\n\n.pmh-card {\n background: var(--pmh-white);\n border-radius: var(--pmh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pmh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pmh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pmh-shadow-lg);\n border-color: var(--pmh-primary);\n}\n\n.pmh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pmh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pmh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pmh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pmh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pmh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pmh-grid-compact .pmh-card {\n padding: 1rem;\n}\n\n.pmh-grid-compact .pmh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pmh-grid-compact .pmh-card p {\n font-size: 12px;\n}\n\n.pmh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.pmh-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pmh-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pmh-primary), var(--pmh-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(30,77,139,.3);\n}\n\n.pmh-timeline-content {\n flex: 1;\n background: var(--pmh-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pmh-radius-sm);\n box-shadow: var(--pmh-shadow);\n}\n\n.pmh-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pmh-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pmh-timeline-content p {\n font-size: 14px;\n color: var(--pmh-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.pmh-testimonial {\n background: var(--pmh-white);\n border-radius: var(--pmh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pmh-shadow);\n border-left: 4px solid var(--pmh-primary);\n max-width: 800px;\n margin: 0 auto;\n}\n\n.pmh-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pmh-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.pmh-accordion {\n background: var(--pmh-white);\n border-radius: var(--pmh-radius);\n box-shadow: var(--pmh-shadow);\n overflow: hidden;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.pmh-accordion-item {\n border-bottom: 1px solid var(--pmh-border);\n margin: 0;\n padding: 0;\n}\n\n.pmh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pmh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pmh-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.pmh-accordion-header:hover {\n background: var(--pmh-primary-light);\n}\n\n.pmh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pmh-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--pmh-primary);\n transition: transform .2s ease;\n}\n\n.pmh-accordion-item[open] .pmh-accordion-header::after {\n content: '−';\n}\n\n.pmh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pmh-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.pmh-accordion-content p {\n margin: 0;\n}\n\n.pmh-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pmh-primary-light);\n border-radius: var(--pmh-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n border-left: 3px solid var(--pmh-accent);\n}\n\n.pmh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pmh-tip p {\n font-size: 14px;\n color: var(--pmh-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.pmh-cta-box {\n background: linear-gradient(135deg, var(--pmh-primary) 0%, var(--pmh-primary-dark) 100%);\n border-radius: var(--pmh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--pmh-shadow-lg);\n}\n\n.pmh-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.pmh-disclaimer {\n font-size: 12px;\n color: var(--pmh-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .pmh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .pmh-card {\n padding: 1.125rem;\n }\n .pmh-section {\n margin-bottom: 1.75rem;\n }\n .pmh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pmh-radius-sm);\n }\n .pmh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .pmh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .pmh-grid-compact {\n gap: .625rem;\n }\n .pmh-grid-compact .pmh-card {\n padding: .75rem;\n }\n .pmh-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .pmh-timeline-content {\n padding: .875rem 1rem;\n }\n .pmh-timeline-content h3 {\n font-size: 14px;\n }\n .pmh-timeline-content p {\n font-size: 13px;\n }\n .pmh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .pmh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .pmh-testimonial {\n padding: 1.25rem;\n }\n .pmh-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .pmh-card {\n animation: fadeInUp .5s ease backwards;\n }\n .pmh-card:nth-child(1) { animation-delay: .05s; }\n .pmh-card:nth-child(2) { animation-delay: .1s; }\n .pmh-card:nth-child(3) { animation-delay: .15s; }\n .pmh-card:nth-child(4) { animation-delay: .2s; }\n .pmh-card:nth-child(5) { animation-delay: .25s; }\n .pmh-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 .pmh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754715046045,"sku":"NBAISUP0041","price":23.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/plasma-marin-hypertonique-20-ampoules-de-10-ml-oligocean-packshothd.webp?v=1776408669"},{"product_id":"algue-ascophyllum-nodosum-150-mg-bio-60-comprimes-vitalosmose","title":"Algue Ascophyllum Nodosum Bio 505 mg - 60 Comprimés - Vitalosmose","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Algue Ascophyllum Nodosum Bio 505 mg - 60 Comprimés\nPalette détectée:\n - Primaire: #8B4513 (marron\/brun du texte packaging)\n - Secondaire: #1E88A8 (bleu océan du fond)\n - Accent: #C41E3A (rouge du texte \"Contribue à\" et logo Qualidiet)\n - Background: #2A8B9C (turquoise océanique)\nAmbiance: Marine\/océanique, naturel\/bio, santé\/bien-être, algues et mer\nPréfixe CSS: asc\n--\u003e\n\n\u003cdiv class=\"asc-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"asc-hero\"\u003e\n \u003cdiv class=\"asc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"asc-hero-content\"\u003e\n \u003cdiv class=\"asc-badges-top\"\u003e\n \u003cspan class=\"asc-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"asc-badge\"\u003e🌊 Algue de l'Atlantique Nord\u003c\/span\u003e\n \u003cspan class=\"asc-badge\"\u003e💊 60 comprimés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"asc-hero-title\"\u003eAscophyllum Nodosum Bio\u003c\/span\u003e\n \u003cp class=\"asc-subtitle\"\u003eVotre source naturelle d'iode pour la thyroïde\u003c\/p\u003e\n \u003cp class=\"asc-description\"\u003eRécoltée dans les eaux froides et pures de l'Atlantique Nord, cette algue brune concentre une richesse exceptionnelle en iode et oligo-éléments essentiels à votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e🎯 Les bienfaits de l'iode naturel\u003c\/h2\u003e\n \u003cdiv class=\"asc-grid\"\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🦋 Fonction thyroïdienne normale\u003c\/h3\u003e\n \u003cp\u003eL'iode est indispensable à la production des hormones T3 et T4, régulatrices de votre métabolisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e⚡ Métabolisme énergétique\u003c\/h3\u003e\n \u003cp\u003eContribue à un métabolisme énergétique équilibré pour vous aider à maintenir votre vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n \u003cp\u003eSoutient les fonctions cognitives normales pour une clarté mentale optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e✨ Santé de la peau\u003c\/h3\u003e\n \u003cp\u003eParticipe au maintien d'une peau normale grâce à son rôle dans le métabolisme cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eIode hautement biodisponible accompagné de cofacteurs naturels pour une assimilation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🔬 Hormones thyroïdiennes\u003c\/h3\u003e\n \u003cp\u003eContribue à la production normale des hormones thyroïdiennes essentielles à l'équilibre de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e🧪 Composition par comprimé\u003c\/h2\u003e\n \u003cdiv class=\"asc-composition-box\"\u003e\n \u003cdiv class=\"asc-ingredient-main\"\u003e\n \u003cspan class=\"asc-ingredient-name\"\u003eAscophyllum Nodosum biologique\u003c\/span\u003e\n \u003cspan class=\"asc-ingredient-dose\"\u003e505 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"asc-ingredient-desc\"\u003ePoudre d'algue entière issue de l'Atlantique Nord\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-grid-compact\"\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🌊 Iode naturel\u003c\/h3\u003e\n \u003cp\u003eHautement biodisponible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🍇 Polyphénols\u003c\/h3\u003e\n \u003cp\u003ePropriétés antioxydantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🧬 Alginates\u003c\/h3\u003e\n \u003cp\u003eBénéfiques pour la digestion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e💎 Minéraux\u003c\/h3\u003e\n \u003cp\u003eFer, magnésium, zinc, sélénium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"asc-grid\"\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🦋 Soutien thyroïdien\u003c\/h3\u003e\n \u003cp\u003ePersonnes souhaitant soutenir naturellement leur fonction thyroïdienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🥗 Régimes restrictifs\u003c\/h3\u003e\n \u003cp\u003eIdéal si vous consommez peu ou pas de produits de la mer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🌱 Végétariens \u0026amp; Végétaliens\u003c\/h3\u003e\n \u003cp\u003eAlternative naturelle parfaitement adaptée aux régimes végétaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003ePour ceux ressentant une fatigue liée à un métabolisme ralenti.\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=\"asc-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"asc-steps\"\u003e\n \u003cdiv class=\"asc-step\"\u003e\n \u003cdiv class=\"asc-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"asc-step-content\"\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 comprimés par jour\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-step\"\u003e\n \u003cdiv class=\"asc-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"asc-step-content\"\u003e\n \u003ch3\u003eAvec de l'eau\u003c\/h3\u003e\n \u003cp\u003eAvalez avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-step\"\u003e\n \u003cdiv class=\"asc-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"asc-step-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003eau moment d'un repas\u003c\/strong\u003e pour une meilleure assimilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-tip-box\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eConseil :\u003c\/strong\u003e Un flacon représente 1 à 2 mois de cure. Nous recommandons des cures de 2 à 3 mois, suivies d'une pause d'un mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- QUALITÉ --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e✅ Qualité et traçabilité\u003c\/h2\u003e\n \u003cdiv class=\"asc-grid-compact\"\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-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=\"asc-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eFormule pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e♻️ Récolte durable\u003c\/h3\u003e\n \u003cp\u003eRespect des écosystèmes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"asc-accordion\"\u003e\n \u003cdetails class=\"asc-accordion-item\"\u003e\n \u003csummary class=\"asc-accordion-header\"\u003e🏭 Fabrication et origine\u003c\/summary\u003e\n \u003cdiv class=\"asc-accordion-content\"\u003e\n \u003cp\u003eL'Ascophyllum Nodosum utilisé provient de zones de récolte préservées de l'Atlantique Nord, loin de toute source de pollution industrielle. Le séchage à basse température préserve tous les nutriments. Aucun solvant chimique n'est utilisé et des contrôles qualité sont effectués à chaque étape de la production.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"asc-accordion-item\"\u003e\n \u003csummary class=\"asc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"asc-accordion-content\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de l'humidité, à température ambiante (inférieure à 25°C). Refermez bien le flacon après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"asc-accordion-item\"\u003e\n \u003csummary class=\"asc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"asc-accordion-content\"\u003e\n \u003cp\u003eConsultez votre médecin si vous souffrez de troubles thyroïdiens (hypothyroïdie, hyperthyroïdie, nodules). Si vous prenez un traitement thyroïdien (comme le Levothyrox), demandez l'avis de votre médecin avant toute supplémentation. Déconseillé aux femmes enceintes ou allaitantes sans avis 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=\"asc-accordion-item\"\u003e\n \u003csummary class=\"asc-accordion-header\"\u003e❓ Questions fréquentes\u003c\/summary\u003e\n \u003cdiv class=\"asc-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eQuelle est la différence entre Ascophyllum et kelp ?\u003c\/strong\u003e\u003cbr\u003e\n Le terme « kelp » désigne plusieurs espèces d'algues brunes riches en iode. L'Ascophyllum Nodosum se distingue par sa croissance lente qui lui permet de concentrer davantage de nutriments. C'est l'une des sources d'iode naturel les plus qualitatives.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003e\u003cstrong\u003eCombien de temps dure une cure ?\u003c\/strong\u003e\u003cbr\u003e\n Une cure classique dure entre 2 et 3 mois. Pour un soutien thyroïdien régulier, vous pouvez alterner des périodes de cure et des pauses d'un mois.\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=\"asc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"asc-cta-box\"\u003e\n \u003cp\u003e🌊 Offrez à votre thyroïde le meilleur de la nature avec l'Ascophyllum Nodosum Bio – une source d'iode pure, naturelle et hautement assimilable directement issue des océans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"asc-disclaimer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Il ne constitue pas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --asc-cream: #f5f9fa;\n --asc-white: #ffffff;\n --asc-primary: #1E88A8;\n --asc-primary-dark: #156378;\n --asc-primary-light: #e8f4f7;\n --asc-secondary: #8B5A2B;\n --asc-accent: #C41E3A;\n --asc-text: #1a1a1a;\n --asc-text-light: #5a5a5a;\n --asc-border: #d8e8ec;\n --asc-shadow: 0 4px 24px rgba(30, 136, 168, .08);\n --asc-shadow-lg: 0 12px 48px rgba(30, 136, 168, .15);\n --asc-radius: 20px;\n --asc-radius-sm: 12px;\n}\n\n.asc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--asc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.asc-hero {\n position: relative;\n background: linear-gradient(135deg, #156378 0%, #1E88A8 40%, #2A9BB5 70%, #3AAFCA 100%);\n border-radius: var(--asc-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(--asc-shadow-lg);\n}\n\n.asc-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.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.asc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.asc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.asc-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(--asc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.asc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.asc-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.asc-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.asc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.asc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.asc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--asc-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.asc-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(--asc-primary), var(--asc-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.asc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.asc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.asc-card {\n background: var(--asc-white);\n border-radius: var(--asc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--asc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.asc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--asc-shadow-lg);\n border-color: var(--asc-primary);\n}\n\n.asc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--asc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.asc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--asc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.asc-grid-compact .asc-card {\n padding: 1rem;\n}\n\n.asc-grid-compact .asc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.asc-grid-compact .asc-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.asc-composition-box {\n background: linear-gradient(135deg, var(--asc-primary-light) 0%, var(--asc-white) 100%);\n border-radius: var(--asc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: 1.5rem;\n border: 2px solid var(--asc-primary);\n text-align: center;\n}\n\n.asc-ingredient-main {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: baseline;\n gap: .75rem;\n margin-bottom: .5rem;\n}\n\n.asc-ingredient-name {\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 800;\n color: var(--asc-primary-dark);\n}\n\n.asc-ingredient-dose {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--asc-accent);\n}\n\n.asc-ingredient-desc {\n font-size: 14px;\n color: var(--asc-text-light);\n margin: 0;\n}\n\n\/* === STEPS === *\/\n.asc-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.asc-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--asc-white);\n border-radius: var(--asc-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--asc-shadow);\n}\n\n.asc-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--asc-primary), var(--asc-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 800;\n}\n\n.asc-step-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--asc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.asc-step-content p {\n font-size: 14px;\n color: var(--asc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.asc-tip-box {\n background: linear-gradient(135deg, #FFF8E7 0%, #FFF3D6 100%);\n border-radius: var(--asc-radius-sm);\n padding: 1.25rem;\n border-left: 4px solid var(--asc-secondary);\n}\n\n.asc-tip-box p {\n font-size: 14px;\n color: var(--asc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.asc-accordion {\n background: var(--asc-white);\n border-radius: var(--asc-radius);\n box-shadow: var(--asc-shadow);\n overflow: hidden;\n}\n\n.asc-accordion-item {\n border-bottom: 1px solid var(--asc-border);\n margin: 0;\n padding: 0;\n}\n\n.asc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.asc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--asc-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.asc-accordion-header:hover {\n background: var(--asc-primary-light);\n}\n\n.asc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.asc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--asc-primary);\n transition: transform .2s ease;\n}\n\n.asc-accordion-item[open] .asc-accordion-header::after {\n content: '−';\n}\n\n.asc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--asc-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.asc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.asc-cta-box {\n background: linear-gradient(135deg, var(--asc-primary) 0%, var(--asc-primary-dark) 100%);\n border-radius: var(--asc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.asc-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.asc-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.asc-disclaimer {\n text-align: center;\n font-size: 12px;\n color: var(--asc-text-light);\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .asc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .asc-grid-compact {\n gap: .625rem;\n }\n \n .asc-grid-compact .asc-card {\n padding: .75rem;\n }\n \n .asc-card {\n padding: 1.125rem;\n }\n \n .asc-section {\n margin-bottom: 1.75rem;\n }\n \n .asc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--asc-radius-sm);\n }\n \n .asc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .asc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .asc-step {\n padding: 1rem;\n }\n \n .asc-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .asc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .asc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .asc-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .asc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .asc-card:nth-child(1) { animation-delay: .05s; }\n .asc-card:nth-child(2) { animation-delay: .1s; }\n .asc-card:nth-child(3) { animation-delay: .15s; }\n .asc-card:nth-child(4) { animation-delay: .2s; }\n .asc-card:nth-child(5) { animation-delay: .25s; }\n .asc-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 .asc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"VITALOSMOSE","offers":[{"title":"Default Title","offer_id":45754725105821,"sku":"REF155","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ascophyllum-nodosum-vital-osmose-505-mg.jpg?v=1772440080"},{"product_id":"berberine-350-mg-120-gelules-vitalosmose","title":"Berbérine 350 mg 120 gélules - Gestion du poids \u0026 de la glycémie - VitalOsmose","description":"\u003cp\u003eProfitez d’un format prolongé avec la \u003cstrong\u003eBerbérine 350 mg\u003c\/strong\u003e de VitalOsmose en \u003cstrong\u003e120 gélules\u003c\/strong\u003e, une solution naturelle pour soutenir votre métabolisme et réguler votre glycémie. Extraite de la racine de \u003cem\u003eBerberis aristata\u003c\/em\u003e et titrée à \u003cstrong\u003e97%\u003c\/strong\u003e, cette berbérine hautement concentrée est reconnue pour son action bénéfique sur l’équilibre énergétique et la gestion du poids.\u003c\/p\u003e\n\u003ch2\u003eUne action complète pour votre bien-être\u003c\/h2\u003e\n\u003cp\u003eTraditionnellement utilisée dans la médecine ayurvédique et chinoise, la berbérine est aujourd’hui étudiée pour ses nombreux bienfaits sur l’organisme :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eActivation de l’AMPK\u003c\/strong\u003e : En stimulant cette enzyme clé, la berbérine joue un rôle essentiel dans la régulation du métabolisme et de l’énergie cellulaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStabilisation de la glycémie\u003c\/strong\u003e : Elle favorise un taux de sucre sanguin équilibré, idéal pour soutenir le métabolisme glucidique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGestion du poids\u003c\/strong\u003e : En contribuant à réduire le stockage des graisses et à augmenter la dépense énergétique, elle participe naturellement au maintien d’un poids sain.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection cardiovasculaire\u003c\/strong\u003e : Elle aide à réguler les taux de cholestérol et de triglycérides, favorisant ainsi une bonne santé cardiovasculaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉquilibre digestif\u003c\/strong\u003e : Ses effets bénéfiques sur la flore intestinale améliorent l’absorption des nutriments et le confort digestif.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eUne synergie efficace avec le zinc\u003c\/h2\u003e\n\u003cp\u003eCette formule exclusive associe la berbérine au \u003cstrong\u003ebisglycinate de zinc\u003c\/strong\u003e, un oligo-élément essentiel contribuant à un métabolisme glucidique normal et au bon fonctionnement du système immunitaire.\u003c\/p\u003e\n\u003ch2\u003eComposition par gélule\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait aqueux de \u003cem\u003eBerberis aristata\u003c\/em\u003e\u003c\/strong\u003e titré à 97% de berbérine : 350 mg (soit 340 mg de berbérine pure)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBisglycinate de zinc\u003c\/strong\u003e : 18 mg, apportant 5,9 mg de zinc élément (soit 59% des Valeurs Nutritionnelles de Référence)\u003c\/li\u003e\n\u003cli\u003eGélule végétale (cellulose)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e avant un repas. Une cure d’au moins trois mois est recommandée pour une efficacité optimale. Ce format de 120 gélules permet un usage prolongé pour un accompagnement durable.\u003c\/p\u003e\n\u003ch2\u003ePrécautions d’emploi\u003c\/h2\u003e\n\u003cp\u003eDéconseillé aux :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eFemmes enceintes et allaitantes\u003c\/li\u003e\n\u003cli\u003eEnfants et adolescents\u003c\/li\u003e\n\u003cli\u003ePersonnes diabétiques ou souffrant de troubles hépatiques ou cardiaques\u003c\/li\u003e\n\u003cli\u003ePersonnes sous traitement médicamenteux (consulter un professionnel de santé)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eRespecter la dose recommandée. Ce complément alimentaire ne se substitue pas à une alimentation équilibrée et doit s’intégrer dans un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003cp\u003eAvec la \u003cstrong\u003eBerbérine 350 mg - 120 gélules\u003c\/strong\u003e de VitalOsmose, misez sur une régulation efficace et naturelle de votre métabolisme et de votre glycémie.\u003c\/p\u003e","brand":"VITALOSMOSE","offers":[{"title":"Default Title","offer_id":46023919435933,"sku":"BERBERINE120","price":43.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/berberine-zinc-120-gelules-qualidiet.webp?v=1754054784"},{"product_id":"cervomax-510-mg-60-gelules-qualidiet","title":"Cervomax 510 Mg - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"cv-premium\"\u003e\n\u003cdiv class=\"cv-hero\"\u003e\n\u003cdiv class=\"cv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cv-hero-content\"\u003e\n\u003cdiv class=\"cv-badges-top\"\u003e\n\u003cspan class=\"cv-badge\"\u003e🧠 Fonctions cérébrales\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e💊 60 gélules – 510 mg\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e🦐 Huile de krill \u0026amp; lécithine marine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cv-hero-title\"\u003eCervomax 510 mg\u003c\/span\u003e\n\u003cp class=\"cv-subtitle\"\u003eSoutien des fonctions cérébrales par Qualidiet\u003c\/p\u003e\n\u003cp class=\"cv-description\"\u003eComplexe synergique de lécithine marine, huile de krill, graines germées de sarrasin, spiruline et lithothamne pour la mémoire, la concentration et la vivacité intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eCervomax 510 mg : votre allié naturel pour la mémoire et la concentration\u003c\/h2\u003e\n\u003cp class=\"cv-section-intro\"\u003eVous ressentez des baisses de concentration, des trous de mémoire ou une fatigue intellectuelle persistante ? \u003cstrong\u003eCervomax\u003c\/strong\u003e de \u003cstrong\u003eQualidiet\u003c\/strong\u003e est un \u003cstrong\u003ecomplément alimentaire mémoire et concentration\u003c\/strong\u003e formulé à partir d'actifs naturels soigneusement sélectionnés. Chaque gélule de 510 mg associe lécithine marine, huile de krill, graines germées de sarrasin, spiruline et lithothamne pour offrir un soutien global à vos fonctions cérébrales.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003ePourquoi choisir Cervomax pour soutenir vos fonctions cognitives ?\u003c\/h2\u003e\n\u003cp class=\"cv-section-intro\"\u003eContrairement à de nombreux compléments qui misent sur un seul ingrédient, Cervomax propose une \u003cstrong\u003eformulation synergique\u003c\/strong\u003e combinant plusieurs familles de nutriments essentiels au bon fonctionnement du cerveau.\u003c\/p\u003e\n\u003cdiv class=\"cv-grid\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🐚 Lécithine d'origine marine\u003c\/h3\u003e\n\u003cp\u003eSource de phospholipides indispensables à la structure des membranes neuronales, elle favorise la transmission de l'influx nerveux et contribue au maintien de la mémoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🦐 Huile de krill riche en phospholipides\u003c\/h3\u003e\n\u003cp\u003eSa forme hautement biodisponible d'oméga-3 (EPA et DHA) participe au fonctionnement normal du cerveau et aide à protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌱 Graines germées de sarrasin\u003c\/h3\u003e\n\u003cp\u003eNaturellement riches en \u003cstrong\u003evitamines du groupe B\u003c\/strong\u003e (notamment B6 et B12), elles soutiennent le métabolisme énergétique et contribuent à réduire la fatigue intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌿 Spiruline\u003c\/h3\u003e\n\u003cp\u003eCette micro-algue apporte des protéines complètes, du fer et des antioxydants qui participent à la vitalité globale de l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🪸 Lithothamne\u003c\/h3\u003e\n\u003cp\u003eAlgue marine riche en \u003cstrong\u003ecalcium\u003c\/strong\u003e, elle contribue à la transmission normale des messages nerveux entre les neurones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-tip\"\u003e\n\u003cspan class=\"cv-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCette combinaison fait de Cervomax l'un des \u003cstrong\u003emeilleurs compléments alimentaires mémoire concentration\u003c\/strong\u003e pour les personnes souhaitant préserver leur vivacité d'esprit au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse Cervomax ?\u003c\/h2\u003e\n\u003cdiv class=\"cv-grid-compact\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n\u003cp\u003eEn période de révisions ou d'examens, pour soutenir la concentration et la mémorisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e💼 Actifs\u003c\/h3\u003e\n\u003cp\u003eSoumis à une charge mentale importante, qui ressentent une fatigue cognitive en fin de journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n\u003cp\u003eSouhaitant préserver leurs capacités intellectuelles et entretenir leur mémoire avec l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e✨ Tous les profils\u003c\/h3\u003e\n\u003cp\u003eEn quête d'un coup de pouce naturel pour retrouver clarté mentale et performance intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"cv-timeline\"\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003ePosologie quotidienne\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 au cours des repas (petit-déjeuner et déjeuner).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003eProgramme de 30 jours\u003c\/h3\u003e\n\u003cp\u003eUn flacon de 60 gélules correspond à un programme de \u003cstrong\u003e30 jours\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003eCure recommandée\u003c\/h3\u003e\n\u003cp\u003ePour des résultats optimaux, nous vous recommandons une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eComposition complète pour 2 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"cv-grid\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🐚 Lécithine d'origine marine\u003c\/h3\u003e\n\u003cp\u003eSource de phospholipides essentiels pour les membranes neuronales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🦐 Huile de krill\u003c\/h3\u003e\n\u003cp\u003eRiche en phospholipides et oméga-3 (EPA\/DHA) hautement biodisponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌱 Graines germées de sarrasin\u003c\/h3\u003e\n\u003cp\u003eApport naturel en vitamines du groupe B pour le métabolisme énergétique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌿 Spiruline\u003c\/h3\u003e\n\u003cp\u003eRiche en protéines complètes et en fer pour la vitalité globale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🪸 Lithothamne\u003c\/h3\u003e\n\u003cp\u003eAlgue marine naturellement riche en calcium pour la transmission nerveuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e💊 Enveloppe de la gélule\u003c\/h3\u003e\n\u003cp\u003eGélatine. Poids net : 36 g — 60 gélules de 510 mg.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n\u003cdiv class=\"cv-testimonial\"\u003e\n\u003cp class=\"cv-testimonial-text\"\u003eCervomax est \u003cstrong\u003efabriqué en France\u003c\/strong\u003e par Qualidiet, laboratoire reconnu pour son exigence en matière de sélection des matières premières et de contrôle qualité. Le processus de fabrication respecte les normes européennes les plus strictes, garantissant un produit pur, sûr et efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"cv-accordion\"\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"cv-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=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e🦐 Allergies\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes allergiques aux crustacés (huile de krill).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e👩⚕️ Cas particuliers\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de traitement médical, de grossesse ou d'allaitement, consultez votre médecin avant toute prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eTenir hors de portée des enfants. Conserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cv-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 --cv-cream: #f4f1ed;\n --cv-white: #ffffff;\n --cv-primary: #1a3a7a;\n --cv-primary-dark: #0e2354;\n --cv-primary-light: #e8edf7;\n --cv-secondary: #c0272d;\n --cv-accent: #8b1a1e;\n --cv-text: #1a1a1a;\n --cv-text-light: #5a5a5a;\n --cv-border: #e0e0e0;\n --cv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cv-radius: 20px;\n --cv-radius-sm: 12px;\n}\n\n.cv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.cv-hero {\n position: relative;\n background: linear-gradient(135deg, var(--cv-primary) 0%, var(--cv-primary-dark) 50%, var(--cv-secondary) 100%);\n border-radius: var(--cv-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(--cv-shadow-lg);\n}\n\n.cv-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(192,39,45,.15) 0%, transparent 40%);\n opacity: 1;\n}\n\n.cv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cv-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(--cv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cv-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.cv-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.cv-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.cv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cv-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.cv-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(--cv-primary), var(--cv-secondary));\n border-radius: 2px;\n}\n\n.cv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cv-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.cv-card {\n background: var(--cv-white);\n border-radius: var(--cv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cv-shadow-lg);\n border-color: var(--cv-primary);\n}\n\n.cv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cv-grid-compact .cv-card {\n padding: 1rem;\n}\n\n.cv-grid-compact .cv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cv-grid-compact .cv-card p {\n font-size: 12px;\n}\n\n.cv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cv-primary), var(--cv-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.cv-timeline-content {\n flex: 1;\n background: var(--cv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cv-radius-sm);\n box-shadow: var(--cv-shadow);\n}\n\n.cv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cv-timeline-content p {\n font-size: 14px;\n color: var(--cv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cv-testimonial {\n background: var(--cv-white);\n border-radius: var(--cv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cv-shadow);\n border-left: 4px solid var(--cv-primary);\n}\n\n.cv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cv-primary-light);\n border-radius: var(--cv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cv-tip p {\n font-size: 14px;\n color: var(--cv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cv-accordion {\n background: var(--cv-white);\n border-radius: var(--cv-radius);\n box-shadow: var(--cv-shadow);\n overflow: hidden;\n}\n\n.cv-accordion-item {\n border-bottom: 1px solid var(--cv-border);\n margin: 0;\n padding: 0;\n}\n\n.cv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cv-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.cv-accordion-header:hover {\n background: var(--cv-primary-light);\n}\n\n.cv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cv-primary);\n transition: transform .2s ease;\n}\n\n.cv-accordion-item[open] .cv-accordion-header::after {\n content: '−';\n}\n\n.cv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cv-accordion-content p {\n margin: 0;\n}\n\n.cv-disclaimer {\n font-size: 12px;\n color: var(--cv-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .cv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cv-card {\n padding: 1.125rem;\n }\n\n .cv-section {\n margin-bottom: 1.75rem;\n }\n\n .cv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cv-radius-sm);\n }\n\n .cv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cv-grid-compact {\n gap: .625rem;\n }\n\n .cv-grid-compact .cv-card {\n padding: .75rem;\n }\n\n .cv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cv-timeline-content h3 {\n font-size: 14px;\n }\n\n .cv-timeline-content p {\n font-size: 13px;\n }\n\n .cv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cv-testimonial {\n padding: 1.25rem;\n }\n\n .cv-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cv-card {\n animation: cvFadeInUp .5s ease backwards;\n }\n .cv-card:nth-child(1) { animation-delay: .05s; }\n .cv-card:nth-child(2) { animation-delay: .1s; }\n .cv-card:nth-child(3) { animation-delay: .15s; }\n .cv-card:nth-child(4) { animation-delay: .2s; }\n .cv-card:nth-child(5) { animation-delay: .25s; }\n .cv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cvFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754726973597,"sku":"REF161BIS","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cervomax-510-mg-60-gelules-vitalosmose-packshothd.webp?v=1773598761"},{"product_id":"bisglycinate-de-magnesium-vit-b6-90-gelules-qualidiet","title":"Bisglycinate de Magnésium \u0026 Vitamine B6 - 90 Gélules - Qualidiet","description":"\u003cdiv class=\"mg-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mg-hero\"\u003e\n \u003cdiv class=\"mg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mg-hero-content\"\u003e\n \u003cdiv class=\"mg-badges-top\"\u003e\n \u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e⚡ Haute absorption\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🌿 Sans gluten · Sans lactose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mg-hero-title\"\u003eBisglycinate de Magnésium \u0026amp; Vitamine B6\u003c\/span\u003e\n \u003cp class=\"mg-subtitle\"\u003eMagnésium chélaté hautement assimilable — 90 gélules\u003c\/p\u003e\n \u003cp class=\"mg-description\"\u003eLa synergie optimale pour réduire la fatigue, apaiser le stress et soutenir vos muscles au quotidien, sans inconfort digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eBisglycinate de magnésium et vitamine B6 : la synergie haute absorption\u003c\/h2\u003e\n \u003cp class=\"mg-section-intro\"\u003eFatigue persistante, tensions musculaires, irritabilité ou sommeil perturbé ? Votre corps vous envoie peut-être un signal clair : \u003cstrong\u003eun manque de magnésium\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"mg-grid-compact\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧬 Forme chélatée\u003c\/h3\u003e\n \u003cp\u003eBisglycinate de magnésium lié à deux molécules de glycine pour une biodisponibilité supérieure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🛡️ Tolérance digestive\u003c\/h3\u003e\n \u003cp\u003eFini les inconforts gastriques souvent associés aux compléments de magnésium classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🔬 Vitamine B6 intégrée\u003c\/h3\u003e\n \u003cp\u003eLa pyridoxine améliore l'absorption cellulaire du magnésium et la synthèse de neurotransmetteurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e✅ Qualité certifiée\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France selon des standards de qualité rigoureux. Convient aux végétariens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003ePourquoi choisir le magnésium bisglycinate plutôt qu'une autre forme ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-comparison\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🔗 Absorption optimale\u003c\/h3\u003e\n \u003cp\u003eLe bisglycinate de magnésium est lié à deux molécules de \u003cstrong\u003eglycine\u003c\/strong\u003e, un acide aminé qui facilite son passage à travers la barrière intestinale. Votre organisme absorbe une plus grande quantité de magnésium, sans provoquer de gêne digestive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e⚡ Le rôle clé de la vitamine B6\u003c\/h3\u003e\n \u003cp\u003eLa vitamine B6 (pyridoxine hydrochloride) agit comme un véritable facilitateur : elle \u003cstrong\u003eaméliore l'absorption cellulaire du magnésium\u003c\/strong\u003e et participe activement à la synthèse de sérotonine et de GABA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🏆 Duo complémentaire\u003c\/h3\u003e\n \u003cp\u003eL'association \u003cstrong\u003emagnésium et vitamine B6\u003c\/strong\u003e forme un duo particulièrement efficace, bien supérieur à une supplémentation en magnésium seul (oxyde ou citrate).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🔋 Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eLe magnésium intervient dans plus de \u003cstrong\u003e300 réactions enzymatiques\u003c\/strong\u003e liées à la production d'énergie. Retrouvez votre vitalité dès les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧘 Équilibre nerveux et gestion du stress\u003c\/h3\u003e\n \u003cp\u003eLa combinaison vitamine B6 et magnésium soutient le système nerveux et aide à \u003cstrong\u003eapaiser les tensions\u003c\/strong\u003e accumulées au fil de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e💪 Détente musculaire\u003c\/h3\u003e\n \u003cp\u003eIdéal après une journée intense ou une séance de sport, le magnésium contribue au \u003cstrong\u003erelâchement musculaire\u003c\/strong\u003e et réduit les crampes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌙 Soutien de l'humeur et du sommeil\u003c\/h3\u003e\n \u003cp\u003eEn favorisant la synthèse de sérotonine, cette formule vous aide à retrouver un \u003cstrong\u003eétat d'esprit apaisé\u003c\/strong\u003e, notamment le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🦴 Santé osseuse\u003c\/h3\u003e\n \u003cp\u003eLe magnésium participe à la \u003cstrong\u003esolidité des os et des dents\u003c\/strong\u003e, un atout essentiel à tout âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eComposition pour 3 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"mg-composition-box\"\u003e\n \u003cdiv class=\"mg-grid-compact\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧬 Bisglycinate de magnésium\u003c\/h3\u003e\n \u003cp\u003eMagnésium chélaté hautement assimilable — forme premium pour une absorption maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🟡 Vitamine B6\u003c\/h3\u003e\n \u003cp\u003ePyridoxine hydrochloride — facilite l'absorption cellulaire du magnésium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-tip\"\u003e\n \u003cspan class=\"mg-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003esans gluten, sans lactose\u003c\/strong\u003e, convient aux végétariens. Gélules de 550 mg — flacon de 90 gélules (cure de 30 jours). Poids net : 58 g. Fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"mg-timeline\"\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours d'un repas pour une assimilation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003eAstuce détente du soir\u003c\/h3\u003e\n \u003cp\u003eSi vous ressentez des tensions nerveuses en fin de journée, privilégiez la prise le soir au dîner : le bisglycinate de magnésium favorise la détente et prépare votre organisme au repos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est généralement recommandée, renouvelable selon vos besoins. Vous pouvez fractionner la prise (1 gélule à chaque repas) pour un apport régulier.\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=\"mg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est conçu ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eSujettes au stress chronique, à l'irritabilité ou à la nervosité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e😴 Fatigués et insomniaques\u003c\/h3\u003e\n \u003cp\u003eFatigue persistante, troubles du sommeil ou difficultés à récupérer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eCrampes musculaires, récupération difficile après l'effort, besoin accru en magnésium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e📚 Étudiants en période d'examens\u003c\/h3\u003e\n \u003cp\u003eConcentration, mémoire et gestion de la pression intellectuelle intensive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre corps le magnésium qu'il mérite — haute absorption, zéro inconfort digestif, résultats concrets dès les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mg-disclaimer\"\u003e⚠️ Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Consultez un professionnel de santé avant toute prise, en particulier si vous êtes enceinte, allaitante ou sous traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mg-cream: #f4f6fb;\n --mg-white: #ffffff;\n --mg-primary: #1a4f9c;\n --mg-primary-dark: #0d2f66;\n --mg-primary-light: #e8eff9;\n --mg-secondary: #2b7de9;\n --mg-accent: #c9a226;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a6270;\n --mg-border: #dde3ed;\n --mg-shadow: 0 4px 24px rgba(13, 47, 102, .07);\n --mg-shadow-lg: 0 12px 48px rgba(13, 47, 102, .13);\n --mg-radius: 20px;\n --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mg-primary-dark) 0%, var(--mg-primary) 45%, var(--mg-secondary) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(201,162,38,.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.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.mg-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.mg-description {\n color: rgba(255,255,255,.75);\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.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mg-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.mg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mg-primary), var(--mg-accent));\n border-radius: 2px;\n}\n\n.mg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mg-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.mg-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mg-shadow-lg);\n border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mg-primary), var(--mg-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mg-timeline-content {\n flex: 1;\n background: var(--mg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mg-radius-sm);\n box-shadow: var(--mg-shadow);\n}\n\n.mg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mg-timeline-content p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.mg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mg-primary-light);\n border-radius: var(--mg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mg-tip p {\n font-size: 14px;\n color: var(--mg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.mg-cta-box {\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.mg-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.mg-disclaimer {\n font-size: 12px;\n color: var(--mg-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mg-card {\n padding: 1.125rem;\n }\n\n .mg-section {\n margin-bottom: 1.75rem;\n }\n\n .mg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mg-radius-sm);\n }\n\n .mg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mg-grid-compact {\n gap: .625rem;\n }\n\n .mg-grid-compact .mg-card {\n padding: .75rem;\n }\n\n .mg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mg-timeline-content h3 {\n font-size: 14px;\n }\n\n .mg-timeline-content p {\n font-size: 13px;\n }\n\n .mg-tip {\n padding: .875rem 1rem;\n }\n\n .mg-tip-icon {\n font-size: 20px;\n }\n\n .mg-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mg-card {\n animation: mgFadeInUp .5s ease backwards;\n }\n .mg-card:nth-child(1) { animation-delay: .05s; }\n .mg-card:nth-child(2) { animation-delay: .1s; }\n .mg-card:nth-child(3) { animation-delay: .15s; }\n .mg-card:nth-child(4) { animation-delay: .2s; }\n .mg-card:nth-child(5) { animation-delay: .25s; }\n .mg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mgFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":53506749661561,"sku":"VO4601","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bisglycinate-de-magnesium-vitamine-b6-90-gelules-vitalosmose-packshothd.webp?v=1774698776"},{"product_id":"bisglycinate-de-magnesium-vit-b6-180-gelules-qualidiet","title":"Bisglycinate de Magnésium \u0026 Vitamines B6 - 180 Gélules - Qualidiet","description":"\u003cdiv class=\"mg-premium\"\u003e\n\u003cdiv class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-content\"\u003e\n\u003cdiv class=\"mg-badges-top\"\u003e\n\u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e💊 180 gélules\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e🧬 Haute absorption\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e🌿 Convient aux végétariens\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mg-hero-title\"\u003eBisglycinate de Magnésium \u0026amp; Vitamine B6\u003c\/span\u003e\n\u003cp class=\"mg-subtitle\"\u003eLa forme la plus assimilable pour retrouver énergie, sérénité et équilibre\u003c\/p\u003e\n\u003cp class=\"mg-description\"\u003e180 gélules de 550 mg · Programme complet de 2 mois · Sans gluten, sans lactose, sans OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eBisglycinate de magnésium et vitamine B6 : la forme la mieux assimilée par votre organisme\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eFatigue persistante, tensions musculaires, sommeil perturbé ou irritabilité passagère ? Votre corps vous envoie peut-être un signal clair : il manque de magnésium.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⚡ Haute assimilabilité\u003c\/h3\u003e\n\u003cp\u003eUne forme de magnésium chélaté qui traverse la paroi intestinale avec une efficacité remarquable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🤢 Zéro gêne digestive\u003c\/h3\u003e\n\u003cp\u003eDoux pour l'estomac, sans ballonnements ni effet laxatif, même chez les personnes sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e📅 Programme de 2 mois\u003c\/h3\u003e\n\u003cp\u003e180 gélules pour une cure complète de 8 semaines afin de restaurer vos réserves en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧘 Équilibre \u0026amp; sérénité\u003c\/h3\u003e\n\u003cp\u003eRetrouvez calme, énergie et qualité de sommeil grâce au duo magnésium + vitamine B6\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003ePourquoi choisir le bisglycinate de magnésium plutôt qu'une autre forme ?\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eToutes les formes de magnésium ne se valent pas. Le magnésium bisglycinate se distingue nettement grâce à son processus de \u003cstrong\u003echélation\u003c\/strong\u003e : chaque atome de magnésium est lié à deux molécules de glycine, un acide aminé naturellement présent dans l'organisme.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔬 Une absorption supérieure\u003c\/h3\u003e\n\u003cp\u003eLe magnésium bisglycinate traverse la paroi intestinale plus facilement que l'oxyde ou le citrate de magnésium, pour une biodisponibilité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🛡️ Aucune gêne digestive\u003c\/h3\u003e\n\u003cp\u003eContrairement aux formes classiques, il ne provoque ni ballonnements, ni effet laxatif, même chez les personnes au système digestif sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⏳ Une action prolongée\u003c\/h3\u003e\n\u003cp\u003eLa libération progressive du magnésium permet à votre organisme d'en tirer le meilleur bénéfice tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eLes bienfaits du magnésium bisglycinate associé à la vitamine B6\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eL'association vitamine B6 et magnésium n'est pas un hasard. La vitamine B6 joue un rôle de véritable catalyseur : elle \u003cstrong\u003efavorise l'absorption cellulaire du magnésium\u003c\/strong\u003e et participe activement à la synthèse de neurotransmetteurs comme la sérotonine et le GABA.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔋 Réduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eCombattez efficacement la fatigue physique et mentale grâce à un apport optimal en magnésium hautement assimilable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n\u003cp\u003eSoutenez le bon fonctionnement de votre système nerveux et améliorez votre résistance au stress quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💪 Détente musculaire\u003c\/h3\u003e\n\u003cp\u003eFavorisez la détente musculaire et accélérez la récupération après l'effort physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌙 Qualité du sommeil\u003c\/h3\u003e\n\u003cp\u003eAméliorez la qualité de votre sommeil et la gestion du stress au quotidien grâce à la synergie magnésium-B6.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🦴 Ossature solide\u003c\/h3\u003e\n\u003cp\u003eParticipez au maintien d'une ossature solide grâce à l'action complémentaire du magnésium sur le métabolisme osseux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 3 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧬 Bisglycinate de magnésium\u003c\/h3\u003e\n\u003cp\u003e450 mg dont magnésium élémentaire hautement biodisponible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💛 Vitamine B6\u003c\/h3\u003e\n\u003cp\u003e2 mg de pyridoxine (143 % des apports de référence)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌾 Agents de charge\u003c\/h3\u003e\n\u003cp\u003eCellulose microcristalline, stéarate de magnésium\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌿 Enveloppe végétale\u003c\/h3\u003e\n\u003cp\u003eGélatine d'origine végétale (HPMC) – convient aux végétariens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-tip\"\u003e\n\u003cspan class=\"mg-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eFormule \u003cstrong\u003esans gluten, sans lactose, sans OGM\u003c\/strong\u003e. Convient aux végétariens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"mg-timeline\"\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e, de préférence au cours des repas, avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eRépartition optimale\u003c\/h3\u003e\n\u003cp\u003eVous pouvez répartir la prise : \u003cstrong\u003e2 gélules le matin\u003c\/strong\u003e et \u003cstrong\u003e1 gélule le soir\u003c\/strong\u003e pour une assimilation régulière, idéal si vous recherchez un soutien pour le sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003ePour des résultats optimaux, suivez une cure d'au moins \u003cstrong\u003e8 semaines\u003c\/strong\u003e consécutives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eFabrication française et qualité garantie\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eLes compléments Qualidiet sont fabriqués en France selon des normes de qualité strictes et rigoureuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔒 Procédé breveté\u003c\/h3\u003e\n\u003cp\u003eLe bisglycinate de magnésium est obtenu par un procédé de chélation breveté, garantissant pureté et stabilité optimales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e📋 Contrôle qualité\u003c\/h3\u003e\n\u003cp\u003eChaque lot est rigoureusement contrôlé pour vous offrir un produit fiable et traçable en toute confiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003eEn phase de récupération après l'effort physique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💼 Actifs stressés\u003c\/h3\u003e\n\u003cp\u003ePersonnes soumises à un rythme de vie soutenu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e👩 Femmes\u003c\/h3\u003e\n\u003cp\u003eEn période prémenstruelle pour retrouver confort et sérénité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🤝 Estomacs sensibles\u003c\/h3\u003e\n\u003cp\u003eIdéal si les autres formes de magnésium vous ont causé des inconforts digestifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"mg-accordion-item\"\u003e\n\u003csummary class=\"mg-accordion-header\"\u003e⚠️ Précaution importante\u003c\/summary\u003e\n\u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne remplace ni une alimentation variée et équilibrée, ni un mode de vie sain, ni un traitement médical. En cas de doute, consultez votre professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mg-cta-box\"\u003e\n\u003cp\u003e🧬 Offrez à votre organisme le magnésium qu'il mérite : hautement assimilable, doux pour l'estomac, renforcé par la vitamine B6. 180 gélules pour 2 mois de bien-être au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mg-disclaimer\"\u003eComplément alimentaire · Ne se substitue pas à une alimentation variée et équilibrée · Tenir hors de portée des enfants · Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --mg-cream: #f4f6fb;\n --mg-white: #ffffff;\n --mg-primary: #1a3a7a;\n --mg-primary-dark: #0e2554;\n --mg-primary-light: #e8edf7;\n --mg-secondary: #3b7dd8;\n --mg-accent: #5a9cf5;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a5a5a;\n --mg-border: #dde3ee;\n --mg-shadow: 0 4px 24px rgba(26, 58, 122, .08);\n --mg-shadow-lg: 0 12px 48px rgba(26, 58, 122, .15);\n --mg-radius: 20px;\n --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mg-primary-dark) 0%, var(--mg-primary) 45%, var(--mg-secondary) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(90,156,245,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.mg-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.12);\n}\n\n.mg-description {\n color: rgba(255,255,255,.75);\n font-size: clamp(13px, 2.2vw, 16px);\n margin: 0;\n font-weight: 400;\n}\n\n\/* === BADGES === *\/\n.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mg-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.mg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mg-primary), var(--mg-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.mg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mg-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.mg-section-intro strong {\n color: var(--mg-primary-dark);\n}\n\n\/* === CARDS === *\/\n.mg-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mg-shadow-lg);\n border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mg-primary), var(--mg-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mg-timeline-content {\n flex: 1;\n background: var(--mg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mg-radius-sm);\n box-shadow: var(--mg-shadow);\n}\n\n.mg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mg-timeline-content p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mg-timeline-content p strong {\n color: var(--mg-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.mg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mg-primary-light);\n border-radius: var(--mg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mg-tip p {\n font-size: 14px;\n color: var(--mg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mg-tip p strong {\n color: var(--mg-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.mg-accordion {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n box-shadow: var(--mg-shadow);\n overflow: hidden;\n}\n\n.mg-accordion-item {\n border-bottom: 1px solid var(--mg-border);\n margin: 0;\n padding: 0;\n}\n\n.mg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mg-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mg-accordion-header:hover {\n background: var(--mg-primary-light);\n}\n\n.mg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mg-primary);\n transition: transform .2s ease;\n}\n\n.mg-accordion-item[open] .mg-accordion-header::after {\n content: '−';\n}\n\n.mg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.mg-cta-box {\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mg-cta-box 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.mg-disclaimer {\n font-size: 12px;\n color: var(--mg-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 .mg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mg-card {\n padding: 1.125rem;\n }\n\n .mg-section {\n margin-bottom: 1.75rem;\n }\n\n .mg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mg-radius-sm);\n }\n\n .mg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mg-grid-compact {\n gap: .625rem;\n }\n\n .mg-grid-compact .mg-card {\n padding: .75rem;\n }\n\n .mg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mg-timeline-content h3 {\n font-size: 14px;\n }\n\n .mg-timeline-content p {\n font-size: 13px;\n }\n\n .mg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mg-badges-top {\n gap: 6px;\n }\n\n .mg-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mg-card {\n animation: mgFadeInUp .5s ease backwards;\n }\n .mg-card:nth-child(1) { animation-delay: .05s; }\n .mg-card:nth-child(2) { animation-delay: .1s; }\n .mg-card:nth-child(3) { animation-delay: .15s; }\n .mg-card:nth-child(4) { animation-delay: .2s; }\n .mg-card:nth-child(5) { animation-delay: .25s; }\n .mg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mgFadeInUp {\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 .mg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":53506751660409,"sku":"MAGNESIUM180","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bisglycinate-de-magnesium-vitamines-b6-180-gelules-vitalosmo-packshothd.webp?v=1773492134"},{"product_id":"xl-power-aphrodisiaque-10-gelules-labophyto","title":"XL Power : Aphrodisiaque 4 en 1 - 10 Gélules - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: XL Power - Aphrodisiaque 4 en 1\nPalette détectée:\n - Primaire: #2B68A8 (bleu professionnel\/médical du packaging)\n - Secondaire: #5DB8E5 (bleu clair des gélules)\n - Accent: #1A4A7A (bleu foncé pour contraste)\nAmbiance: Technique\/médical, professionnel, masculin, orienté performance\nStyle: Premium scientifique avec légitimité française (drapeau)\nPréfixe CSS: xlp\n--\u003e\n\u003cdiv class=\"xlp-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"xlp-hero\"\u003e\n\u003cdiv class=\"xlp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"xlp-hero-content\"\u003e\n\u003cdiv class=\"xlp-badges-top\"\u003e\n\u003cspan class=\"xlp-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"xlp-badge\"\u003e💊 10 gélules\u003c\/span\u003e \u003cspan class=\"xlp-badge\"\u003e⚡ Action rapide\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"xlp-hero-title\"\u003eXL Power\u003c\/span\u003e\n\u003cp class=\"xlp-subtitle\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eL'aphrodisiaque 4 en 1 nouvelle génération\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"xlp-description\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eLe complément alimentaire masculin qui combine efficacité scientifique et ingrédients naturels pour booster votre libido, vos performances et votre vitalité. Résultats rapides garantis.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- LES 4 ACTIONS CLÉS --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e🎯 Les 4 actions synergiques\u003c\/h2\u003e\n\u003cdiv class=\"xlp-grid\"\u003e\n\u003cdiv class=\"xlp-card xlp-action-card\"\u003e\n\u003cdiv class=\"xlp-icon\"\u003e🚀\u003c\/div\u003e\n\u003ch3\u003eÉrection favorisée\u003c\/h3\u003e\n\u003cp class=\"xlp-highlight\"\u003eGrâce au Tribulus\u003c\/p\u003e\n\u003cp\u003eAméliore la libido et la fonction érectile en stimulant la production naturelle de testostérone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-action-card\"\u003e\n\u003cdiv class=\"xlp-icon\"\u003e💪\u003c\/div\u003e\n\u003ch3\u003eTestostérone augmentée\u003c\/h3\u003e\n\u003cp class=\"xlp-highlight\"\u003eAction hormonale naturelle\u003c\/p\u003e\n\u003cp\u003eLe Tribulus aide à augmenter le niveau de testostérone endogène pour une virilité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-action-card\"\u003e\n\u003cdiv class=\"xlp-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eQualité du sperme améliorée\u003c\/h3\u003e\n\u003cp class=\"xlp-highlight\"\u003eFertilité optimisée\u003c\/p\u003e\n\u003cp\u003eLe zinc et les actifs naturels contribuent à une meilleure qualité spermatique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-action-card\"\u003e\n\u003cdiv class=\"xlp-icon\"\u003e❤️\u003c\/div\u003e\n\u003ch3\u003eCirculation sanguine améliorée\u003c\/h3\u003e\n\u003cp class=\"xlp-highlight\"\u003ePiper nigrum + Melilotus\u003c\/p\u003e\n\u003cp\u003eFavorise la circulation sanguine à travers les petits vaisseaux pour une meilleure performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION PREMIUM --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e🧬 Formule scientifique exclusive\u003c\/h2\u003e\n\u003cdiv class=\"xlp-grid xlp-grid-composition\"\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eTribulus terrestris\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eDosage optimal\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003ePlante légendaire qui booste la production de testostérone et améliore la libido masculine naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e🔥\u003c\/div\u003e\n\u003ch3\u003eMaca\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eExtrait concentré\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eRacine péruvienne reconnue pour stimuler le désir sexuel et améliorer l'endurance physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eGinseng\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eHaute concentration\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eTonifiant naturel qui augmente l'énergie physique et mentale pour des performances optimales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e💎\u003c\/div\u003e\n\u003ch3\u003eL-Arginine\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eAcide aminé essentiel\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003ePrécurseur de l'oxyde nitrique, améliore la circulation sanguine vers les organes génitaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eZinc\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e100% des apports\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eMinéral indispensable pour une fonction reproductive normale et la fertilité masculine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e🌶️\u003c\/div\u003e\n\u003ch3\u003eCaféine + Arginine + Cuivre\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eSynergie énergisante\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eCombinaison pour une stimulation complète et une vitalité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi optimisé\u003c\/h2\u003e\n\u003cdiv class=\"xlp-usage-timeline\"\u003e\n\u003cdiv class=\"xlp-step\"\u003e\n\u003cdiv class=\"xlp-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"xlp-step-content\"\u003e\n\u003ch3\u003eTiming parfait\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e1 gélule 30 minutes avant\u003c\/strong\u003e le rapport sexuel avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-step\"\u003e\n\u003cdiv class=\"xlp-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"xlp-step-content\"\u003e\n\u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eMaximum 1 gélule par jour.\u003c\/strong\u003e Ne pas dépasser la dose journalière indiquée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-step\"\u003e\n\u003cdiv class=\"xlp-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"xlp-step-content\"\u003e\n\u003ch3\u003eEfficacité maximale\u003c\/h3\u003e\n\u003cp\u003eAssociez à une \u003cstrong\u003ealimentation équilibrée\u003c\/strong\u003e et un mode de vie sain pour des résultats optimaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BÉNÉFICES --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e✨ Vos bénéfices au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"xlp-grid xlp-grid-benefits\"\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e🔥\u003c\/div\u003e\n\u003ch3\u003eDésir décuplé\u003c\/h3\u003e\n\u003cp\u003eStimulation naturelle de la libido grâce à des ingrédients aphrodisiaques reconnus depuis des siècles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e⏱️\u003c\/div\u003e\n\u003ch3\u003ePerformance prolongée\u003c\/h3\u003e\n\u003cp\u003eAméliorez votre endurance et la durée de vos rapports pour une satisfaction mutuelle maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e💪\u003c\/div\u003e\n\u003ch3\u003eVitalité retrouvée\u003c\/h3\u003e\n\u003cp\u003ePropriétés énergisantes qui boostent votre forme générale et votre confiance en vous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003e100% naturel\u003c\/h3\u003e\n\u003cp\u003eFormule à base d'extraits de plantes, sans additifs chimiques nocifs pour votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eAction rapide\u003c\/h3\u003e\n\u003cp\u003eRésultats perceptibles dès 30 minutes après la prise pour une spontanéité préservée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eQualité française\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France selon les normes CE les plus strictes, gage de sécurité et d'efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e👤 XL Power est fait pour vous si...\u003c\/h2\u003e\n\u003cdiv class=\"xlp-grid\"\u003e\n\u003cdiv class=\"xlp-card xlp-target-card\"\u003e\n\u003cdiv class=\"xlp-target-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eVous cherchez à booster votre libido\u003c\/h3\u003e\n\u003cp\u003eRedécouvrez un désir sexuel puissant grâce à une formule naturelle qui stimule votre appétit sensuel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-target-card\"\u003e\n\u003cdiv class=\"xlp-target-icon\"\u003e💼\u003c\/div\u003e\n\u003ch3\u003eLe stress impacte vos performances\u003c\/h3\u003e\n\u003cp\u003eRetrouvez confiance et sérénité lors de vos rapports intimes malgré un quotidien chargé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-target-card\"\u003e\n\u003cdiv class=\"xlp-target-icon\"\u003e⏰\u003c\/div\u003e\n\u003ch3\u003eVous souhaitez améliorer votre endurance\u003c\/h3\u003e\n\u003cp\u003eProlongez vos ébats et satisfaisez pleinement votre partenaire avec une meilleure résistance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-target-card\"\u003e\n\u003cdiv class=\"xlp-target-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eVous privilégiez le naturel\u003c\/h3\u003e\n\u003cp\u003eOptez pour une solution à base de plantes, sans produits chimiques agressifs pour votre corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003cdiv class=\"xlp-warning-box\"\u003e\n\u003cdiv class=\"xlp-warning-icon\"\u003e⚠️\u003c\/div\u003e\n\u003cdiv class=\"xlp-warning-content\"\u003e\n\u003ch3\u003ePrécautions d'usage importantes\u003c\/h3\u003e\n\u003cul class=\"xlp-warning-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéservé aux adultes.\u003c\/strong\u003e Ne pas donner aux enfants.\u003c\/li\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée de 1 gélule.\u003c\/li\u003e\n\u003cli\u003eCe complément alimentaire ne remplace 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\u003eEn cas de doute ou de traitement médical, consulter un professionnel de santé.\u003c\/li\u003e\n\u003cli\u003eConserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LABOPHYTO EXPERTISE --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003cdiv class=\"xlp-brand-box\"\u003e\n\u003ch2\u003e🏆 L'expertise Labophyto\u003c\/h2\u003e\n\u003cdiv class=\"xlp-brand-content\"\u003e\n\u003cp class=\"xlp-brand-intro\"\u003eLabophyto est un \u003cstrong\u003eleader français\u003c\/strong\u003e dans le domaine des compléments alimentaires naturels dédiés au bien-être intime et à la vitalité masculine.\u003c\/p\u003e\n\u003cdiv class=\"xlp-expertise-grid\"\u003e\n\u003cdiv class=\"xlp-expertise-item\"\u003e\n\u003cdiv class=\"xlp-expertise-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch4\u003eRecherche scientifique\u003c\/h4\u003e\n\u003cp\u003eFormules développées en collaboration avec des experts pour une efficacité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-expertise-item\"\u003e\n\u003cdiv class=\"xlp-expertise-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eIngrédients premium\u003c\/h4\u003e\n\u003cp\u003eSélection rigoureuse de plantes et actifs naturels pour leur qualité et leur pureté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-expertise-item\"\u003e\n\u003cdiv class=\"xlp-expertise-icon\"\u003e✅\u003c\/div\u003e\n\u003ch4\u003eNormes CE strictes\u003c\/h4\u003e\n\u003cp\u003eFabrication française respectant les standards de qualité et de sécurité les plus élevés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-expertise-item\"\u003e\n\u003cdiv class=\"xlp-expertise-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eEngagement qualité\u003c\/h4\u003e\n\u003cp\u003eDes produits sûrs, testés et efficaces pour votre bien-être et votre santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"xlp-grid xlp-grid-info\"\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e💊\u003c\/div\u003e\n\u003ch3\u003eContenance\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e10 gélules\u003c\/strong\u003e\u003cbr\u003eFormat économique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eOrigine\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e\u003cbr\u003eNormes CE\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eComposition\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e100% naturelle\u003c\/strong\u003e\u003cbr\u003eExtraits de plantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e⏱️\u003c\/div\u003e\n\u003ch3\u003eAction\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e30 minutes\u003c\/strong\u003e\u003cbr\u003eAvant le rapport\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eUsage\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e1 gélule\/jour max\u003c\/strong\u003e\u003cbr\u003eSelon besoin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e🏅\u003c\/div\u003e\n\u003ch3\u003eMarque\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLabophyto\u003c\/strong\u003e\u003cbr\u003eExpert depuis 2008\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"xlp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"xlp-cta-box\"\u003e\n\u003cdiv class=\"xlp-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"xlp-cta-content\"\u003e\n\u003cp class=\"xlp-cta-title\"\u003eRetrouvez confiance et performance\u003c\/p\u003e\n\u003cp\u003eXL Power combine l'efficacité scientifique des actifs naturels pour vous offrir des résultats rapides et durables. Fabriqué en France avec des ingrédients premium, ce complément alimentaire 4 en 1 est votre allié pour une vie intime épanouie.\u003c\/p\u003e\n\u003cp class=\"xlp-cta-highlight\"\u003e🇫🇷 Qualité française • ⚡ Action rapide • 🌿 100% naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n \/* Couleurs principales *\/\n --xlp-cream: #f8f9fb;\n --xlp-white: #ffffff;\n --xlp-primary: #2B68A8;\n --xlp-primary-dark: #1A4A7A;\n --xlp-primary-light: #E8F1F9;\n --xlp-secondary: #5DB8E5;\n --xlp-accent: #3D8BC7;\n\n \/* Textes *\/\n --xlp-text: #1a1a1a;\n --xlp-text-light: #5a5a5a;\n\n \/* Effets *\/\n --xlp-border: #e0e6ed;\n --xlp-shadow: 0 4px 24px rgba(43, 104, 168, 0.08);\n --xlp-shadow-lg: 0 12px 48px rgba(43, 104, 168, 0.15);\n --xlp-radius: 20px;\n --xlp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.xlp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--xlp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--xlp-text);\n}\n\n\/* === HERO SECTION === *\/\n.xlp-hero {\n position: relative;\n background: linear-gradient(135deg, #2B68A8 0%, #3D8BC7 50%, #5DB8E5 100%);\n border-radius: var(--xlp-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(--xlp-shadow-lg);\n}\n\n.xlp-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.05;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px);\n}\n\n.xlp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.xlp-badges-top {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 2rem;\n}\n\n.xlp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--xlp-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.xlp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.xlp-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: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.xlp-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.xlp-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n font-weight: 500;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.xlp-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.xlp-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--xlp-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.xlp-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(--xlp-primary), var(--xlp-secondary));\n border-radius: 2px;\n}\n\n.xlp-premium h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--xlp-primary-dark);\n margin: 0 0 0.75rem 0;\n letter-spacing: -0.02em;\n}\n\n.xlp-premium h4 {\n font-size: clamp(15px, 2vw, 17px);\n font-weight: 700;\n color: var(--xlp-primary);\n margin: 0 0 0.5rem 0;\n}\n\n.xlp-premium p {\n margin: 0 0 1rem 0;\n color: var(--xlp-text-light);\n font-size: clamp(14px, 1.8vw, 16px);\n}\n\n\/* === GRILLES === *\/\n.xlp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.xlp-grid-composition {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.xlp-grid-benefits {\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n}\n\n.xlp-grid-info {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.xlp-card {\n background: var(--xlp-white);\n border-radius: var(--xlp-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--xlp-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.xlp-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--xlp-shadow-lg);\n border-color: var(--xlp-primary);\n}\n\n\/* Cards Actions *\/\n.xlp-action-card {\n text-align: center;\n}\n\n.xlp-icon {\n font-size: clamp(40px, 6vw, 52px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.xlp-highlight {\n color: var(--xlp-primary);\n font-weight: 700;\n font-size: clamp(13px, 1.8vw, 15px);\n margin-bottom: 0.75rem;\n display: block;\n}\n\n\/* Cards Ingrédients *\/\n.xlp-ingredient-card {\n position: relative;\n background: linear-gradient(135deg, var(--xlp-white) 0%, var(--xlp-primary-light) 100%);\n}\n\n.xlp-ingredient-icon {\n font-size: clamp(36px, 5vw, 44px);\n margin-bottom: 1rem;\n display: block;\n text-align: center;\n}\n\n.xlp-dosage {\n background: var(--xlp-primary);\n color: white;\n font-size: 12px;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n display: inline-block;\n margin-bottom: 0.75rem;\n}\n\n\/* Cards Bénéfices *\/\n.xlp-benefit-card {\n text-align: center;\n background: linear-gradient(135deg, var(--xlp-white) 0%, var(--xlp-primary-light) 100%);\n}\n\n.xlp-benefit-icon {\n font-size: clamp(44px, 6vw, 56px);\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* Cards Cibles *\/\n.xlp-target-card {\n border-left: 4px solid var(--xlp-primary);\n}\n\n.xlp-target-icon {\n font-size: clamp(36px, 5vw, 44px);\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* Cards Info *\/\n.xlp-info-card {\n text-align: center;\n padding: clamp(1.25rem, 2.5vw, 1.75rem);\n}\n\n.xlp-info-icon {\n font-size: clamp(32px, 5vw, 40px);\n margin-bottom: 0.75rem;\n display: block;\n}\n\n.xlp-info-card h3 {\n font-size: clamp(14px, 2vw, 16px);\n margin-bottom: 0.5rem;\n}\n\n.xlp-info-card p {\n font-size: clamp(13px, 1.8vw, 15px);\n margin: 0;\n}\n\n\/* === TIMELINE MODE D'EMPLOI === *\/\n.xlp-usage-timeline {\n max-width: 800px;\n margin: 0 auto;\n}\n\n.xlp-step {\n display: flex;\n gap: 2rem;\n margin-bottom: 2.5rem;\n align-items: flex-start;\n}\n\n.xlp-step:last-child {\n margin-bottom: 0;\n}\n\n.xlp-step-number {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--xlp-primary), var(--xlp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(43, 104, 168, 0.3);\n}\n\n.xlp-step-content {\n flex: 1;\n background: var(--xlp-white);\n padding: clamp(1.25rem, 2.5vw, 1.75rem);\n border-radius: var(--xlp-radius-sm);\n box-shadow: var(--xlp-shadow);\n border-left: 4px solid var(--xlp-primary);\n}\n\n.xlp-step-content h3 {\n margin-bottom: 0.5rem;\n}\n\n.xlp-step-content p {\n margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.xlp-warning-box {\n background: #FFF9E6;\n border: 3px solid #FFB020;\n border-radius: var(--xlp-radius);\n padding: clamp(2rem, 4vw, 3rem);\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n}\n\n.xlp-warning-icon {\n font-size: clamp(44px, 6vw, 56px);\n flex-shrink: 0;\n}\n\n.xlp-warning-content h3 {\n color: #D97706;\n margin-bottom: 1rem;\n}\n\n.xlp-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.xlp-warning-list li {\n color: var(--xlp-text);\n font-size: clamp(14px, 1.8vw, 16px);\n line-height: 1.7;\n margin-bottom: 0.75rem;\n padding-left: 1.5rem;\n position: relative;\n}\n\n.xlp-warning-list li::before {\n content: '⚡';\n position: absolute;\n left: 0;\n color: #FFB020;\n}\n\n\/* === BRAND BOX === *\/\n.xlp-brand-box {\n background: linear-gradient(135deg, var(--xlp-primary-light) 0%, var(--xlp-white) 100%);\n border-radius: var(--xlp-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n border: 2px solid var(--xlp-border);\n}\n\n.xlp-brand-box h2 {\n margin-bottom: 1.5rem;\n}\n\n.xlp-brand-intro {\n font-size: clamp(16px, 2vw, 19px);\n color: var(--xlp-text);\n font-weight: 600;\n text-align: center;\n margin-bottom: 2.5rem;\n line-height: 1.7;\n}\n\n.xlp-expertise-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 2rem;\n}\n\n.xlp-expertise-item {\n text-align: center;\n}\n\n.xlp-expertise-icon {\n font-size: clamp(40px, 6vw, 52px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.xlp-expertise-item h4 {\n color: var(--xlp-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.xlp-expertise-item p {\n margin: 0;\n font-size: clamp(14px, 1.8vw, 15px);\n}\n\n\/* === CTA FINAL === *\/\n.xlp-cta-box {\n background: linear-gradient(135deg, var(--xlp-primary) 0%, var(--xlp-primary-dark) 100%);\n border-radius: var(--xlp-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--xlp-shadow-lg);\n}\n\n.xlp-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.05;\n background-image: radial-gradient(circle at 25% 25%, white 2%, transparent 2%),\n radial-gradient(circle at 75% 75%, white 2%, transparent 2%);\n background-size: 60px 60px;\n}\n\n.xlp-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.xlp-cta-title {\n color: white;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n margin-bottom: 1.5rem;\n letter-spacing: -0.02em;\n}\n\n.xlp-cta-box p {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n}\n\n.xlp-cta-highlight {\n color: white;\n font-size: clamp(15px, 2vw, 17px);\n font-weight: 700;\n margin: 0;\n padding: 1rem 2rem;\n background: rgba(255, 255, 255, 0.15);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n display: inline-block;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .xlp-grid,\n .xlp-grid-composition,\n .xlp-grid-benefits,\n .xlp-expertise-grid {\n grid-template-columns: 1fr;\n }\n\n .xlp-grid-info {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .xlp-step {\n gap: 1rem;\n }\n\n .xlp-step-number {\n width: 44px;\n height: 44px;\n font-size: 20px;\n }\n\n .xlp-warning-box {\n flex-direction: column;\n gap: 1rem;\n }\n\n .xlp-badges-top {\n gap: 8px;\n }\n\n .xlp-badge {\n font-size: 11px;\n padding: 6px 12px;\n }\n}\n\n@media (max-width: 480px) {\n .xlp-grid-info {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .xlp-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n\n .xlp-card:nth-child(1) { animation-delay: 0.1s; }\n .xlp-card:nth-child(2) { animation-delay: 0.2s; }\n .xlp-card:nth-child(3) { animation-delay: 0.3s; }\n .xlp-card:nth-child(4) { animation-delay: 0.4s; }\n .xlp-card:nth-child(5) { animation-delay: 0.5s; }\n .xlp-card:nth-child(6) { animation-delay: 0.6s; }\n\n .xlp-step {\n animation: fadeInLeft 0.6s ease backwards;\n }\n\n .xlp-step:nth-child(1) { animation-delay: 0.1s; }\n .xlp-step:nth-child(2) { animation-delay: 0.3s; }\n .xlp-step:nth-child(3) { animation-delay: 0.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 fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(-30px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .xlp-premium * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .xlp-card {\n border: 3px solid var(--xlp-primary);\n }\n\n .xlp-hero {\n border: 3px solid var(--xlp-primary-dark);\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .xlp-premium {\n background: white;\n }\n\n .xlp-card {\n box-shadow: none;\n border: 1px solid #000;\n page-break-inside: avoid;\n }\n\n .xlp-hero {\n background: white;\n border: 2px solid #000;\n }\n\n .xlp-hero-title,\n .xlp-subtitle,\n .xlp-description {\n color: #000;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755024179357,"sku":"REF1048","price":32.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/labophyto-xl-power-10-gelules_1_-min.jpg?v=1772627172"},{"product_id":"top-desire-60-gelules-labophyto","title":"Top Desire - Stimulant Libido Femme 100% Naturel - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Top Desire - Stimulant Libido Femme\nPalette détectée:\n - Primaire: #E91E8C (rose vif vibrant du packaging, féminin et énergique)\n - Secondaire: #C41673 (rose fuchsia foncé pour contraste)\n - Accent: #FF5BAE (rose clair pour backgrounds et highlights)\n - Neutre: #2D2D2D (gris anthracite du logo)\nAmbiance: Féminin moderne, sensuel, énergique, premium lifestyle\nStyle: Intimité féminine, wellness, empowerment, romance moderne\nPréfixe CSS: td\n--\u003e\n\n\u003cdiv class=\"td-premium\"\u003e\n \u003cdiv class=\"td-hero\"\u003e\n \u003cdiv class=\"td-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"td-hero-content\"\u003e\n \u003cdiv class=\"td-badges-top\"\u003e\n \u003cspan class=\"td-badge\"\u003e💖 100% naturel\u003c\/span\u003e\n \u003cspan class=\"td-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"td-badge\"\u003e✨ 60 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"td-hero-title\"\u003eTop Desire\u003c\/span\u003e\n \u003cp class=\"td-subtitle\"\u003eLe stimulant libido féminin nouvelle génération\u003c\/p\u003e\n \u003cp class=\"td-description\"\u003eRavivez votre désir et votre épanouissement intime grâce à une formule 100% naturelle enrichie en plantes adaptogènes et vitamines essentielles. Conçu par Labophyto, expert français en bien-être sexuel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003ePourquoi choisir Top Desire ?\u003c\/h2\u003e\n \u003cdiv class=\"td-grid\"\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e🌸\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eFormule 100% naturelle\u003c\/div\u003e\n \u003cp\u003eUne synergie d'ingrédients puissants et naturels soigneusement sélectionnés pour stimuler votre libido sans effets secondaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e💫\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eStimule le désir sexuel\u003c\/div\u003e\n \u003cp\u003eAgit sur les mécanismes naturels du désir féminin pour raviver votre envie et votre sensualité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eBooste l'énergie\u003c\/div\u003e\n \u003cp\u003eCombat la fatigue et le stress qui affectent votre libido grâce aux plantes adaptogènes comme la maca et le ginseng.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eÉquilibre hormonal\u003c\/div\u003e\n \u003cp\u003eSoutient votre équilibre hormonal naturel avec du zinc et de la vitamine B6 pour un bien-être global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e💕\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eAméliore le plaisir\u003c\/div\u003e\n \u003cp\u003eFavorise la circulation sanguine et la réceptivité sexuelle pour des moments intimes plus intenses et satisfaisants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e🏆\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eQualité premium\u003c\/div\u003e\n \u003cp\u003eFabriqué en France par Labophyto selon les normes européennes les plus strictes pour votre sécurité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003eComposition active et dosages\u003c\/h2\u003e\n \u003cdiv class=\"td-grid\"\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eTribulus Terrestris\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e200 mg\u003c\/div\u003e\n \u003cp\u003eStimule puissamment le désir sexuel et favorise l'équilibre hormonal naturel chez la femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e💪\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eL-Arginine\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e250 mg\u003c\/div\u003e\n \u003cp\u003eAméliore la circulation sanguine vers les zones intimes, augmentant la sensibilité et la réceptivité sexuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e🥔\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eMaca\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e150 mg\u003c\/div\u003e\n \u003cp\u003ePlante adaptogène péruvienne reconnue pour réduire le stress, booster l'énergie et raviver le désir sexuel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eGinseng\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e100 mg\u003c\/div\u003e\n \u003cp\u003eAccroît l'énergie physique et mentale, améliore les performances et réduit la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eVitamine B6\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e1,4 mg\u003c\/div\u003e\n \u003cp\u003eAide à la régulation hormonale et contribue à réduire la fatigue pour un équilibre optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eZinc\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e10 mg\u003c\/div\u003e\n \u003cp\u003eSoutient la fertilité, maintient un taux de testostérone sain et renforce le système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003eMode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"td-steps\"\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cdiv class=\"td-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003cdiv class=\"td-step-title\"\u003ePosologie quotidienne\u003c\/div\u003e\n \u003cp\u003ePrenez 2 gélules par jour avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cdiv class=\"td-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003cdiv class=\"td-step-title\"\u003eMoment idéal\u003c\/div\u003e\n \u003cp\u003eDe préférence le matin ou avant un repas pour une absorption optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cdiv class=\"td-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003cdiv class=\"td-step-title\"\u003eDurée de cure\u003c\/div\u003e\n \u003cp\u003eMinimum 1 mois pour des résultats durables et significatifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cdiv class=\"td-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003cdiv class=\"td-step-title\"\u003eRégularité\u003c\/div\u003e\n \u003cp\u003eRespectez la prise quotidienne pour maximiser les effets bénéfiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003ePour qui est Top Desire ?\u003c\/h2\u003e\n \u003cdiv class=\"td-grid\"\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e😴\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eFatigue et stress\u003c\/div\u003e\n \u003cp\u003eVous êtes épuisée par le rythme quotidien et votre libido en souffre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e🔄\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eFluctuations hormonales\u003c\/div\u003e\n \u003cp\u003eVos hormones jouent au yo-yo et affectent votre désir sexuel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e💔\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eBaisse de libido\u003c\/div\u003e\n \u003cp\u003eVous ressentez une diminution de votre envie et de votre sensualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e💑\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eVie de couple\u003c\/div\u003e\n \u003cp\u003eVous souhaitez raviver la flamme et renforcer vos relations intimes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eSolution naturelle\u003c\/div\u003e\n \u003cp\u003eVous cherchez une approche saine sans recourir aux médicaments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eÉpanouissement\u003c\/div\u003e\n \u003cp\u003eVous voulez retrouver votre confiance et votre bien-être intime\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003eLes bénéfices attendus\u003c\/h2\u003e\n \u003cdiv class=\"td-benefits\"\u003e\n \u003cdiv class=\"td-benefit-card\"\u003e\n \u003cdiv class=\"td-benefit-timeline\"\u003eSemaine 1-2\u003c\/div\u003e\n \u003cdiv class=\"td-benefit-content\"\u003e\n \u003cdiv class=\"td-benefit-title\"\u003e🌱 Phase d'adaptation\u003c\/div\u003e\n \u003cp\u003eVotre corps s'habitue aux actifs naturels. Vous commencez à ressentir plus d'énergie et moins de fatigue au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-benefit-card\"\u003e\n \u003cdiv class=\"td-benefit-timeline\"\u003eSemaine 3-4\u003c\/div\u003e\n \u003cdiv class=\"td-benefit-content\"\u003e\n \u003cdiv class=\"td-benefit-title\"\u003e💫 Premiers effets\u003c\/div\u003e\n \u003cp\u003eLe désir sexuel commence à se réveiller. Vous ressentez une amélioration de votre humeur et de votre réceptivité sensuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-benefit-card\"\u003e\n \u003cdiv class=\"td-benefit-timeline\"\u003eMois 2-3\u003c\/div\u003e\n \u003cdiv class=\"td-benefit-content\"\u003e\n \u003cdiv class=\"td-benefit-title\"\u003e🔥 Résultats optimaux\u003c\/div\u003e\n \u003cp\u003eVotre libido est pleinement stimulée. Vous retrouvez votre sensualité, votre confiance et profitez pleinement de votre intimité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003eLabophyto : expertise française\u003c\/h2\u003e\n \u003cdiv class=\"td-brand-box\"\u003e\n \u003cdiv class=\"td-brand-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eLabophyto\u003c\/strong\u003e est une marque française spécialisée dans les compléments alimentaires naturels pour le bien-être intime et sexuel. Depuis sa création, la marque s'engage à proposer des solutions efficaces, sûres et respectueuses de votre corps.\u003c\/p\u003e\n \u003cdiv class=\"td-brand-values\"\u003e\n \u003cdiv class=\"td-brand-value\"\u003e\n \u003cdiv class=\"td-brand-value-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"td-brand-value-text\"\u003e\n \u003cstrong\u003eFabrication française\u003c\/strong\u003e\n \u003cspan\u003eProduit en France selon les normes européennes les plus strictes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-brand-value\"\u003e\n \u003cdiv class=\"td-brand-value-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"td-brand-value-text\"\u003e\n \u003cstrong\u003eContrôles rigoureux\u003c\/strong\u003e\n \u003cspan\u003eChaque lot est testé pour garantir pureté et efficacité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-brand-value\"\u003e\n \u003cdiv class=\"td-brand-value-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"td-brand-value-text\"\u003e\n \u003cstrong\u003eIngrédients premium\u003c\/strong\u003e\n \u003cspan\u003eSources responsables et respectueuses de l'environnement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-brand-value\"\u003e\n \u003cdiv class=\"td-brand-value-icon\"\u003e✅\u003c\/div\u003e\n \u003cdiv class=\"td-brand-value-text\"\u003e\n \u003cstrong\u003eQualité garantie\u003c\/strong\u003e\n \u003cspan\u003eFormules développées avec des experts en phytothérapie\u003c\/span\u003e\n \u003c\/div\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=\"td-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"td-grid\"\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003eContenance\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003e60 gélules\u003c\/div\u003e\n \u003cp\u003e1 mois de cure complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e⚖️\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003ePoids net\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003e32,8 g\u003c\/div\u003e\n \u003cp\u003eFormat compact et pratique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003eComposition\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003e100% naturelle\u003c\/div\u003e\n \u003cp\u003ePlantes et vitamines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003eOrigine\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003eFrance\u003c\/div\u003e\n \u003cp\u003eLabophyto, expert en pleasure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e📋\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003eRéférence\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003eREF1049\u003c\/div\u003e\n \u003cp\u003eProduit certifié\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e♀️\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003eDestiné à\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003eFemmes adultes\u003c\/div\u003e\n \u003cp\u003eSpécialement formulé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"td-warning-box\"\u003e\n \u003cdiv class=\"td-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"td-warning-content\"\u003e\n \u003cul class=\"td-warning-list\"\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée de 2 gélules par jour\u003c\/li\u003e\n \u003cli\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée ni un mode de vie sain\u003c\/li\u003e\n \u003cli\u003eDéconseillé aux femmes enceintes, allaitantes et aux personnes sous traitement médical sans avis médical\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n \u003cli\u003eConserver dans un endroit sec, frais et à l'abri de la lumière\u003c\/li\u003e\n \u003cli\u003eEn cas de doute, consultez 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 \u003csection class=\"td-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"td-cta-box\"\u003e\n \u003cdiv class=\"td-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"td-cta-content\"\u003e\n \u003cspan class=\"td-cta-title\"\u003eRedécouvrez votre désir\u003c\/span\u003e\n \u003cp\u003eOptez pour Top Desire et retrouvez une libido épanouie, naturellement. Avec sa formule premium 100% naturelle et sa fabrication française, Top Desire est votre allié pour raviver la flamme et renforcer votre bien-être intime.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eFaites le choix d'une sexualité épanouie et d'un bien-être durable !\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --td-cream: #fafafa;\n --td-white: #ffffff;\n --td-primary: #E91E8C;\n --td-primary-dark: #C41673;\n --td-primary-light: #FFE5F3;\n --td-secondary: #FF5BAE;\n --td-accent: #2D2D2D;\n --td-text: #1a1a1a;\n --td-text-light: #5a5a5a;\n --td-border: #e0e0e0;\n --td-shadow: 0 4px 24px rgba(233, 30, 140, 0.08);\n --td-shadow-lg: 0 12px 48px rgba(233, 30, 140, 0.15);\n --td-radius: 20px;\n --td-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.td-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--td-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--td-text);\n}\n\n\/* === HERO === *\/\n.td-hero {\n position: relative;\n background: linear-gradient(135deg, #E91E8C 0%, #C41673 50%, #FF5BAE 100%);\n border-radius: var(--td-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(--td-shadow-lg);\n}\n\n.td-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.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 repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px);\n}\n\n.td-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.td-badges-top {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 2rem;\n}\n\n.td-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: var(--td-primary-dark);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.td-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);\n}\n\n.td-hero-title {\n display: block;\n color: white;\n font-size: clamp(38px, 8vw, 60px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n text-transform: uppercase;\n}\n\n.td-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.td-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.td-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.td-premium h2 {\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 900;\n color: var(--td-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.td-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 5px;\n background: linear-gradient(90deg, var(--td-primary), var(--td-secondary));\n border-radius: 3px;\n}\n\n\/* === GRILLES === *\/\n.td-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.td-card {\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.td-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n border-color: var(--td-primary);\n}\n\n.td-card-icon {\n font-size: clamp(40px, 6vw, 56px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(233, 30, 140, 0.2));\n}\n\n.td-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--td-primary-dark);\n margin-bottom: 0.75rem;\n letter-spacing: -0.02em;\n}\n\n.td-card p {\n color: var(--td-text-light);\n font-size: clamp(14px, 1.8vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.td-ingredient-card {\n background: linear-gradient(135deg, var(--td-white) 0%, var(--td-primary-light) 100%);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.td-ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--td-primary), var(--td-secondary));\n}\n\n.td-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n border-color: var(--td-primary);\n}\n\n.td-ingredient-icon {\n font-size: clamp(36px, 5vw, 48px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(233, 30, 140, 0.2));\n}\n\n.td-ingredient-name {\n font-size: clamp(17px, 2.3vw, 20px);\n font-weight: 800;\n color: var(--td-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.td-ingredient-dose {\n display: inline-block;\n padding: 6px 16px;\n background: var(--td-primary);\n color: white;\n border-radius: 999px;\n font-size: clamp(13px, 1.6vw, 15px);\n font-weight: 700;\n margin-bottom: 1rem;\n}\n\n.td-ingredient-card p {\n color: var(--td-text-light);\n font-size: clamp(13px, 1.7vw, 15px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === STEPS === *\/\n.td-steps {\n display: grid;\n gap: 1.5rem;\n}\n\n.td-step {\n display: flex;\n gap: 1.5rem;\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n transition: all 0.3s ease;\n border-left: 4px solid var(--td-primary);\n}\n\n.td-step:hover {\n transform: translateX(8px);\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-step-number {\n flex-shrink: 0;\n width: 56px!important;\n height: 56px!important;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, var(--td-primary), var(--td-secondary));\n color: white;\n border-radius: 50%;\n font-size: 24px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(233, 30, 140, 0.3);\n}\n\n.td-step-content {\n flex: 1;\n}\n\n.td-step-title {\n font-size: clamp(17px, 2.3vw, 20px);\n font-weight: 800;\n color: var(--td-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.td-step-content p {\n color: var(--td-text-light);\n font-size: clamp(14px, 1.8vw, 16px);\n margin: 0;\n}\n\n\/* === PROFILE CARDS === *\/\n.td-profile-card {\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.td-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n border-color: var(--td-secondary);\n}\n\n.td-profile-icon {\n font-size: clamp(40px, 6vw, 56px);\n margin-bottom: 1rem;\n}\n\n.td-profile-title {\n font-size: clamp(17px, 2.3vw, 20px);\n font-weight: 800;\n color: var(--td-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.td-profile-card p {\n color: var(--td-text-light);\n font-size: clamp(13px, 1.7vw, 15px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === BENEFITS === *\/\n.td-benefits {\n display: grid;\n gap: 1.5rem;\n}\n\n.td-benefit-card {\n display: flex;\n gap: 1.5rem;\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n transition: all 0.3s ease;\n border-top: 4px solid var(--td-primary);\n}\n\n.td-benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-benefit-timeline {\n flex-shrink: 0;\n padding: 12px 20px;\n background: linear-gradient(135deg, var(--td-primary), var(--td-secondary));\n color: white;\n border-radius: var(--td-radius-sm);\n font-size: clamp(13px, 1.7vw, 15px);\n font-weight: 800;\n text-align: center;\n white-space: nowrap;\n height: fit-content;\n}\n\n.td-benefit-content {\n flex: 1;\n}\n\n.td-benefit-title {\n font-size: clamp(17px, 2.3vw, 20px);\n font-weight: 800;\n color: var(--td-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.td-benefit-content p {\n color: var(--td-text-light);\n font-size: clamp(14px, 1.8vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === BRAND BOX === *\/\n.td-brand-box {\n background: linear-gradient(135deg, var(--td-primary-light) 0%, var(--td-white) 100%);\n border-radius: var(--td-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--td-shadow);\n border: 2px solid var(--td-primary);\n}\n\n.td-brand-content \u003e p {\n color: var(--td-text);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.7;\n margin-bottom: 2rem;\n text-align: center;\n}\n\n.td-brand-values {\n display: grid;\n gap: 1.5rem;\n}\n\n.td-brand-value {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--td-white);\n border-radius: var(--td-radius-sm);\n padding: 1.5rem;\n transition: all 0.3s ease;\n}\n\n.td-brand-value:hover {\n transform: translateX(8px);\n box-shadow: var(--td-shadow);\n}\n\n.td-brand-value-icon {\n flex-shrink: 0;\n font-size: 32px;\n}\n\n.td-brand-value-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n\n.td-brand-value-text strong {\n font-size: clamp(16px, 2.2vw, 18px);\n font-weight: 800;\n color: var(--td-primary-dark);\n}\n\n.td-brand-value-text span {\n color: var(--td-text-light);\n font-size: clamp(13px, 1.7vw, 15px);\n}\n\n\/* === INFO CARDS === *\/\n.td-info-card {\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.td-info-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n border-color: var(--td-primary);\n}\n\n.td-info-icon {\n font-size: clamp(36px, 5vw, 48px);\n margin-bottom: 1rem;\n}\n\n.td-info-title {\n font-size: clamp(14px, 1.9vw, 16px);\n font-weight: 700;\n color: var(--td-text-light);\n margin-bottom: 0.5rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.td-info-value {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 900;\n color: var(--td-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.td-info-card p {\n color: var(--td-text-light);\n font-size: clamp(13px, 1.7vw, 14px);\n margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.td-warning-box {\n display: flex;\n gap: 1.5rem;\n background: linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n border-left: 6px solid #FF9800;\n box-shadow: var(--td-shadow);\n}\n\n.td-warning-icon {\n flex-shrink: 0;\n font-size: 48px;\n}\n\n.td-warning-content {\n flex: 1;\n}\n\n.td-warning-list {\n margin: 0;\n padding-left: 1.5rem;\n color: var(--td-text);\n}\n\n.td-warning-list li {\n font-size: clamp(14px, 1.8vw, 16px);\n line-height: 1.7;\n margin-bottom: 0.75rem;\n}\n\n.td-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.td-cta-box {\n background: linear-gradient(135deg, var(--td-primary) 0%, var(--td-primary-dark) 100%);\n border-radius: var(--td-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.1;\n background-image: \n radial-gradient(circle at 20% 50%, transparent 20%, rgba(255,255,255,0.3) 21%, rgba(255,255,255,0.3) 34%, transparent 35%, transparent),\n radial-gradient(circle at 60% 70%, transparent 20%, rgba(255,255,255,0.3) 21%, rgba(255,255,255,0.3) 34%, transparent 35%, transparent),\n radial-gradient(circle at 80% 30%, transparent 20%, rgba(255,255,255,0.3) 21%, rgba(255,255,255,0.3) 34%, transparent 35%, transparent);\n background-size: 200px 200px;\n}\n\n.td-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.td-cta-title {\n display: block;\n color: white;\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n margin-bottom: 1.5rem;\n letter-spacing: -0.03em;\n text-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n}\n\n.td-cta-box p {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(16px, 2.3vw, 19px);\n line-height: 1.7;\n margin-bottom: 1rem;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.td-cta-box p:last-child {\n margin-bottom: 0;\n font-weight: 700;\n font-size: clamp(17px, 2.5vw, 20px);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .td-grid {\n grid-template-columns: 1fr;\n }\n \n .td-benefit-card,\n .td-step,\n .td-warning-box {\n flex-direction: column;\n }\n \n .td-benefit-timeline,\n .td-step-number {\n width: 100%;\n text-align: center;\n }\n \n .td-brand-value {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .td-card,\n .td-ingredient-card,\n .td-profile-card,\n .td-info-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n \n .td-card:nth-child(1),\n .td-ingredient-card:nth-child(1),\n .td-profile-card:nth-child(1),\n .td-info-card:nth-child(1) {\n animation-delay: 0.1s;\n }\n \n .td-card:nth-child(2),\n .td-ingredient-card:nth-child(2),\n .td-profile-card:nth-child(2),\n .td-info-card:nth-child(2) {\n animation-delay: 0.2s;\n }\n \n .td-card:nth-child(3),\n .td-ingredient-card:nth-child(3),\n .td-profile-card:nth-child(3),\n .td-info-card:nth-child(3) {\n animation-delay: 0.3s;\n }\n \n .td-card:nth-child(4),\n .td-ingredient-card:nth-child(4),\n .td-profile-card:nth-child(4),\n .td-info-card:nth-child(4) {\n animation-delay: 0.4s;\n }\n \n .td-card:nth-child(5),\n .td-ingredient-card:nth-child(5),\n .td-profile-card:nth-child(5),\n .td-info-card:nth-child(5) {\n animation-delay: 0.5s;\n }\n \n .td-card:nth-child(6),\n .td-ingredient-card:nth-child(6),\n .td-profile-card:nth-child(6),\n .td-info-card:nth-child(6) {\n animation-delay: 0.6s;\n }\n \n .td-step {\n animation: fadeInLeft 0.6s ease backwards;\n }\n \n .td-step:nth-child(1) { animation-delay: 0.1s; }\n .td-step:nth-child(2) { animation-delay: 0.2s; }\n .td-step:nth-child(3) { animation-delay: 0.3s; }\n .td-step:nth-child(4) { animation-delay: 0.4s; }\n \n .td-benefit-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n \n .td-benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .td-benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .td-benefit-card:nth-child(3) { animation-delay: 0.3s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(-40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .td-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .td-premium {\n --td-shadow: 0 0 0 2px var(--td-primary);\n --td-shadow-lg: 0 0 0 3px var(--td-primary);\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755024474269,"sku":"REF1049","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/top-desir-60-gelules-lapbophyto_11zon.jpg?v=1772627165"},{"product_id":"testoman-taux-de-testosterone-60-gelules-labophyto","title":"TestoMan - Booster de testostérone - 60 gélules - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: TestoMan - Booster de testostérone\nPalette détectée:\n - Primaire: #5C6F4E (vert olive foncé du packaging - masculin, naturel, puissant)\n - Secondaire: #8A9B7A (vert sauge clair des formes organiques)\n - Accent: #4A5A3E (vert foncé pour contraste)\n - Fond: #F8F6F2 (blanc cassé\/crème du packaging)\nAmbiance: Masculin moderne, naturel et scientifique. Design épuré avec formes organiques végétales. Tons verts évoquant la nature, la vitalité et la performance. Style premium mais accessible, santé masculine.\nPréfixe CSS: tm\n--\u003e\n\n\u003cdiv class=\"tm-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"tm-hero\"\u003e\n \u003cdiv class=\"tm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tm-hero-content\"\u003e\n \u003cdiv class=\"tm-badges-top\"\u003e\n \u003cspan class=\"tm-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"tm-badge\"\u003e♂️ Spécial homme\u003c\/span\u003e\n \u003cspan class=\"tm-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tm-hero-title\"\u003eTestoMan\u003c\/span\u003e\n \u003cp class=\"tm-subtitle\"\u003eLe booster de testostérone naturel pour hommes actifs\u003c\/p\u003e\n \u003cp class=\"tm-description\"\u003eUne formule exclusive à base de tribulus, L-arginine, vitamines et minéraux pour soutenir votre vitalité masculine, votre performance physique et votre bien-être hormonal au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES CLÉS --\u003e\n \u003csection class=\"tm-section\"\u003e\n \u003ch2\u003e🎯 Les 4 piliers de votre vitalité masculine\u003c\/h2\u003e\n \u003cdiv class=\"tm-grid\"\u003e\n \u003cdiv class=\"tm-card\"\u003e\n \u003cdiv class=\"tm-card-icon\"\u003e💪\u003c\/div\u003e\n \u003cdiv class=\"tm-card-title\"\u003eTestostérone optimisée\u003c\/div\u003e\n \u003cp class=\"tm-card-text\"\u003e300 mg de tribulus terrestris par dose pour soutenir naturellement votre taux de testostérone et maintenir votre équilibre hormonal masculin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-card\"\u003e\n \u003cdiv class=\"tm-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"tm-card-title\"\u003eÉnergie \u0026amp; performance\u003c\/div\u003e\n \u003cp class=\"tm-card-text\"\u003e80 mg de caféine et vitamine D3 pour booster votre vitalité physique, renforcer vos muscles et améliorer votre endurance au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-card\"\u003e\n \u003cdiv class=\"tm-card-icon\"\u003e🧬\u003c\/div\u003e\n \u003cdiv class=\"tm-card-title\"\u003eFertilité \u0026amp; reproduction\u003c\/div\u003e\n \u003cp class=\"tm-card-text\"\u003eZinc (10 mg) et sélénium (50 µg) : 100% des VNR pour une fertilité normale, une spermatogenèse optimale et la protection de vos cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-card\"\u003e\n \u003cdiv class=\"tm-card-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"tm-card-title\"\u003eÉquilibre hormonal\u003c\/div\u003e\n \u003cp class=\"tm-card-text\"\u003eMélisse (120 mg) et guggul (100 mg) pour harmoniser votre environnement hormonal et soutenir votre bien-être mental et physique.\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=\"tm-section\"\u003e\n \u003ch2\u003e🔬 Une formule scientifique complète\u003c\/h2\u003e\n \u003cp class=\"tm-intro-text\"\u003eChaque dose de 2 gélules concentre 10 ingrédients actifs rigoureusement sélectionnés pour leur efficacité prouvée sur la santé masculine.\u003c\/p\u003e\n \u003cdiv class=\"tm-composition-grid\"\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e300 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eTribulus terrestris\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eSoutien du taux de testostérone\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e140 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eSaule blanc\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eBien-être général\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e120 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eMélisse\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eÉquilibre nerveux et hormonal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e100 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eGuggul\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eMétabolisme lipidique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e80 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eCaféine\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eÉnergie et vigilance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e10 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eZinc\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eFertilité normale (100% VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e50 µg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eSélénium\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eSpermatogenèse (91% VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e5 µg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eVitamine D3\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eFonction musculaire (100% VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e6 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eVitamine B5\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eMétabolisme énergétique (100% VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e1,4 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eVitamine B6\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eRégulation hormonale (100% VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-vnr-note\"\u003e\n \u003cp\u003e\u003cstrong\u003eVNR :\u003c\/strong\u003e Valeurs Nutritionnelles de Référence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"tm-section\"\u003e\n \u003ch2\u003e👤 TestoMan est fait pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"tm-grid\"\u003e\n \u003cdiv class=\"tm-profile-card\"\u003e\n \u003cdiv class=\"tm-profile-icon\"\u003e🏋️\u003c\/div\u003e\n \u003cdiv class=\"tm-profile-title\"\u003eSportifs \u0026amp; actifs\u003c\/div\u003e\n \u003cp\u003eVous pratiquez une activité physique régulière et souhaitez optimiser votre performance musculaire et votre récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-profile-card\"\u003e\n \u003cdiv class=\"tm-profile-icon\"\u003e⏰\u003c\/div\u003e\n \u003cdiv class=\"tm-profile-title\"\u003eHommes de 30 ans et +\u003c\/div\u003e\n \u003cp\u003eVous ressentez une baisse de vitalité, d'énergie ou de libido liée à l'âge et souhaitez soutenir naturellement votre taux de testostérone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-profile-card\"\u003e\n \u003cdiv class=\"tm-profile-icon\"\u003e🎯\u003c\/div\u003e\n \u003cdiv class=\"tm-profile-title\"\u003eHommes en quête d'équilibre\u003c\/div\u003e\n \u003cp\u003eVous voulez maintenir un bien-être hormonal masculin optimal et préserver votre fertilité naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-profile-card\"\u003e\n \u003cdiv class=\"tm-profile-icon\"\u003e💼\u003c\/div\u003e\n \u003cdiv class=\"tm-profile-title\"\u003eActifs sous pression\u003c\/div\u003e\n \u003cp\u003eVotre rythme de vie intense (stress, fatigue, manque de sommeil) impacte votre vitalité physique et mentale.\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=\"tm-section\"\u003e\n \u003ch2\u003e📋 Comment utiliser TestoMan ?\u003c\/h2\u003e\n \u003cdiv class=\"tm-usage-timeline\"\u003e\n \u003cdiv class=\"tm-usage-step\"\u003e\n \u003cdiv class=\"tm-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tm-step-content\"\u003e\n \u003cdiv class=\"tm-step-title\"\u003ePosologie simple\u003c\/div\u003e\n \u003cp\u003ePrenez 2 gélules par jour avec un grand verre d'eau, de préférence au cours d'un repas (matin ou midi).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-usage-step\"\u003e\n \u003cdiv class=\"tm-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tm-step-content\"\u003e\n \u003cdiv class=\"tm-step-title\"\u003eCure de 30 jours\u003c\/div\u003e\n \u003cp\u003eUne boîte = 1 mois de cure complète. Renouvelable plusieurs fois dans l'année selon vos besoins et objectifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-usage-step\"\u003e\n \u003cdiv class=\"tm-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tm-step-content\"\u003e\n \u003cdiv class=\"tm-step-title\"\u003eAssociez-le à une bonne hygiène de vie\u003c\/div\u003e\n \u003cp\u003ePour des résultats optimaux : alimentation équilibrée, activité physique régulière, sommeil réparateur (7-8h), gestion du stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-usage-step\"\u003e\n \u003cdiv class=\"tm-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tm-step-content\"\u003e\n \u003cdiv class=\"tm-step-title\"\u003ePatience et régularité\u003c\/div\u003e\n \u003cp\u003eLes premiers effets se font sentir après 2-3 semaines. Pour des résultats durables, privilégiez la régularité sur 2-3 mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- RÉSULTATS ATTENDUS --\u003e\n \u003csection class=\"tm-section\"\u003e\n \u003ch2\u003e📈 Les résultats que vous pouvez attendre\u003c\/h2\u003e\n \u003cdiv class=\"tm-results-grid\"\u003e\n \u003cdiv class=\"tm-result-card\"\u003e\n \u003cdiv class=\"tm-result-time\"\u003eSemaine 1-2\u003c\/div\u003e\n \u003cdiv class=\"tm-result-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"tm-result-title\"\u003eRegain d'énergie\u003c\/div\u003e\n \u003cp\u003eSensation de vitalité accrue, meilleure résistance à la fatigue, vigilance améliorée grâce à la caféine et aux vitamines B.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-result-card\"\u003e\n \u003cdiv class=\"tm-result-time\"\u003eSemaine 3-4\u003c\/div\u003e\n \u003cdiv class=\"tm-result-icon\"\u003e💪\u003c\/div\u003e\n \u003cdiv class=\"tm-result-title\"\u003ePerformance physique\u003c\/div\u003e\n \u003cp\u003eAmélioration de la force musculaire, meilleure endurance à l'effort, récupération optimisée après le sport.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-result-card\"\u003e\n \u003cdiv class=\"tm-result-time\"\u003eMois 2-3\u003c\/div\u003e\n \u003cdiv class=\"tm-result-icon\"\u003e🔥\u003c\/div\u003e\n \u003cdiv class=\"tm-result-title\"\u003eVitalité masculine\u003c\/div\u003e\n \u003cp\u003eSoutien du taux de testostérone, regain de libido, amélioration du bien-être hormonal et de la confiance en soi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-result-card\"\u003e\n \u003cdiv class=\"tm-result-time\"\u003eSur le long terme\u003c\/div\u003e\n \u003cdiv class=\"tm-result-icon\"\u003e🎯\u003c\/div\u003e\n \u003cdiv class=\"tm-result-title\"\u003eÉquilibre durable\u003c\/div\u003e\n \u003cp\u003eMaintien de la fertilité, protection antioxydante, équilibre hormonal stabilisé, bien-être général optimisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- LABOPHYTO --\u003e\n \u003csection class=\"tm-section\"\u003e\n \u003ch2\u003e🏛️ La garantie Labophyto\u003c\/h2\u003e\n \u003cdiv class=\"tm-brand-box\"\u003e\n \u003cdiv class=\"tm-brand-content\"\u003e\n \u003cdiv class=\"tm-brand-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"tm-brand-text\"\u003e\n \u003cp\u003e\u003cstrong\u003eLabophyto\u003c\/strong\u003e est un laboratoire français expert en phytothérapie masculine et santé sexuelle depuis plusieurs années. Spécialisé dans les compléments naturels pour hommes, Labophyto s'engage à sélectionner des ingrédients de qualité premium, rigoureusement contrôlés et tracés.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eFabrication française\u003c\/strong\u003e : TestoMan est fabriqué en France dans des installations certifiées, garantissant sécurité, efficacité et respect des normes les plus strictes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"tm-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"tm-info-grid\"\u003e\n \u003cdiv class=\"tm-info-card\"\u003e\n \u003cdiv class=\"tm-info-label\"\u003eContenance\u003c\/div\u003e\n \u003cdiv class=\"tm-info-value\"\u003e60 gélules\u003c\/div\u003e\n \u003cdiv class=\"tm-info-detail\"\u003e30 jours de cure\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-info-card\"\u003e\n \u003cdiv class=\"tm-info-label\"\u003ePosologie\u003c\/div\u003e\n \u003cdiv class=\"tm-info-value\"\u003e2 gélules\/jour\u003c\/div\u003e\n \u003cdiv class=\"tm-info-detail\"\u003eAvec un verre d'eau\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-info-card\"\u003e\n \u003cdiv class=\"tm-info-label\"\u003eFabrication\u003c\/div\u003e\n \u003cdiv class=\"tm-info-value\"\u003e🇫🇷 France\u003c\/div\u003e\n \u003cdiv class=\"tm-info-detail\"\u003eLaboratoire Labophyto\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-info-card\"\u003e\n \u003cdiv class=\"tm-info-label\"\u003eComposition\u003c\/div\u003e\n \u003cdiv class=\"tm-info-value\"\u003e100% naturelle\u003c\/div\u003e\n \u003cdiv class=\"tm-info-detail\"\u003eExtraits de plantes \u0026amp; minéraux\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-info-card\"\u003e\n \u003cdiv class=\"tm-info-label\"\u003eGélules\u003c\/div\u003e\n \u003cdiv class=\"tm-info-value\"\u003eVégétales\u003c\/div\u003e\n \u003cdiv class=\"tm-info-detail\"\u003eHPMC (cellulose)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-info-card\"\u003e\n \u003cdiv class=\"tm-info-label\"\u003eConservation\u003c\/div\u003e\n \u003cdiv class=\"tm-info-value\"\u003eÀ l'abri\u003c\/div\u003e\n \u003cdiv class=\"tm-info-detail\"\u003eLumière, chaleur, humidité\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"tm-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tm-warning-box\"\u003e\n \u003cdiv class=\"tm-warning-grid\"\u003e\n \u003cdiv class=\"tm-warning-item\"\u003e\n \u003cdiv class=\"tm-warning-icon\"\u003e🚫\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eRéservé aux hommes adultes.\u003c\/strong\u003e Ne convient pas aux femmes, enfants et adolescents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-warning-item\"\u003e\n \u003cdiv class=\"tm-warning-icon\"\u003e💊\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas dépasser la dose journalière recommandée\u003c\/strong\u003e de 2 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-warning-item\"\u003e\n \u003cdiv class=\"tm-warning-icon\"\u003e🥗\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eNe remplace pas\u003c\/strong\u003e une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-warning-item\"\u003e\n \u003cdiv class=\"tm-warning-icon\"\u003e⚕️\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé sans avis médical\u003c\/strong\u003e si vous êtes sous traitement (antihypertenseur, antidiabétique, anticoagulant).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-warning-item\"\u003e\n \u003cdiv class=\"tm-warning-icon\"\u003e☕\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eContient de la caféine (80 mg\/dose).\u003c\/strong\u003e Déconseillé le soir. À limiter si sensibilité à la caféine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-warning-item\"\u003e\n \u003cdiv class=\"tm-warning-icon\"\u003e👶\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eTenir hors de portée des enfants.\u003c\/strong\u003e Conserver dans un endroit sec et frais.\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=\"tm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tm-cta-box\"\u003e\n \u003cdiv class=\"tm-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tm-cta-content\"\u003e\n \u003cp class=\"tm-cta-text\"\u003eTestoMan de Labophyto est votre allié naturel pour soutenir votre taux de testostérone, booster votre vitalité masculine et retrouver une énergie physique et mentale optimale. Une formule complète, scientifique et 100% naturelle pour les hommes actifs qui prennent soin de leur santé.\u003c\/p\u003e\n \u003cdiv class=\"tm-cta-badge\"\u003e\n \u003cspan\u003e🌿 Formule naturelle • 💪 Résultats prouvés • 🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ===========================\n VARIABLES CSS\n =========================== *\/\n:root {\n \/* Couleurs principales *\/\n --tm-cream: #F8F6F2;\n --tm-white: #ffffff;\n --tm-primary: #5C6F4E;\n --tm-primary-dark: #4A5A3E;\n --tm-primary-light: #E8EBE6;\n --tm-secondary: #8A9B7A;\n --tm-accent: #6D7F5E;\n\n \/* Textes *\/\n --tm-text: #1a1a1a;\n --tm-text-light: #5a5a5a;\n\n \/* Effets *\/\n --tm-border: #e0e0e0;\n --tm-shadow: 0 4px 24px rgba(92,111,78,.08);\n --tm-shadow-lg: 0 12px 48px rgba(92,111,78,.15);\n --tm-radius: 20px;\n --tm-radius-sm: 12px;\n}\n\n\/* ===========================\n CONTENEUR PRINCIPAL\n =========================== *\/\n.tm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--tm-text);\n line-height: 1.7;\n}\n\n\/* ===========================\n HERO SECTION\n =========================== *\/\n.tm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tm-primary) 0%, var(--tm-accent) 50%, var(--tm-secondary) 100%);\n border-radius: var(--tm-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(--tm-shadow-lg);\n}\n\n.tm-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 30%),\n radial-gradient(circle at 80% 60%, rgba(255,255,255,.2) 0%, transparent 40%),\n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.05) 20px, rgba(255,255,255,.05) 40px);\n}\n\n.tm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.tm-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(--tm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.tm-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.tm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n letter-spacing: -.02em;\n}\n\n.tm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n font-weight: 400;\n}\n\n\/* ===========================\n SECTIONS\n =========================== *\/\n.tm-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tm-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--tm-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.tm-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(--tm-primary), var(--tm-secondary));\n border-radius: 2px;\n}\n\n.tm-intro-text {\n text-align: center;\n font-size: clamp(15px, 2vw, 18px);\n color: var(--tm-text-light);\n max-width: 800px;\n margin: 0 auto 2.5rem;\n line-height: 1.8;\n}\n\n\/* ===========================\n GRILLES \u0026 CARDS\n =========================== *\/\n.tm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.tm-card {\n background: var(--tm-white);\n border-radius: var(--tm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.tm-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tm-shadow-lg);\n border-color: var(--tm-primary);\n}\n\n.tm-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tm-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--tm-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.tm-card-text {\n font-size: 15px;\n color: var(--tm-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* ===========================\n COMPOSITION\n =========================== *\/\n.tm-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.tm-ingredient-card {\n background: var(--tm-white);\n border-radius: var(--tm-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--tm-shadow);\n border-left: 4px solid var(--tm-primary);\n transition: all .3s ease;\n}\n\n.tm-ingredient-card:hover {\n transform: translateX(4px);\n box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-ingredient-dose {\n font-size: 24px;\n font-weight: 900;\n color: var(--tm-primary);\n margin-bottom: .5rem;\n letter-spacing: -.02em;\n}\n\n.tm-ingredient-name {\n font-size: 16px;\n font-weight: 800;\n color: var(--tm-text);\n margin-bottom: .25rem;\n}\n\n.tm-ingredient-benefit {\n font-size: 13px;\n color: var(--tm-text-light);\n margin: 0;\n font-style: italic;\n}\n\n.tm-vnr-note {\n background: var(--tm-primary-light);\n border-radius: var(--tm-radius-sm);\n padding: 1rem 1.5rem;\n text-align: center;\n}\n\n.tm-vnr-note p {\n margin: 0;\n font-size: 14px;\n color: var(--tm-primary-dark);\n}\n\n\/* ===========================\n PROFILS\n =========================== *\/\n.tm-profile-card {\n background: linear-gradient(135deg, var(--tm-white) 0%, var(--tm-primary-light) 100%);\n border-radius: var(--tm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.tm-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tm-shadow-lg);\n border-color: var(--tm-primary);\n}\n\n.tm-profile-icon {\n font-size: 52px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tm-profile-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--tm-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.tm-profile-card p {\n font-size: 15px;\n color: var(--tm-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* ===========================\n MODE D'EMPLOI (TIMELINE)\n =========================== *\/\n.tm-usage-timeline {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.tm-usage-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--tm-white);\n border-radius: var(--tm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tm-shadow);\n transition: all .3s ease;\n}\n\n.tm-usage-step:hover {\n transform: translateX(8px);\n box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--tm-primary), var(--tm-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(92,111,78,.25);\n}\n\n.tm-step-content {\n flex: 1;\n}\n\n.tm-step-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--tm-primary-dark);\n margin-bottom: .5rem;\n letter-spacing: -.02em;\n}\n\n.tm-step-content p {\n font-size: 15px;\n color: var(--tm-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* ===========================\n RÉSULTATS\n =========================== *\/\n.tm-results-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.tm-result-card {\n background: var(--tm-white);\n border-radius: var(--tm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tm-shadow);\n border-top: 4px solid var(--tm-primary);\n transition: all .3s ease;\n}\n\n.tm-result-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-result-time {\n display: inline-block;\n background: var(--tm-primary-light);\n color: var(--tm-primary-dark);\n font-size: 12px;\n font-weight: 800;\n padding: 6px 12px;\n border-radius: 999px;\n margin-bottom: 1rem;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.tm-result-icon {\n font-size: 42px;\n margin-bottom: .75rem;\n display: block;\n}\n\n.tm-result-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--tm-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.tm-result-card p {\n font-size: 14px;\n color: var(--tm-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* ===========================\n INFO BOX\n =========================== *\/\n.tm-info-box {\n background: linear-gradient(135deg, var(--tm-primary-light) 0%, var(--tm-white) 100%);\n border-radius: var(--tm-radius);\n padding: 1.5rem 2rem;\n border-left: 4px solid var(--tm-primary);\n}\n\n.tm-info-box p {\n margin: 0;\n font-size: 15px;\n color: var(--tm-text);\n line-height: 1.7;\n}\n\n\/* ===========================\n BRAND BOX\n =========================== *\/\n.tm-brand-box {\n background: var(--tm-white);\n border-radius: var(--tm-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--tm-shadow-lg);\n border: 2px solid var(--tm-primary-light);\n}\n\n.tm-brand-content {\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n}\n\n.tm-brand-icon {\n font-size: 64px;\n flex-shrink: 0;\n}\n\n.tm-brand-text p {\n font-size: 15px;\n color: var(--tm-text-light);\n line-height: 1.8;\n margin-bottom: 1rem;\n}\n\n.tm-brand-text p:last-child {\n margin-bottom: 0;\n}\n\n\/* ===========================\n INFOS PRATIQUES\n =========================== *\/\n.tm-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.tm-info-card {\n background: var(--tm-white);\n border-radius: var(--tm-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--tm-shadow);\n text-align: center;\n transition: all .3s ease;\n}\n\n.tm-info-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-info-label {\n font-size: 12px;\n font-weight: 700;\n color: var(--tm-text-light);\n text-transform: uppercase;\n letter-spacing: .08em;\n margin-bottom: .5rem;\n}\n\n.tm-info-value {\n font-size: 24px;\n font-weight: 900;\n color: var(--tm-primary);\n margin-bottom: .25rem;\n letter-spacing: -.02em;\n}\n\n.tm-info-detail {\n font-size: 13px;\n color: var(--tm-text-light);\n font-style: italic;\n}\n\n\/* ===========================\n WARNING BOX\n =========================== *\/\n.tm-warning-box {\n background: linear-gradient(135deg, #FFF9E6 0%, #FFF5CC 100%);\n border-radius: var(--tm-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid #FFD966;\n box-shadow: var(--tm-shadow);\n}\n\n.tm-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.tm-warning-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tm-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.tm-warning-item p {\n font-size: 14px;\n color: var(--tm-text);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* ===========================\n CTA FINAL\n =========================== *\/\n.tm-cta-box {\n position: relative;\n background: linear-gradient(135deg, var(--tm-primary) 0%, var(--tm-primary-dark) 100%);\n border-radius: var(--tm-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 30% 40%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 70% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.tm-cta-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tm-cta-text {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.8;\n font-weight: 500;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.tm-cta-badge {\n display: inline-block;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n padding: 12px 24px;\n border-radius: 999px;\n box-shadow: 0 4px 24px rgba(0,0,0,.15);\n}\n\n.tm-cta-badge span {\n color: var(--tm-primary-dark);\n font-size: 14px;\n font-weight: 800;\n letter-spacing: .02em;\n}\n\n\/* ===========================\n RESPONSIVE\n =========================== *\/\n@media (max-width: 767px) {\n .tm-grid,\n .tm-composition-grid,\n .tm-results-grid,\n .tm-info-grid,\n .tm-warning-grid {\n grid-template-columns: 1fr;\n }\n \n .tm-brand-content {\n flex-direction: column;\n text-align: center;\n }\n \n .tm-brand-icon {\n margin: 0 auto;\n }\n \n .tm-usage-step {\n flex-direction: column;\n text-align: center;\n }\n \n .tm-step-number {\n margin: 0 auto 1rem;\n }\n}\n\n\/* ===========================\n ANIMATIONS\n =========================== *\/\n@media (prefers-reduced-motion: no-preference) {\n .tm-card,\n .tm-profile-card,\n .tm-result-card,\n .tm-ingredient-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .tm-card:nth-child(1),\n .tm-profile-card:nth-child(1),\n .tm-result-card:nth-child(1) { animation-delay: .1s; }\n .tm-card:nth-child(2),\n .tm-profile-card:nth-child(2),\n .tm-result-card:nth-child(2) { animation-delay: .2s; }\n .tm-card:nth-child(3),\n .tm-profile-card:nth-child(3),\n .tm-result-card:nth-child(3) { animation-delay: .3s; }\n .tm-card:nth-child(4),\n .tm-profile-card:nth-child(4),\n .tm-result-card:nth-child(4) { animation-delay: .4s; }\n .tm-card:nth-child(5) { animation-delay: .5s; }\n .tm-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* ===========================\n ACCESSIBILITÉ\n =========================== *\/\n@media (prefers-reduced-motion: reduce) {\n .tm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .tm-card,\n .tm-profile-card,\n .tm-result-card,\n .tm-info-card {\n border: 2px solid var(--tm-text);\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755025162397,"sku":"REF1051","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/testoman-60-gelules-lapbophyto_11zon.jpg?v=1772627061"},{"product_id":"supramen-performance-10-gelules-labophyto","title":"Supramen - 10 Gélules - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Supramen - 10 Gélules - Labophyto\nPalette détectée:\n - Primaire: #E31E24 (rouge vif dynamique du packaging)\n - Secondaire: #1A1A1A (noir profond du poing\/icône)\n - Accent: #FFFFFF (blanc contrastant)\nAmbiance: Masculin, puissant, énergique, performance, force virile\nPréfixe CSS: spm\n--\u003e\n\n\u003cdiv class=\"spm-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"spm-hero\"\u003e\n \u003cdiv class=\"spm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"spm-hero-content\"\u003e\n \u003cdiv class=\"spm-badges-top\"\u003e\n \u003cspan class=\"spm-badge\"\u003e💪 Performance masculine\u003c\/span\u003e\n \u003cspan class=\"spm-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"spm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"spm-hero-title\"\u003eSupramen\u003c\/span\u003e\n \u003cp class=\"spm-subtitle\"\u003eRéveillez le champion qui sommeille en vous\u003c\/p\u003e\n \u003cp class=\"spm-description\"\u003eComplément alimentaire premium à base de plantes adaptogènes et vitamines, spécialement formulé pour booster votre énergie, votre libido et vos performances au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"spm-hero-stats\"\u003e\n \u003cdiv class=\"spm-stat\"\u003e\n \u003cspan class=\"spm-stat-number\"\u003e10\u003c\/span\u003e\n \u003cspan class=\"spm-stat-label\"\u003eGélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-stat\"\u003e\n \u003cspan class=\"spm-stat-number\"\u003e5\u003c\/span\u003e\n \u003cspan class=\"spm-stat-label\"\u003eActifs puissants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-stat\"\u003e\n \u003cspan class=\"spm-stat-number\"\u003e10j\u003c\/span\u003e\n \u003cspan class=\"spm-stat-label\"\u003eCure recommandée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"spm-section\"\u003e\n \u003ch2\u003e🎯 Vos bénéfices\u003c\/h2\u003e\n \u003cdiv class=\"spm-grid\"\u003e\n \u003cdiv class=\"spm-card spm-benefit-card\"\u003e\n \u003cdiv class=\"spm-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eÉnergie décuplée\u003c\/h3\u003e\n \u003cp\u003eCombattez la fatigue et retrouvez une vitalité explosive pour affronter chaque journée avec détermination.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-benefit-card\"\u003e\n \u003cdiv class=\"spm-card-icon\"\u003e🔥\u003c\/div\u003e\n \u003ch3\u003eLibido stimulée\u003c\/h3\u003e\n \u003cp\u003eRéveillez votre désir naturellement grâce à des plantes aphrodisiaques reconnues depuis des millénaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-benefit-card\"\u003e\n \u003cdiv class=\"spm-card-icon\"\u003e🏆\u003c\/div\u003e\n \u003ch3\u003ePerformance optimale\u003c\/h3\u003e\n \u003cp\u003eAméliorez vos capacités physiques et sexuelles pour des moments intenses et satisfaisants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-benefit-card\"\u003e\n \u003cdiv class=\"spm-card-icon\"\u003e💯\u003c\/div\u003e\n \u003ch3\u003eEndurance renforcée\u003c\/h3\u003e\n \u003cp\u003eProlongez vos efforts et maintenez un niveau de performance élevé, plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"spm-section\"\u003e\n \u003ch2\u003e🌿 Composition premium\u003c\/h2\u003e\n \u003cp class=\"spm-section-intro\"\u003eUne synergie d'actifs naturels puissants, rigoureusement sélectionnés pour leur efficacité prouvée\u003c\/p\u003e\n \u003cdiv class=\"spm-grid spm-ingredients-grid\"\u003e\n \u003cdiv class=\"spm-card spm-ingredient-card\"\u003e\n \u003cdiv class=\"spm-ingredient-header\"\u003e\n \u003cspan class=\"spm-ingredient-icon\"\u003e🥔\u003c\/span\u003e\n \u003ch3\u003eMaca\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"spm-ingredient-desc\"\u003eLa racine péruvienne de la vitalité\u003c\/p\u003e\n \u003cul class=\"spm-ingredient-benefits\" style=\"list-style:none;\"\u003e\n \u003cli\u003ePropriétés énergisantes\u003c\/li\u003e\n \u003cli\u003eEffets aphrodisiaques\u003c\/li\u003e\n \u003cli\u003eAméliore la fertilité\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-ingredient-card\"\u003e\n \u003cdiv class=\"spm-ingredient-header\"\u003e\n \u003cspan class=\"spm-ingredient-icon\"\u003e🌱\u003c\/span\u003e\n \u003ch3\u003eTribulus Terrestris\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"spm-ingredient-desc\"\u003eLe booster de testostérone naturel\u003c\/p\u003e\n \u003cul class=\"spm-ingredient-benefits\" style=\"list-style:none;\"\u003e\n \u003cli\u003eStimule la testostérone\u003c\/li\u003e\n \u003cli\u003ePerformance physique\u003c\/li\u003e\n \u003cli\u003eVigueur sexuelle\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-ingredient-card\"\u003e\n \u003cdiv class=\"spm-ingredient-header\"\u003e\n \u003cspan class=\"spm-ingredient-icon\"\u003e🪴\u003c\/span\u003e\n \u003ch3\u003eGinseng\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"spm-ingredient-desc\"\u003eLe tonifiant ancestral d'Asie\u003c\/p\u003e\n \u003cul class=\"spm-ingredient-benefits\" style=\"list-style:none;\"\u003e\n \u003cli\u003eCombat la fatigue\u003c\/li\u003e\n \u003cli\u003eEndurance physique\u003c\/li\u003e\n \u003cli\u003eAdaptogène puissant\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-ingredient-card\"\u003e\n \u003cdiv class=\"spm-ingredient-header\"\u003e\n \u003cspan class=\"spm-ingredient-icon\"\u003e🍫\u003c\/span\u003e\n \u003ch3\u003eCacao\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"spm-ingredient-desc\"\u003eL'aliment des dieux aztèques\u003c\/p\u003e\n \u003cul class=\"spm-ingredient-benefits\" style=\"list-style:none;\"\u003e\n \u003cli\u003eRiche en antioxydants\u003c\/li\u003e\n \u003cli\u003eCirculation sanguine\u003c\/li\u003e\n \u003cli\u003eSensation de bien-être\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-ingredient-card spm-ingredient-highlight\"\u003e\n \u003cdiv class=\"spm-ingredient-header\"\u003e\n \u003cspan class=\"spm-ingredient-icon\"\u003e⚙️\u003c\/span\u003e\n \u003ch3\u003eZinc\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"spm-ingredient-desc\"\u003eLe minéral essentiel masculin\u003c\/p\u003e\n \u003cul class=\"spm-ingredient-benefits\" style=\"list-style:none;\"\u003e\n \u003cli\u003eProduction de testostérone\u003c\/li\u003e\n \u003cli\u003eMaintien de la fertilité\u003c\/li\u003e\n \u003cli\u003eFonction reproductive\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"spm-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"spm-usage-container\"\u003e\n \u003cdiv class=\"spm-usage-main\"\u003e\n \u003cdiv class=\"spm-usage-step\"\u003e\n \u003cdiv class=\"spm-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"spm-step-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence lors des repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-usage-step\"\u003e\n \u003cdiv class=\"spm-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"spm-step-content\"\u003e\n \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n \u003cp\u003eSuivre une cure d'\u003cstrong\u003eau moins 10 jours\u003c\/strong\u003e pour observer des résultats significatifs et durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-usage-step\"\u003e\n \u003cdiv class=\"spm-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"spm-step-content\"\u003e\n \u003ch3\u003eOption boost express\u003c\/h3\u003e\n \u003cp\u003eEn cas de besoin, la prise peut être \u003cstrong\u003eponctuelle\u003c\/strong\u003e pour un effet boost immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-usage-tip\"\u003e\n \u003cspan class=\"spm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil pro :\u003c\/strong\u003e Respectez la dose recommandée pour éviter tout effet indésirable. Pour des résultats optimaux, associez à une hygiène de vie saine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"spm-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"spm-grid spm-target-grid\"\u003e\n \u003cdiv class=\"spm-card spm-target-card\"\u003e\n \u003cspan class=\"spm-target-icon\"\u003e🏋️\u003c\/span\u003e\n \u003ch3\u003eL'homme actif\u003c\/h3\u003e\n \u003cp\u003eQui veut maintenir son énergie malgré un rythme de vie intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-target-card\"\u003e\n \u003cspan class=\"spm-target-icon\"\u003e💼\u003c\/span\u003e\n \u003ch3\u003eLe professionnel\u003c\/h3\u003e\n \u003cp\u003eQui souhaite rester performant au travail comme à la maison\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-target-card\"\u003e\n \u003cspan class=\"spm-target-icon\"\u003e❤️\u003c\/span\u003e\n \u003ch3\u003eLe couple\u003c\/h3\u003e\n \u003cp\u003eQui désire raviver la flamme et partager des moments intenses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-target-card\"\u003e\n \u003cspan class=\"spm-target-icon\"\u003e🔄\u003c\/span\u003e\n \u003ch3\u003eL'homme en quête\u003c\/h3\u003e\n \u003cp\u003eQui cherche à revitaliser son corps et dynamiser sa libido naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"spm-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"spm-info-grid\"\u003e\n \u003cdiv class=\"spm-info-item\"\u003e\n \u003cspan class=\"spm-info-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"spm-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"spm-info-value\"\u003e10 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-info-item\"\u003e\n \u003cspan class=\"spm-info-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"spm-info-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"spm-info-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-info-item\"\u003e\n \u003cspan class=\"spm-info-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"spm-info-label\"\u003eType\u003c\/span\u003e\n \u003cspan class=\"spm-info-value\"\u003e100% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- GARANTIES --\u003e\n \u003csection class=\"spm-section\"\u003e\n \u003ch2\u003e🛡️ Nos garanties\u003c\/h2\u003e\n \u003cdiv class=\"spm-guarantees\"\u003e\n \u003cdiv class=\"spm-guarantee\"\u003e\n \u003cspan class=\"spm-guarantee-icon\"\u003e🔬\u003c\/span\u003e\n \u003cspan\u003eMatières premières rigoureusement sélectionnées\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-guarantee\"\u003e\n \u003cspan class=\"spm-guarantee-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan\u003eIngrédients issus de l'agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-guarantee\"\u003e\n \u003cspan class=\"spm-guarantee-icon\"\u003e🏭\u003c\/span\u003e\n \u003cspan\u003eNormes de qualité et sécurité élevées\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-guarantee\"\u003e\n \u003cspan class=\"spm-guarantee-icon\"\u003e💚\u003c\/span\u003e\n \u003cspan\u003eRespectueux de votre santé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"spm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"spm-cta-box\"\u003e\n \u003cdiv class=\"spm-cta-icon\"\u003e💪\u003c\/div\u003e\n \u003cp\u003eFaites confiance au \u003cstrong\u003eSupramen\u003c\/strong\u003e de Labophyto pour retrouver une énergie débordante et améliorer significativement vos performances physiques et sexuelles.\u003c\/p\u003e\n \u003cp class=\"spm-cta-sub\"\u003eCommandez dès maintenant et profitez d'une vitalité retrouvée, naturellement !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --spm-cream: #f8f7f5;\n --spm-white: #ffffff;\n --spm-primary: #E31E24;\n --spm-primary-dark: #b8171c;\n --spm-primary-light: #fef2f2;\n --spm-secondary: #1a1a1a;\n --spm-accent: #ff6b6b;\n --spm-text: #1a1a1a;\n --spm-text-light: #5a5a5a;\n --spm-border: #e5e5e5;\n --spm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --spm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --spm-radius: 20px;\n --spm-radius-sm: 12px;\n}\n\n.spm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--spm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--spm-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.spm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--spm-primary) 0%, var(--spm-primary-dark) 50%, var(--spm-secondary) 100%);\n border-radius: var(--spm-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(--spm-shadow-lg);\n}\n\n.spm-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 5L35 20H50L38 30L43 45L30 35L17 45L22 30L10 20H25L30 5Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.spm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.spm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.spm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--spm-primary-dark);\n box-shadow: 0 4px 16px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.spm-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 8px 24px rgba(0,0,0,.2);\n}\n\n.spm-hero-title {\n display: block;\n color: white;\n font-size: clamp(42px, 10vw, 72px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 30px rgba(0,0,0,.3);\n text-transform: uppercase;\n}\n\n.spm-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 text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.spm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.spm-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.spm-stat {\n text-align: center;\n padding: 1rem 1.5rem;\n background: rgba(255,255,255,.1);\n backdrop-filter: blur(10px);\n border-radius: var(--spm-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.spm-stat-number {\n display: block;\n color: white;\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n line-height: 1;\n}\n\n.spm-stat-label {\n display: block;\n color: rgba(255,255,255,.8);\n font-size: 13px;\n font-weight: 600;\n margin-top: 4px;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.spm-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.spm-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--spm-secondary);\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.spm-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(--spm-primary), var(--spm-accent));\n border-radius: 2px;\n}\n\n.spm-section-intro {\n text-align: center;\n color: var(--spm-text-light);\n font-size: clamp(16px, 2vw, 18px);\n max-width: 600px;\n margin: -1rem auto 2rem auto;\n}\n\n\/* === GRILLES === *\/\n.spm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.spm-ingredients-grid {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n.spm-target-grid {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n\/* === CARDS === *\/\n.spm-card {\n background: var(--spm-white);\n border-radius: var(--spm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--spm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.spm-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--spm-shadow-lg);\n border-color: var(--spm-primary);\n}\n\n.spm-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--spm-secondary);\n margin: 0 0 0.75rem 0;\n}\n\n.spm-card p {\n color: var(--spm-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BENEFIT CARDS === *\/\n.spm-benefit-card {\n text-align: center;\n}\n\n.spm-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.spm-ingredient-card {\n position: relative;\n overflow: hidden;\n}\n\n.spm-ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--spm-primary), var(--spm-accent));\n}\n\n.spm-ingredient-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 0.75rem;\n}\n\n.spm-ingredient-icon {\n font-size: 32px;\n}\n\n.spm-ingredient-header h3 {\n margin: 0;\n font-size: 17px;\n}\n\n.spm-ingredient-desc {\n font-style: italic;\n color: var(--spm-primary-dark) !important;\n font-weight: 600;\n margin-bottom: 1rem !important;\n font-size: 14px !important;\n}\n\n.spm-ingredient-benefits {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.spm-ingredient-benefits li {\n padding: 6px 0 6px 24px;\n position: relative;\n font-size: 14px;\n color: var(--spm-text-light);\n}\n\n.spm-ingredient-benefits li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--spm-primary);\n font-weight: 700;\n}\n\n.spm-ingredient-highlight {\n background: linear-gradient(135deg, var(--spm-primary-light) 0%, var(--spm-white) 100%);\n}\n\n\/* === TARGET CARDS === *\/\n.spm-target-card {\n text-align: center;\n padding: clamp(2rem, 4vw, 2.5rem);\n}\n\n.spm-target-icon {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n\/* === USAGE SECTION === *\/\n.spm-usage-container {\n max-width: 800px;\n margin: 0 auto;\n}\n\n.spm-usage-main {\n background: var(--spm-white);\n border-radius: var(--spm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--spm-shadow);\n margin-bottom: 1.5rem;\n}\n\n.spm-usage-step {\n display: flex;\n gap: 1.25rem;\n padding: 1.25rem 0;\n border-bottom: 1px solid var(--spm-border);\n}\n\n.spm-usage-step:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.spm-usage-step:first-child {\n padding-top: 0;\n}\n\n.spm-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--spm-primary), var(--spm-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 box-shadow: 0 4px 16px rgba(227, 30, 36, .3);\n}\n\n.spm-step-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--spm-secondary);\n margin: 0 0 0.5rem 0;\n}\n\n.spm-step-content p {\n margin: 0;\n color: var(--spm-text-light);\n font-size: 15px;\n}\n\n.spm-usage-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n padding: 1.25rem 1.5rem;\n background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);\n border-radius: var(--spm-radius-sm);\n border-left: 4px solid #f59e0b;\n}\n\n.spm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.spm-usage-tip p {\n margin: 0;\n font-size: 14px;\n color: #92400e;\n}\n\n\/* === INFO GRID === *\/\n.spm-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.spm-info-item {\n background: var(--spm-white);\n border-radius: var(--spm-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--spm-shadow);\n transition: all .3s ease;\n}\n\n.spm-info-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--spm-shadow-lg);\n}\n\n.spm-info-icon {\n font-size: 28px;\n display: block;\n margin-bottom: 0.5rem;\n}\n\n.spm-info-label {\n display: block;\n font-size: 12px;\n color: var(--spm-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 4px;\n}\n\n.spm-info-value {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--spm-secondary);\n}\n\n\/* === GUARANTEES === *\/\n.spm-guarantees {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1rem;\n}\n\n.spm-guarantee {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1.25rem 1.5rem;\n background: var(--spm-white);\n border-radius: var(--spm-radius-sm);\n box-shadow: var(--spm-shadow);\n font-weight: 600;\n color: var(--spm-secondary);\n transition: all .3s ease;\n}\n\n.spm-guarantee:hover {\n transform: translateX(8px);\n box-shadow: var(--spm-shadow-lg);\n}\n\n.spm-guarantee-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n\/* === CTA BOX === *\/\n.spm-cta-box {\n background: linear-gradient(135deg, var(--spm-primary) 0%, var(--spm-primary-dark) 50%, var(--spm-secondary) 100%);\n border-radius: var(--spm-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.spm-cta-box::before {\n content: '';\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 5L35 20H50L38 30L43 45L30 35L17 45L22 30L10 20H25L30 5Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n}\n\n.spm-cta-icon {\n font-size: 64px;\n display: block;\n margin-bottom: 1.5rem;\n position: relative;\n z-index: 1;\n}\n\n.spm-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,.2);\n position: relative;\n z-index: 1;\n margin: 0 0 1rem 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.spm-cta-sub {\n font-size: clamp(15px, 2vw, 17px) !important;\n opacity: .9;\n margin-bottom: 0 !important;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .spm-grid {\n grid-template-columns: 1fr;\n }\n \n .spm-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .spm-hero-stats {\n gap: 1rem;\n }\n \n .spm-stat {\n padding: 0.75rem 1rem;\n }\n \n .spm-usage-step {\n flex-direction: column;\n text-align: center;\n }\n \n .spm-step-number {\n margin: 0 auto;\n }\n}\n\n@media (max-width: 480px) {\n .spm-info-grid {\n grid-template-columns: 1fr;\n }\n \n .spm-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .spm-card {\n animation: spmFadeInUp .6s ease backwards;\n }\n .spm-card:nth-child(1) { animation-delay: .1s; }\n .spm-card:nth-child(2) { animation-delay: .2s; }\n .spm-card:nth-child(3) { animation-delay: .3s; }\n .spm-card:nth-child(4) { animation-delay: .4s; }\n .spm-card:nth-child(5) { animation-delay: .5s; }\n}\n\n@keyframes spmFadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .spm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .spm-card {\n border: 2px solid var(--spm-secondary);\n }\n \n .spm-badge {\n border: 2px solid var(--spm-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755025359005,"sku":"REF1052","price":29.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/supramen-10-gelules-lapbophyto.jpg?v=1772626918"},{"product_id":"fertitop-homme-fertilite-60-gelules-labophyto","title":"Fertitop Homme Fertilité - 60 Gélules - Labophyto","description":"\u003cdiv class=\"fth-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"fth-hero\"\u003e\n \u003cdiv class=\"fth-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fth-hero-content\"\u003e\n \u003cdiv class=\"fth-badges-top\"\u003e\n \u003cspan class=\"fth-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"fth-badge\"\u003e💊 60 gélules\u003c\/span\u003e\n \u003cspan class=\"fth-badge\"\u003e🧬 11 actifs synergiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fth-hero-title\"\u003eFertitop Homme Fertilité\u003c\/span\u003e\n \u003cp class=\"fth-subtitle\"\u003ePar Labophyto — Expert en bien-être intime masculin\u003c\/p\u003e\n \u003cp class=\"fth-description\"\u003eComplément alimentaire à base de plantes, acides aminés et vitamines pour soutenir naturellement la fertilité masculine et la spermatogenèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"fth-section\"\u003e\n \u003ch2\u003eFertitop Homme de Labophyto : le complément alimentaire fertilité homme à base de plantes et vitamines\u003c\/h2\u003e\n \u003cp class=\"fth-section-intro\"\u003eVous êtes en projet de conception et souhaitez mettre toutes les chances de votre côté ? \u003cstrong\u003eFertitop Homme\u003c\/strong\u003e de Labophyto est un \u003cstrong\u003ecomplément alimentaire homme fertilité\u003c\/strong\u003e formulé en France, associant extraits de plantes, acides aminés et micronutriments essentiels. Sa formule complète cible la spermatogenèse, la vitalité et l'équilibre hormonal pour vous accompagner naturellement dans cette étape importante.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"fth-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complément fertilité homme ?\u003c\/h2\u003e\n \u003cp class=\"fth-section-intro\"\u003eLa fertilité masculine dépend de nombreux facteurs : qualité du sperme, motilité des spermatozoïdes, taux de zinc et de sélénium, niveau de stress oxydatif. Fertitop Homme réunit \u003cstrong\u003e11 actifs synergiques\u003c\/strong\u003e soigneusement dosés pour agir sur l'ensemble de ces paramètres.\u003c\/p\u003e\n \u003cdiv class=\"fth-grid\"\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e⚡ Zinc \u0026amp; sélénium\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100 % des AR\u003c\/strong\u003e — Contribuent à une fertilité et une reproduction normales, tout en protégeant les cellules du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🧬 Vitamine B9 \u0026amp; B12\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e400 µg + 2,5 µg\u003c\/strong\u003e — Participent à la division cellulaire et au bon déroulement de la spermatogenèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🚀 L-Carnitine \u0026amp; taurine\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e160 mg chacun\u003c\/strong\u003e — Deux acides aminés reconnus pour leur rôle dans la mobilité et la vitalité des spermatozoïdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🔥 L-Arginine\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e — Précurseur du monoxyde d'azote, il soutient la circulation sanguine et la libido masculine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🌿 Maca\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e380 mg\u003c\/strong\u003e — Plante adaptogène traditionnellement utilisée pour favoriser la vitalité sexuelle et l'énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e💪 Ginseng\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e120 mg\u003c\/strong\u003e — Tonifiant général qui aide à réduire la fatigue et à maintenir la performance physique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e♂️ Tribulus terrestris\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e — Soutient l'équilibre hormonal et la libido chez l'homme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🛡️ Astragale\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e80 mg\u003c\/strong\u003e — Contribue aux défenses naturelles et au bien-être général de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"fth-section\"\u003e\n \u003ch2\u003eComposition complète pour 2 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"fth-grid-compact\"\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🌿 Maca\u003c\/h3\u003e\n \u003cp\u003e380 mg\u003cbr\u003e\u003cem\u003eLepidium meyenii\u003c\/em\u003e — racine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🔬 L-Carnitine\u003c\/h3\u003e\n \u003cp\u003e160 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e⚡ Taurine\u003c\/h3\u003e\n \u003cp\u003e160 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e💪 Ginseng\u003c\/h3\u003e\n \u003cp\u003e120 mg\u003cbr\u003e\u003cem\u003ePanax ginseng\u003c\/em\u003e — racine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e♂️ Tribulus\u003c\/h3\u003e\n \u003cp\u003e100 mg\u003cbr\u003e\u003cem\u003eTribulus terrestris\u003c\/em\u003e — fruit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🔥 L-Arginine\u003c\/h3\u003e\n \u003cp\u003e100 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🛡️ Astragale\u003c\/h3\u003e\n \u003cp\u003e80 mg\u003cbr\u003e\u003cem\u003eAstragalus membranaceus\u003c\/em\u003e — racine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🧬 Zinc\u003c\/h3\u003e\n \u003cp\u003e10 mg\u003cbr\u003e100 % des AR\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🔒 Sélénium\u003c\/h3\u003e\n \u003cp\u003e55 µg\u003cbr\u003e100 % des AR\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🧪 Vitamine B9\u003c\/h3\u003e\n \u003cp\u003e400 µg\u003cbr\u003e200 % des AR\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e💊 Vitamine B12\u003c\/h3\u003e\n \u003cp\u003e2,5 µg\u003cbr\u003e100 % des AR\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e📋 Autres\u003c\/h3\u003e\n \u003cp\u003eGélule végétale, carbonate de magnésium, sels de magnésium d'acides gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"fth-section\"\u003e\n \u003ch2\u003eComment prendre Fertitop Homme ?\u003c\/h2\u003e\n \u003cdiv class=\"fth-timeline\"\u003e\n \u003cdiv class=\"fth-timeline-item\"\u003e\n \u003cdiv class=\"fth-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fth-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, le matin de préférence, avec un grand verre d'eau au cours du repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-timeline-item\"\u003e\n \u003cdiv class=\"fth-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fth-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, suivez une \u003cstrong\u003ecure de 3 mois minimum\u003c\/strong\u003e, correspondant au cycle complet de la spermatogenèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-timeline-item\"\u003e\n \u003cdiv class=\"fth-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fth-timeline-content\"\u003e\n \u003ch3\u003eMaximisez les bienfaits\u003c\/h3\u003e\n \u003cp\u003eAssociez cette cure à une alimentation variée, une activité physique régulière et un sommeil de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-tip\"\u003e\n \u003cspan class=\"fth-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e intégrez vos gélules à votre routine du petit-déjeuner pour ne jamais oublier votre prise quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"fth-section\"\u003e\n \u003ch2\u003eFabrication française et qualité garantie\u003c\/h2\u003e\n \u003cdiv class=\"fth-grid-compact\"\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France par Labophyto, laboratoire spécialisé dans le bien-être intime masculin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e✅ Normes européennes\u003c\/h3\u003e\n \u003cp\u003eChaque lot est élaboré selon les normes européennes en vigueur avec des ingrédients tracés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e📦 Contenu\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e60 gélules\u003c\/strong\u003e par boîte, soit un mois complet de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🔬 Sélection rigoureuse\u003c\/h3\u003e\n \u003cp\u003eIngrédients rigoureusement sélectionnés pour une efficacité et une sécurité optimales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"fth-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"fth-accordion\"\u003e\n \u003cdetails class=\"fth-accordion-item\"\u003e\n \u003csummary class=\"fth-accordion-header\"\u003e👤 Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"fth-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'homme adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fth-accordion-item\"\u003e\n \u003csummary class=\"fth-accordion-header\"\u003e⚠️ Dosage\u003c\/summary\u003e\n \u003cdiv class=\"fth-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée (2 gélules). Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fth-accordion-item\"\u003e\n \u003csummary class=\"fth-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"fth-accordion-content mt-3\"\u003e\n \u003cp\u003eCe \u003cstrong\u003ecomplément alimentaire pour fertilité homme\u003c\/strong\u003e ne remplace ni une alimentation équilibrée, ni un mode de vie sain, ni un avis médical. En cas de traitement médical, de pathologie ou d'infertilité diagnostiquée, consultez votre médecin avant toute prise.\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=\"fth-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fth-cta-box\"\u003e\n \u003cp\u003e🧬 Fertitop Homme est votre allié naturel pour aborder sereinement votre projet de conception. Offrez à votre organisme les nutriments dont il a besoin pour soutenir votre fertilité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fth-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Consultez votre médecin en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fth-cream: #f4f6fa;\n --fth-white: #ffffff;\n --fth-primary: #1a6fb5;\n --fth-primary-dark: #0d3f6e;\n --fth-primary-light: #e8f1fa;\n --fth-secondary: #2c9ed4;\n --fth-accent: #1b8ecf;\n --fth-text: #1a1a1a;\n --fth-text-light: #5a5a5a;\n --fth-border: #dce4ee;\n --fth-shadow: 0 4px 24px rgba(13,63,110,.08);\n --fth-shadow-lg: 0 12px 48px rgba(13,63,110,.15);\n --fth-radius: 20px;\n --fth-radius-sm: 12px;\n}\n\n.fth-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fth-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fth-hero {\n position: relative;\n background: linear-gradient(135deg, var(--fth-primary-dark) 0%, var(--fth-primary) 50%, var(--fth-secondary) 100%);\n border-radius: var(--fth-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(--fth-shadow-lg);\n}\n\n.fth-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.fth-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fth-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fth-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(--fth-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fth-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fth-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.fth-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.fth-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.fth-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fth-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fth-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.fth-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(--fth-primary), var(--fth-secondary));\n border-radius: 2px;\n}\n\n.fth-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fth-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.fth-card {\n background: var(--fth-white);\n border-radius: var(--fth-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fth-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fth-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fth-shadow-lg);\n border-color: var(--fth-primary);\n}\n\n.fth-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fth-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fth-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fth-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fth-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fth-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fth-grid-compact .fth-card {\n padding: 1rem;\n}\n\n.fth-grid-compact .fth-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fth-grid-compact .fth-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fth-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fth-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fth-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fth-primary), var(--fth-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.fth-timeline-content {\n flex: 1;\n background: var(--fth-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fth-radius-sm);\n box-shadow: var(--fth-shadow);\n}\n\n.fth-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fth-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fth-timeline-content p {\n font-size: 14px;\n color: var(--fth-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.fth-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fth-primary-light);\n border-radius: var(--fth-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fth-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fth-tip p {\n font-size: 14px;\n color: var(--fth-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.fth-accordion {\n background: var(--fth-white);\n border-radius: var(--fth-radius);\n box-shadow: var(--fth-shadow);\n overflow: hidden;\n}\n\n.fth-accordion-item {\n border-bottom: 1px solid var(--fth-border);\n margin: 0;\n padding: 0;\n}\n\n.fth-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fth-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fth-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.fth-accordion-header:hover {\n background: var(--fth-primary-light);\n}\n\n.fth-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fth-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fth-primary);\n transition: transform .2s ease;\n}\n\n.fth-accordion-item[open] .fth-accordion-header::after {\n content: '−';\n}\n\n.fth-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fth-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fth-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.fth-cta-box {\n background: linear-gradient(135deg, var(--fth-primary) 0%, var(--fth-primary-dark) 100%);\n border-radius: var(--fth-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fth-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.fth-disclaimer {\n font-size: 12px;\n color: var(--fth-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 .fth-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fth-card {\n padding: 1.125rem;\n }\n\n .fth-section {\n margin-bottom: 1.75rem;\n }\n\n .fth-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fth-radius-sm);\n }\n\n .fth-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fth-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fth-grid-compact {\n gap: .625rem;\n }\n\n .fth-grid-compact .fth-card {\n padding: .75rem;\n }\n\n .fth-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fth-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fth-timeline-content h3 {\n font-size: 14px;\n }\n\n .fth-timeline-content p {\n font-size: 13px;\n }\n\n .fth-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fth-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fth-card {\n animation: fthFadeInUp .5s ease backwards;\n }\n .fth-card:nth-child(1) { animation-delay: .05s; }\n .fth-card:nth-child(2) { animation-delay: .1s; }\n .fth-card:nth-child(3) { animation-delay: .15s; }\n .fth-card:nth-child(4) { animation-delay: .2s; }\n .fth-card:nth-child(5) { animation-delay: .25s; }\n .fth-card:nth-child(6) { animation-delay: .3s; }\n .fth-card:nth-child(7) { animation-delay: .35s; }\n .fth-card:nth-child(8) { animation-delay: .4s; }\n .fth-card:nth-child(9) { animation-delay: .45s; }\n .fth-card:nth-child(10) { animation-delay: .5s; }\n .fth-card:nth-child(11) { animation-delay: .55s; }\n .fth-card:nth-child(12) { animation-delay: .6s; }\n}\n\n@keyframes fthFadeInUp {\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 .fth-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755026014365,"sku":"REF1056","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Fertitop60gelluleshomme.webp?v=1772624472"},{"product_id":"fertitop-femme-fertilite-60-gelules-labophyto","title":"Fertitop Femme Fertilité - 60 Gélules - Labophyto","description":"\u003cdiv class=\"ft-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ft-hero\"\u003e\n \u003cdiv class=\"ft-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ft-hero-content\"\u003e\n \u003cdiv class=\"ft-badges-top\"\u003e\n \u003cspan class=\"ft-badge\"\u003e🌿 Maca + Inositol\u003c\/span\u003e\n \u003cspan class=\"ft-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003cspan class=\"ft-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"ft-badge\"\u003e🍃 Sans gluten · Sans lactose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ft-hero-title\"\u003eFertitop Femme Fertilité\u003c\/span\u003e\n \u003cp class=\"ft-subtitle\"\u003ePar Labophyto — Expert en bien-être intime\u003c\/p\u003e\n \u003cp class=\"ft-description\"\u003eLa synergie naturelle de maca, myo-inositol et vitamines B pour accompagner votre projet bébé en douceur et soutenir chaque étape de la conception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eFertitop Femme : le complément fertilité femme à base de maca, inositol et vitamines B\u003c\/h2\u003e\n \u003cp class=\"ft-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire fertilité femme\u003c\/strong\u003e naturel et complet ?\u003c\/p\u003e\n \u003cdiv class=\"ft-highlight-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eFertitop Femme\u003c\/strong\u003e de Labophyto réunit dans une seule gélule végétale les actifs les plus étudiés pour soutenir la conception : \u003cstrong\u003emaca\u003c\/strong\u003e, \u003cstrong\u003emyo-inositol\u003c\/strong\u003e, \u003cstrong\u003evitamine B9\u003c\/strong\u003e (acide folique), vitamines B5, B6, B12 et vitamine E. Cette synergie accompagne votre projet bébé en agissant sur l'équilibre hormonal, la qualité de l'ovulation et la vitalité globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003ePourquoi ces ingrédients sont essentiels pour la fertilité féminine\u003c\/h2\u003e\n \u003cp class=\"ft-section-intro\"\u003eChaque actif de Fertitop Femme joue un rôle précis dans le soutien à la conception.\u003c\/p\u003e\n \u003cdiv class=\"ft-grid\"\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🌱 Maca (380 mg)\u003c\/h3\u003e\n \u003cp\u003eRacine péruvienne traditionnellement utilisée pour soutenir l'énergie et l'équilibre hormonal. Dosée de façon optimale pour contribuer à un cycle régulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🧬 Inositol (240 mg)\u003c\/h3\u003e\n \u003cp\u003eAussi appelé myo-inositol, il participe à la signalisation de l'insuline et favorise une ovulation de qualité. L'un des actifs les plus recommandés pour la conception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🍊 Vitamine B9 (200 µg – 100 % VNR)\u003c\/h3\u003e\n \u003cp\u003eIndispensable avant et pendant la grossesse, elle contribue à la croissance des tissus maternels et au développement normal du tube neural du fœtus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E (12 mg – 100 % VNR)\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant, elle protège les cellules du stress oxydatif et soutient la qualité ovocytaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e⚡ Vitamines B5, B6, B12\u003c\/h3\u003e\n \u003cp\u003eElles réduisent la fatigue, participent à la régulation hormonale et soutiennent le métabolisme énergétique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🌹 Extrait de rose pâle (25 mg)\u003c\/h3\u003e\n \u003cp\u003eApporte des polyphénols aux propriétés apaisantes pour un bien-être global et une sérénité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eComposition complète pour 2 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"ft-composition-table\"\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eExtrait sec de Maca (\u003cem\u003eLepidium meyenii\u003c\/em\u003e, racine)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e380 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eInositol\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e240 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eExtrait sec de Rose pâle (\u003cem\u003eRosa centifolia\u003c\/em\u003e, fleur)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e25 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eVitamine E (acétate de D-alpha-tocophéryle)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e12 mg \u003csmall\u003e(100 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eVitamine B5 (D-pantothénate de calcium)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e6 mg \u003csmall\u003e(100 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eVitamine B6 (chlorhydrate de pyridoxine)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e1,4 mg \u003csmall\u003e(100 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eVitamine B9 (acide ptéroylmonoglutamique)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e200 µg \u003csmall\u003e(100 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eVitamine B12 (cyanocobalamine)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e2,5 µg \u003csmall\u003e(100 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-tip\"\u003e\n \u003cspan class=\"ft-tip-icon\"\u003eℹ️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eExcipients :\u003c\/strong\u003e carbonate de magnésium, sels de magnésium d'acides gras. \u003cstrong\u003eGélule végétale\u003c\/strong\u003e en hydroxypropylméthylcellulose. \u003cstrong\u003eSans gluten, sans lactose\u003c\/strong\u003e, sans additif synthétique. Fabrication française – Laboratoire Labophyto.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"ft-timeline\"\u003e\n \u003cdiv class=\"ft-timeline-item\"\u003e\n \u003cdiv class=\"ft-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\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 petit-déjeuner.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-item\"\u003e\n \u003cdiv class=\"ft-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-content\"\u003e\n \u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, une \u003cstrong\u003ecure de 3 mois\u003c\/strong\u003e est recommandée, correspondant au cycle naturel de maturation ovocytaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-item\"\u003e\n \u003cdiv class=\"ft-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-content\"\u003e\n \u003ch3\u003eMode de vie associé\u003c\/h3\u003e\n \u003cp\u003eAssociez cette cure à une alimentation équilibrée et une bonne gestion du stress pour maximiser les bénéfices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément alimentaire pour fertilité femme ?\u003c\/h2\u003e\n \u003cp class=\"ft-section-intro\"\u003eFertitop Femme convient aux femmes en âge de procréer qui souhaitent :\u003c\/p\u003e\n \u003cdiv class=\"ft-grid-compact\"\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🌸 Préparation naturelle\u003c\/h3\u003e\n \u003cp\u003ePréparer leur corps à la conception de façon naturelle et sereine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🔄 Cycle régulier\u003c\/h3\u003e\n \u003cp\u003eSoutenir un cycle menstruel régulier et une ovulation de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e💊 Apport vitaminique\u003c\/h3\u003e\n \u003cp\u003eCompléter leur apport en vitamines clés avant la grossesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e⚡ Énergie \u0026amp; vitalité\u003c\/h3\u003e\n \u003cp\u003eRetrouver énergie et vitalité pendant leur parcours de conception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ft-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ft-accordion\"\u003e\n \u003cdetails class=\"ft-accordion-item\"\u003e\n \u003csummary class=\"ft-accordion-header\"\u003e⚠️ Avertissements généraux\u003c\/summary\u003e\n \u003cdiv class=\"ft-accordion-content mt-3\"\u003e\n \u003cp\u003eNe remplace pas une alimentation variée, équilibrée, ni un mode de vie sain. Ne pas dépasser la dose journalière de 2 gélules. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ft-accordion-item\"\u003e\n \u003csummary class=\"ft-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"ft-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez l'avis de votre médecin avant toute prise de ce complément alimentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ft-accordion-item\"\u003e\n \u003csummary class=\"ft-accordion-header\"\u003e💊 Traitement médical en cours\u003c\/summary\u003e\n \u003cdiv class=\"ft-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médical ou de pathologie, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"ft-disclaimer\"\u003eCe complément alimentaire ne constitue pas un traitement médical et ne saurait se substituer à un suivi médical adapté.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ft-cream: #f9f5fb;\n --ft-white: #ffffff;\n --ft-primary: #7b2d8e;\n --ft-primary-dark: #5a1a6b;\n --ft-primary-light: #f3e8f9;\n --ft-secondary: #a855c7;\n --ft-accent: #d4a5e8;\n --ft-text: #1a1a1a;\n --ft-text-light: #5a5a5a;\n --ft-border: #e8dced;\n --ft-shadow: 0 4px 24px rgba(123,45,142,.08);\n --ft-shadow-lg: 0 12px 48px rgba(123,45,142,.15);\n --ft-radius: 20px;\n --ft-radius-sm: 12px;\n}\n\n.ft-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ft-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ft-hero {\n position: relative;\n background: linear-gradient(135deg, #5a1a6b 0%, #7b2d8e 40%, #a855c7 80%, #d4a5e8 100%);\n border-radius: var(--ft-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(--ft-shadow-lg);\n}\n\n.ft-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 radial-gradient(circle at 50% 50%, rgba(212,165,232,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ft-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ft-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.ft-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ft-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ft-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ft-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(--ft-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ft-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ft-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ft-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ft-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.ft-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(--ft-primary), var(--ft-secondary));\n border-radius: 2px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ft-highlight-box {\n background: var(--ft-white);\n border-radius: var(--ft-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ft-shadow);\n border-left: 4px solid var(--ft-primary);\n}\n\n.ft-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--ft-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.ft-card {\n background: var(--ft-white);\n border-radius: var(--ft-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ft-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ft-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ft-shadow-lg);\n border-color: var(--ft-primary);\n}\n\n.ft-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ft-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ft-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ft-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ft-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ft-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ft-grid-compact .ft-card {\n padding: 1rem;\n}\n\n.ft-grid-compact .ft-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ft-grid-compact .ft-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.ft-composition-table {\n background: var(--ft-white);\n border-radius: var(--ft-radius);\n box-shadow: var(--ft-shadow);\n overflow: hidden;\n}\n\n.ft-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--ft-border);\n gap: 1rem;\n}\n\n.ft-compo-row:last-child {\n border-bottom: none;\n}\n\n.ft-compo-row:nth-child(even) {\n background: var(--ft-primary-light);\n}\n\n.ft-compo-name {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ft-text);\n font-weight: 500;\n flex: 1;\n line-height: 1.4;\n}\n\n.ft-compo-name em {\n color: var(--ft-text-light);\n}\n\n.ft-compo-dose {\n font-size: clamp(13px, 2vw, 15px);\n font-weight: 800;\n color: var(--ft-primary-dark);\n white-space: nowrap;\n text-align: right;\n}\n\n.ft-compo-dose small {\n font-weight: 600;\n color: var(--ft-secondary);\n font-size: 11px;\n}\n\n\/* === TIMELINE === *\/\n.ft-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ft-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ft-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ft-primary), var(--ft-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.ft-timeline-content {\n flex: 1;\n background: var(--ft-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ft-radius-sm);\n box-shadow: var(--ft-shadow);\n}\n\n.ft-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ft-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ft-timeline-content p {\n font-size: 14px;\n color: var(--ft-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDION === *\/\n.ft-accordion {\n background: var(--ft-white);\n border-radius: var(--ft-radius);\n box-shadow: var(--ft-shadow);\n overflow: hidden;\n}\n\n.ft-accordion-item {\n border-bottom: 1px solid var(--ft-border);\n margin: 0;\n padding: 0;\n}\n\n.ft-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ft-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ft-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.ft-accordion-header:hover {\n background: var(--ft-primary-light);\n}\n\n.ft-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ft-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ft-primary);\n transition: transform .2s ease;\n}\n\n.ft-accordion-item[open] .ft-accordion-header::after {\n content: '−';\n}\n\n.ft-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ft-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ft-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ft-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ft-primary-light);\n border-radius: var(--ft-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ft-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ft-tip p {\n font-size: 14px;\n color: var(--ft-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ft-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ft-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === DISCLAIMER === *\/\n.ft-disclaimer {\n font-size: 12px;\n color: var(--ft-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 .ft-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ft-card {\n padding: 1.125rem;\n }\n\n .ft-section {\n margin-bottom: 1.75rem;\n }\n\n .ft-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ft-radius-sm);\n }\n\n .ft-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ft-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ft-grid-compact {\n gap: .625rem;\n }\n\n .ft-grid-compact .ft-card {\n padding: .75rem;\n }\n\n .ft-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ft-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ft-timeline-content h3 {\n font-size: 14px;\n }\n\n .ft-timeline-content p {\n font-size: 13px;\n }\n\n .ft-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ft-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ft-highlight-box {\n padding: 1.25rem;\n }\n\n .ft-compo-row {\n padding: .75rem 1rem;\n flex-direction: column;\n align-items: flex-start;\n gap: .25rem;\n }\n\n .ft-compo-dose {\n text-align: left;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ft-card {\n animation: ftFadeInUp .5s ease backwards;\n }\n .ft-card:nth-child(1) { animation-delay: .05s; }\n .ft-card:nth-child(2) { animation-delay: .1s; }\n .ft-card:nth-child(3) { animation-delay: .15s; }\n .ft-card:nth-child(4) { animation-delay: .2s; }\n .ft-card:nth-child(5) { animation-delay: .25s; }\n .ft-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ftFadeInUp {\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 .ft-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755026374813,"sku":"REF1057","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Fertitop60gellules_1d1e0240-7652-4974-a31b-4938d9840251.webp?v=1772624460"},{"product_id":"erectab-stimulant-20-comprimes-labophyto","title":"Erectab - Stimulant Sexuel Naturel pour l'Érection - 20 Comprimés - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Erectab - Stimulant Sexuel Naturel pour l'Érection\nPalette détectée:\n - Primaire: #2B7EC1 (Bleu profond du packaging, évoque confiance et masculinité)\n - Secondaire: #1A5A8F (Bleu foncé pour contraste et profondeur)\n - Accent: #4A9CD9 (Bleu clair pour les highlights et backgrounds)\n - Neutre: #F8F9FB (Gris très clair\/blanc cassé pour backgrounds)\nAmbiance: Masculin, confiant, technique\/médical, professionnel avec approche naturelle\nStyle suggéré: Premium masculin avec touche médicale\/scientifique, moderne et rassurant\nPréfixe CSS: et\n--\u003e\n\n\u003cdiv class=\"et-premium\"\u003e\n \u003cdiv class=\"et-hero\"\u003e\n \u003cdiv class=\"et-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"et-hero-content\"\u003e\n \u003cdiv class=\"et-badges-top\"\u003e\n \u003cspan class=\"et-badge\"\u003e⚡ Effet rapide\u003c\/span\u003e\n \u003cspan class=\"et-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"et-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"et-hero-title\"\u003eErectab\u003c\/span\u003e\n \u003cp class=\"et-subtitle\"\u003eStimulant naturel pour l'érection et la virilité\u003c\/p\u003e\n \u003cp class=\"et-description\"\u003eLe complément alimentaire masculin qui combine 6 extraits végétaux puissants et des micronutriments essentiels pour booster vos performances naturellement et retrouver confiance en vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003ePourquoi choisir Erectab ?\u003c\/h2\u003e\n \u003cdiv class=\"et-grid\"\u003e\n \u003cdiv class=\"et-card\"\u003e\n \u003cdiv class=\"et-card-icon\"\u003e🎯\u003c\/div\u003e\n \u003cdiv class=\"et-card-title\"\u003eAction rapide et ciblée\u003c\/div\u003e\n \u003cp\u003eFormule concentrée qui agit en \u003cstrong\u003e60 minutes\u003c\/strong\u003e pour favoriser une érection ferme et durable au moment souhaité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-card\"\u003e\n \u003cdiv class=\"et-card-icon\"\u003e🔥\u003c\/div\u003e\n \u003cdiv class=\"et-card-title\"\u003eLibido amplifiée\u003c\/div\u003e\n \u003cp\u003eAugmente le désir sexuel et l'énergie grâce à une synergie d'aphrodisiaques naturels reconnus depuis des millénaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-card\"\u003e\n \u003cdiv class=\"et-card-icon\"\u003e💪\u003c\/div\u003e\n \u003cdiv class=\"et-card-title\"\u003eVirilité renforcée\u003c\/div\u003e\n \u003cp\u003eSoutient la production hormonale masculine avec zinc et sélénium pour une vitalité optimale et des performances durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-card\"\u003e\n \u003cdiv class=\"et-card-icon\"\u003e✅\u003c\/div\u003e\n \u003cdiv class=\"et-card-title\"\u003e100% naturel et sûr\u003c\/div\u003e\n \u003cp\u003eFormule à base de plantes adaptogènes, sans effets secondaires, pour améliorer naturellement votre performance sexuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-card\"\u003e\n \u003cdiv class=\"et-card-icon\"\u003e🧠\u003c\/div\u003e\n \u003cdiv class=\"et-card-title\"\u003eConfiance retrouvée\u003c\/div\u003e\n \u003cp\u003eRetrouvez l'assurance et la sérénité nécessaires pour des moments intimes épanouis et satisfaisants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-card\"\u003e\n \u003cdiv class=\"et-card-icon\"\u003e🏆\u003c\/div\u003e\n \u003cdiv class=\"et-card-title\"\u003eQualité Labophyto\u003c\/div\u003e\n \u003cp\u003eFabriqué en France par un laboratoire expert en santé sexuelle masculine depuis plus de 10 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003eUne formule naturelle ultra-concentrée\u003c\/h2\u003e\n \u003cp class=\"et-intro-text\"\u003eErectab réunit 6 extraits végétaux soigneusement sélectionnés et dosés, associés à des vitamines et minéraux essentiels pour une efficacité maximale.\u003c\/p\u003e\n \n \u003cdiv class=\"et-ingredients-grid\"\u003e\n \u003cdiv class=\"et-ingredient-card\"\u003e\n \u003cdiv class=\"et-ingredient-header\"\u003e\n \u003cspan class=\"et-ingredient-icon\"\u003e🌾\u003c\/span\u003e\n \u003cdiv class=\"et-ingredient-name\"\u003eAstragale\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-ingredient-dose\"\u003e200 mg\u003c\/div\u003e\n \u003cp class=\"et-ingredient-desc\"\u003eRacine tonifiante qui améliore la circulation sanguine et soutient la fonction érectile naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-ingredient-card\"\u003e\n \u003cdiv class=\"et-ingredient-header\"\u003e\n \u003cspan class=\"et-ingredient-icon\"\u003e🍃\u003c\/span\u003e\n \u003cdiv class=\"et-ingredient-name\"\u003eAshwagandha\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-ingredient-dose\"\u003e160 mg\u003c\/div\u003e\n \u003cp class=\"et-ingredient-desc\"\u003eAdaptogène puissant qui réduit le stress, augmente la testostérone et booste la libido masculine.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-ingredient-card\"\u003e\n \u003cdiv class=\"et-ingredient-header\"\u003e\n \u003cspan class=\"et-ingredient-icon\"\u003e⚡\u003c\/span\u003e\n \u003cdiv class=\"et-ingredient-name\"\u003eTribulus\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-ingredient-dose\"\u003e150 mg\u003c\/div\u003e\n \u003cp class=\"et-ingredient-desc\"\u003eAméliore la performance sexuelle et stimule la production naturelle de testostérone.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-ingredient-card\"\u003e\n \u003cdiv class=\"et-ingredient-header\"\u003e\n \u003cspan class=\"et-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n \u003cdiv class=\"et-ingredient-name\"\u003eGinseng\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-ingredient-dose\"\u003e90 mg\u003c\/div\u003e\n \u003cp class=\"et-ingredient-desc\"\u003ePlante énergisante qui améliore l'endurance, la vitalité et la qualité des érections.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-ingredient-card\"\u003e\n \u003cdiv class=\"et-ingredient-header\"\u003e\n \u003cspan class=\"et-ingredient-icon\"\u003e🔥\u003c\/span\u003e\n \u003cdiv class=\"et-ingredient-name\"\u003eGingembre\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-ingredient-dose\"\u003e50 mg\u003c\/div\u003e\n \u003cp class=\"et-ingredient-desc\"\u003eStimulant circulatoire et aphrodisiaque qui favorise l'afflux sanguin et l'excitation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-ingredient-card\"\u003e\n \u003cdiv class=\"et-ingredient-header\"\u003e\n \u003cspan class=\"et-ingredient-icon\"\u003e⚫\u003c\/span\u003e\n \u003cdiv class=\"et-ingredient-name\"\u003ePoivre noir\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-ingredient-dose\"\u003e1 mg\u003c\/div\u003e\n \u003cp class=\"et-ingredient-desc\"\u003eAméliore l'absorption de tous les actifs pour une efficacité optimale de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-vitamins-box\"\u003e\n \u003cdiv class=\"et-vitamins-title\"\u003e💊 Enrichi en micronutriments essentiels\u003c\/div\u003e\n \u003cdiv class=\"et-vitamins-grid\"\u003e\n \u003cdiv class=\"et-vitamin-item\"\u003e\n \u003cstrong\u003eZinc\u003c\/strong\u003e\n \u003cspan\u003e10 mg (100% AR)\u003c\/span\u003e\n \u003csmall\u003eSoutient la fertilité et la production de testostérone\u003c\/small\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-vitamin-item\"\u003e\n \u003cstrong\u003eSélénium\u003c\/strong\u003e\n \u003cspan\u003e55 µg (100% AR)\u003c\/span\u003e\n \u003csmall\u003eProtège les cellules et favorise la spermatogenèse\u003c\/small\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-vitamin-item\"\u003e\n \u003cstrong\u003eVitamine B6\u003c\/strong\u003e\n \u003cspan\u003e1,4 mg (100% AR)\u003c\/span\u003e\n \u003csmall\u003eRégule l'activité hormonale et réduit la fatigue\u003c\/small\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-vitamin-item\"\u003e\n \u003cstrong\u003eBiotine (B8)\u003c\/strong\u003e\n \u003cspan\u003e50 µg (100% AR)\u003c\/span\u003e\n \u003csmall\u003eSoutient le métabolisme énergétique normal\u003c\/small\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003eComment utiliser Erectab ?\u003c\/h2\u003e\n \u003cdiv class=\"et-usage-timeline\"\u003e\n \u003cdiv class=\"et-usage-step\"\u003e\n \u003cdiv class=\"et-usage-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"et-usage-content\"\u003e\n \u003cdiv class=\"et-usage-title\"\u003ePrendre 2 comprimés\u003c\/div\u003e\n \u003cp\u003eAvec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-usage-arrow\"\u003e→\u003c\/div\u003e\n \u003cdiv class=\"et-usage-step\"\u003e\n \u003cdiv class=\"et-usage-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"et-usage-content\"\u003e\n \u003cdiv class=\"et-usage-title\"\u003e60 minutes avant\u003c\/div\u003e\n \u003cp\u003eL'activité sexuelle prévue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-usage-arrow\"\u003e→\u003c\/div\u003e\n \u003cdiv class=\"et-usage-step\"\u003e\n \u003cdiv class=\"et-usage-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"et-usage-content\"\u003e\n \u003cdiv class=\"et-usage-title\"\u003eProfitez des résultats\u003c\/div\u003e\n \u003cp\u003eÉrection ferme et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-info-box\"\u003e\n \u003cdiv class=\"et-info-icon\"\u003e📋\u003c\/div\u003e\n \u003cdiv class=\"et-info-content\"\u003e\n \u003cstrong\u003eDosage recommandé :\u003c\/strong\u003e Ne pas dépasser 4 comprimés par jour. Pour un effet optimal, respectez les recommandations d'usage et adoptez une utilisation régulière si nécessaire.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003eRésultats attendus\u003c\/h2\u003e\n \u003cdiv class=\"et-results-grid\"\u003e\n \u003cdiv class=\"et-result-card\"\u003e\n \u003cdiv class=\"et-result-time\"\u003e⏱️ 60 min\u003c\/div\u003e\n \u003cdiv class=\"et-result-title\"\u003eAction rapide\u003c\/div\u003e\n \u003cp\u003eLes premiers effets se font sentir environ une heure après la prise pour une spontanéité préservée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-result-card\"\u003e\n \u003cdiv class=\"et-result-time\"\u003e💪 Immédiat\u003c\/div\u003e\n \u003cdiv class=\"et-result-title\"\u003eÉrection renforcée\u003c\/div\u003e\n \u003cp\u003eAmélioration de la qualité, de la fermeté et de la durée des érections dès la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-result-card\"\u003e\n \u003cdiv class=\"et-result-time\"\u003e🔥 2-4 semaines\u003c\/div\u003e\n \u003cdiv class=\"et-result-title\"\u003eLibido amplifiée\u003c\/div\u003e\n \u003cp\u003eAugmentation progressive du désir sexuel et de l'énergie avec une utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-result-card\"\u003e\n \u003cdiv class=\"et-result-time\"\u003e✨ 1-2 mois\u003c\/div\u003e\n \u003cdiv class=\"et-result-title\"\u003eVitalité optimale\u003c\/div\u003e\n \u003cp\u003eSoutien hormonal et amélioration globale de la performance masculine sur le long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003ePour qui est Erectab ?\u003c\/h2\u003e\n \u003cdiv class=\"et-grid\"\u003e\n \u003cdiv class=\"et-target-card\"\u003e\n \u003cdiv class=\"et-target-icon\"\u003e👨\u003c\/div\u003e\n \u003cdiv class=\"et-target-title\"\u003eHommes de 30 ans et +\u003c\/div\u003e\n \u003cp\u003eQui souhaitent maintenir ou améliorer leur performance sexuelle naturellement avec l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-target-card\"\u003e\n \u003cdiv class=\"et-target-icon\"\u003e💼\u003c\/div\u003e\n \u003cdiv class=\"et-target-title\"\u003eActifs stressés\u003c\/div\u003e\n \u003cp\u003eDont la libido et les érections sont affectées par le stress, la fatigue ou le surmenage professionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-target-card\"\u003e\n \u003cdiv class=\"et-target-icon\"\u003e🎯\u003c\/div\u003e\n \u003cdiv class=\"et-target-title\"\u003eRecherche de performance\u003c\/div\u003e\n \u003cp\u003eQui veulent optimiser leur virilité, leur endurance et leur satisfaction lors des rapports intimes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-target-card\"\u003e\n \u003cdiv class=\"et-target-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"et-target-title\"\u003eAdeptes du naturel\u003c\/div\u003e\n \u003cp\u003eQui préfèrent une approche naturelle sans médicaments ni effets secondaires indésirables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003eAvis de nos clients et experts\u003c\/h2\u003e\n \n \u003cdiv class=\"et-expert-review\"\u003e\n \u003cdiv class=\"et-expert-badge\"\u003e👨‍⚕️ Avis d'expert\u003c\/div\u003e\n \u003cp\u003eNous apprécions particulièrement la synergie des plantes adaptogènes et aphrodisiaques utilisées dans la formule d'Erectab. \u003cstrong\u003eAstragale, Ashwagandha, Tribulus et Ginseng\u003c\/strong\u003e agissent de façon complémentaire pour soutenir l'érection, améliorer la vitalité et favoriser la libido.\u003c\/p\u003e\n \u003cp\u003eLa présence de \u003cstrong\u003eZinc, de Sélénium et de vitamines du groupe B\u003c\/strong\u003e complète intelligemment l'action en soutenant la production hormonale et la santé générale. Sa fabrication française et le sérieux du laboratoire Labophyto sont également des gages de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-reviews-grid\"\u003e\n \u003cdiv class=\"et-review-positive\"\u003e\n \u003cdiv class=\"et-review-icon\"\u003e✅\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eEffets visibles dès les premières prises\u003c\/strong\u003e avec des érections plus fermes et durables rapportés par de nombreux utilisateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-review-positive\"\u003e\n \u003cdiv class=\"et-review-icon\"\u003e✅\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eAmélioration notable de la confiance en soi\u003c\/strong\u003e et une meilleure satisfaction lors des rapports intimes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-review-positive\"\u003e\n \u003cdiv class=\"et-review-icon\"\u003e✅\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eConfort digestif et absence d'effets indésirables\u003c\/strong\u003e notables selon les retours clients.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-review-note\"\u003e\n \u003cdiv class=\"et-review-icon\"\u003e💡\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eEfficacité variable selon la sensibilité individuelle\u003c\/strong\u003e et la condition physique générale de chacun.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-tip-box\"\u003e\n \u003cdiv class=\"et-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv class=\"et-tip-content\"\u003e\n \u003cstrong\u003eNotre conseil d'expert :\u003c\/strong\u003e Pour maximiser les effets d'Erectab, adoptez une bonne hygiène de vie : \u003cstrong\u003ealimentation équilibrée, activité physique régulière, sommeil de qualité et gestion du stress\u003c\/strong\u003e sont des alliés indispensables pour une sexualité épanouie et durable.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n \u003cdiv class=\"et-quality-grid\"\u003e\n \u003cdiv class=\"et-quality-card\"\u003e\n \u003cdiv class=\"et-quality-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"et-quality-title\"\u003eMade in France\u003c\/div\u003e\n \u003cp\u003eFabriqué par \u003cstrong\u003eLabophyto\u003c\/strong\u003e, laboratoire français spécialisé en santé sexuelle masculine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-quality-card\"\u003e\n \u003cdiv class=\"et-quality-icon\"\u003e🏭\u003c\/div\u003e\n \u003cdiv class=\"et-quality-title\"\u003eLaboratoires certifiés\u003c\/div\u003e\n \u003cp\u003eProduction dans des installations conformes aux \u003cstrong\u003enormes européennes\u003c\/strong\u003e les plus strictes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-quality-card\"\u003e\n \u003cdiv class=\"et-quality-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"et-quality-title\"\u003eIngrédients sélectionnés\u003c\/div\u003e\n \u003cp\u003eExtraits végétaux de \u003cstrong\u003equalité premium\u003c\/strong\u003e, rigoureusement sélectionnés pour leur efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-quality-card\"\u003e\n \u003cdiv class=\"et-quality-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"et-quality-title\"\u003eContrôles qualité\u003c\/div\u003e\n \u003cp\u003eChaque lot est testé pour garantir \u003cstrong\u003epureté, sécurité et efficacité\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"et-warning-box\"\u003e\n \u003cdiv class=\"et-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"et-warning-content\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eAdultes uniquement :\u003c\/strong\u003e Ce produit est destiné exclusivement aux hommes adultes.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eDéconseillé :\u003c\/strong\u003e Ne pas utiliser chez les femmes enceintes ou allaitantes.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAvis médical :\u003c\/strong\u003e En cas de traitement médical en cours (notamment cardiovasculaire), consultez un professionnel de santé avant utilisation.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eConservation :\u003c\/strong\u003e Tenir hors de portée des enfants. Conserver dans un endroit sec et frais.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eComplément alimentaire :\u003c\/strong\u003e Ne peut remplacer une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eDosage :\u003c\/strong\u003e Ne pas dépasser 4 comprimés par jour. Respecter les doses recommandées.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"et-infos-grid\"\u003e\n \u003cdiv class=\"et-info-card\"\u003e\n \u003cdiv class=\"et-info-card-icon\"\u003e📦\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-title\"\u003eContenu\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-value\"\u003e20 comprimés\u003c\/div\u003e\n \u003cp\u003eSoit 10 prises de 2 comprimés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-info-card\"\u003e\n \u003cdiv class=\"et-info-card-icon\"\u003e⏰\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-title\"\u003ePrise\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-value\"\u003e60 min avant\u003c\/div\u003e\n \u003cp\u003eL'activité sexuelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-info-card\"\u003e\n \u003cdiv class=\"et-info-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-title\"\u003eComposition\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-value\"\u003e100% naturel\u003c\/div\u003e\n \u003cp\u003e6 extraits végétaux + nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-info-card\"\u003e\n \u003cdiv class=\"et-info-card-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-title\"\u003eFabrication\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-value\"\u003eFrance\u003c\/div\u003e\n \u003cp\u003eLaboratoires Labophyto\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"et-cta-box\"\u003e\n \u003cdiv class=\"et-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"et-cta-content\"\u003e\n \u003cdiv class=\"et-cta-icon\"\u003e🚀\u003c\/div\u003e\n \u003cp\u003eBoostez votre virilité et votre performance sexuelle avec \u003cstrong\u003eErectab de Labophyto\u003c\/strong\u003e, un allié naturel pour des moments intimes plus intenses, plus confiants et plus satisfaisants !\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 --et-cream: #F8F9FB;\n --et-white: #ffffff;\n --et-primary: #2B7EC1;\n --et-primary-dark: #1A5A8F;\n --et-primary-light: #E8F3FC;\n --et-secondary: #4A9CD9;\n --et-accent: #3B8DC7;\n\n \/* Textes *\/\n --et-text: #1a1a1a;\n --et-text-light: #5a5a5a;\n\n \/* Effets *\/\n --et-border: #e0e0e0;\n --et-shadow: 0 4px 24px rgba(43, 126, 193, .08);\n --et-shadow-lg: 0 12px 48px rgba(43, 126, 193, .15);\n --et-radius: 20px;\n --et-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.et-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--et-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--et-text);\n line-height: 1.7;\n}\n\n\/* === HERO === *\/\n.et-hero {\n position: relative;\n background: linear-gradient(135deg, #2B7EC1 0%, #1A5A8F 50%, #2B7EC1 100%);\n border-radius: var(--et-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(--et-shadow-lg);\n}\n\n.et-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.3) 20px, rgba(255,255,255,.3) 21px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.3) 20px, rgba(255,255,255,.3) 21px);\n}\n\n.et-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.et-badges-top {\n display: flex;\n gap: 12px;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n}\n\n.et-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(--et-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.et-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.et-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.et-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.et-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n font-weight: 400;\n}\n\n\/* === SECTIONS === *\/\n.et-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.et-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--et-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.et-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(--et-primary), var(--et-secondary));\n border-radius: 2px;\n}\n\n.et-intro-text {\n text-align: center;\n font-size: clamp(16px, 2.5vw, 19px);\n color: var(--et-text-light);\n max-width: 800px;\n margin: 0 auto 2.5rem;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.et-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.et-card {\n background: var(--et-white);\n border-radius: var(--et-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--et-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.et-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--et-shadow-lg);\n border-color: var(--et-primary);\n}\n\n.et-card-icon {\n font-size: clamp(36px, 6vw, 48px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.et-card-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--et-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.et-card p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--et-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENTS === *\/\n.et-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2.5rem;\n}\n\n.et-ingredient-card {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--et-shadow);\n border-left: 4px solid var(--et-primary);\n transition: all .3s ease;\n}\n\n.et-ingredient-card:hover {\n transform: translateX(6px);\n box-shadow: var(--et-shadow-lg);\n}\n\n.et-ingredient-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 1rem;\n}\n\n.et-ingredient-icon {\n font-size: 32px;\n}\n\n.et-ingredient-name {\n font-size: 20px;\n font-weight: 800;\n color: var(--et-primary-dark);\n letter-spacing: -.02em;\n}\n\n.et-ingredient-dose {\n display: inline-block;\n background: var(--et-primary-light);\n color: var(--et-primary-dark);\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n margin-bottom: 1rem;\n}\n\n.et-ingredient-desc {\n font-size: 15px;\n color: var(--et-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === VITAMINES === *\/\n.et-vitamins-box {\n background: linear-gradient(135deg, var(--et-primary-light) 0%, rgba(232, 243, 252, .5) 100%);\n border-radius: var(--et-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n border: 2px solid var(--et-primary);\n}\n\n.et-vitamins-title {\n font-size: clamp(19px, 3vw, 24px);\n font-weight: 800;\n color: var(--et-primary-dark);\n margin-bottom: 1.5rem;\n text-align: center;\n letter-spacing: -.02em;\n}\n\n.et-vitamins-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.et-vitamin-item {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.25rem;\n box-shadow: 0 2px 12px rgba(43, 126, 193, .08);\n display: flex;\n flex-direction: column;\n gap: 6px;\n transition: transform .3s ease;\n}\n\n.et-vitamin-item:hover {\n transform: translateY(-4px);\n}\n\n.et-vitamin-item strong {\n color: var(--et-primary-dark);\n font-size: 17px;\n font-weight: 800;\n}\n\n.et-vitamin-item span {\n color: var(--et-primary);\n font-size: 15px;\n font-weight: 700;\n}\n\n.et-vitamin-item small {\n color: var(--et-text-light);\n font-size: 13px;\n line-height: 1.5;\n}\n\n\/* === USAGE TIMELINE === *\/\n.et-usage-timeline {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n margin-bottom: 2.5rem;\n flex-wrap: wrap;\n}\n\n.et-usage-step {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n flex: 1;\n min-width: 200px;\n max-width: 280px;\n}\n\n.et-usage-number {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--et-primary), var(--et-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 28px;\n font-weight: 900;\n box-shadow: var(--et-shadow);\n}\n\n.et-usage-content {\n text-align: center;\n}\n\n.et-usage-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--et-primary-dark);\n margin-bottom: .5rem;\n letter-spacing: -.01em;\n}\n\n.et-usage-content p {\n font-size: 15px;\n color: var(--et-text-light);\n margin: 0;\n}\n\n.et-usage-arrow {\n font-size: 32px;\n color: var(--et-primary);\n font-weight: 700;\n}\n\n\/* === INFO BOX === *\/\n.et-info-box {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.5rem;\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n box-shadow: var(--et-shadow);\n border-left: 4px solid var(--et-secondary);\n}\n\n.et-info-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.et-info-content {\n font-size: 15px;\n color: var(--et-text);\n line-height: 1.6;\n}\n\n.et-info-content strong {\n color: var(--et-primary-dark);\n font-weight: 700;\n}\n\n\/* === RESULTS === *\/\n.et-results-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.et-result-card {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.75rem;\n box-shadow: var(--et-shadow);\n text-align: center;\n border-top: 4px solid var(--et-primary);\n transition: all .3s ease;\n}\n\n.et-result-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--et-shadow-lg);\n}\n\n.et-result-time {\n font-size: 28px;\n margin-bottom: .75rem;\n display: block;\n}\n\n.et-result-title {\n font-size: 19px;\n font-weight: 800;\n color: var(--et-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.et-result-card p {\n font-size: 15px;\n color: var(--et-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TARGET CARDS === *\/\n.et-target-card {\n background: var(--et-white);\n border-radius: var(--et-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--et-shadow);\n text-align: center;\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.et-target-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--et-shadow-lg);\n border-color: var(--et-primary);\n}\n\n.et-target-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.et-target-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--et-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.et-target-card p {\n font-size: 15px;\n color: var(--et-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === EXPERT REVIEW === *\/\n.et-expert-review {\n background: var(--et-white);\n border-radius: var(--et-radius);\n padding: clamp(1.75rem, 3vw, 2.5rem);\n box-shadow: var(--et-shadow);\n border-left: 6px solid var(--et-primary);\n margin-bottom: 2rem;\n}\n\n.et-expert-badge {\n display: inline-block;\n background: linear-gradient(135deg, var(--et-primary), var(--et-secondary));\n color: white;\n padding: 8px 18px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n margin-bottom: 1.25rem;\n}\n\n.et-expert-review p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--et-text);\n line-height: 1.7;\n margin-bottom: 1rem;\n}\n\n.et-expert-review p:last-child {\n margin-bottom: 0;\n}\n\n.et-expert-review strong {\n color: var(--et-primary-dark);\n font-weight: 700;\n}\n\n\/* === REVIEWS GRID === *\/\n.et-reviews-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n margin-bottom: 2rem;\n}\n\n.et-review-positive,\n.et-review-note {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--et-shadow);\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n transition: transform .3s ease;\n}\n\n.et-review-positive {\n border-left: 4px solid #10b981;\n}\n\n.et-review-note {\n border-left: 4px solid var(--et-secondary);\n}\n\n.et-review-positive:hover,\n.et-review-note:hover {\n transform: translateX(6px);\n}\n\n.et-review-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.et-review-positive p,\n.et-review-note p {\n font-size: 15px;\n color: var(--et-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.et-review-positive p strong,\n.et-review-note p strong {\n color: var(--et-primary-dark);\n font-weight: 700;\n}\n\n\/* === TIP BOX === *\/\n.et-tip-box {\n background: linear-gradient(135deg, var(--et-primary-light) 0%, rgba(232, 243, 252, .6) 100%);\n border-radius: var(--et-radius);\n padding: 1.75rem;\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n border: 2px solid var(--et-primary);\n}\n\n.et-tip-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.et-tip-content {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--et-text);\n line-height: 1.7;\n}\n\n.et-tip-content strong {\n color: var(--et-primary-dark);\n font-weight: 800;\n display: block;\n margin-bottom: .5rem;\n}\n\n\/* === QUALITY GRID === *\/\n.et-quality-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.et-quality-card {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.75rem;\n box-shadow: var(--et-shadow);\n text-align: center;\n transition: all .3s ease;\n}\n\n.et-quality-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--et-shadow-lg);\n}\n\n.et-quality-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.et-quality-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--et-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.et-quality-card p {\n font-size: 15px;\n color: var(--et-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.et-quality-card strong {\n color: var(--et-primary-dark);\n font-weight: 700;\n}\n\n\/* === WARNING BOX === *\/\n.et-warning-box {\n background: #FFF9E6;\n border-radius: var(--et-radius);\n padding: clamp(1.75rem, 3vw, 2.5rem);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n border: 2px solid #FFD700;\n box-shadow: 0 4px 20px rgba(255, 215, 0, .15);\n}\n\n.et-warning-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.et-warning-content ul {\n margin: 0;\n padding-left: 1.25rem;\n list-style: none;\n}\n\n.et-warning-content li {\n font-size: 15px;\n color: var(--et-text);\n line-height: 1.7;\n margin-bottom: .75rem;\n position: relative;\n padding-left: 1.25rem;\n}\n\n.et-warning-content li:last-child {\n margin-bottom: 0;\n}\n\n.et-warning-content li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: #FFD700;\n font-weight: 700;\n}\n\n.et-warning-content strong {\n color: var(--et-primary-dark);\n font-weight: 700;\n}\n\n\/* === INFOS GRID === *\/\n.et-infos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.et-info-card {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.75rem;\n box-shadow: var(--et-shadow);\n text-align: center;\n transition: all .3s ease;\n border-top: 4px solid var(--et-primary);\n}\n\n.et-info-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--et-shadow-lg);\n}\n\n.et-info-card-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.et-info-card-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--et-text-light);\n text-transform: uppercase;\n letter-spacing: .1em;\n margin-bottom: .5rem;\n}\n\n.et-info-card-value {\n font-size: 24px;\n font-weight: 900;\n color: var(--et-primary-dark);\n margin-bottom: .5rem;\n letter-spacing: -.02em;\n}\n\n.et-info-card p {\n font-size: 14px;\n color: var(--et-text-light);\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.et-cta-box {\n background: linear-gradient(135deg, var(--et-primary) 0%, var(--et-primary-dark) 100%);\n border-radius: var(--et-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--et-shadow-lg);\n}\n\n.et-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 50%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(255,255,255,.4) 0%, transparent 50%);\n}\n\n.et-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.et-cta-icon {\n font-size: 56px;\n margin-bottom: 1.5rem;\n display: block;\n animation: pulse 2s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.1); }\n}\n\n.et-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,.15);\n margin: 0;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.et-cta-box strong {\n font-weight: 900;\n letter-spacing: -.01em;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .et-grid,\n .et-ingredients-grid,\n .et-vitamins-grid,\n .et-results-grid,\n .et-reviews-grid,\n .et-quality-grid,\n .et-infos-grid {\n grid-template-columns: 1fr;\n }\n\n .et-usage-arrow {\n display: none;\n}\n\n .et-usage-arrow {\n transform: rotate(90deg);\n }\n\n .et-info-box,\n .et-tip-box,\n .et-warning-box {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .et-card,\n .et-ingredient-card,\n .et-result-card,\n .et-target-card,\n .et-quality-card,\n .et-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n\n .et-card:nth-child(1),\n .et-ingredient-card:nth-child(1),\n .et-result-card:nth-child(1),\n .et-target-card:nth-child(1),\n .et-quality-card:nth-child(1),\n .et-info-card:nth-child(1) { animation-delay: .1s; }\n \n .et-card:nth-child(2),\n .et-ingredient-card:nth-child(2),\n .et-result-card:nth-child(2),\n .et-target-card:nth-child(2),\n .et-quality-card:nth-child(2),\n .et-info-card:nth-child(2) { animation-delay: .2s; }\n \n .et-card:nth-child(3),\n .et-ingredient-card:nth-child(3),\n .et-result-card:nth-child(3),\n .et-target-card:nth-child(3),\n .et-quality-card:nth-child(3),\n .et-info-card:nth-child(3) { animation-delay: .3s; }\n \n .et-card:nth-child(4),\n .et-ingredient-card:nth-child(4),\n .et-result-card:nth-child(4),\n .et-target-card:nth-child(4),\n .et-quality-card:nth-child(4),\n .et-info-card:nth-child(4) { animation-delay: .4s; }\n \n .et-card:nth-child(5),\n .et-ingredient-card:nth-child(5) { animation-delay: .5s; }\n \n .et-card:nth-child(6),\n .et-ingredient-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .et-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .et-premium {\n --et-shadow: 0 0 0 2px var(--et-primary);\n --et-shadow-lg: 0 0 0 3px var(--et-primary);\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755026604189,"sku":"REF1058","price":44.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/erectab-erection-virilite-labophyto-720111.jpg?v=1732720364"},{"product_id":"boisson-instantanee-bleu-comme-toi-bio-50-g-sol-semilla","title":"Bleu Comme Toi (Sérénité \u0026 Immunité) : Boisson Instantanée Bio 50 g - Sol Semilla","description":"\u003cdiv class=\"bm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"bm-hero\"\u003e\n\u003cdiv class=\"bm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bm-hero-content\"\u003e\n\u003cdiv class=\"bm-badges-top\"\u003e\n\u003cspan class=\"bm-badge\"\u003e🧠 Mental \u0026amp; concentration\u003c\/span\u003e \u003cspan class=\"bm-badge\"\u003e🛡️ Immunité\u003c\/span\u003e \u003cspan class=\"bm-badge\"\u003e⚡ Vitalité\u003c\/span\u003e \u003cspan class=\"bm-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"bm-hero-title\"\u003eBlue Mind - Super boisson bio à la Klamath\u003c\/span\u003e\n\u003cp class=\"bm-subtitle\"\u003eKlamath · Menthe · Cardamone\u003c\/p\u003e\n\u003cp class=\"bm-description\"\u003eL'algue des esprits clairs dans une boisson instantanée à la couleur bleue envoûtante. 50 g · 17 portions · Par Sol Semilla, depuis 1992.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003cp class=\"bm-section-intro\"\u003eEnvie d'une boisson qui fait du bien à votre esprit autant qu'à votre corps ?\u003c\/p\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🧠 Concentration\u003c\/h3\u003e\n\u003cp\u003eLa \u003cstrong\u003eKlamath\u003c\/strong\u003e, surnommée l'algue des esprits clairs, soutient activement votre clarté mentale et votre focus au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🛡️ Immunité\u003c\/h3\u003e\n\u003cp\u003eRiche en minéraux, oligoéléments et phycocyanine, cette super boisson renforce vos \u003cstrong\u003edéfenses naturelles\u003c\/strong\u003e jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e⚡ Vitalité\u003c\/h3\u003e\n\u003cp\u003eUn concentré de nutriments essentiels pour retrouver \u003cstrong\u003eénergie\u003c\/strong\u003e et dynamisme dès la première gorgée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 1.25rem; font-size: clamp(14px,2.2vw,16px); color: var(--bm-text-light); line-height: 1.7;\"\u003eLa \u003cstrong\u003esuper boisson Blue Mind Bio de Sol Semilla\u003c\/strong\u003e associe l'extraordinaire algue Klamath, la fraîcheur de la menthe et les notes chaleureuses de la cardamone dans une poudre instantanée à la couleur bleue envoûtante. En quelques secondes, vous obtenez une boisson riche en nutriments, pensée pour soutenir votre concentration, votre immunité et votre vitalité au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003ePourquoi choisir la Klamath, l'algue des esprits clairs ?\u003c\/h2\u003e\n\u003cp class=\"bm-section-intro\"\u003eLa Klamath (Aphanizomenon flos-aquae) est une micro-algue bleu-vert récoltée à l'état sauvage dans le lac Klamath, en Oregon (USA). Elle est considérée comme l'un des superaliments les plus complets au monde.\u003c\/p\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e💎 Phycocyanine\u003c\/h3\u003e\n\u003cp\u003eUn pigment bleu aux puissantes propriétés \u003cstrong\u003eantioxydantes\u003c\/strong\u003e, qui donne à cette boisson sa teinte unique et fascinante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🔬 Vitamines du groupe B\u003c\/h3\u003e\n\u003cp\u003eDont la précieuse \u003cstrong\u003eB12\u003c\/strong\u003e, essentielle pour le système nerveux et l'énergie mentale au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🧬 Acides aminés essentiels\u003c\/h3\u003e\n\u003cp\u003eUn \u003cstrong\u003eprofil protéique complet\u003c\/strong\u003e, fait rare dans le monde végétal, pour nourrir vos cellules en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e⚙️ Minéraux \u0026amp; oligoéléments\u003c\/h3\u003e\n\u003cp\u003eFer, magnésium, zinc… Des cofacteurs indispensables au bon \u003cstrong\u003efonctionnement immunitaire\u003c\/strong\u003e et métabolique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-tip\"\u003e\n\u003cspan class=\"bm-tip-icon\"\u003e🌿\u003c\/span\u003e\n\u003cp\u003eSouvent surnommée « l'algue des esprits clairs », la Klamath est traditionnellement appréciée pour favoriser la \u003cstrong\u003econcentration\u003c\/strong\u003e et la \u003cstrong\u003eclarté mentale\u003c\/strong\u003e. Associée à la menthe rafraîchissante et à la cardamone digestive, elle compose ici une recette à la fois savoureuse et fonctionnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eComposition de Blue Mind Bio\u003c\/h2\u003e\n\u003cp class=\"bm-section-intro\"\u003eChaque sachet de \u003cstrong\u003e50 g\u003c\/strong\u003e contient environ \u003cstrong\u003e17 portions\u003c\/strong\u003e. Ingrédients issus de l'agriculture biologique :\u003c\/p\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card bm-card-highlight\"\u003e\n\u003ch3\u003e🔵 Algue Klamath en poudre\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eAphanizomenon flos-aquae\u003c\/em\u003e - Origine : lac Klamath, USA. L'ingrédient star, source de phycocyanine et de nutriments essentiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🌱 Menthe\u003c\/h3\u003e\n\u003cp\u003ePour une note vivifiante et rafraîchissante. Contribue à une haleine fraîche et une sensation de bien-être immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e✨ Cardamone\u003c\/h3\u003e\n\u003cp\u003eÉpice réchauffante qui facilite la digestion et apporte une touche aromatique subtile et enveloppante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"bm-grid-compact\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🏷️ Certifié AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eNi conservateurs, ni arômes artificiels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🌿 Végétalien\u003c\/h3\u003e\n\u003cp\u003eConvient aux régimes végétariens et végétaliens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e📦 17 portions\u003c\/h3\u003e\n\u003cp\u003eSachet de 50 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eComment préparer votre boisson Blue Mind ?\u003c\/h2\u003e\n\u003cp class=\"bm-section-intro\"\u003eLa préparation est simple et rapide :\u003c\/p\u003e\n\u003cdiv class=\"bm-timeline\"\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eDosez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003eune cuillère à café rase (environ 3 g)\u003c\/strong\u003e de poudre Blue Mind dans un verre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eAjoutez l'eau\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003e200 à 250 ml d'eau\u003c\/strong\u003e froide, tiède ou chaude selon votre préférence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eMélangez\u003c\/h3\u003e\n\u003cp\u003eRemuez vigoureusement à la cuillère ou au fouet jusqu'à \u003cstrong\u003edissolution complète\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eSavourez\u003c\/h3\u003e\n\u003cp\u003eDégustez immédiatement pour profiter de tous les bienfaits de la Klamath.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-tip\"\u003e\n\u003cspan class=\"bm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eVous pouvez également l'intégrer dans un \u003cstrong\u003esmoothie\u003c\/strong\u003e, un lait végétal ou un jus de fruits pour varier les plaisirs. Consommez une à deux portions par jour, de préférence le matin ou en début d'après-midi pour accompagner vos moments de concentration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eSol Semilla : le pouvoir des superaliments depuis 1992\u003c\/h2\u003e\n\u003cdiv class=\"bm-testimonial\"\u003e\n\u003cp class=\"bm-testimonial-text\"\u003e\u003cstrong\u003eSol Semilla\u003c\/strong\u003e est une marque française pionnière dans l'univers des superaliments biologiques. Depuis plus de 30 ans, elle sélectionne les meilleurs ingrédients à travers le monde, en privilégiant des filières responsables et une traçabilité rigoureuse. Chaque produit est conçu pour vous apporter le meilleur de la nature, sans compromis sur la qualité ni sur le goût.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"bm-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"bm-accordion\"\u003e\n\u003cdetails class=\"bm-accordion-item\"\u003e\n\u003csummary class=\"bm-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"bm-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de grossesse, d'allaitement ou de traitement médical, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bm-accordion-item\"\u003e\n\u003csummary class=\"bm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"bm-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"bm-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Consultez un professionnel de santé pour tout conseil personnalisé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --bm-cream: #f7f4ef;\n --bm-white: #ffffff;\n --bm-primary: #3bb8c3;\n --bm-primary-dark: #1a7a84;\n --bm-primary-light: #e6f6f8;\n --bm-secondary: #d4572a;\n --bm-accent: #f0b428;\n --bm-kraft: #c6a96c;\n --bm-text: #1a1a1a;\n --bm-text-light: #5a5a5a;\n --bm-border: #e0ddd7;\n --bm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bm-radius: 20px;\n --bm-radius-sm: 12px;\n}\n\n.bm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bm-hero {\n position: relative;\n background: linear-gradient(135deg, #1a7a84 0%, #3bb8c3 40%, #2a9aa5 70%, #d4572a 100%);\n border-radius: var(--bm-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(--bm-shadow-lg);\n}\n\n.bm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(240,180,40,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.bm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bm-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.bm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n letter-spacing: .15em;\n text-transform: uppercase;\n margin: 0 0 1rem 0;\n}\n\n.bm-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.bm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bm-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(--bm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bm-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.bm-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(--bm-primary), var(--bm-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.bm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bm-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.bm-card {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bm-shadow-lg);\n border-color: var(--bm-primary);\n}\n\n.bm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bm-card-highlight {\n border-color: var(--bm-primary);\n background: linear-gradient(135deg, var(--bm-primary-light) 0%, var(--bm-white) 100%);\n}\n\n\/* === GRILLES === *\/\n.bm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bm-grid-compact .bm-card {\n padding: 1rem;\n}\n\n.bm-grid-compact .bm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bm-grid-compact .bm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bm-primary), var(--bm-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(59,184,195,.3);\n}\n\n.bm-timeline-content {\n flex: 1;\n background: var(--bm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bm-radius-sm);\n box-shadow: var(--bm-shadow);\n}\n\n.bm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bm-timeline-content p {\n font-size: 14px;\n color: var(--bm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.bm-testimonial {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bm-shadow);\n border-left: 4px solid var(--bm-secondary);\n}\n\n.bm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bm-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.bm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bm-primary-light);\n border-radius: var(--bm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bm-tip p {\n font-size: 14px;\n color: var(--bm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.bm-accordion {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n box-shadow: var(--bm-shadow);\n overflow: hidden;\n}\n\n.bm-accordion-item {\n border-bottom: 1px solid var(--bm-border);\n margin: 0;\n padding: 0;\n}\n\n.bm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bm-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.bm-accordion-header:hover {\n background: var(--bm-primary-light);\n}\n\n.bm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bm-primary);\n transition: transform .2s ease;\n}\n\n.bm-accordion-item[open] .bm-accordion-header::after {\n content: '−';\n}\n\n.bm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bm-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.bm-disclaimer {\n font-size: 12px;\n color: var(--bm-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 .bm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bm-card {\n padding: 1.125rem;\n }\n\n .bm-section {\n margin-bottom: 1.75rem;\n }\n\n .bm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bm-radius-sm);\n }\n\n .bm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bm-grid-compact {\n gap: .625rem;\n }\n\n .bm-grid-compact .bm-card {\n padding: .75rem;\n }\n\n .bm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bm-timeline-content h3 {\n font-size: 14px;\n }\n\n .bm-timeline-content p {\n font-size: 13px;\n }\n\n .bm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bm-testimonial {\n padding: 1.25rem;\n }\n\n .bm-testimonial-text {\n font-size: 14px;\n }\n\n .bm-badges-top {\n gap: 6px;\n }\n\n .bm-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bm-card {\n animation: bmFadeInUp .5s ease backwards;\n }\n .bm-card:nth-child(1) { animation-delay: .05s; }\n .bm-card:nth-child(2) { animation-delay: .1s; }\n .bm-card:nth-child(3) { animation-delay: .15s; }\n .bm-card:nth-child(4) { animation-delay: .2s; }\n .bm-card:nth-child(5) { animation-delay: .25s; }\n .bm-card:nth-child(6) { animation-delay: .3s; }\n\n .bm-timeline-item {\n animation: bmFadeInUp .5s ease backwards;\n }\n .bm-timeline-item:nth-child(1) { animation-delay: .05s; }\n .bm-timeline-item:nth-child(2) { animation-delay: .1s; }\n .bm-timeline-item:nth-child(3) { animation-delay: .15s; }\n .bm-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes bmFadeInUp {\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 .bm-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":45755115307165,"sku":"REF1347","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bleu-comme-toi-serenite-immunite-boisson-instantanee-bio-50--lifestyle.webp?v=1772788252"},{"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":"klamath-crue-poudre-bio-50-g-sol-semilla","title":"Klamath Crue Poudre Bio - 50 G - Sol Semilla","description":"\u003cdiv class=\"kl-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"kl-hero\"\u003e\n\u003cdiv class=\"kl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"kl-hero-content\"\u003e\n\u003cdiv class=\"kl-badges-top\"\u003e\n\u003cspan class=\"kl-badge\"\u003e🌿 100 % Bio certifié\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🇺🇸 Origine Oregon\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🧬 115 nutriments\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🌱 Vegan \u0026amp; RAW\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"kl-hero-title\"\u003eKlamath Crue Poudre Bio\u003c\/span\u003e\n\u003cp class=\"kl-subtitle\"\u003eSol Semilla · 50 g · ~83 portions\u003c\/p\u003e\n\u003cp class=\"kl-description\"\u003eLa microalgue sauvage la plus complète au monde, récoltée dans les eaux pures du lac Klamath supérieur. Plus de 60 % de protéines, phycocyanine, vitamine B12 et oméga-3 dans un seul superaliment cru.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003cp class=\"kl-section-intro\"\u003eVous cherchez un superaliment complet pour soutenir votre vitalité au quotidien ? La \u003cstrong\u003eKlamath crue bio en poudre de Sol Semilla\u003c\/strong\u003e est l'une des sources naturelles les plus concentrées en nutriments que la nature puisse offrir.\u003c\/p\u003e\n\u003cp class=\"kl-section-intro\"\u003eIssue de la microalgue sauvage \u003cstrong\u003eAphanizomenon flos-aquae\u003c\/strong\u003e, récoltée dans les eaux préservées du lac Klamath supérieur en Oregon, cette poudre crue renferme plus de \u003cstrong\u003e115 nutriments biodisponibles\u003c\/strong\u003e dans un seul aliment.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'algue Klamath : pourquoi tant d'engouement ?\u003c\/h2\u003e\n\u003cp class=\"kl-section-intro\"\u003eL'\u003cstrong\u003ealgue de Klamath\u003c\/strong\u003e fascine les nutritionnistes et les amateurs de superaliments depuis des décennies. Peu d'aliments naturels réunissent autant de richesses dans une si petite quantité.\u003c\/p\u003e\n\u003cdiv class=\"kl-grid\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e💪 +60 % de protéines complètes\u003c\/h3\u003e\n\u003cp\u003eContient les 20 acides aminés dont les 8 essentiels pour une assimilation optimale par l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔴 Vitamine B12 naturelle\u003c\/h3\u003e\n\u003cp\u003eUne source précieuse de B12 biodisponible, particulièrement recherchée dans les régimes végétariens et vegan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e⚡ Vitamine B6 \u0026amp; iode\u003c\/h3\u003e\n\u003cp\u003eContribuent à un métabolisme énergétique normal et au bon fonctionnement du système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🩸 Fer hautement assimilable\u003c\/h3\u003e\n\u003cp\u003eUn apport en fer naturel idéal pour réduire la fatigue et soutenir les fonctions cognitives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔵 Phycocyanine antioxydante\u003c\/h3\u003e\n\u003cp\u003eCe pigment bleu unique offre des propriétés antioxydantes remarquables pour protéger vos cellules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🐟 Oméga-3 \u0026amp; oligoéléments\u003c\/h3\u003e\n\u003cp\u003eDes acides gras essentiels et des minéraux pour un bien-être physique et mental au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e💬\u003c\/span\u003e\n\u003cp\u003eDe nombreux utilisateurs partagent leur \u003cstrong\u003etémoignage sur l'algue Klamath\u003c\/strong\u003e, évoquant un regain d'énergie, une meilleure concentration et un soutien global de leur immunité. La densité nutritionnelle exceptionnelle de cette algue explique l'enthousiasme qu'elle suscite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp class=\"kl-section-intro\"\u003eUn seul ingrédient, rien de superflu.\u003c\/p\u003e\n\u003cdiv class=\"kl-grid-compact\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🌿 100 % Klamath bio\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eAphanizomenon flos-aquae\u003c\/em\u003e en poudre crue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eAucun conservateur, aucun excipient ajouté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e❄️ Qualité RAW\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température pour préserver tous les nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e✅ Double certification\u003c\/h3\u003e\n\u003cp\u003eCertifiée bio par Ecocert et OTCO (Oregon)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe sachet de 50 g offre environ \u003cstrong\u003e83 portions\u003c\/strong\u003e, ce qui en fait un investissement durable pour votre santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eComment prendre la Klamath en poudre ?\u003c\/h2\u003e\n\u003cdiv class=\"kl-timeline\"\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003eDosez avec précision\u003c\/h3\u003e\n\u003cp\u003eMélangez \u003cstrong\u003e0,5 à 2 grammes par jour\u003c\/strong\u003e (soit ¼ à 1 cuillère à café) dans la boisson de votre choix : eau, jus de fruits, smoothie ou lait végétal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n\u003cp\u003eDébutez par une petite dose la première semaine pour laisser votre organisme s'habituer, puis augmentez progressivement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003ePrivilégiez le matin\u003c\/h3\u003e\n\u003cp\u003ePrenez-la de préférence le matin pour profiter de son effet revitalisant tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e🥗\u003c\/span\u003e\n\u003cp\u003eVous pouvez aussi la saupoudrer sur une salade ou un bol de céréales pour varier les plaisirs !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eOrigine et qualité Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"kl-testimonial\"\u003e\n\u003cp class=\"kl-testimonial-text\"\u003e\"La Klamath bio Sol Semilla provient exclusivement du lac Klamath supérieur, un écosystème volcanique unique situé à 1 400 mètres d'altitude. L'algue y pousse de façon sauvage, nourrie par des sédiments minéraux d'une richesse exceptionnelle. Après récolte, elle est séchée délicatement pour conserver toutes ses propriétés nutritives à l'état brut.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"kl-grid-compact\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🏔️ Lac volcanique\u003c\/h3\u003e\n\u003cp\u003e1 400 m d'altitude en Oregon, écosystème préservé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🌾 Récolte sauvage\u003c\/h3\u003e\n\u003cp\u003eAlgue non cultivée, nourrie par les sédiments naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🇫🇷 Contrôle en France\u003c\/h3\u003e\n\u003cp\u003eChaque lot élaboré et contrôlé par l'équipe Sol Semilla\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eStandards de qualité rigoureux, transparence totale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"kl-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"kl-accordion\"\u003e\n\u003cdetails class=\"kl-accordion-item\"\u003e\n\u003csummary class=\"kl-accordion-header\"\u003e⚠️ Avertissements\u003c\/summary\u003e\n\u003cdiv class=\"kl-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. Consultez un professionnel de santé avant utilisation en cas de grossesse, d'allaitement ou de traitement médicamenteux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"kl-accordion-item\"\u003e\n\u003csummary class=\"kl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"kl-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez au sec, à l'abri de la lumière et de la chaleur. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"kl-disclaimer\"\u003eLes informations présentées ne constituent pas un avis médical. Les compléments alimentaires ne remplacent 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 --kl-cream: #f5f0ea;\n --kl-white: #ffffff;\n --kl-primary: #2ea8a0;\n --kl-primary-dark: #1a6e68;\n --kl-primary-light: #e8f5f3;\n --kl-secondary: #c44b3f;\n --kl-accent: #d4854a;\n --kl-text: #1a1a1a;\n --kl-text-light: #5a5a5a;\n --kl-border: #e0dcd6;\n --kl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --kl-radius: 20px;\n --kl-radius-sm: 12px;\n}\n\n.kl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kl-hero {\n position: relative;\n background: linear-gradient(135deg, #1a6e68 0%, #2ea8a0 45%, #3dbfb5 100%);\n border-radius: var(--kl-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(--kl-shadow-lg);\n}\n\n.kl-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 50%),\n radial-gradient(circle at 50% 50%, rgba(196,75,63,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.kl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kl-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.kl-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .03em;\n text-transform: uppercase;\n}\n\n.kl-description {\n color: rgba(255,255,255,.92);\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.kl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kl-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(--kl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kl-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.kl-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(--kl-primary), var(--kl-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kl-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.kl-card {\n background: var(--kl-white);\n border-radius: var(--kl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kl-shadow-lg);\n border-color: var(--kl-primary);\n}\n\n.kl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kl-grid-compact .kl-card {\n padding: 1rem;\n}\n\n.kl-grid-compact .kl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kl-grid-compact .kl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kl-primary), var(--kl-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.kl-timeline-content {\n flex: 1;\n background: var(--kl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kl-radius-sm);\n box-shadow: var(--kl-shadow);\n}\n\n.kl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kl-timeline-content p {\n font-size: 14px;\n color: var(--kl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.kl-testimonial {\n background: var(--kl-white);\n border-radius: var(--kl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kl-shadow);\n border-left: 4px solid var(--kl-primary);\n}\n\n.kl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.kl-accordion {\n background: var(--kl-white);\n border-radius: var(--kl-radius);\n box-shadow: var(--kl-shadow);\n overflow: hidden;\n}\n\n.kl-accordion-item {\n border-bottom: 1px solid var(--kl-border);\n margin: 0;\n padding: 0;\n}\n\n.kl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kl-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.kl-accordion-header:hover {\n background: var(--kl-primary-light);\n}\n\n.kl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kl-primary);\n transition: transform .2s ease;\n}\n\n.kl-accordion-item[open] .kl-accordion-header::after {\n content: '−';\n}\n\n.kl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kl-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.kl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kl-primary-light);\n border-radius: var(--kl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kl-tip p {\n font-size: 14px;\n color: var(--kl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.kl-disclaimer {\n font-size: 12px;\n color: var(--kl-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 .kl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kl-card {\n padding: 1.125rem;\n }\n\n .kl-section {\n margin-bottom: 1.75rem;\n }\n\n .kl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kl-radius-sm);\n }\n\n .kl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kl-grid-compact {\n gap: .625rem;\n }\n\n .kl-grid-compact .kl-card {\n padding: .75rem;\n }\n\n .kl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kl-timeline-content h3 {\n font-size: 14px;\n }\n\n .kl-timeline-content p {\n font-size: 13px;\n }\n\n .kl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .kl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .kl-testimonial {\n padding: 1.25rem;\n }\n\n .kl-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kl-card {\n animation: klFadeInUp .5s ease backwards;\n }\n .kl-card:nth-child(1) { animation-delay: .05s; }\n .kl-card:nth-child(2) { animation-delay: .1s; }\n .kl-card:nth-child(3) { animation-delay: .15s; }\n .kl-card:nth-child(4) { animation-delay: .2s; }\n .kl-card:nth-child(5) { animation-delay: .25s; }\n .kl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes klFadeInUp {\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 .kl-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":45755117404317,"sku":"R031","price":27.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/klamath-crue-poudre-bio-50-g-sol-semilla-lifestyle.webp?v=1772708190"},{"product_id":"poudre-caroube-crue-bio-150g-sol-semilla","title":"Poudre de Caroube crue Bio - 150 g - Sol Semilla","description":"\u003cdiv class=\"cb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cb-hero\"\u003e\n\u003cdiv class=\"cb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cb-hero-content\"\u003e\n\u003cdiv class=\"cb-badges-top\"\u003e\n\u003cspan class=\"cb-badge\"\u003e🌿 Bio certifiée AB\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e🇪🇸 Origine Espagne\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e🥄 38 portions\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e🌱 Vegan \u0026amp; Crue\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cb-hero-title\"\u003ePoudre de Caroube crue Bio\u003c\/span\u003e\n\u003cp class=\"cb-subtitle\"\u003eSol Semilla - Superaliments · 150 g\u003c\/p\u003e\n\u003cp class=\"cb-description\"\u003eL'alternative gourmande au cacao : naturellement sucrée, sans caféine, riche en fibres. Des notes de caramel et de noisette pour sublimer toutes vos recettes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003cp class=\"cb-section-intro\"\u003eVous cherchez une \u003cstrong\u003epoudre de caroube bio\u003c\/strong\u003e de qualité pour remplacer le cacao dans vos recettes ? Celle de \u003cstrong\u003eSol Semilla\u003c\/strong\u003e est obtenue à partir de cosses de caroubier cultivées en Espagne, séchées puis broyées à basse température (raw). Résultat : une \u003cstrong\u003ecaroube en poudre\u003c\/strong\u003e qui conserve l'intégralité de ses nutriments et offre une saveur naturellement sucrée, aux notes de caramel et de noisette.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eBienfaits de la poudre de caroube\u003c\/h2\u003e\n\u003cp class=\"cb-section-intro\"\u003eQuand on parle de \u003cstrong\u003epoudre de caroube et bienfaits\u003c\/strong\u003e, la liste est étonnamment riche. Contrairement au cacao, la caroube est \u003cstrong\u003enaturellement dépourvue de caféine et de théobromine\u003c\/strong\u003e, ce qui la rend adaptée aux personnes sensibles aux excitants, aux enfants, et même aux femmes enceintes (demandez toutefois l'avis de votre médecin).\u003c\/p\u003e\n\u003cdiv class=\"cb-grid\"\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌾 Riche en fibres alimentaires\u003c\/h3\u003e\n\u003cp\u003eLa caroube favorise la satiété et soutient le transit intestinal : un véritable coupe-faim naturel dans le cadre d'un contrôle du poids.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🦴 Source de calcium et de potassium\u003c\/h3\u003e\n\u003cp\u003eDes minéraux essentiels pour les os, les muscles et l'équilibre électrolytique de votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🪶 Faible en matières grasses\u003c\/h3\u003e\n\u003cp\u003eEnviron 3 à 4 fois moins de lipides que le cacao, tout en gardant un goût réconfortant et gourmand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🍯 Naturellement sucrée\u003c\/h3\u003e\n\u003cp\u003eElle permet de réduire considérablement l'ajout de sucre dans toutes vos préparations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🚫 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eConvient parfaitement aux personnes intolérantes ou cœliaques, sans aucun compromis sur le plaisir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e☕ Sans caféine ni théobromine\u003c\/h3\u003e\n\u003cp\u003eIdéale pour les enfants, les personnes sensibles aux excitants et les femmes enceintes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eComment utiliser la poudre de caroube au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"cb-section-intro\"\u003eL'un des grands atouts de cette \u003cstrong\u003epoudre de caroube\u003c\/strong\u003e, c'est sa polyvalence en cuisine. Voici des idées concrètes pour l'intégrer facilement à votre alimentation :\u003c\/p\u003e\n\u003cdiv class=\"cb-timeline\"\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003e🍰 En pâtisserie\u003c\/h3\u003e\n\u003cp\u003eRemplacez le cacao par la même quantité de caroube dans vos gâteaux, cookies ou brownies. Le résultat est plus doux et légèrement caramélisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003e🥤 Dans vos smoothies et boissons\u003c\/h3\u003e\n\u003cp\u003eAjoutez 1 à 2 cuillères à café dans un lait végétal chaud pour un \"chocolat chaud\" sans caféine, ou dans un smoothie banane-amande.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003e🥣 Au petit-déjeuner\u003c\/h3\u003e\n\u003cp\u003eSaupoudrez-la sur un porridge, un yaourt ou un bol de granola pour un boost de saveur naturellement sucré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003e✨ En saupoudrage\u003c\/h3\u003e\n\u003cp\u003eSur des fruits frais, une crème dessert ou une tartine de purée d'oléagineux pour une touche gourmande sans culpabilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-tip\"\u003e\n\u003cspan class=\"cb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe sachet de 150 g offre environ \u003cstrong\u003e38 portions\u003c\/strong\u003e, de quoi explorer de nombreuses recettes pendant plusieurs semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"cb-grid-compact\"\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌱 Ingrédient unique\u003c\/h3\u003e\n\u003cp\u003e100 % poudre de gousse de caroube (\u003cem\u003eCeratonia siliqua\u003c\/em\u003e) crue, issue de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans conservateurs, sans sucres ajoutés. Pureté totale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e✅ Certifiée AB \u0026amp; Ecocert\u003c\/h3\u003e\n\u003cp\u003eOrigine Espagne. Garantie bio, sans pesticides ni OGM.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌿 Vegan \u0026amp; Crue\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température pour préserver tous les nutriments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003ePourquoi choisir Sol Semilla ?\u003c\/h2\u003e\n\u003cdiv class=\"cb-testimonial\"\u003e\n\u003cp class=\"cb-testimonial-text\"\u003eSol Semilla sélectionne ses superaliments avec une exigence rare : chaque lot est \u003cstrong\u003econtrôlé et élaboré par leur propre équipe\u003c\/strong\u003e, de la culture à l'emballage. La traçabilité est totale, et la certification bio garantit l'absence de pesticides et d'OGM. En optant pour cette \u003cstrong\u003epoudre de caroube bio\u003c\/strong\u003e, vous faites le choix d'un produit éthique, pur et respectueux de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n\u003cdiv class=\"cb-accordion\"\u003e\n\u003cdetails class=\"cb-accordion-item\"\u003e\n\u003csummary class=\"cb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le sachet bien refermé, à l'abri de la lumière et de l'humidité pour préserver toute la fraîcheur et les qualités nutritionnelles de la poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cb-accordion-item\"\u003e\n\u003csummary class=\"cb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un aliment et \u003cstrong\u003ene se substitue 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é 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=\"cb-section\"\u003e\n\u003cdiv class=\"cb-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez-vous la douceur naturelle de la caroube bio - saveur gourmande, sans caféine, riche en fibres. Votre alternative saine au cacao au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cb-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --cb-cream: #faf6f1;\n --cb-white: #ffffff;\n --cb-primary: #c0392b;\n --cb-primary-dark: #8b2015;\n --cb-primary-light: #fdecea;\n --cb-secondary: #5a9a2f;\n --cb-accent: #d4a24e;\n\n \/* Textes *\/\n --cb-text: #1a1a1a;\n --cb-text-light: #5a5a5a;\n\n \/* Effets *\/\n --cb-border: #e8ddd2;\n --cb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cb-radius: 20px;\n --cb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cb-hero {\n position: relative;\n background: linear-gradient(135deg, #8b2015 0%, #c0392b 40%, #d4a24e 100%);\n border-radius: var(--cb-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(--cb-shadow-lg);\n}\n\n.cb-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 50%),\n radial-gradient(circle at 50% 50%, rgba(90,154,47,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.cb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.cb-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.cb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.cb-description {\n color: rgba(255,255,255,.92);\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.cb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cb-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(--cb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cb-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.cb-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(--cb-primary), var(--cb-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cb-text-light);\n margin-bottom: 1.5rem;\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cb-section-intro strong {\n color: var(--cb-text);\n}\n\n\/* === CARDS === *\/\n.cb-card {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cb-shadow-lg);\n border-color: var(--cb-primary);\n}\n\n.cb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cb-grid-compact .cb-card {\n padding: 1rem;\n}\n\n.cb-grid-compact .cb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cb-grid-compact .cb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cb-primary), var(--cb-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.cb-timeline-content {\n flex: 1;\n background: var(--cb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cb-radius-sm);\n box-shadow: var(--cb-shadow);\n}\n\n.cb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cb-timeline-content p {\n font-size: 14px;\n color: var(--cb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cb-testimonial {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cb-shadow);\n border-left: 4px solid var(--cb-secondary);\n}\n\n.cb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cb-testimonial-text strong {\n color: var(--cb-primary-dark);\n font-style: normal;\n}\n\n\/* === ACCORDÉON === *\/\n.cb-accordion {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n box-shadow: var(--cb-shadow);\n overflow: hidden;\n}\n\n.cb-accordion-item {\n border-bottom: 1px solid var(--cb-border);\n margin: 0;\n padding: 0;\n}\n\n.cb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cb-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.cb-accordion-header:hover {\n background: var(--cb-primary-light);\n}\n\n.cb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cb-primary);\n transition: transform .2s ease;\n}\n\n.cb-accordion-item[open] .cb-accordion-header::after {\n content: '−';\n}\n\n.cb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cb-accordion-content p {\n margin: 0;\n}\n\n.cb-accordion-content strong {\n color: var(--cb-text);\n}\n\n\/* === TIP BOX === *\/\n.cb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cb-primary-light);\n border-radius: var(--cb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cb-tip p {\n font-size: 14px;\n color: var(--cb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cb-cta-box {\n background: linear-gradient(135deg, var(--cb-secondary) 0%, #3d7a1a 100%);\n border-radius: var(--cb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cb-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.cb-disclaimer {\n font-size: 12px;\n color: var(--cb-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 .cb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cb-card {\n padding: 1.125rem;\n }\n\n .cb-section {\n margin-bottom: 1.75rem;\n }\n\n .cb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cb-radius-sm);\n }\n\n .cb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cb-grid-compact {\n gap: .625rem;\n }\n\n .cb-grid-compact .cb-card {\n padding: .75rem;\n }\n\n .cb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cb-timeline-content h3 {\n font-size: 14px;\n }\n\n .cb-timeline-content p {\n font-size: 13px;\n }\n\n .cb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cb-testimonial {\n padding: 1.25rem;\n }\n\n .cb-testimonial-text {\n font-size: 14px;\n }\n\n .cb-section-intro {\n font-size: 14px;\n margin-bottom: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cb-card {\n animation: cbFadeInUp .5s ease backwards;\n }\n .cb-card:nth-child(1) { animation-delay: .05s; }\n .cb-card:nth-child(2) { animation-delay: .1s; }\n .cb-card:nth-child(3) { animation-delay: .15s; }\n .cb-card:nth-child(4) { animation-delay: .2s; }\n .cb-card:nth-child(5) { animation-delay: .25s; }\n .cb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cbFadeInUp {\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 .cb-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":45755127791773,"sku":"REF1358","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-de-caroube-crue-bio-150-g-sol-semilla-lifestyle.webp?v=1772727068"},{"product_id":"maca-poudre-bio-75-g-sol-semilla","title":"Maca Poudre Bio - 75 g - Sol Semilla","description":"\u003cdiv class=\"mc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mc-hero\"\u003e\n \u003cdiv class=\"mc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mc-hero-content\"\u003e\n \u003cdiv class=\"mc-badges-top\"\u003e\n \u003cspan class=\"mc-badge\"\u003e🌿 Bio certifié AB\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🇵🇪 Origine Pérou – Andes\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🥬 Vegan \u0026amp; RAW\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🏔️ +4 000 m d'altitude\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mc-hero-title\"\u003eMaca poudre bio\u003c\/span\u003e\n \u003cp class=\"mc-subtitle\"\u003eSol Semilla · Superaliments · 75 g\u003c\/p\u003e\n \u003cp class=\"mc-description\"\u003eLe superaliment ancestral des Andes pour réveiller votre énergie, soutenir votre vitalité et accompagner votre équilibre hormonal au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eMaca en poudre bio Sol Semilla : le superaliment des Andes pour votre vitalité\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eOriginaire des hauts plateaux péruviens, la \u003cstrong\u003emaca bio\u003c\/strong\u003e est l'un des superaliments les plus prisés au monde. Avec cette \u003cstrong\u003epoudre de maca\u003c\/strong\u003e signée Sol Semilla, vous profitez d'un produit \u003cstrong\u003ecru, vegan et certifié biologique\u003c\/strong\u003e, issu de racines cultivées à plus de 4 000 mètres d'altitude dans les Andes. Un concentré de nature, pur et sans aucun additif.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eBienfaits de la poudre de maca bio\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de la poudre de maca\u003c\/strong\u003e sont documentés depuis des siècles par les populations andines. Considérée comme une \u003cstrong\u003eplante adaptogène\u003c\/strong\u003e, elle aide votre organisme à mieux faire face aux sollicitations du quotidien.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⚡ Énergie et endurance\u003c\/h3\u003e\n \u003cp\u003eLa maca en poudre est réputée pour son effet tonifiant naturel, idéal en cas de fatigue passagère ou de baisse de régime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e❤️ Sexualité et fertilité\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour soutenir la libido et l'équilibre reproductif, tant chez l'homme que chez la femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌙 Équilibre hormonal\u003c\/h3\u003e\n \u003cp\u003eElle accompagne les femmes durant les périodes de fluctuations hormonales comme la ménopause ou les cycles irréguliers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧘 Résistance au stress\u003c\/h3\u003e\n \u003cp\u003eEn tant qu'adaptogène, la maca favorise une meilleure gestion du stress et soutient la clarté mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🥗 Richesse nutritionnelle\u003c\/h3\u003e\n \u003cp\u003eNaturellement pourvue en protéines, fibres, vitamines (C, B6) et minéraux (fer, calcium, potassium).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"mc-composition-box\"\u003e\n \u003cdiv class=\"mc-composition-highlight\"\u003e\n \u003cspan class=\"mc-composition-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"mc-composition-value\"\u003e100 % poudre de racine de maca biologique\u003c\/span\u003e\n \u003cspan class=\"mc-composition-latin\"\u003e\u003cem\u003eLepidium meyenii\u003c\/em\u003e · Origine Pérou – Andes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌱 Partie utilisée\u003c\/h3\u003e\n \u003cp\u003eRacine séchée naturellement puis réduite en poudre fine à basse température (qualité crue – RAW)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur, aucun excipient, aucun arôme ajouté. Vegan et sans gluten.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComment utiliser la maca poudre bio ?\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eLa \u003cstrong\u003epoudre maca bio\u003c\/strong\u003e de Sol Semilla se distingue par sa saveur douce, légèrement caramélisée, avec des notes de noisette. Elle s'intègre très facilement à votre alimentation :\u003c\/p\u003e\n \u003cdiv class=\"mc-timeline\"\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003e🥤 Smoothie ou jus de fruits\u003c\/h3\u003e\n \u003cp\u003eAjoutez une cuillère dans votre smoothie pour un petit-déjeuner revitalisant et gourmand.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003e🥣 Porridge et yaourt\u003c\/h3\u003e\n \u003cp\u003eSaupoudrez sur un porridge, un yaourt ou un bol de céréales pour un boost nutritionnel discret.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003e🥛 Lait végétal\u003c\/h3\u003e\n \u003cp\u003eMélangez dans un lait végétal chaud ou froid pour une boisson tonique réconfortante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003e🧁 Pâtisseries maison\u003c\/h3\u003e\n \u003cp\u003eIncorporez dans vos energy balls, pancakes ou gâteaux pour un supplément d'énergie naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-tip\"\u003e\n \u003cspan class=\"mc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eDosage conseillé :\u003c\/strong\u003e commencez par ½ cuillère à café par jour, puis augmentez progressivement jusqu'à 1 à 2 cuillères à café selon votre ressenti. Consommez de préférence le matin ou en début d'après-midi pour profiter pleinement de son effet stimulant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePourquoi choisir la maca Sol Semilla ?\u003c\/h2\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e✅ Certifiée AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique européenne : cultivée sans pesticides ni engrais chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌡️ Qualité crue (RAW)\u003c\/h3\u003e\n \u003cp\u003eSéchage à basse température préservant l'intégralité des nutriments et enzymes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité irréprochable\u003c\/h3\u003e\n \u003cp\u003eContrôlée et élaborée par l'équipe Sol Semilla, spécialiste français des superaliments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🤝 Engagement éthique\u003c\/h3\u003e\n \u003cp\u003eFilière équitable soutenant les producteurs andins dans le respect de leur savoir-faire ancestral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e📦 Format pratique\u003c\/h3\u003e\n \u003cp\u003eSachet refermable de 75 g, idéal pour découvrir la maca ou l'emporter partout avec vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"mc-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. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. En cas de traitement hormonal ou de pathologie particulière, consultez votre professionnel de santé avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"mc-disclaimer\"\u003eLes informations fournies ne se substituent pas à l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mc-cream: #faf6f0;\n --mc-white: #ffffff;\n --mc-primary: #c0623a;\n --mc-primary-dark: #8b3a1f;\n --mc-primary-light: #f5ebe3;\n --mc-secondary: #d4944a;\n --mc-accent: #5a8a3c;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #e6ddd3;\n --mc-shadow: 0 4px 24px rgba(139, 58, 31, .08);\n --mc-shadow-lg: 0 12px 48px rgba(139, 58, 31, .15);\n --mc-radius: 20px;\n --mc-radius-sm: 12px;\n}\n\n.mc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n position: relative;\n background: linear-gradient(135deg, #8b3a1f 0%, #c0623a 45%, #d4944a 100%);\n border-radius: var(--mc-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(--mc-shadow-lg);\n}\n\n.mc-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 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mc-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(--mc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mc-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.mc-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: .03em;\n text-transform: uppercase;\n}\n\n.mc-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 620px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mc-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.mc-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(--mc-primary), var(--mc-secondary));\n border-radius: 2px;\n}\n\n.mc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-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.mc-card {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mc-shadow-lg);\n border-color: var(--mc-primary);\n}\n\n.mc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.mc-composition-box {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.mc-composition-highlight {\n background: linear-gradient(135deg, var(--mc-primary-light) 0%, var(--mc-white) 100%);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n text-align: center;\n border: 2px solid var(--mc-primary);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-composition-label {\n display: block;\n font-size: 12px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: var(--mc-primary);\n margin-bottom: .5rem;\n}\n\n.mc-composition-value {\n display: block;\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: var(--mc-primary-dark);\n margin-bottom: .5rem;\n line-height: 1.3;\n}\n\n.mc-composition-latin {\n display: block;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mc-primary), var(--mc-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.mc-timeline-content {\n flex: 1;\n background: var(--mc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mc-radius-sm);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mc-timeline-content p {\n font-size: 14px;\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mc-primary-light);\n border-radius: var(--mc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mc-tip p {\n font-size: 14px;\n color: var(--mc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.mc-testimonial {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mc-shadow);\n border-left: 4px solid var(--mc-primary);\n}\n\n.mc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n}\n\n.mc-accordion-item {\n border-bottom: 1px solid var(--mc-border);\n margin: 0;\n padding: 0;\n}\n\n.mc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mc-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.mc-accordion-header:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mc-primary);\n transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n content: '−';\n}\n\n.mc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mc-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mc-disclaimer {\n font-size: 12px;\n color: var(--mc-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 .mc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mc-card {\n padding: 1.125rem;\n }\n\n .mc-section {\n margin-bottom: 1.75rem;\n }\n\n .mc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mc-radius-sm);\n }\n\n .mc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mc-grid-compact {\n gap: .625rem;\n }\n\n .mc-grid-compact .mc-card {\n padding: .75rem;\n }\n\n .mc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mc-timeline-content h3 {\n font-size: 14px;\n }\n\n .mc-timeline-content p {\n font-size: 13px;\n }\n\n .mc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mc-testimonial {\n padding: 1.25rem;\n }\n\n .mc-testimonial-text {\n font-size: 14px;\n }\n\n .mc-composition-highlight {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mc-card {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-card:nth-child(1) { animation-delay: .05s; }\n .mc-card:nth-child(2) { animation-delay: .1s; }\n .mc-card:nth-child(3) { animation-delay: .15s; }\n .mc-card:nth-child(4) { animation-delay: .2s; }\n .mc-card:nth-child(5) { animation-delay: .25s; }\n .mc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mc-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":45755130970269,"sku":"REF1365","price":6.65,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/maca-poudre-bio-75-g-sol-semilla-lifestyle_b7ac1786-f639-441c-9d0f-cd369534bae8.webp?v=1772724476"},{"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":8.79,"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":"liporyz-lt-labo","title":"Liporyz 270 capsules - Huile de son de riz régulatrice de cholestérol - LT Labo","description":"\u003cdiv class=\"lpr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lpr-hero\"\u003e\n \u003cdiv class=\"lpr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lpr-hero-content\"\u003e\n \u003cdiv class=\"lpr-badges-top\"\u003e\n \u003cspan class=\"lpr-badge\"\u003e🌾 Huile de son de riz\u003c\/span\u003e\n \u003cspan class=\"lpr-badge\"\u003e❤️ Cholestérol \u0026amp; triglycérides\u003c\/span\u003e\n \u003cspan class=\"lpr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"lpr-badge\"\u003e💊 270 capsules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lpr-hero-title\"\u003eLiporyz – Huile de son de riz\u003c\/span\u003e\n \u003cp class=\"lpr-subtitle\"\u003eComplexe breveté par LT Labo pour la régulation naturelle du cholestérol\u003c\/p\u003e\n \u003cp class=\"lpr-description\"\u003eFormulé à base de gamma-oryzanol, phytostérols, vitamine E naturelle, chrome et zinc – une approche douce et efficace pour soutenir votre santé cardiovasculaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"lpr-section\"\u003e\n \u003ch2\u003eLes bienfaits de Liporyz pour le cholestérol et la santé globale\u003c\/h2\u003e\n \u003cp class=\"lpr-section-intro\"\u003eGrâce à sa richesse en gamma-oryzanol, phytostérols, acides gras essentiels et vitamine E naturelle, Liporyz agit sur plusieurs axes de votre santé.\u003c\/p\u003e\n \u003cdiv class=\"lpr-grid\"\u003e\n \u003cdiv class=\"lpr-card\"\u003e\n \u003ch3\u003e📉 Réguler le cholestérol LDL\u003c\/h3\u003e\n \u003cp\u003eAide à réduire le \"mauvais cholestérol\" grâce aux phytostérols qui limitent l'absorption intestinale du cholestérol alimentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpr-card\"\u003e\n \u003ch3\u003e❤️ Soutenir la santé du cœur\u003c\/h3\u003e\n \u003cp\u003eContribue au bon fonctionnement du cœur et des vaisseaux sanguins grâce à des acides gras essentiels de haute qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpr-card\"\u003e\n \u003ch3\u003e🩸 Réduire les triglycérides\u003c\/h3\u003e\n \u003cp\u003eEn cas d'excès, l'huile de son de riz aide à rééquilibrer le profil lipidique sanguin de manière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpr-card\"\u003e\n \u003ch3\u003e✨ Beauté de la peau\u003c\/h3\u003e\n \u003cp\u003eAméliore l'élasticité et l'éclat de la peau grâce à la vitamine E naturelle et aux antioxydants puissants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpr-card\"\u003e\n \u003ch3\u003e🛡️ Antioxydants naturels\u003c\/h3\u003e\n \u003cp\u003eApporte des antioxydants d'origine végétale pour un meilleur équilibre lipidique et une protection cellulaire renforcée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpr-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les personnes souhaitant prendre soin de leur système cardiovasculaire de manière douce et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"lpr-section\"\u003e\n \u003ch2\u003eComposition et origine de l'huile de son de riz Liporyz\u003c\/h2\u003e\n \u003cp class=\"lpr-section-intro\"\u003eChaque capsule concentre le meilleur de la fine couche externe du grain de riz, une source exceptionnelle en actifs végétaux.\u003c\/p\u003e\n \u003cdiv class=\"lpr-grid-compact\"\u003e\n \u003cdiv class=\"lpr-card\"\u003e\n \u003ch3\u003e🌾 Huile de son de riz\u003c\/h3\u003e\n \u003cp\u003e500 mg par capsule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpr-card\"\u003e\n \u003ch3\u003e🧬 Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003e10 mg par capsule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpr-card\"\u003e\n \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n \u003cp\u003eHypromellose d'origine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpr-card\"\u003e\n \u003ch3\u003e🔬 Complexe breveté\u003c\/h3\u003e\n \u003cp\u003ePhytostérols, chrome \u0026amp; zinc\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpr-tip\"\u003e\n \u003cspan class=\"lpr-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eCette huile est dépourvue d'OGM, de pesticides, de métaux lourds et d'additifs controversés. \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, extraction respectueuse de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"lpr-section\"\u003e\n \u003ch2\u003eComment prendre Liporyz ? Posologie et durée recommandée\u003c\/h2\u003e\n \u003cdiv class=\"lpr-timeline\"\u003e\n \u003cdiv class=\"lpr-timeline-item\"\u003e\n \u003cdiv class=\"lpr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lpr-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e2 à 3 capsules par jour\u003c\/strong\u003e, à avaler avec un grand verre d'eau au moment des repas pour une absorption optimale des nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpr-timeline-item\"\u003e\n \u003cdiv class=\"lpr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lpr-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003ePour bénéficier pleinement des effets sur le cholestérol, une cure de \u003cstrong\u003e3 mois minimum\u003c\/strong\u003e est conseillée. Le format 270 capsules couvre une cure complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpr-timeline-item\"\u003e\n \u003cdiv class=\"lpr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lpr-timeline-content\"\u003e\n \u003ch3\u003eRenouvellement sans accoutumance\u003c\/h3\u003e\n \u003cp\u003eLes effets peuvent être prolongés dans le temps sans accoutumance. Vous pouvez renouveler la cure autant que nécessaire en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"lpr-section\"\u003e\n \u003ch2\u003eLiporyz : effets indésirables, contre-indications et précautions\u003c\/h2\u003e\n \u003cdiv class=\"lpr-accordion\"\u003e\n \u003cdetails class=\"lpr-accordion-item\"\u003e\n \u003csummary class=\"lpr-accordion-header\"\u003e🟢 Tolérance générale\u003c\/summary\u003e\n \u003cdiv class=\"lpr-accordion-content mt-3\"\u003e\n \u003cp\u003eLiporyz est généralement très bien toléré. De légers troubles digestifs (ballonnements, selles molles) peuvent survenir en début de cure, mais disparaissent rapidement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lpr-accordion-item\"\u003e\n \u003csummary class=\"lpr-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"lpr-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes. Déconseillé aux personnes allergiques au riz ou aux céréales. En cas de traitement hypocholestérolémiant ou anticoagulant, demandez conseil à un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lpr-accordion-item\"\u003e\n \u003csummary class=\"lpr-accordion-header\"\u003e📋 Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"lpr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne remplace pas une alimentation équilibrée ni un mode de vie sain. Ne pas dépasser la dose journalière recommandée. À conserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"lpr-section\"\u003e\n \u003ch2\u003eAvis sur Liporyz : ce qu'en pensent les utilisateurs\u003c\/h2\u003e\n \u003cdiv class=\"lpr-testimonial\"\u003e\n \u003cp class=\"lpr-testimonial-text\"\u003e\"Les avis sur Liporyz sont globalement très positifs. De nombreux utilisateurs rapportent une baisse mesurable du cholestérol après quelques semaines, une meilleure forme globale et un confort digestif préservé. Ce produit est particulièrement apprécié comme solution naturelle efficace, sans effets secondaires lourds.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpr-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"lpr-card\"\u003e\n \u003ch3\u003e📉 Cholestérol en baisse\u003c\/h3\u003e\n \u003cp\u003eRésultats mesurables après quelques semaines de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpr-card\"\u003e\n \u003ch3\u003e💪 Meilleure forme\u003c\/h3\u003e\n \u003cp\u003eForme globale améliorée et confort digestif préservé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpr-card\"\u003e\n \u003ch3\u003e🌿 Naturel et efficace\u003c\/h3\u003e\n \u003cp\u003eSolution sans effets secondaires lourds\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpr-card\"\u003e\n \u003ch3\u003e🇫🇷 Qualité \/ prix\u003c\/h3\u003e\n \u003cp\u003eRapport qualité\/prix apprécié, origine française contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"lpr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Liporyz de LT Labo ?\u003c\/h2\u003e\n \u003cdiv class=\"lpr-cta-box\"\u003e\n \u003cp\u003e🏭 \u003cstrong\u003eLT Labo\u003c\/strong\u003e est un laboratoire français réputé pour ses formulations naturelles et innovantes. Liporyz bénéficie de procédés d'extraction respectueux de l'environnement et d'un contrôle qualité rigoureux à chaque étape.\u003cbr\u003e\u003cbr\u003e🌾 En choisissant ce complément, vous optez pour une solution à la fois \u003cstrong\u003enaturelle, sûre et efficace\u003c\/strong\u003e – un complexe breveté de 270 capsules pour une cure complète de 3 mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lpr-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 --lpr-cream: #F7F5F0;\n --lpr-white: #ffffff;\n --lpr-primary: #C8963E;\n --lpr-primary-dark: #8B6914;\n --lpr-primary-light: #FBF5E8;\n --lpr-secondary: #2D5A3D;\n --lpr-accent: #D4A847;\n --lpr-text: #1a1a1a;\n --lpr-text-light: #5a5a5a;\n --lpr-border: #E8E2D6;\n --lpr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lpr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --lpr-radius: 20px;\n --lpr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lpr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lpr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lpr-hero {\n position: relative;\n background: linear-gradient(135deg, #8B6914 0%, #C8963E 40%, #2D5A3D 100%);\n border-radius: var(--lpr-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(--lpr-shadow-lg);\n}\n\n.lpr-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 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.lpr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.lpr-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.lpr-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.lpr-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.lpr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lpr-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(--lpr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lpr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lpr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lpr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lpr-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.lpr-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(--lpr-primary), var(--lpr-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.lpr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lpr-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.lpr-card {\n background: var(--lpr-white);\n border-radius: var(--lpr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lpr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lpr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lpr-shadow-lg);\n border-color: var(--lpr-primary);\n}\n\n.lpr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lpr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lpr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lpr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lpr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lpr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lpr-grid-compact .lpr-card {\n padding: 1rem;\n}\n\n.lpr-grid-compact .lpr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lpr-grid-compact .lpr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lpr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lpr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lpr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lpr-primary), var(--lpr-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.lpr-timeline-content {\n flex: 1;\n background: var(--lpr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lpr-radius-sm);\n box-shadow: var(--lpr-shadow);\n}\n\n.lpr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lpr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lpr-timeline-content p {\n font-size: 14px;\n color: var(--lpr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.lpr-testimonial {\n background: var(--lpr-white);\n border-radius: var(--lpr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lpr-shadow);\n border-left: 4px solid var(--lpr-primary);\n}\n\n.lpr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lpr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.lpr-accordion {\n background: var(--lpr-white);\n border-radius: var(--lpr-radius);\n box-shadow: var(--lpr-shadow);\n overflow: hidden;\n}\n\n.lpr-accordion-item {\n border-bottom: 1px solid var(--lpr-border);\n margin: 0;\n padding: 0;\n}\n\n.lpr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lpr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lpr-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.lpr-accordion-header:hover {\n background: var(--lpr-primary-light);\n}\n\n.lpr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lpr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lpr-primary);\n transition: transform .2s ease;\n}\n\n.lpr-accordion-item[open] .lpr-accordion-header::after {\n content: '−';\n}\n\n.lpr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lpr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lpr-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.lpr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lpr-primary-light);\n border-radius: var(--lpr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lpr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lpr-tip p {\n font-size: 14px;\n color: var(--lpr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.lpr-cta-box {\n background: linear-gradient(135deg, var(--lpr-primary) 0%, var(--lpr-primary-dark) 100%);\n border-radius: var(--lpr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lpr-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.lpr-disclaimer {\n font-size: 12px;\n color: var(--lpr-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 .lpr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lpr-card {\n padding: 1.125rem;\n }\n\n .lpr-section {\n margin-bottom: 1.75rem;\n }\n\n .lpr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lpr-radius-sm);\n }\n\n .lpr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lpr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lpr-grid-compact {\n gap: .625rem;\n }\n\n .lpr-grid-compact .lpr-card {\n padding: .75rem;\n }\n\n .lpr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lpr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lpr-timeline-content h3 {\n font-size: 14px;\n }\n\n .lpr-timeline-content p {\n font-size: 13px;\n }\n\n .lpr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lpr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .lpr-testimonial {\n padding: 1.25rem;\n }\n\n .lpr-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lpr-card {\n animation: lprFadeInUp .5s ease backwards;\n }\n .lpr-card:nth-child(1) { animation-delay: .05s; }\n .lpr-card:nth-child(2) { animation-delay: .1s; }\n .lpr-card:nth-child(3) { animation-delay: .15s; }\n .lpr-card:nth-child(4) { animation-delay: .2s; }\n .lpr-card:nth-child(5) { animation-delay: .25s; }\n .lpr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lprFadeInUp {\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 .lpr-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":45909537882269,"sku":"NBAILTL0007","price":56.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/liporyz-270-capsules-huile-de-son-de-riz-regulatrice-de-chol-packshothd.webp?v=1772962032"},{"product_id":"oleoceane-omega-3-citron-250-ml-jade-recherche","title":"Oléocéane Oméga 3 Citron - 250 Ml - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Oléocéane Oméga 3 Citron - Jade Recherche\nPalette détectée:\n - Primaire: #F7D000 (jaune vif du packaging, dominante principale)\n - Secondaire: #2E8B3D (vert du texte \"Oléocéane Oméga3\")\n - Accent: #E8A000 (orange\/doré de la goutte d'huile et du bouchon)\n - Fond foncé: #1A3A5C (bleu marine de l'huile\/bouteille)\nAmbiance: Fraîcheur méditerranéenne, naturel, familial, santé au quotidien\nStyle: Naturel\/frais avec touches ensoleillées, citronné et océanique\nPréfixe CSS: oleo\n--\u003e\n\n\u003cdiv class=\"oleo-premium\"\u003e\n \n \u003cdiv class=\"oleo-hero\"\u003e\n \u003cdiv class=\"oleo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"oleo-hero-content\"\u003e\n \u003cdiv class=\"oleo-badges-top\"\u003e\n \u003cspan class=\"oleo-badge\"\u003e🍋 Goût citron agréable\u003c\/span\u003e\n \u003cspan class=\"oleo-badge\"\u003e🐟 98,5% huile de poisson\u003c\/span\u003e\n \u003cspan class=\"oleo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"oleo-hero-title\"\u003eOléocéane Oméga 3 Citron\u003c\/span\u003e\n \u003cp class=\"oleo-subtitle\"\u003eL'huile de poisson que toute la famille va adorer\u003c\/p\u003e\n \u003cp class=\"oleo-description\"\u003eConcentrée en EPA et DHA, subtilement parfumée au citron pour éliminer tout arrière-goût de poisson. Même les enfants l'apprécient !\u003c\/p\u003e\n \u003cdiv class=\"oleo-hero-stats\"\u003e\n \u003cdiv class=\"oleo-stat\"\u003e\n \u003cspan class=\"oleo-stat-number\"\u003e1380mg\u003c\/span\u003e\n \u003cspan class=\"oleo-stat-label\"\u003eOméga 3 \/ dose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-stat\"\u003e\n \u003cspan class=\"oleo-stat-number\"\u003e850mg\u003c\/span\u003e\n \u003cspan class=\"oleo-stat-label\"\u003eEPA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-stat\"\u003e\n \u003cspan class=\"oleo-stat-number\"\u003e550mg\u003c\/span\u003e\n \u003cspan class=\"oleo-stat-label\"\u003eDHA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e🧠 Pourquoi les oméga 3 sont essentiels ?\u003c\/h2\u003e\n \u003cdiv class=\"oleo-intro-box\"\u003e\n \u003cp\u003eLes acides gras oméga 3, notamment l'\u003cstrong\u003eEPA\u003c\/strong\u003e et le \u003cstrong\u003eDHA\u003c\/strong\u003e, sont des nutriments que votre corps ne peut pas fabriquer lui-même. Notre alimentation moderne, souvent pauvre en poissons gras, crée des carences fréquentes.\u003c\/p\u003e\n \u003cp class=\"oleo-highlight\"\u003eLes bienfaits sont reconnus par l'Autorité européenne de sécurité des aliments (EFSA) qui a validé plusieurs allégations santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits validés scientifiquement\u003c\/h2\u003e\n \u003cdiv class=\"oleo-grid\"\u003e\n \u003cdiv class=\"oleo-card\"\u003e\n \u003cdiv class=\"oleo-card-icon\"\u003e🧠\u003c\/div\u003e\n \u003ch3\u003eFonction cérébrale\u003c\/h3\u003e\n \u003cp\u003eÀ partir de \u003cstrong\u003e250 mg de DHA\/jour\u003c\/strong\u003e, contribue au maintien d'une fonction cérébrale normale.\u003c\/p\u003e\n \u003cspan class=\"oleo-dose\"\u003e½ cuillère à café suffit\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-card\"\u003e\n \u003cdiv class=\"oleo-card-icon\"\u003e👁️\u003c\/div\u003e\n \u003ch3\u003eVision normale\u003c\/h3\u003e\n \u003cp\u003eLe DHA contribue au maintien d'une \u003cstrong\u003evision normale\u003c\/strong\u003e. Idéal pour préserver vos yeux au quotidien.\u003c\/p\u003e\n \u003cspan class=\"oleo-dose\"\u003e250 mg DHA\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-card\"\u003e\n \u003cdiv class=\"oleo-card-icon\"\u003e❤️\u003c\/div\u003e\n \u003ch3\u003eSanté cardiaque\u003c\/h3\u003e\n \u003cp\u003eL'association EPA + DHA à partir de 250 mg\/jour contribue à une \u003cstrong\u003efonction cardiaque normale\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cspan class=\"oleo-dose\"\u003e½ cuillère à café\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-card\"\u003e\n \u003cdiv class=\"oleo-card-icon\"\u003e💓\u003c\/div\u003e\n \u003ch3\u003eTension artérielle\u003c\/h3\u003e\n \u003cp\u003eÀ partir de \u003cstrong\u003e3 g d'EPA et DHA\/jour\u003c\/strong\u003e, contribue au maintien d'une pression sanguine normale.\u003c\/p\u003e\n \u003cspan class=\"oleo-dose\"\u003e3 cuillères à café\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-card\"\u003e\n \u003cdiv class=\"oleo-card-icon\"\u003e📊\u003c\/div\u003e\n \u003ch3\u003eTriglycérides\u003c\/h3\u003e\n \u003cp\u003eÀ partir de \u003cstrong\u003e2 g d'EPA et DHA\/jour\u003c\/strong\u003e, contribue à une concentration normale de triglycérides.\u003c\/p\u003e\n \u003cspan class=\"oleo-dose\"\u003e2 cuillères à café\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-card\"\u003e\n \u003cdiv class=\"oleo-card-icon\"\u003e🤰\u003c\/div\u003e\n \u003ch3\u003eGrossesse \u0026amp; allaitement\u003c\/h3\u003e\n \u003cp\u003eLe DHA maternel contribue au \u003cstrong\u003edéveloppement normal\u003c\/strong\u003e du cerveau et des yeux du bébé.\u003c\/p\u003e\n \u003cspan class=\"oleo-dose\"\u003eSur avis médical\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e🍋 Ce qui rend Oléocéane unique\u003c\/h2\u003e\n \u003cdiv class=\"oleo-unique-box\"\u003e\n \u003cdiv class=\"oleo-unique-content\"\u003e\n \u003cdiv class=\"oleo-unique-problem\"\u003e\n \u003cspan class=\"oleo-unique-emoji\"\u003e😖\u003c\/span\u003e\n \u003ch4\u003eLe problème habituel\u003c\/h4\u003e\n \u003cp\u003eGoût de poisson prononcé, renvois désagréables, enfants qui refusent...\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-unique-arrow\"\u003e→\u003c\/div\u003e\n \u003cdiv class=\"oleo-unique-solution\"\u003e\n \u003cspan class=\"oleo-unique-emoji\"\u003e😋\u003c\/span\u003e\n \u003ch4\u003eLa solution Oléocéane\u003c\/h4\u003e\n \u003cp\u003eEssence de citron naturelle qui masque \u003cstrong\u003etotalement\u003c\/strong\u003e le goût de poisson !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"oleo-unique-result\"\u003eRésultat ? Une huile légère et fraîche à ajouter sur vos salades, crudités ou plats froids. \u003cstrong\u003eVos enfants n'y verront que du feu !\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e🧪 Composition premium\u003c\/h2\u003e\n \u003cdiv class=\"oleo-composition-grid\"\u003e\n \u003cdiv class=\"oleo-ingredient-card oleo-ingredient-main\"\u003e\n \u003cdiv class=\"oleo-ingredient-icon\"\u003e🐟\u003c\/div\u003e\n \u003cdiv class=\"oleo-ingredient-info\"\u003e\n \u003ch4\u003eHuile de poisson\u003c\/h4\u003e\n \u003cspan class=\"oleo-ingredient-percent\"\u003e98,5%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eSource concentrée d'acides gras essentiels EPA et DHA de haute qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-ingredient-card\"\u003e\n \u003cdiv class=\"oleo-ingredient-icon\"\u003e🍋\u003c\/div\u003e\n \u003cdiv class=\"oleo-ingredient-info\"\u003e\n \u003ch4\u003eEssence de citron\u003c\/h4\u003e\n \u003cspan class=\"oleo-ingredient-percent\"\u003eNaturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003ePour un goût frais et agréable sans arrière-goût de poisson\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"oleo-nutrition-table\"\u003e\n \u003ch4\u003eValeurs nutritionnelles\u003c\/h4\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-header\"\u003e\n \u003cspan\u003ePour 1 cuillère à café (5 ml)\u003c\/span\u003e\n \u003cspan\u003eApports\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row\"\u003e\n \u003cspan\u003eÉnergie\u003c\/span\u003e\n \u003cspan\u003e188 kJ \/ 42 Kcal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row\"\u003e\n \u003cspan\u003eMatières grasses\u003c\/span\u003e\n \u003cspan\u003e4,6 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub\"\u003e\n \u003cspan\u003e↳ Acides gras saturés\u003c\/span\u003e\n \u003cspan\u003e1,2 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub\"\u003e\n \u003cspan\u003e↳ Acides gras mono-insaturés\u003c\/span\u003e\n \u003cspan\u003e1 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub\"\u003e\n \u003cspan\u003e↳ Acides gras polyinsaturés\u003c\/span\u003e\n \u003cspan\u003e1,8 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-highlight\"\u003e\n \u003cspan\u003e🔥 Oméga 3 totaux\u003c\/span\u003e\n \u003cspan\u003e≥ 1380 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub oleo-nutrition-omega\"\u003e\n \u003cspan\u003e↳ EPA\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e850 mg\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub oleo-nutrition-omega\"\u003e\n \u003cspan\u003e↳ DHA\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e550 mg\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e📝 Comment utiliser Oléocéane ?\u003c\/h2\u003e\n \u003cdiv class=\"oleo-usage-grid\"\u003e\n \u003cdiv class=\"oleo-usage-card\"\u003e\n \u003cdiv class=\"oleo-usage-dose\"\u003e\n \u003cspan class=\"oleo-dose-icon\"\u003e🥄\u003c\/span\u003e\n \u003cspan class=\"oleo-dose-amount\"\u003e½ c. à café\u003c\/span\u003e\n \u003cspan class=\"oleo-dose-ml\"\u003e2,5 ml\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch4\u003eDose d'entretien\u003c\/h4\u003e\n \u003cp\u003ePour les bienfaits sur la fonction cérébrale, visuelle et cardiaque au quotidien.\u003c\/p\u003e\n \u003cul class=\"oleo-dose-benefits\"\u003e\n \u003cli\u003e690 mg d'oméga 3\u003c\/li\u003e\n \u003cli\u003e425 mg EPA + 275 mg DHA\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-usage-card oleo-usage-optimal\"\u003e\n \u003cdiv class=\"oleo-usage-dose\"\u003e\n \u003cspan class=\"oleo-dose-icon\"\u003e🥄🥄\u003c\/span\u003e\n \u003cspan class=\"oleo-dose-amount\"\u003e1 à 2 c. à café\u003c\/span\u003e\n \u003cspan class=\"oleo-dose-ml\"\u003e5 à 10 ml\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch4\u003eDose optimale\u003c\/h4\u003e\n \u003cp\u003eSelon vos besoins spécifiques pour un effet renforcé.\u003c\/p\u003e\n \u003cul class=\"oleo-dose-benefits\"\u003e\n \u003cli\u003e1380 à 2760 mg d'oméga 3\u003c\/li\u003e\n \u003cli\u003eSoutien cardiovasculaire intensif\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"oleo-tips\"\u003e\n \u003ch4\u003e💡 Nos conseils d'utilisation\u003c\/h4\u003e\n \u003cdiv class=\"oleo-tips-grid\"\u003e\n \u003cdiv class=\"oleo-tip\"\u003e\n \u003cspan class=\"oleo-tip-icon\"\u003e🥗\u003c\/span\u003e\n \u003cp\u003eVersez directement sur vos \u003cstrong\u003esalades, légumes vapeur tièdes\u003c\/strong\u003e ou tartines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-tip\"\u003e\n \u003cspan class=\"oleo-tip-icon\"\u003e🥤\u003c\/span\u003e\n \u003cp\u003eAjoutez dans vos \u003cstrong\u003esmoothies\u003c\/strong\u003e pour un boost nutritionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-tip\"\u003e\n \u003cspan class=\"oleo-tip-icon\"\u003e🚫🔥\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas chauffer\u003c\/strong\u003e pour préserver la qualité des acides gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-tip\"\u003e\n \u003cspan class=\"oleo-tip-icon\"\u003e🦐\u003c\/span\u003e\n \u003cp\u003eS'accorde parfaitement avec le \u003cstrong\u003epoisson et les fruits de mer\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e👥 Pour qui est cette huile ?\u003c\/h2\u003e\n \u003cdiv class=\"oleo-profiles-grid\"\u003e\n \u003cdiv class=\"oleo-profile\"\u003e\n \u003cspan class=\"oleo-profile-icon\"\u003e👶\u003c\/span\u003e\n \u003ch4\u003eLes enfants\u003c\/h4\u003e\n \u003cp\u003eQui refusent de manger du poisson\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-profile\"\u003e\n \u003cspan class=\"oleo-profile-icon\"\u003e📚\u003c\/span\u003e\n \u003ch4\u003eLes étudiants\u003c\/h4\u003e\n \u003cp\u003eEn période d'examens pour soutenir les fonctions cognitives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-profile\"\u003e\n \u003cspan class=\"oleo-profile-icon\"\u003e💼\u003c\/span\u003e\n \u003ch4\u003eLes actifs\u003c\/h4\u003e\n \u003cp\u003eSoucieux de leur santé cardiovasculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-profile\"\u003e\n \u003cspan class=\"oleo-profile-icon\"\u003e👴\u003c\/span\u003e\n \u003ch4\u003eLes seniors\u003c\/h4\u003e\n \u003cp\u003eSouhaitant préserver mémoire et vision\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-profile\"\u003e\n \u003cspan class=\"oleo-profile-icon\"\u003e🤰\u003c\/span\u003e\n \u003ch4\u003eFemmes enceintes\u003c\/h4\u003e\n \u003cp\u003ePour le bon développement de bébé (avis médical)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-profile\"\u003e\n \u003cspan class=\"oleo-profile-icon\"\u003e🏃\u003c\/span\u003e\n \u003ch4\u003eLes sportifs\u003c\/h4\u003e\n \u003cp\u003ePour favoriser une bonne récupération musculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e⚠️ Précautions \u0026amp; conservation\u003c\/h2\u003e\n \u003cdiv class=\"oleo-precautions\"\u003e\n \u003cdiv class=\"oleo-precaution-item\"\u003e\n \u003cspan class=\"oleo-precaution-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eConserver à l'abri de la lumière, au sec, \u0026lt; 25°C\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-precaution-item\"\u003e\n \u003cspan class=\"oleo-precaution-icon\"\u003e❄️\u003c\/span\u003e\n \u003cp\u003eAprès ouverture : réfrigérateur, consommer sous 3 mois\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-precaution-item\"\u003e\n \u003cspan class=\"oleo-precaution-icon\"\u003e💊\u003c\/span\u003e\n \u003cp\u003eTraitement anticoagulant ? Consultez votre médecin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003csection class=\"oleo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"oleo-cta-box\"\u003e\n \u003cdiv class=\"oleo-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"oleo-cta-content\"\u003e\n \u003cspan class=\"oleo-cta-emoji\"\u003e🍋🐟\u003c\/span\u003e\n \u003cp\u003eProfitez enfin des \u003cstrong\u003ebienfaits des oméga 3\u003c\/strong\u003e sans compromis sur le goût. Une solution pratique et savoureuse pour toute la famille, validée par les autorités européennes de santé.\u003c\/p\u003e\n \u003cdiv class=\"oleo-cta-badge\"\u003e\n \u003cspan\u003eJade Recherche\u003c\/span\u003e\n \u003cspan\u003e•\u003c\/span\u003e\n \u003cspan\u003eQualité française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --oleo-cream: #FFFDF5;\n --oleo-white: #ffffff;\n --oleo-primary: #F7D000;\n --oleo-primary-dark: #C5A600;\n --oleo-primary-light: #FFF8D6;\n --oleo-secondary: #2E8B3D;\n --oleo-secondary-light: #E8F5EA;\n --oleo-accent: #E8A000;\n --oleo-ocean: #1A3A5C;\n --oleo-ocean-light: #E8F0F8;\n --oleo-text: #1a1a1a;\n --oleo-text-light: #5a5a5a;\n --oleo-border: #e8e4d8;\n --oleo-shadow: 0 4px 24px rgba(26,58,92,.08);\n --oleo-shadow-lg: 0 12px 48px rgba(26,58,92,.15);\n --oleo-radius: 20px;\n --oleo-radius-sm: 12px;\n}\n\n.oleo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--oleo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--oleo-text);\n line-height: 1.6;\n}\n\n.oleo-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.oleo-hero {\n position: relative;\n background: linear-gradient(135deg, var(--oleo-ocean) 0%, #2A5A7C 40%, var(--oleo-secondary) 100%);\n border-radius: var(--oleo-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(--oleo-shadow-lg);\n}\n\n.oleo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(247,208,0,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(247,208,0,.1) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-1.5 0-3 2-3 5s1.5 5 3 5 3-2 3-5-1.5-5-3-5zm0 40c-1.5 0-3 2-3 5s1.5 5 3 5 3-2 3-5-1.5-5-3-5z' fill='%23F7D000' fill-opacity='.05'\/%3E%3C\/svg%3E\");\n opacity: .8;\n}\n\n.oleo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.oleo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.oleo-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(--oleo-ocean);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.oleo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(247,208,0,.3);\n}\n\n.oleo-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 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,.3);\n}\n\n.oleo-subtitle {\n color: var(--oleo-primary);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.oleo-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.oleo-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.oleo-stat {\n text-align: center;\n background: rgba(255,255,255,.1);\n backdrop-filter: blur(10px);\n padding: 1rem 1.5rem;\n border-radius: var(--oleo-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.oleo-stat-number {\n display: block;\n color: var(--oleo-primary);\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n}\n\n.oleo-stat-label {\n display: block;\n color: rgba(255,255,255,.8);\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.oleo-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.oleo-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--oleo-ocean);\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.oleo-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(--oleo-primary), var(--oleo-secondary));\n border-radius: 2px;\n}\n\n\/* === INTRO BOX === *\/\n.oleo-intro-box {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--oleo-shadow);\n border-left: 5px solid var(--oleo-primary);\n max-width: 900px;\n margin: 0 auto;\n}\n\n.oleo-intro-box p {\n font-size: clamp(15px, 2vw, 17px);\n color: var(--oleo-text);\n margin: 0 0 1rem 0;\n}\n\n.oleo-intro-box p:last-child {\n margin-bottom: 0;\n}\n\n.oleo-highlight {\n background: var(--oleo-primary-light);\n padding: 1rem 1.5rem;\n border-radius: var(--oleo-radius-sm);\n font-weight: 600;\n color: var(--oleo-ocean) !important;\n}\n\n\/* === GRILLES === *\/\n.oleo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS BÉNÉFICES === *\/\n.oleo-card {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--oleo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.oleo-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--oleo-shadow-lg);\n border-color: var(--oleo-primary);\n}\n\n.oleo-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.oleo-card h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0 0 .75rem 0;\n}\n\n.oleo-card p {\n font-size: 15px;\n color: var(--oleo-text-light);\n margin: 0 0 1rem 0;\n line-height: 1.6;\n}\n\n.oleo-dose {\n display: inline-block;\n background: var(--oleo-secondary-light);\n color: var(--oleo-secondary);\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n}\n\n\/* === UNIQUE BOX === *\/\n.oleo-unique-box {\n background: linear-gradient(135deg, var(--oleo-ocean-light) 0%, var(--oleo-primary-light) 100%);\n border-radius: var(--oleo-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--oleo-shadow);\n}\n\n.oleo-unique-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n}\n\n.oleo-unique-problem,\n.oleo-unique-solution {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius-sm);\n padding: 1.5rem;\n flex: 1;\n min-width: 250px;\n max-width: 350px;\n text-align: center;\n}\n\n.oleo-unique-problem {\n border: 2px dashed #e0e0e0;\n}\n\n.oleo-unique-solution {\n border: 2px solid var(--oleo-secondary);\n box-shadow: 0 4px 20px rgba(46,139,61,.15);\n}\n\n.oleo-unique-emoji {\n font-size: 40px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.oleo-unique-box h4 {\n font-size: 16px;\n font-weight: 800;\n margin: 0 0 .5rem 0;\n color: var(--oleo-ocean);\n}\n\n.oleo-unique-problem p,\n.oleo-unique-solution p {\n font-size: 14px;\n color: var(--oleo-text-light);\n margin: 0;\n}\n\n.oleo-unique-arrow {\n font-size: 32px;\n color: var(--oleo-secondary);\n font-weight: 900;\n}\n\n.oleo-unique-result {\n text-align: center;\n font-size: clamp(16px, 2vw, 18px);\n color: var(--oleo-ocean);\n margin: 0;\n padding: 1.5rem;\n background: var(--oleo-white);\n border-radius: var(--oleo-radius-sm);\n}\n\n\/* === COMPOSITION === *\/\n.oleo-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.oleo-ingredient-card {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: 1.5rem;\n box-shadow: var(--oleo-shadow);\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.oleo-ingredient-card:hover {\n border-color: var(--oleo-primary);\n transform: translateY(-4px);\n}\n\n.oleo-ingredient-main {\n background: linear-gradient(135deg, var(--oleo-ocean-light) 0%, var(--oleo-white) 100%);\n border-color: var(--oleo-ocean);\n}\n\n.oleo-ingredient-icon {\n font-size: 48px;\n margin-bottom: .5rem;\n}\n\n.oleo-ingredient-info {\n margin-bottom: .75rem;\n}\n\n.oleo-ingredient-info h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0;\n}\n\n.oleo-ingredient-percent {\n display: inline-block;\n background: var(--oleo-primary);\n color: var(--oleo-ocean);\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 800;\n margin-top: 6px;\n}\n\n.oleo-ingredient-card p {\n font-size: 14px;\n color: var(--oleo-text-light);\n margin: 0;\n}\n\n\/* === TABLEAU NUTRITIONNEL === *\/\n.oleo-nutrition-table {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--oleo-shadow);\n max-width: 600px;\n margin: 0 auto;\n}\n\n.oleo-nutrition-table h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.oleo-nutrition-row {\n display: flex;\n justify-content: space-between;\n padding: 10px 0;\n border-bottom: 1px solid var(--oleo-border);\n font-size: 15px;\n}\n\n.oleo-nutrition-row:last-child {\n border-bottom: none;\n}\n\n.oleo-nutrition-header {\n font-weight: 700;\n color: var(--oleo-ocean);\n background: var(--oleo-ocean-light);\n margin: 0 -1.5rem;\n padding: 12px 1.5rem;\n border-radius: var(--oleo-radius-sm) var(--oleo-radius-sm) 0 0;\n}\n\n.oleo-nutrition-sub {\n padding-left: 1rem;\n font-size: 14px;\n color: var(--oleo-text-light);\n}\n\n.oleo-nutrition-highlight {\n background: var(--oleo-primary-light);\n margin: .5rem -1.5rem;\n padding: 12px 1.5rem;\n font-weight: 700;\n color: var(--oleo-ocean);\n}\n\n.oleo-nutrition-omega {\n background: var(--oleo-secondary-light);\n margin: 0 -1.5rem;\n padding: 10px 1.5rem 10px 2.5rem;\n color: var(--oleo-secondary);\n}\n\n\/* === USAGE === *\/\n.oleo-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.oleo-usage-card {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--oleo-shadow);\n border: 2px solid var(--oleo-border);\n transition: all .3s ease;\n}\n\n.oleo-usage-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--oleo-shadow-lg);\n}\n\n.oleo-usage-optimal {\n border-color: var(--oleo-secondary);\n background: linear-gradient(135deg, var(--oleo-secondary-light) 0%, var(--oleo-white) 100%);\n}\n\n.oleo-usage-dose {\n text-align: center;\n margin-bottom: 1rem;\n padding-bottom: 1rem;\n border-bottom: 2px dashed var(--oleo-border);\n}\n\n.oleo-dose-icon {\n font-size: 32px;\n display: block;\n margin-bottom: .25rem;\n}\n\n.oleo-dose-amount {\n display: block;\n font-size: 22px;\n font-weight: 900;\n color: var(--oleo-ocean);\n}\n\n.oleo-dose-ml {\n display: block;\n font-size: 14px;\n color: var(--oleo-text-light);\n}\n\n.oleo-usage-card h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0 0 .5rem 0;\n text-align: center;\n}\n\n.oleo-usage-card \u003e p {\n font-size: 14px;\n color: var(--oleo-text-light);\n text-align: center;\n margin: 0 0 1rem 0;\n}\n\n.oleo-dose-benefits {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.oleo-dose-benefits li {\n padding: 6px 0 6px 24px;\n position: relative;\n font-size: 14px;\n color: var(--oleo-text);\n}\n\n.oleo-dose-benefits li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--oleo-secondary);\n font-weight: 700;\n}\n\n\/* === TIPS === *\/\n.oleo-tips {\n background: var(--oleo-primary-light);\n border-radius: var(--oleo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n}\n\n.oleo-tips h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0 0 1.5rem 0;\n text-align: center;\n}\n\n.oleo-tips-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n}\n\n.oleo-tip {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius-sm);\n padding: 1rem;\n text-align: center;\n transition: all .3s ease;\n}\n\n.oleo-tip:hover {\n transform: translateY(-4px);\n box-shadow: var(--oleo-shadow);\n}\n\n.oleo-tip-icon {\n font-size: 32px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.oleo-tip p {\n font-size: 14px;\n color: var(--oleo-text);\n margin: 0;\n}\n\n\/* === PROFILES === *\/\n.oleo-profiles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.oleo-profile {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: 1.5rem 1rem;\n text-align: center;\n box-shadow: var(--oleo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.oleo-profile:hover {\n border-color: var(--oleo-primary);\n transform: translateY(-4px);\n}\n\n.oleo-profile-icon {\n font-size: 40px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.oleo-profile h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0 0 .25rem 0;\n}\n\n.oleo-profile p {\n font-size: 13px;\n color: var(--oleo-text-light);\n margin: 0;\n line-height: 1.4;\n}\n\n\/* === FAQ === *\/\n.oleo-faq {\n max-width: 800px;\n margin: 0 auto;\n}\n\n.oleo-faq-item {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 1rem;\n box-shadow: var(--oleo-shadow);\n border-left: 4px solid var(--oleo-primary);\n}\n\n.oleo-faq-item:last-child {\n margin-bottom: 0;\n}\n\n.oleo-faq-item h4 {\n font-size: 17px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0 0 .75rem 0;\n}\n\n.oleo-faq-item p {\n font-size: 15px;\n color: var(--oleo-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.oleo-precautions {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1rem;\n background: #FFF8F0;\n border-radius: var(--oleo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid #FFE4CC;\n}\n\n.oleo-precaution-item {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.oleo-precaution-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.oleo-precaution-item p {\n font-size: 14px;\n color: var(--oleo-text);\n margin: 0;\n}\n\n\/* === PRODUCT INFO === *\/\n.oleo-product-info {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1rem;\n}\n\n.oleo-info-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--oleo-white);\n border-radius: var(--oleo-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--oleo-shadow);\n}\n\n.oleo-info-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.oleo-info-item strong {\n display: block;\n font-size: 14px;\n color: var(--oleo-ocean);\n margin-bottom: 2px;\n}\n\n.oleo-info-item p {\n font-size: 14px;\n color: var(--oleo-text-light);\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.oleo-cta-box {\n background: linear-gradient(135deg, var(--oleo-ocean) 0%, #2A5A7C 50%, var(--oleo-secondary) 100%);\n border-radius: var(--oleo-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.oleo-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(247,208,0,.15) 0%, transparent 50%);\n}\n\n.oleo-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.oleo-cta-emoji {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.oleo-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n}\n\n.oleo-cta-badge {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n padding: 10px 24px;\n border-radius: 999px;\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.oleo-cta-badge span {\n color: var(--oleo-primary);\n font-size: 14px;\n font-weight: 700;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .oleo-grid {\n grid-template-columns: 1fr;\n }\n \n .oleo-hero-stats {\n gap: 1rem;\n }\n \n .oleo-stat {\n padding: .75rem 1rem;\n }\n \n .oleo-unique-arrow {\n transform: rotate(90deg);\n }\n \n .oleo-profiles-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .oleo-nutrition-header,\n .oleo-nutrition-highlight,\n .oleo-nutrition-omega {\n margin-left: -1rem;\n margin-right: -1rem;\n padding-left: 1rem;\n padding-right: 1rem;\n }\n \n .oleo-nutrition-table {\n padding: 1rem;\n }\n}\n\n@media (max-width: 480px) {\n .oleo-profiles-grid {\n grid-template-columns: 1fr;\n }\n \n .oleo-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .oleo-card,\n .oleo-profile,\n .oleo-ingredient-card,\n .oleo-usage-card,\n .oleo-faq-item,\n .oleo-info-item {\n animation: oleoFadeInUp .6s ease backwards;\n }\n \n .oleo-card:nth-child(1), .oleo-profile:nth-child(1) { animation-delay: .1s; }\n .oleo-card:nth-child(2), .oleo-profile:nth-child(2) { animation-delay: .15s; }\n .oleo-card:nth-child(3), .oleo-profile:nth-child(3) { animation-delay: .2s; }\n .oleo-card:nth-child(4), .oleo-profile:nth-child(4) { animation-delay: .25s; }\n .oleo-card:nth-child(5), .oleo-profile:nth-child(5) { animation-delay: .3s; }\n .oleo-card:nth-child(6), .oleo-profile:nth-child(6) { animation-delay: .35s; }\n}\n\n@keyframes oleoFadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .oleo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .oleo-card,\n .oleo-profile,\n .oleo-faq-item {\n border: 2px solid var(--oleo-text);\n }\n \n .oleo-badge {\n border: 2px solid var(--oleo-ocean);\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755216691357,"sku":"JADEOLEO250","price":26.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/oleoceane-omega-3-citron-250-ml-jade-recherche.jpg?v=1767358469"},{"product_id":"diamistab-equilibre-glycemique-60-capsules-lt-labo","title":"Diamistab - Équilibre Glycémique - 60 capsules - LT Labo","description":"\u003cdiv class=\"ds-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ds-hero\"\u003e\n \u003cdiv class=\"ds-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ds-hero-content\"\u003e\n \u003cdiv class=\"ds-badges-top\"\u003e\n \u003cspan class=\"ds-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ds-badge\"\u003e🌿 60 capsules végétales\u003c\/span\u003e\n \u003cspan class=\"ds-badge\"\u003e🔬 Chrome + Cannelle + Son de riz\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ds-hero-title\"\u003eDiamistab - Équilibre glycémique\u003c\/span\u003e\n \u003cp class=\"ds-subtitle\"\u003eLT Labo\u003c\/p\u003e\n \u003cp class=\"ds-description\"\u003eLa synergie naturelle de cannelle, chrome et huile de son de riz pour soutenir votre métabolisme du sucre au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ds-section\"\u003e\n \u003ch2\u003eDiamistab de LT Labo : cannelle, chrome et huile de son de riz pour votre équilibre glycémique\u003c\/h2\u003e\n \u003cp class=\"ds-section-intro\"\u003eVous cherchez une solution naturelle pour \u003cstrong\u003emaintenir une glycémie normale\u003c\/strong\u003e au quotidien ? Le \u003cstrong\u003eDiamistab\u003c\/strong\u003e de \u003cstrong\u003eLT Labo\u003c\/strong\u003e est un complément alimentaire formulé en France qui associe trois actifs clés.\u003c\/p\u003e\n \u003cdiv class=\"ds-grid\"\u003e\n \u003cdiv class=\"ds-card\"\u003e\n \u003ch3\u003e🌿 Extrait de cannelle\u003c\/h3\u003e\n \u003cp\u003eRiche en polyphénols, traditionnellement utilisé pour soutenir le métabolisme des glucides. Extrait concentré 4:1 pour une efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ds-card\"\u003e\n \u003ch3\u003e⚙️ Chrome\u003c\/h3\u003e\n \u003cp\u003eOligo-élément essentiel qui \u003cstrong\u003econtribue au maintien d'une glycémie normale\u003c\/strong\u003e - allégation validée par l'EFSA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ds-card\"\u003e\n \u003ch3\u003e🌾 Huile de son de riz\u003c\/h3\u003e\n \u003cp\u003eSource naturelle de gamma-oryzanol et de tocotriénols, elle apporte un soutien antioxydant complémentaire précieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ds-section\"\u003e\n \u003ch2\u003ePourquoi choisir Diamistab pour votre glycémie ?\u003c\/h2\u003e\n \u003cp class=\"ds-section-intro\"\u003eL'équilibre glycémique est un enjeu de santé majeur. Un taux de sucre sanguin qui fluctue trop peut entraîner fatigue, fringales ou difficultés de concentration.\u003c\/p\u003e\n \u003cdiv class=\"ds-grid\"\u003e\n \u003cdiv class=\"ds-card\"\u003e\n \u003ch3\u003e📉 Glycémie stable\u003c\/h3\u003e\n \u003cp\u003eLe chrome contribue directement au maintien d'une glycémie normale, une allégation santé validée par l'Autorité européenne de sécurité des aliments (EFSA).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ds-card\"\u003e\n \u003ch3\u003e🍂 Métabolisme des glucides\u003c\/h3\u003e\n \u003cp\u003eL'extrait de cannelle est traditionnellement utilisé pour ses propriétés sur le métabolisme des glucides et sa richesse en polyphénols actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ds-card\"\u003e\n \u003ch3\u003e🛡️ Soutien antioxydant\u003c\/h3\u003e\n \u003cp\u003eL'huile de son de riz, source naturelle de gamma-oryzanol et de tocotriénols, complète la formule par son action antioxydante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ds-tip\"\u003e\n \u003cspan class=\"ds-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCette combinaison fait du Diamistab un allié pertinent pour \u003cstrong\u003esoutenir un taux de sucre sanguin équilibré\u003c\/strong\u003e, en complément d'une alimentation variée et d'un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ds-section\"\u003e\n \u003ch2\u003eComposition détaillée de Diamistab\u003c\/h2\u003e\n \u003cp class=\"ds-section-intro\"\u003e\u003cstrong\u003eIngrédients par capsule :\u003c\/strong\u003e huile de son de riz (325 mg), extrait sec d'écorce de cannelle ratio 4:1 (200 mg, soit l'équivalent de 800 mg d'écorce de cannelle), capsule d'origine végétale (HPMC), chlorure de chrome III.\u003c\/p\u003e\n \u003cdiv class=\"ds-composition-highlight\"\u003e\n \u003cp class=\"ds-composition-title\"\u003eApports pour 3 capsules (dose journalière recommandée)\u003c\/p\u003e\n \u003cdiv class=\"ds-grid-compact\"\u003e\n \u003cdiv class=\"ds-card\"\u003e\n \u003ch3\u003e🌾 975 mg\u003c\/h3\u003e\n \u003cp\u003eHuile de son de riz\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ds-card\"\u003e\n \u003ch3\u003e🍂 600 mg\u003c\/h3\u003e\n \u003cp\u003eExtrait de cannelle (équiv. 2400 mg d'écorce)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ds-card\"\u003e\n \u003ch3\u003e⚙️ 24,6 µg\u003c\/h3\u003e\n \u003cp\u003eChrome\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ds-card\"\u003e\n \u003ch3\u003e📊 98 %\u003c\/h3\u003e\n \u003cp\u003eDes Valeurs Nutritionnelles de Référence (chrome)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ds-tip\"\u003e\n \u003cspan class=\"ds-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003eFormule sans OGM, sans gluten et sans additifs controversés. Capsules d'origine végétale adaptées aux régimes végétariens.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ds-section\"\u003e\n \u003ch2\u003eComment prendre Diamistab ?\u003c\/h2\u003e\n \u003cp class=\"ds-section-intro\"\u003eLa posologie recommandée est de \u003cstrong\u003e2 à 3 capsules par jour\u003c\/strong\u003e, à avaler avec un grand verre d'eau au cours des repas. Pour des résultats optimaux, une cure de \u003cstrong\u003e3 mois minimum\u003c\/strong\u003e est conseillée.\u003c\/p\u003e\n \u003cdiv class=\"ds-timeline\"\u003e\n \u003cdiv class=\"ds-timeline-item\"\u003e\n \u003cdiv class=\"ds-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ds-timeline-content\"\u003e\n \u003ch3\u003eAlimentation à faible indice glycémique\u003c\/h3\u003e\n \u003cp\u003ePrivilégiez les légumineuses, céréales complètes et légumes verts pour accompagner votre cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ds-timeline-item\"\u003e\n \u003cdiv class=\"ds-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ds-timeline-content\"\u003e\n \u003ch3\u003eActivité physique régulière\u003c\/h3\u003e\n \u003cp\u003eMaintenez une activité même modérée pour favoriser la sensibilité à l'insuline.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ds-timeline-item\"\u003e\n \u003cdiv class=\"ds-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ds-timeline-content\"\u003e\n \u003ch3\u003eRépartition sur les repas\u003c\/h3\u003e\n \u003cp\u003eRépartissez vos prises sur les repas principaux pour une assimilation progressive tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ds-section\"\u003e\n \u003ch2\u003eUn complément fabriqué en France par LT Labo\u003c\/h2\u003e\n \u003cdiv class=\"ds-testimonial\"\u003e\n \u003cp class=\"ds-testimonial-text\"\u003e\u003cstrong\u003eLT Labo\u003c\/strong\u003e est un laboratoire français reconnu pour son exigence en matière de compléments alimentaires naturels. Le Diamistab est élaboré dans le respect des \u003cstrong\u003enormes de qualité ISO et HACCP\u003c\/strong\u003e, avec une traçabilité complète des matières premières. Le conditionnement en flacon de \u003cstrong\u003e60 capsules\u003c\/strong\u003e vous assure une cure de 20 à 30 jours selon la posologie choisie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ds-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"ds-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en laboratoire français\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ds-card\"\u003e\n \u003ch3\u003e🔬 ISO \u0026amp; HACCP\u003c\/h3\u003e\n \u003cp\u003eNormes qualité exigeantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ds-card\"\u003e\n \u003ch3\u003e🌱 Traçabilité\u003c\/h3\u003e\n \u003cp\u003eMatières premières contrôlées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ds-card\"\u003e\n \u003ch3\u003e💊 60 capsules\u003c\/h3\u003e\n \u003cp\u003e20 à 30 jours de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ds-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ds-accordion\"\u003e\n \u003cdetails class=\"ds-accordion-item\"\u003e\n \u003csummary class=\"ds-accordion-header\"\u003e⚠️ Avis médical recommandé\u003c\/summary\u003e\n \u003cdiv class=\"ds-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 équilibrée. Si vous êtes sous traitement pour le diabète ou toute autre pathologie, consultez votre médecin avant de commencer une cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ds-accordion-item\"\u003e\n \u003csummary class=\"ds-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"ds-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=\"ds-accordion-item\"\u003e\n \u003csummary class=\"ds-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ds-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver à l'abri de la chaleur et de l'humidité, hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"ds-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 --ds-cream: #f7f5f2;\n --ds-white: #ffffff;\n --ds-primary: #d4753a;\n --ds-primary-dark: #9c4a1a;\n --ds-primary-light: #fdf0e8;\n --ds-secondary: #7fb8c4;\n --ds-accent: #b8d4d9;\n --ds-text: #1a1a1a;\n --ds-text-light: #5a5a5a;\n --ds-border: #e5e0da;\n --ds-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ds-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ds-radius: 20px;\n --ds-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ds-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ds-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ds-hero {\n position: relative;\n background: linear-gradient(135deg, #7fb8c4 0%, #d4753a 55%, #9c4a1a 100%);\n border-radius: var(--ds-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ds-shadow-lg);\n}\n\n.ds-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: 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 opacity: 1;\n}\n\n.ds-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ds-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ds-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.ds-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ds-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ds-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ds-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ds-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ds-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ds-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ds-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.ds-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ds-primary), var(--ds-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.ds-card {\n background: var(--ds-white);\n border-radius: var(--ds-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ds-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ds-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ds-shadow-lg);\n border-color: var(--ds-primary);\n}\n\n.ds-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ds-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ds-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ds-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ds-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ds-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ds-grid-compact .ds-card {\n padding: 1rem;\n}\n\n.ds-grid-compact .ds-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ds-grid-compact .ds-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.ds-composition-highlight {\n background: var(--ds-primary-light);\n border-radius: var(--ds-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n}\n\n.ds-composition-title {\n font-size: clamp(14px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--ds-primary-dark);\n text-align: center;\n margin: 0 0 1.25rem 0;\n}\n\n\/* === TIMELINE === *\/\n.ds-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ds-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ds-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ds-primary), var(--ds-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ds-timeline-content {\n flex: 1;\n background: var(--ds-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ds-radius-sm);\n box-shadow: var(--ds-shadow);\n}\n\n.ds-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ds-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ds-timeline-content p {\n font-size: 14px;\n color: var(--ds-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ds-testimonial {\n background: var(--ds-white);\n border-radius: var(--ds-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ds-shadow);\n border-left: 4px solid var(--ds-primary);\n}\n\n.ds-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ds-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ds-accordion {\n background: var(--ds-white);\n border-radius: var(--ds-radius);\n box-shadow: var(--ds-shadow);\n overflow: hidden;\n}\n\n.ds-accordion-item {\n border-bottom: 1px solid var(--ds-border);\n margin: 0;\n padding: 0;\n}\n\n.ds-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ds-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ds-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ds-accordion-header:hover {\n background: var(--ds-primary-light);\n}\n\n.ds-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ds-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ds-primary);\n transition: transform .2s ease;\n}\n\n.ds-accordion-item[open] .ds-accordion-header::after {\n content: '−';\n}\n\n.ds-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ds-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ds-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ds-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ds-primary-light);\n border-radius: var(--ds-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ds-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ds-tip p {\n font-size: 14px;\n color: var(--ds-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ds-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ds-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === DISCLAIMER === *\/\n.ds-disclaimer {\n font-size: 12px;\n color: var(--ds-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ds-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ds-card {\n padding: 1.125rem;\n }\n\n .ds-section {\n margin-bottom: 1.75rem;\n }\n\n .ds-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ds-radius-sm);\n }\n\n .ds-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ds-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ds-grid-compact {\n gap: .625rem;\n }\n\n .ds-grid-compact .ds-card {\n padding: .75rem;\n }\n\n .ds-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ds-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ds-timeline-content h3 {\n font-size: 14px;\n }\n\n .ds-timeline-content p {\n font-size: 13px;\n }\n\n .ds-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ds-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ds-testimonial {\n padding: 1.25rem;\n }\n\n .ds-testimonial-text {\n font-size: 14px;\n }\n\n .ds-composition-highlight {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ds-card {\n animation: dsFadeInUp .5s ease backwards;\n }\n .ds-card:nth-child(1) { animation-delay: .05s; }\n .ds-card:nth-child(2) { animation-delay: .1s; }\n .ds-card:nth-child(3) { animation-delay: .15s; }\n .ds-card:nth-child(4) { animation-delay: .2s; }\n .ds-card:nth-child(5) { animation-delay: .25s; }\n .ds-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dsFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ds-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":45755260207261,"sku":"NBAILTL0001","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/diamistab-lt-labo-60-gelules_11zon.jpg?v=1772612067"},{"product_id":"vital-flax-bio-equilibre-emotionnel-60-capsules-lt-labo","title":"Vital Flax Bio - Equilibre Émotionnel - 60 Capsules - LT Labo","description":"\u003cdiv class=\"vf-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"vf-hero\"\u003e\n\u003cdiv class=\"vf-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vf-hero-content\"\u003e\n\u003cdiv class=\"vf-badges-top\"\u003e\n\u003cspan class=\"vf-badge\"\u003e🌿 Certifié Agriculture Biologique\u003c\/span\u003e \u003cspan class=\"vf-badge\"\u003e🧬 Oméga 3-6-9 végétal\u003c\/span\u003e \u003cspan class=\"vf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"vf-badge\"\u003e💊 60 capsules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"vf-hero-title\"\u003eVital Flax Bio\u003c\/span\u003e\n\u003cp class=\"vf-subtitle\"\u003eHuile de graines de lin biologique — Oméga-3 végétal\u003c\/p\u003e\n\u003cp class=\"vf-description\"\u003eL'allié 100 % végétal de votre équilibre émotionnel, de vos fonctions cognitives et de votre santé cardiovasculaire. Formulé par LT Labo à partir d'huile de lin bio pressée à froid, naturellement riche en acide alpha-linolénique (ALA).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eVital Flax Bio : l'huile de lin oméga-3 au service de votre équilibre émotionnel\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eVous cherchez une source végétale d'oméga-3 fiable, certifiée bio, pour prendre soin de votre équilibre intérieur au quotidien ?\u003c\/p\u003e\n\u003cdiv class=\"vf-highlight-box\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eVital Flax Bio de LT Labo\u003c\/strong\u003e est un complément alimentaire à base d'\u003cstrong\u003ehuile de graines de lin biologique\u003c\/strong\u003e, naturellement concentrée en \u003cstrong\u003eacide alpha-linolénique (ALA)\u003c\/strong\u003e, un acide gras essentiel que votre organisme ne peut pas fabriquer lui-même. Ce précieux oméga-3 végétal contribue au bon fonctionnement du cerveau et joue un rôle reconnu dans le maintien de l'équilibre émotionnel.\u003c\/p\u003e\n\u003cp\u003ePrésenté sous forme de \u003cstrong\u003e60 capsules\u003c\/strong\u003e pratiques et faciles à avaler, Vital Flax Bio vous accompagne pendant un à deux mois de cure, selon vos besoins. Certifié \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e, il vous offre une alternative 100 % végétale aux oméga-3 d'origine marine, idéale si vous suivez un régime végétarien, végan ou si vous ne souhaitez tout simplement pas consommer de poisson.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003ePourquoi les oméga-3 de l'huile de lin sont-ils si importants ?\u003c\/h2\u003e\n\u003cdiv class=\"vf-highlight-box\"\u003e\n\u003cp\u003eLes \u003cstrong\u003egraines de lin\u003c\/strong\u003e figurent parmi les sources végétales les plus riches en \u003cstrong\u003eoméga-3\u003c\/strong\u003e. L'huile obtenue par première pression à froid de ces graines concentre une quantité remarquable d'\u003cstrong\u003eacide alpha-linolénique (ALA)\u003c\/strong\u003e, un acide gras polyinsaturé classé parmi les \u003cstrong\u003eacides gras essentiels\u003c\/strong\u003e. Essentiel, car votre corps en a absolument besoin mais ne sait pas le synthétiser : il doit impérativement être apporté par l'alimentation.\u003c\/p\u003e\n\u003cp\u003eOr, l'alimentation moderne, souvent trop riche en oméga-6 et pauvre en oméga-3, déséquilibre le fameux \u003cstrong\u003eratio oméga-6\/oméga-3\u003c\/strong\u003e. Ce déséquilibre est associé à de nombreux inconforts du quotidien : irritabilité, fatigue mentale, difficulté à se concentrer, baisse de moral… En rééquilibrant vos apports grâce à l'\u003cstrong\u003ehuile de lin oméga-3\u003c\/strong\u003e, vous offrez à votre organisme les briques nutritionnelles dont il a besoin pour fonctionner harmonieusement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile de lin oméga-3 dans Vital Flax Bio\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eL'huile de lin oméga-3 présente dans Vital Flax Bio ne se limite pas à un seul bénéfice. Voici les principaux domaines dans lesquels elle peut vous accompagner :\u003c\/p\u003e\n\u003cdiv class=\"vf-grid\"\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🧘 Équilibre émotionnel et gestion du stress\u003c\/h3\u003e\n\u003cp\u003eL'ALA participe au fonctionnement normal du système nerveux. Un apport suffisant en oméga-3 contribue à maintenir une humeur stable et à mieux faire face aux tensions du quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n\u003cp\u003eMémoire, concentration, clarté mentale… Les acides gras oméga-3 sont des constituants essentiels des membranes cellulaires du cerveau. Les nourrir, c'est soutenir vos capacités intellectuelles au fil du temps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e👶 Croissance et développement cérébral\u003c\/h3\u003e\n\u003cp\u003eLes graines de lin oméga-3 constituent un apport précieux pour les enfants en pleine croissance, contribuant au développement normal de leurs fonctions cérébrales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n\u003cp\u003eL'ALA contribue au maintien d'un taux de cholestérol sanguin normal lorsqu'il est consommé dans le cadre d'une alimentation équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e⚖️ Rééquilibrage du ratio oméga-6\/oméga-3\u003c\/h3\u003e\n\u003cp\u003eEn complétant vos apports en oméga-3 d'origine végétale, vous aidez votre organisme à retrouver un meilleur équilibre entre ces deux familles d'acides gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eComposition détaillée – Pour 2 capsules (dose journalière recommandée)\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eChaque capsule de Vital Flax Bio est formulée avec soin à partir d'ingrédients biologiques et naturels.\u003c\/p\u003e\n\u003cdiv class=\"vf-compo-table\"\u003e\n\u003cdiv class=\"vf-compo-row vf-compo-header\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003eIngrédient\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003ePour 2 capsules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e🌱 Huile de graines de lin bio\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e1 000 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row vf-compo-sub\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e↳ dont Oméga-3 (ALA)\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e500 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row vf-compo-sub\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e↳ dont Oméga-6 (acide linoléique)\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e135 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e🥬 Fibres alimentaires\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e30 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e🔬 Lignanes\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e3 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-compo-row\"\u003e\n\u003cspan class=\"vf-compo-label\"\u003e✨ Vitamine E naturelle (tocophérols)\u003c\/span\u003e \u003cspan class=\"vf-compo-value\"\u003e\u003cstrong\u003e2 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-tip\"\u003e\n\u003cspan class=\"vf-tip-icon\"\u003e💊\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eEnveloppe de la capsule\u003c\/strong\u003e : gélatine végétale, glycérine. Produit certifié Agriculture Biologique (AB). Sans additifs chimiques. Convient aux personnes suivant un régime végétarien ou végan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eUn mot sur les lignanes et la vitamine E\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eAu-delà des oméga-3, Vital Flax Bio vous apporte deux autres composés intéressants souvent méconnus.\u003c\/p\u003e\n\u003cdiv class=\"vf-grid-compact\"\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🔬 Les lignanes\u003c\/h3\u003e\n\u003cp\u003eDes polyphénols naturellement présents dans les graines de lin. Ils possèdent des propriétés antioxydantes et contribuent à protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e✨ La vitamine E\u003c\/h3\u003e\n\u003cp\u003eAntioxydant naturel, elle aide à préserver la qualité de l'huile tout en apportant un bénéfice supplémentaire pour la protection des cellules de votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-tip\"\u003e\n\u003cspan class=\"vf-tip-icon\"\u003e🧪\u003c\/span\u003e\n\u003cp\u003eCette synergie entre \u003cstrong\u003eoméga-3, lignanes et vitamine E\u003c\/strong\u003e fait de Vital Flax Bio un complément plus complet qu'une simple huile de lin classique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eComment prendre Vital Flax Bio ?\u003c\/h2\u003e\n\u003cdiv class=\"vf-timeline\"\u003e\n\u003cdiv class=\"vf-timeline-item\"\u003e\n\u003cdiv class=\"vf-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"vf-timeline-content\"\u003e\n\u003ch3\u003eEn entretien quotidien\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 capsule par jour\u003c\/strong\u003e, au cours d'un repas, avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-timeline-item\"\u003e\n\u003cdiv class=\"vf-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"vf-timeline-content\"\u003e\n\u003ch3\u003eEn cure de soutien\u003c\/h3\u003e\n\u003cp\u003ePériodes de stress, fatigue intellectuelle, changement de saison : prenez \u003cstrong\u003e2 capsules par jour\u003c\/strong\u003e, réparties sur un ou deux repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-timeline-item\"\u003e\n\u003cdiv class=\"vf-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"vf-timeline-content\"\u003e\n\u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n\u003cp\u003eLa prise au moment du repas favorise l'absorption des acides gras. Pour des résultats durables, une \u003cstrong\u003ecure de 1 à 3 mois\u003c\/strong\u003e est conseillée, renouvelable plusieurs fois par an.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-tip\"\u003e\n\u003cspan class=\"vf-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce pratique\u003c\/strong\u003e : si vous avez du mal à avaler les capsules, vous pouvez les percer et mélanger l'huile directement dans une salade ou un yaourt. L'efficacité reste la même.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eHuile de lin oméga-3 vs oméga-3 de poisson : pourquoi choisir le végétal ?\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eLa question revient souvent : faut-il préférer les oméga-3 issus de poissons gras ou ceux de l'huile de lin ? L'huile de graines de lin présente des avantages spécifiques.\u003c\/p\u003e\n\u003cdiv class=\"vf-grid\"\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🌱 100 % végétale\u003c\/h3\u003e\n\u003cp\u003eParfaite pour les personnes végétariennes, véganes, ou celles qui n'apprécient pas le goût du poisson ni les reflux désagréables que certains compléments à base d'huile de poisson peuvent provoquer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🛡️ Sans risque de métaux lourds\u003c\/h3\u003e\n\u003cp\u003eContrairement aux huiles de poisson, l'huile de lin bio n'expose pas aux polluants marins (mercure, PCB, dioxines).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🏆 Richesse exceptionnelle en ALA\u003c\/h3\u003e\n\u003cp\u003eLa graine de lin est l'un des aliments les plus concentrés en acide alpha-linolénique au monde, avec environ \u003cstrong\u003e16,7 g d'ALA pour 100 g\u003c\/strong\u003e de graines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🌍 Production durable\u003c\/h3\u003e\n\u003cp\u003eLa culture du lin, notamment en France, représente une filière respectueuse de l'environnement et certifiable en agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #8 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse Vital Flax Bio ?\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eCe complément alimentaire conviendra particulièrement si vous vous reconnaissez dans l'une de ces situations :\u003c\/p\u003e\n\u003cdiv class=\"vf-grid\"\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e😤 Périodes de stress\u003c\/h3\u003e\n\u003cp\u003eVous traversez une période de stress ou de surmenage et ressentez le besoin de retrouver un meilleur équilibre émotionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e📚 Étudiants et actifs\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez soutenir vos fonctions cognitives : mémoire, concentration, apprentissage au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🥗 Végétariens et végans\u003c\/h3\u003e\n\u003cp\u003eVous cherchez une source fiable d'oméga-3 sans poisson, 100 % d'origine végétale et certifiée bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e👧 Parents attentionnés\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez offrir à vos enfants un apport en acides gras essentiels d'origine naturelle pour accompagner leur croissance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n\u003cp\u003eVous faites attention à votre santé cardiovasculaire et souhaitez rééquilibrer votre rapport oméga-6\/oméga-3.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #9 --\u003e\n\u003csection class=\"vf-section\"\u003e\n\u003ch2\u003eLes engagements qualité de LT Labo\u003c\/h2\u003e\n\u003cp class=\"vf-section-intro\"\u003eLe laboratoire LT Labo est un acteur reconnu dans la fabrication de compléments alimentaires naturels et biologiques en France.\u003c\/p\u003e\n\u003cdiv class=\"vf-grid-compact\"\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🏷️ Certification AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique et label européen bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n\u003cp\u003eHuile de lin obtenue par première pression à froid, préservant l'intégrité des acides gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eContrôle rigoureux des matières premières en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vf-card\"\u003e\n\u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n\u003cp\u003eSans colorants, sans conservateurs artificiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #10 \u0026 #11 regroupés en accordéon --\u003e\n\u003csection class=\"vf-section\"\u003e\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"vf-section\"\u003e\n\u003ch2\u003eEn résumé : ce que Vital Flax Bio vous apporte\u003c\/h2\u003e\n\u003cdiv class=\"vf-cta-box\"\u003e\n\u003cp\u003e🌱 \u003cstrong\u003eHuile de graines de lin biologique\u003c\/strong\u003e, pressée à froid, riche en ALA\u003c\/p\u003e\n\u003cp\u003e🧬 \u003cstrong\u003eOméga-3, oméga-6 et oméga-9\u003c\/strong\u003e d'origine 100 % végétale\u003c\/p\u003e\n\u003cp\u003e🧘 Soutien de l'\u003cstrong\u003eéquilibre émotionnel\u003c\/strong\u003e, des \u003cstrong\u003efonctions cognitives\u003c\/strong\u003e et de la \u003cstrong\u003esanté cardiovasculaire\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e🔬 Formule enrichie en \u003cstrong\u003elignanes antioxydants\u003c\/strong\u003e et en \u003cstrong\u003evitamine E naturelle\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e🏷️ Certifié \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e, fabriqué en France par LT Labo\u003c\/p\u003e\n\u003cp\u003e💊 \u003cstrong\u003e60 capsules\u003c\/strong\u003e pour 1 à 2 mois de cure selon vos besoins\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"vf-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --vf-cream: #F4F8FA;\n --vf-white: #ffffff;\n --vf-primary: #5B7FA5;\n --vf-primary-dark: #3A5A7C;\n --vf-primary-light: #E8F0F6;\n --vf-secondary: #4A7A3E;\n --vf-accent: #3D6B99;\n --vf-text: #1a1a1a;\n --vf-text-light: #5a5a5a;\n --vf-border: #dde5eb;\n --vf-shadow: 0 4px 24px rgba(59,90,124,.08);\n --vf-shadow-lg: 0 12px 48px rgba(59,90,124,.15);\n --vf-radius: 20px;\n --vf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.vf-hero {\n position: relative;\n background: linear-gradient(135deg, #3A5A7C 0%, #5B7FA5 40%, #4A7A3E 100%);\n border-radius: var(--vf-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(--vf-shadow-lg);\n}\n\n.vf-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(74,122,62,.15) 0%, transparent 60%);\n opacity: 1;\n}\n\n.vf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.vf-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.vf-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: -.01em;\n}\n\n.vf-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.vf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.vf-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(--vf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.vf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vf-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.vf-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(--vf-primary), var(--vf-secondary));\n border-radius: 2px;\n}\n\n.vf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vf-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.vf-highlight-box {\n background: var(--vf-white);\n border-radius: var(--vf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vf-shadow);\n border-left: 4px solid var(--vf-primary);\n}\n\n.vf-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--vf-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.vf-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.vf-card {\n background: var(--vf-white);\n border-radius: var(--vf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vf-shadow-lg);\n border-color: var(--vf-primary);\n}\n\n.vf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.vf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vf-grid-compact .vf-card {\n padding: 1rem;\n}\n\n.vf-grid-compact .vf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vf-grid-compact .vf-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.vf-compo-table {\n background: var(--vf-white);\n border-radius: var(--vf-radius);\n box-shadow: var(--vf-shadow);\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.vf-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--vf-border);\n transition: background .2s ease;\n}\n\n.vf-compo-row:last-child {\n border-bottom: none;\n}\n\n.vf-compo-row:hover {\n background: var(--vf-primary-light);\n}\n\n.vf-compo-header {\n background: linear-gradient(135deg, var(--vf-primary), var(--vf-primary-dark));\n color: white;\n}\n\n.vf-compo-header:hover {\n background: linear-gradient(135deg, var(--vf-primary), var(--vf-primary-dark));\n}\n\n.vf-compo-header .vf-compo-label,\n.vf-compo-header .vf-compo-value {\n color: white;\n font-weight: 700;\n font-size: 14px;\n}\n\n.vf-compo-label {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vf-text);\n font-weight: 600;\n}\n\n.vf-compo-value {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vf-primary-dark);\n font-weight: 700;\n text-align: right;\n flex-shrink: 0;\n}\n\n.vf-compo-sub .vf-compo-label {\n padding-left: 1rem;\n font-weight: 500;\n color: var(--vf-text-light);\n font-size: clamp(12px, 1.8vw, 14px);\n}\n\n.vf-compo-sub {\n background: rgba(232,240,246,.3);\n}\n\n\/* === TIMELINE === *\/\n.vf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.vf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.vf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--vf-primary), var(--vf-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.vf-timeline-content {\n flex: 1;\n background: var(--vf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--vf-radius-sm);\n box-shadow: var(--vf-shadow);\n}\n\n.vf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--vf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.vf-timeline-content p {\n font-size: 14px;\n color: var(--vf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.vf-testimonial {\n background: var(--vf-white);\n border-radius: var(--vf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vf-shadow);\n border-left: 4px solid var(--vf-primary);\n}\n\n.vf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.vf-accordion {\n background: var(--vf-white);\n border-radius: var(--vf-radius);\n box-shadow: var(--vf-shadow);\n overflow: hidden;\n}\n\n.vf-accordion-item {\n border-bottom: 1px solid var(--vf-border);\n margin: 0;\n padding: 0;\n}\n\n.vf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vf-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.vf-accordion-header:hover {\n background: var(--vf-primary-light);\n}\n\n.vf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vf-primary);\n transition: transform .2s ease;\n}\n\n.vf-accordion-item[open] .vf-accordion-header::after {\n content: '−';\n}\n\n.vf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.vf-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.vf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--vf-primary-light);\n border-radius: var(--vf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.vf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.vf-tip p {\n font-size: 14px;\n color: var(--vf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.vf-cta-box {\n background: linear-gradient(135deg, var(--vf-primary) 0%, var(--vf-primary-dark) 100%);\n border-radius: var(--vf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vf-cta-box p {\n color: white;\n font-size: clamp(14px, 2.3vw, 17px);\n line-height: 1.8;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 .5rem 0;\n}\n\n.vf-cta-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.vf-disclaimer {\n font-size: 12px;\n color: var(--vf-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 .vf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .vf-card {\n padding: 1.125rem;\n }\n\n .vf-section {\n margin-bottom: 1.75rem;\n }\n\n .vf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vf-radius-sm);\n }\n\n .vf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .vf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .vf-grid-compact {\n gap: .625rem;\n }\n\n .vf-grid-compact .vf-card {\n padding: .75rem;\n }\n\n .vf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .vf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .vf-timeline-content h3 {\n font-size: 14px;\n }\n\n .vf-timeline-content p {\n font-size: 13px;\n }\n\n .vf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .vf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .vf-testimonial {\n padding: 1.25rem;\n }\n\n .vf-testimonial-text {\n font-size: 14px;\n }\n\n .vf-highlight-box {\n padding: 1.25rem;\n }\n\n .vf-highlight-box p {\n font-size: 14px;\n }\n\n .vf-compo-row {\n padding: .75rem 1rem;\n }\n\n .vf-compo-label {\n font-size: 13px;\n }\n\n .vf-compo-value {\n font-size: 13px;\n }\n\n .vf-compo-sub .vf-compo-label {\n padding-left: .5rem;\n font-size: 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vf-card {\n animation: vfFadeInUp .5s ease backwards;\n }\n .vf-card:nth-child(1) { animation-delay: .05s; }\n .vf-card:nth-child(2) { animation-delay: .1s; }\n .vf-card:nth-child(3) { animation-delay: .15s; }\n .vf-card:nth-child(4) { animation-delay: .2s; }\n .vf-card:nth-child(5) { animation-delay: .25s; }\n .vf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes vfFadeInUp {\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 .vf-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":45755273805981,"sku":"LT0060","price":17.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vital-flax-bio-equilibre-emotionnel-60-capsules-lt-labo-lifestyle.webp?v=1770725810"},{"product_id":"immunocance-jade-recherche-defenses-immunitaires-60-g-jade-recherche","title":"Immunocance Jade Recherche - Défenses Immunitaires - 60 g","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Immunocance Jade Recherche - Défenses Immunitaires - 60 g\nPalette détectée:\n - Primaire: #C2185B (rose magenta\/fuchsia dominant du packaging)\n - Secondaire: #E6A817 (doré\/orange des bulles décoratives et texte jaune)\n - Accent: #9C27B0 (violet\/pourpre visible sur les bords de l'étiquette)\nAmbiance: Santé naturelle, champignons médicinaux, immunité, univers féminin\/vibrant avec touches dorées évoquant la qualité premium. Pot blanc sobre avec étiquette rose vif et éléments dorés.\nPréfixe CSS: imc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Immunocance Jade Recherche : le pouvoir des champignons médicinaux pour votre immunité\"\n 2. \"Pourquoi choisir Immunocance pour renforcer votre immunité ?\"\n 3. \"Composition détaillée pour 4 g (dose journalière)\"\n 4. \"Comment prendre Immunocance ?\"\n 5. \"À qui s'adresse ce complément ?\"\n 6. \"Qualité et fabrication française\"\n 7. \"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=\"imc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"imc-hero\"\u003e\n \u003cdiv class=\"imc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"imc-hero-content\"\u003e\n \u003cdiv class=\"imc-badges-top\"\u003e\n \u003cspan class=\"imc-badge\"\u003e🍄 Maïtaké · Shiitaké · Reishi\u003c\/span\u003e\n \u003cspan class=\"imc-badge\"\u003e🧬 Vitamine C liposomale 170% AR\u003c\/span\u003e\n \u003cspan class=\"imc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"imc-hero-title\"\u003eImmunocance Jade Recherche\u003c\/span\u003e\n \u003cp class=\"imc-subtitle\"\u003eDéfenses immunitaires — 60 g de poudre\u003c\/p\u003e\n \u003cp class=\"imc-description\"\u003eLa synergie de 3 champignons médicinaux adaptogènes et de vitamine C liposomale pour soutenir votre immunité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"imc-section\"\u003e\n \u003ch2\u003eImmunocance Jade Recherche : le pouvoir des champignons médicinaux pour votre immunité\u003c\/h2\u003e\n \u003cp class=\"imc-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire immunité\u003c\/strong\u003e qui associe le meilleur de la mycothérapie à la \u003cstrong\u003evitamine C liposomale\u003c\/strong\u003e ?\u003c\/p\u003e\n \u003cdiv class=\"imc-grid\"\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🍄 Trio de champignons adaptogènes\u003c\/h3\u003e\n \u003cp\u003eMaïtaké, shiitaké et reishi réunis dans une seule formule en poudre pour une action synergique sur vos défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🧬 Vitamine C liposomale\u003c\/h3\u003e\n \u003cp\u003eEncapsulée dans des liposomes pour une biodisponibilité supérieure à la vitamine C classique. 136 mg par dose, soit 170 % des AR.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🌿 Formule 100 % naturelle\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de sources naturelles, enrichis de poudre de jus de noni pour un apport complémentaire en antioxydants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"imc-section\"\u003e\n \u003ch2\u003ePourquoi choisir Immunocance pour renforcer votre immunité ?\u003c\/h2\u003e\n \u003cdiv class=\"imc-grid\"\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🏔️ Maïtaké (Grifola frondosa)\u003c\/h3\u003e\n \u003cp\u003eChampignon traditionnellement utilisé en médecine asiatique, riche en \u003cstrong\u003ebêta-glucanes\u003c\/strong\u003e qui contribuent à stimuler l'activité des cellules immunitaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🌸 Shiitaké (Lentinus edodes)\u003c\/h3\u003e\n \u003cp\u003eDeuxième pilier de la formule, reconnu pour sa richesse en polysaccharides immunostimulants et son usage millénaire en mycothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e✨ Reishi (Ganoderma lucidum)\u003c\/h3\u003e\n \u003cp\u003eSurnommé « champignon de l'immortalité », il complète le trio grâce à ses \u003cstrong\u003epropriétés adaptogènes\u003c\/strong\u003e reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e💊 Vitamine C liposomale\u003c\/h3\u003e\n \u003cp\u003eEncapsulée dans des liposomes de lécithine de tournesol pour une \u003cstrong\u003eabsorption nettement supérieure\u003c\/strong\u003e, contribuant au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🍈 Jus de noni\u003c\/h3\u003e\n \u003cp\u003eLa poudre de jus de \u003cstrong\u003eMorinda citrifolia\u003c\/strong\u003e apporte un complément d'antioxydants naturels pour renforcer la synergie globale de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🔬 Synergie optimisée\u003c\/h3\u003e\n \u003cp\u003eLa complémentarité des actifs fait toute la différence : chaque ingrédient amplifie l'efficacité des autres pour un soutien immunitaire complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"imc-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 4 g (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"imc-composition-table\"\u003e\n \u003cdiv class=\"imc-compo-row imc-compo-header\"\u003e\n \u003cspan class=\"imc-compo-name\"\u003eIngrédient\u003c\/span\u003e\n \u003cspan class=\"imc-compo-dose\"\u003eDosage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-compo-row\"\u003e\n \u003cspan class=\"imc-compo-name\"\u003e🍄 \u003cstrong\u003eMaïtaké\u003c\/strong\u003e (Grifola frondosa)*\u003c\/span\u003e\n \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e1,6 g\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-compo-row\"\u003e\n \u003cspan class=\"imc-compo-name\"\u003e🍄 \u003cstrong\u003eShiitaké\u003c\/strong\u003e (Lentinus edodes)*\u003c\/span\u003e\n \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e1,28 g\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-compo-row\"\u003e\n \u003cspan class=\"imc-compo-name\"\u003e🍈 \u003cstrong\u003ePoudre de jus de noni\u003c\/strong\u003e (Morinda citrifolia)*\u003c\/span\u003e\n \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e0,6 g\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-compo-row\"\u003e\n \u003cspan class=\"imc-compo-name\"\u003e✨ \u003cstrong\u003eReishi\u003c\/strong\u003e (Ganoderma lucidum)*\u003c\/span\u003e\n \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e0,32 g\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-compo-row imc-compo-highlight\"\u003e\n \u003cspan class=\"imc-compo-name\"\u003e💊 \u003cstrong\u003eVitamine C liposomale\u003c\/strong\u003e (acide L-ascorbique)\u003c\/span\u003e\n \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e136 mg\u003c\/strong\u003e — 170 % AR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-compo-row\"\u003e\n \u003cspan class=\"imc-compo-name\"\u003eÉmulsifiant : lécithine de tournesol\u003c\/span\u003e\n \u003cspan class=\"imc-compo-dose\"\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"imc-disclaimer\"\u003e* Ingrédients issus de sources naturelles. Contenance nette : \u003cstrong\u003e60 g\u003c\/strong\u003e de poudre.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"imc-section\"\u003e\n \u003ch2\u003eComment prendre Immunocance ?\u003c\/h2\u003e\n \u003cdiv class=\"imc-timeline\"\u003e\n \u003cdiv class=\"imc-timeline-item\"\u003e\n \u003cdiv class=\"imc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"imc-timeline-content\"\u003e\n \u003ch3\u003eDosez votre poudre\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 cuillères à café rases\u003c\/strong\u003e par jour (soit 2 à 4 g).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-timeline-item\"\u003e\n \u003cdiv class=\"imc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"imc-timeline-content\"\u003e\n \u003ch3\u003eDiluez dans de l'eau chaude\u003c\/h3\u003e\n \u003cp\u003eVersez la poudre dans un verre d'eau chaude d'environ \u003cstrong\u003e200 ml\u003c\/strong\u003e, puis mélangez bien. Vous pouvez aussi l'incorporer dans une tisane ou un jus tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-timeline-item\"\u003e\n \u003cdiv class=\"imc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"imc-timeline-content\"\u003e\n \u003ch3\u003ePrenez pendant un repas\u003c\/h3\u003e\n \u003cp\u003ePrivilégiez une prise \u003cstrong\u003ependant un repas\u003c\/strong\u003e pour favoriser l'absorption de la vitamine C liposomale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-timeline-item\"\u003e\n \u003cdiv class=\"imc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"imc-timeline-content\"\u003e\n \u003ch3\u003eFaites une cure régulière\u003c\/h3\u003e\n \u003cp\u003ePour une cure efficace, une prise régulière \u003cstrong\u003esur plusieurs semaines\u003c\/strong\u003e est recommandée, notamment à l'approche de l'automne, de l'hiver ou lors de périodes de fatigue passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"imc-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"imc-grid-compact\"\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🛡️ Immunité naturelle\u003c\/h3\u003e\n \u003cp\u003ePersonnes souhaitant renforcer leur immunité de manière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🍄 Mycothérapie\u003c\/h3\u003e\n \u003cp\u003eCeux qui veulent bénéficier des bienfaits des champignons médicinaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e💊 Vitamine C optimisée\u003c\/h3\u003e\n \u003cp\u003ePersonnes cherchant une forme liposomale mieux assimilée par l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🍂 Changements de saison\u003c\/h3\u003e\n \u003cp\u003ePour soutenir l'organisme lors des transitions saisonnières ou périodes exigeantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"imc-section\"\u003e\n \u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n \u003cdiv class=\"imc-testimonial\"\u003e\n \u003cp class=\"imc-testimonial-text\"\u003eConçu et fabriqué en France par \u003cstrong\u003eJade Recherche\u003c\/strong\u003e, Immunocance bénéficie d'un contrôle qualité rigoureux à chaque étape de production. Jade Recherche est un laboratoire spécialisé dans le développement de formules naturelles innovantes, reconnu pour son exigence scientifique et son engagement envers des ingrédients soigneusement sélectionnés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConception et fabrication françaises.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🔬 Contrôle qualité\u003c\/h3\u003e\n \u003cp\u003eRigueur à chaque étape de production.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"imc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"imc-accordion\"\u003e\n \u003cdetails class=\"imc-accordion-item\"\u003e\n \u003csummary class=\"imc-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"imc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne dépassez pas la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"imc-accordion-item\"\u003e\n \u003csummary class=\"imc-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n \u003cdiv class=\"imc-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical en cours, consultez votre médecin avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"imc-accordion-item\"\u003e\n \u003csummary class=\"imc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"imc-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Conserver au sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"imc-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\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --imc-cream: #fdf6f9;\n --imc-white: #ffffff;\n --imc-primary: #C2185B;\n --imc-primary-dark: #880E4F;\n --imc-primary-light: #fce4ec;\n --imc-secondary: #E6A817;\n --imc-accent: #9C27B0;\n --imc-text: #1a1a1a;\n --imc-text-light: #5a5a5a;\n --imc-border: #f0e0e6;\n --imc-shadow: 0 4px 24px rgba(194,24,91,.08);\n --imc-shadow-lg: 0 12px 48px rgba(194,24,91,.15);\n --imc-radius: 20px;\n --imc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.imc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--imc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.imc-premium *, .imc-premium *::before, .imc-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.imc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--imc-primary-dark) 0%, var(--imc-primary) 40%, var(--imc-accent) 100%);\n border-radius: var(--imc-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(--imc-shadow-lg);\n}\n\n.imc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(230,168,23,.25) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(230,168,23,.15) 0%, transparent 60%);\n opacity: .6;\n}\n\n.imc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.imc-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.imc-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.imc-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.imc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.imc-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(--imc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.imc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.imc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.imc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--imc-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.imc-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(--imc-primary), var(--imc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.imc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--imc-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.imc-card {\n background: var(--imc-white);\n border-radius: var(--imc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--imc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.imc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--imc-shadow-lg);\n border-color: var(--imc-primary);\n}\n\n.imc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--imc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.imc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--imc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.imc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.imc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.imc-grid-compact .imc-card {\n padding: 1rem;\n}\n\n.imc-grid-compact .imc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.imc-grid-compact .imc-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.imc-composition-table {\n background: var(--imc-white);\n border-radius: var(--imc-radius);\n box-shadow: var(--imc-shadow);\n overflow: hidden;\n}\n\n.imc-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--imc-border);\n gap: 1rem;\n}\n\n.imc-compo-row:last-child {\n border-bottom: none;\n}\n\n.imc-compo-header {\n background: linear-gradient(135deg, var(--imc-primary-dark), var(--imc-primary));\n color: white;\n font-weight: 800;\n font-size: 14px;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.imc-compo-header .imc-compo-name,\n.imc-compo-header .imc-compo-dose {\n color: white;\n}\n\n.imc-compo-name {\n font-size: 14px;\n color: var(--imc-text);\n line-height: 1.4;\n flex: 1;\n}\n\n.imc-compo-dose {\n font-size: 14px;\n color: var(--imc-primary-dark);\n font-weight: 700;\n text-align: right;\n flex-shrink: 0;\n white-space: nowrap;\n}\n\n.imc-compo-highlight {\n background: var(--imc-primary-light);\n}\n\n.imc-compo-highlight .imc-compo-dose {\n color: var(--imc-primary);\n font-size: 15px;\n}\n\n\/* === TIMELINE === *\/\n.imc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.imc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.imc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--imc-primary), var(--imc-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(194,24,91,.25);\n}\n\n.imc-timeline-content {\n flex: 1;\n background: var(--imc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--imc-radius-sm);\n box-shadow: var(--imc-shadow);\n}\n\n.imc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--imc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.imc-timeline-content p {\n font-size: 14px;\n color: var(--imc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.imc-testimonial {\n background: var(--imc-white);\n border-radius: var(--imc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--imc-shadow);\n border-left: 4px solid var(--imc-primary);\n}\n\n.imc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--imc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.imc-accordion {\n background: var(--imc-white);\n border-radius: var(--imc-radius);\n box-shadow: var(--imc-shadow);\n overflow: hidden;\n}\n\n.imc-accordion-item {\n border-bottom: 1px solid var(--imc-border);\n margin: 0;\n padding: 0;\n}\n\n.imc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.imc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--imc-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.imc-accordion-header:hover {\n background: var(--imc-primary-light);\n}\n\n.imc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.imc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--imc-primary);\n transition: transform .2s ease;\n}\n\n.imc-accordion-item[open] .imc-accordion-header::after {\n content: '−';\n}\n\n.imc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--imc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.imc-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.imc-disclaimer {\n font-size: 12px;\n color: var(--imc-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 .imc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .imc-card {\n padding: 1.125rem;\n }\n\n .imc-section {\n margin-bottom: 1.75rem;\n }\n\n .imc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--imc-radius-sm);\n }\n\n .imc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .imc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* Grille compacte mobile *\/\n .imc-grid-compact {\n gap: .625rem;\n }\n\n .imc-grid-compact .imc-card {\n padding: .75rem;\n }\n\n \/* Composition table mobile *\/\n .imc-compo-row {\n padding: .75rem 1rem;\n flex-direction: column;\n align-items: flex-start;\n gap: .25rem;\n }\n\n .imc-compo-header {\n flex-direction: row;\n }\n\n .imc-compo-name {\n font-size: 13px;\n }\n\n .imc-compo-dose {\n font-size: 13px;\n text-align: left;\n }\n\n \/* Timeline mobile *\/\n .imc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .imc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .imc-timeline-content h3 {\n font-size: 14px;\n }\n\n .imc-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .imc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .imc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .imc-testimonial {\n padding: 1.25rem;\n }\n\n .imc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .imc-card {\n animation: imcFadeInUp .5s ease backwards;\n }\n .imc-card:nth-child(1) { animation-delay: .05s; }\n .imc-card:nth-child(2) { animation-delay: .1s; }\n .imc-card:nth-child(3) { animation-delay: .15s; }\n .imc-card:nth-child(4) { animation-delay: .2s; }\n .imc-card:nth-child(5) { animation-delay: .25s; }\n .imc-card:nth-child(6) { animation-delay: .3s; }\n\n .imc-timeline-item {\n animation: imcFadeInUp .5s ease backwards;\n }\n .imc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .imc-timeline-item:nth-child(2) { animation-delay: .1s; }\n .imc-timeline-item:nth-child(3) { animation-delay: .15s; }\n .imc-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes imcFadeInUp {\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 .imc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755277279389,"sku":"JADEIMMU60","price":49.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/immunocance-jade-recherche-defenses-immunitaires-60-g-ingredients.webp?v=1771338877"},{"product_id":"carencea-repondre-a-la-majorite-des-carences-et-besoins-120-gelules-jade-recherche","title":"Carencéa Jade Recherche - Vitamine D3\/K2 Magnésium B6 - 120 gélules","description":"\u003cp\u003e\u003cstrong\u003eCarencéa\u003c\/strong\u003e est un complément alimentaire complet formulé pour répondre aux besoins nutritionnels les plus courants. Grâce à sa \u003cstrong\u003esynergie de minéraux, vitamines et extraits marins\u003c\/strong\u003e, il aide à \u003cstrong\u003ecorriger les carences liées au stress, à une alimentation déséquilibrée ou à des périodes de fatigue\u003c\/strong\u003e. Élaboré par\u003cstrong\u003e \u003c\/strong\u003eJade Recherche, il offre une solution naturelle, bien dosée et hautement assimilable.\u003c\/p\u003e\n\u003ch2\u003eQuels sont les bienfaits de Carencéa ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMagnésium bisglycinate (340 mg)\u003c\/strong\u003e : forme hautement biodisponible, qui participe à la réduction de la fatigue, au bon fonctionnement du système nerveux et musculaire, et à l’équilibre électrolytique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine B6 (1,6 mg – 114 % AR)\u003c\/strong\u003e : potentialise l’assimilation du magnésium et contribue au métabolisme énergétique normal.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTaurine (100 mg)\u003c\/strong\u003e : soutient le système cardiovasculaire et contribue à la concentration et à la vigilance.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine D3 (50 µg – 2000 UI – 1000 % AR)\u003c\/strong\u003e : essentielle pour les os, les muscles, le système immunitaire et la dentition.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine E (30 mg – 250 % AR)\u003c\/strong\u003e : antioxydant naturel qui protège les cellules du stress oxydatif.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine K2 (105 µg – 140 % AR)\u003c\/strong\u003e : contribue à la coagulation sanguine normale et au maintien d’une ossature saine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIode naturel issu de Fucus vesiculosus (40 mg)\u003c\/strong\u003e : soutient la fonction thyroïdienne, la production d’énergie et la concentration.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSpiruline (200 mg)\u003c\/strong\u003e : micro-algue riche en nutriments, elle renforce la vitalité, soutient les défenses naturelles et l’équilibre global.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eComment bien utiliser Carencéa ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePosologie\u003c\/strong\u003e : prendre 2 gélules par jour, de préférence le matin avec un verre d’eau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurée d’une cure\u003c\/strong\u003e : une boîte de 120 gélules permet une supplémentation de 60 jours.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003ePourquoi choisir Carencéa ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule complète\u003c\/strong\u003e : 8 actifs essentiels réunis pour une couverture nutritionnelle optimale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAssimilation maximale\u003c\/strong\u003e : choix de formes actives, naturelles et biodisponibles (bisglycinate, D3 végétale, iode marin).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans additifs inutiles\u003c\/strong\u003e : formule propre, sans colorants, ni conservateurs controversés.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication française\u003c\/strong\u003e : contrôle qualité rigoureux et respect des normes les plus exigeantes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003ePrécautions d’emploi\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eRéservé à l’adulte.\u003c\/li\u003e\n\u003cli\u003eDemander conseil à un professionnel de santé en cas de grossesse, d’allaitement ou de traitement médicamenteux (notamment anticoagulants).\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 enfants. Conserver dans un endroit frais et sec, à l’abri de la chaleur.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755298250909,"sku":"JADECARENCEA","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/carencea-jade-recherche-vitamine-d3k2-magnesium-b6-120-gelul-lifestyle.webp?v=1773308659"},{"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":"tyro-120-gelules-jade-recherche","title":"Tyro+ Jade Recherche - 120 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tyro+ Jade Recherche - Complément alimentaire thyroïde\nPalette détectée:\n - Primaire: #8B4B9E (violet\/purple du logo TYRO - dominante packaging)\n - Secondaire: #F4D835 (jaune vif du fond d'étiquette)\n - Accent: #FF7F3E (orange du papillon)\n - Vert: #1a7a5c (spiruline\/algues visibles sur infographie)\nAmbiance: Santé naturelle, vitalité, transformation (papillon = métamorphose thyroïdienne), dynamique et optimiste. Mix entre énergie solaire (jaune) et bien-être profond (violet). Univers naturel\/scientifique avec ingrédients visibles.\nType: Complément alimentaire - soutien hormonal thyroïde\nStyle: Naturel\/santé\/bien-être avec touche énergique et scientifique\nPréfixe CSS: tyro\n--\u003e\n\n\u003cdiv class=\"tyro-premium\"\u003e\n \u003cdiv class=\"tyro-hero\"\u003e\n \u003cdiv class=\"tyro-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tyro-hero-content\"\u003e\n \u003cdiv class=\"tyro-badges-top\"\u003e\n \u003cspan class=\"tyro-badge\"\u003e🦋 Soutien thyroïdien\u003c\/span\u003e\n \u003cspan class=\"tyro-badge\"\u003e🌱 100% végétalien\u003c\/span\u003e\n \u003cspan class=\"tyro-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tyro-hero-title\"\u003eTyro+\u003c\/span\u003e\n \u003cp class=\"tyro-subtitle\"\u003eRedonnez de l'élan à votre thyroïde\u003c\/p\u003e\n \u003cp class=\"tyro-description\"\u003eFormule synergique associant tyrosine, iode naturel, sélénium, spiruline et maca pour soutenir votre fonction thyroïdienne et retrouver énergie et vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e🔬 Composition synergique\u003c\/h2\u003e\n \u003cdiv class=\"tyro-grid\"\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e💜 Tyrosine 600 mg\u003c\/h3\u003e\n \u003cp\u003eAcide aminé précurseur direct des hormones T3 et T4. Production naturelle qui diminue avec l'âge, supplémentation essentielle après 40 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🌊 Iode naturel 150 µg\u003c\/h3\u003e\n \u003cp\u003eExtrait de Fucus vesiculosus (75 mg), algue marine. Élément indispensable à la synthèse hormonale, biodisponibilité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🛡️ Sélénium 70 µg\u003c\/h3\u003e\n \u003cp\u003e127% des AJR. Protège les cellules thyroïdiennes du stress oxydatif et favorise la conversion de T4 en T3 active.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🌀 Spiruline 170 mg\u003c\/h3\u003e\n \u003cp\u003eSuper-aliment concentré en nutriments, protéines et antioxydants. Soutient la vitalité et le tonus général.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e⚡ Maca 100 mg\u003c\/h3\u003e\n \u003cp\u003eRacine adaptogène péruvienne pour l'équilibre hormonal, la résistance au stress et l'énergie globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e💎 Les bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"tyro-grid\"\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🎯 Soutien hormonal ciblé\u003c\/h3\u003e\n \u003cp\u003eTous les éléments-clés pour le bon fonctionnement thyroïdien et une production hormonale optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e⚡ Vitalité retrouvée\u003c\/h3\u003e\n \u003cp\u003eCombat la fatigue, la frilosité et les troubles métaboliques liés au ralentissement thyroïdien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eSans additifs artificiels, sans conservateurs, sans OGM. Gélules végétales HPMC.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🔬 Dosages optimaux\u003c\/h3\u003e\n \u003cp\u003e127% AJR sélénium, 100% besoins iode, dosage généreux en tyrosine pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"tyro-grid-compact\"\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eManque d'énergie chronique inexpliqué\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e❄️ Frilosité excessive\u003c\/h3\u003e\n \u003cp\u003eMains et pieds froids en permanence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e⚖️ Prise de poids\u003c\/h3\u003e\n \u003cp\u003eMalgré alimentation équilibrée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🎂 Après 40 ans\u003c\/h3\u003e\n \u003cp\u003eSoutien naturel de la fonction thyroïdienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tyro-usage-box\"\u003e\n \u003cdiv class=\"tyro-usage-step\"\u003e\n \u003cdiv class=\"tyro-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tyro-step-content\"\u003e\n \u003ch3\u003ePosologie standard\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, matin et midi, \u003cstrong\u003eavant les repas\u003c\/strong\u003e pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-usage-step\"\u003e\n \u003cdiv class=\"tyro-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tyro-step-content\"\u003e\n \u003ch3\u003ePosologie renforcée\u003c\/h3\u003e\n \u003cp\u003eJusqu'à \u003cstrong\u003e4 gélules par jour\u003c\/strong\u003e possible sous suivi médical selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-usage-step\"\u003e\n \u003cdiv class=\"tyro-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tyro-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 à 3 mois minimum\u003c\/strong\u003e recommandés. Renouveler après une pause d'un mois si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"tyro-grid-compact\"\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e💊 120 gélules\u003c\/h3\u003e\n \u003cp\u003eGélules végétales HPMC 500 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e⏱️ 60 jours\u003c\/h3\u003e\n \u003cp\u003eÀ 2 gélules\/jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🌱 Végétalien\u003c\/h3\u003e\n \u003cp\u003e100% compatible vegan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🇫🇷 Qualité GMP\u003c\/h3\u003e\n \u003cp\u003eFabrication française contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"tyro-accordion\"\u003e\n \u003cdetails class=\"tyro-accordion-item\"\u003e\n \u003csummary class=\"tyro-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"tyro-accordion-content\"\u003e\n \u003cp\u003eNe remplace pas un traitement médical prescrit (Levothyrox...). Avis médical recommandé si suivi pour trouble thyroïdien. Ne pas dépasser la dose journalière. Complément à utiliser dans le cadre d'une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tyro-accordion-item\"\u003e\n \u003csummary class=\"tyro-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"tyro-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux moins de 16 ans, femmes enceintes ou allaitantes (sauf avis médical). \u003cstrong\u003eNe pas associer avec la L-Dopa.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tyro-accordion-item\"\u003e\n \u003csummary class=\"tyro-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"tyro-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité, dans un endroit sec. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tyro-cta-box\"\u003e\n \u003cp\u003e🦋 Redonnez à votre thyroïde les nutriments essentiels dont elle a besoin. Avec \u003cstrong\u003eTyro+\u003c\/strong\u003e, retrouvez naturellement énergie, vitalité et équilibre hormonal au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tyro-cream: #faf9f7;\n --tyro-white: #ffffff;\n --tyro-primary: #8B4B9E;\n --tyro-primary-dark: #6d3a7d;\n --tyro-primary-light: #f5eef7;\n --tyro-secondary: #F4D835;\n --tyro-accent: #FF7F3E;\n --tyro-text: #1a1a1a;\n --tyro-text-light: #5a5a5a;\n --tyro-border: #e8e4e0;\n --tyro-shadow: 0 4px 24px rgba(139,75,158,.08);\n --tyro-shadow-lg: 0 12px 48px rgba(139,75,158,.15);\n --tyro-radius: 20px;\n --tyro-radius-sm: 12px;\n}\n\n.tyro-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tyro-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.tyro-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tyro-primary) 0%, #9b5aae 40%, var(--tyro-secondary) 100%);\n border-radius: var(--tyro-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(--tyro-shadow-lg);\n}\n\n.tyro-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .06;\n background-image: radial-gradient(circle at 30% 70%, rgba(255,255,255,.4) 2px, transparent 2px);\n background-size: 40px 40px;\n}\n\n.tyro-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tyro-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.tyro-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(--tyro-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tyro-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tyro-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\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.tyro-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3.5vw, 26px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n}\n\n.tyro-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 18px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.tyro-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tyro-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tyro-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.tyro-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(--tyro-primary), var(--tyro-secondary));\n border-radius: 2px;\n}\n\n.tyro-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.tyro-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tyro-card {\n background: var(--tyro-white);\n border-radius: var(--tyro-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tyro-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tyro-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tyro-shadow-lg);\n border-color: var(--tyro-primary);\n}\n\n.tyro-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tyro-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tyro-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tyro-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tyro-grid-compact .tyro-card {\n padding: 1rem;\n}\n\n.tyro-grid-compact .tyro-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tyro-grid-compact .tyro-card p {\n font-size: 12px;\n}\n\n.tyro-usage-box {\n background: var(--tyro-white);\n border-radius: var(--tyro-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tyro-shadow);\n}\n\n.tyro-usage-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px solid var(--tyro-border);\n}\n\n.tyro-usage-step:last-child {\n margin-bottom: 0;\n padding-bottom: 0;\n border-bottom: none;\n}\n\n.tyro-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--tyro-primary), var(--tyro-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 box-shadow: 0 4px 16px rgba(139,75,158,.3);\n}\n\n.tyro-step-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--tyro-primary-dark);\n margin: 0 0 .4rem 0;\n}\n\n.tyro-step-content p {\n font-size: 14px;\n color: var(--tyro-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tyro-accordion {\n background: var(--tyro-white);\n border-radius: var(--tyro-radius);\n box-shadow: var(--tyro-shadow);\n overflow: hidden;\n}\n\n.tyro-accordion-item {\n border-bottom: 1px solid var(--tyro-border);\n margin: 0;\n padding: 0;\n}\n\n.tyro-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tyro-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tyro-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.tyro-accordion-header:hover {\n background: var(--tyro-primary-light);\n}\n\n.tyro-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tyro-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tyro-primary);\n transition: transform .2s ease;\n}\n\n.tyro-accordion-item[open] .tyro-accordion-header::after {\n content: '−';\n}\n\n.tyro-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tyro-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.tyro-accordion-content p {\n margin: 0;\n}\n\n.tyro-cta-box {\n background: linear-gradient(135deg, var(--tyro-primary) 0%, var(--tyro-primary-dark) 100%);\n border-radius: var(--tyro-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tyro-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@media (max-width: 767px) {\n .tyro-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .tyro-grid-compact {\n gap: .625rem;\n }\n \n .tyro-grid-compact .tyro-card {\n padding: .75rem;\n }\n \n .tyro-card {\n padding: 1.125rem;\n }\n \n .tyro-section {\n margin-bottom: 1.75rem;\n }\n \n .tyro-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tyro-radius-sm);\n }\n \n .tyro-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .tyro-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .tyro-usage-step {\n flex-direction: column;\n gap: .75rem;\n text-align: center;\n }\n \n .tyro-step-number {\n margin: 0 auto;\n }\n \n .tyro-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .tyro-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .tyro-card {\n animation: fadeInUp .5s ease backwards;\n }\n .tyro-card:nth-child(1) { animation-delay: .05s; }\n .tyro-card:nth-child(2) { animation-delay: .1s; }\n .tyro-card:nth-child(3) { animation-delay: .15s; }\n .tyro-card:nth-child(4) { animation-delay: .2s; }\n .tyro-card:nth-child(5) { animation-delay: .25s; }\n .tyro-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 .tyro-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755313848477,"sku":"TYROJADE","price":29.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tyro-jade-recherche-120-gelules-lifestyle.webp?v=1773329169"},{"product_id":"menbooster-stimule-la-libido-60-gelules-vegetales-labophyto","title":"Menbooster - Stimule la Libido - 60 Gelules - Labophyto","description":"\u003cdiv class=\"mb-premium\"\u003e\n\n\u003cdiv class=\"mb-hero\"\u003e\n\u003cdiv class=\"mb-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mb-hero-content\"\u003e\n\u003cdiv class=\"mb-badges-top\"\u003e\n\u003cspan class=\"mb-badge\"\u003e🔬 13 actifs naturels\u003c\/span\u003e\n\u003cspan class=\"mb-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n\u003cspan class=\"mb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"mb-badge\"\u003e📅 Programme 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mb-hero-title\"\u003eMen Booster Aphrodisiaque\u003c\/span\u003e\n\u003cp class=\"mb-subtitle\"\u003eLabophyto — Stimulant libido homme\u003c\/p\u003e\n\u003cp class=\"mb-description\"\u003eRetrouvez vitalité, endurance et désir grâce à une formule concentrée en plantes adaptogènes, acides aminés, vitamines et minéraux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"mb-section\"\u003e\n\u003ch2\u003eMen Booster de Labophyto : le complément alimentaire libido homme aux actifs naturels\u003c\/h2\u003e\n\u003cp class=\"mb-section-intro\"\u003eVous ressentez une baisse de désir, une fatigue qui s'installe ou un manque d'énergie au quotidien ?\u003c\/p\u003e\n\u003cdiv class=\"mb-grid-compact\"\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e🔥 Désir relancé\u003c\/h3\u003e\n\u003cp\u003eStimule naturellement la libido grâce à la maca et au ginseng\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e⚡ Énergie retrouvée\u003c\/h3\u003e\n\u003cp\u003eVitamines B1, B2, B3 pour un métabolisme énergétique optimal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e🩸 Circulation optimisée\u003c\/h3\u003e\n\u003cp\u003eGinkgo biloba et L-Arginine pour une meilleure vasodilatation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e💪 Testostérone soutenue\u003c\/h3\u003e\n\u003cp\u003eZinc, tribulus et sélénium pour maintenir un taux hormonal normal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mb-section\"\u003e\n\u003ch2\u003eUne formule complète de 13 ingrédients actifs\u003c\/h2\u003e\n\u003cp class=\"mb-section-intro\"\u003eChaque dose journalière de \u003cstrong\u003e2 gélules\u003c\/strong\u003e vous apporte une synergie unique de 13 actifs ciblés :\u003c\/p\u003e\n\u003cdiv class=\"mb-grid\"\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🌿 Maca\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e360 mg — racine\u003c\/p\u003e\n\u003cp\u003ePlante péruvienne traditionnellement utilisée pour soutenir la libido et l'endurance physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🌱 Astragale\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e100 mg — racine\u003c\/p\u003e\n\u003cp\u003eContribue à améliorer la fonction érectile et à soutenir la spermatogenèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e⚡ Ginseng\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e90 mg — racine\u003c\/p\u003e\n\u003cp\u003eStimulant libido homme reconnu, il favorise l'énergie et la résistance au stress.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🍃 Ginkgo biloba\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e90 mg — feuille\u003c\/p\u003e\n\u003cp\u003eAméliore la microcirculation sanguine, un facteur essentiel pour la performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🫐 Saw Palmetto\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e80 mg — fruit\u003c\/p\u003e\n\u003cp\u003eSoutient la santé de la prostate et la fertilité masculine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🌾 Tribulus terrestris\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e50 mg — feuille et fruit\u003c\/p\u003e\n\u003cp\u003eAide à stimuler naturellement la production de testostérone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🧬 L-Arginine\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e50 mg\u003c\/p\u003e\n\u003cp\u003eAcide aminé précurseur du monoxyde d'azote, favorisant la vasodilatation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🌸 Safran\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e30 mg — stigmate\u003c\/p\u003e\n\u003cp\u003eReconnu pour son effet positif sur l'humeur et le désir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🔩 Zinc\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e10 mg — 100 % AR\u003c\/p\u003e\n\u003cp\u003eContribue au maintien d'un taux normal de testostérone dans le sang.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🛡️ Sélénium\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e50 µg — 91 % AR\u003c\/p\u003e\n\u003cp\u003eParticipe à une spermatogenèse normale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e💛 Vitamine B1\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e1,1 mg — 100 % AR\u003c\/p\u003e\n\u003cp\u003eSoutient le métabolisme énergétique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🧡 Vitamine B2\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e1,4 mg — 100 % AR\u003c\/p\u003e\n\u003cp\u003eAide à réduire la fatigue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e❤️ Vitamine B3\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e16 mg — 100 % AR\u003c\/p\u003e\n\u003cp\u003eContribue au bon fonctionnement du système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mb-section\"\u003e\n\u003ch2\u003eComment prendre Men Booster ?\u003c\/h2\u003e\n\u003cdiv class=\"mb-timeline\"\u003e\n\u003cdiv class=\"mb-timeline-item\"\u003e\n\u003cdiv class=\"mb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mb-timeline-content\"\u003e\n\u003ch3\u003ePrenez 2 gélules par jour\u003c\/h3\u003e\n\u003cp\u003eAvec un grand verre d'eau, de préférence le matin ou avant un repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-timeline-item\"\u003e\n\u003cdiv class=\"mb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mb-timeline-content\"\u003e\n\u003ch3\u003eSuivez le programme de 30 jours\u003c\/h3\u003e\n\u003cp\u003eChaque boîte contient 60 gélules pour un cycle complet d'un mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-timeline-item\"\u003e\n\u003cdiv class=\"mb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mb-timeline-content\"\u003e\n\u003ch3\u003eSoyez régulier pour des résultats optimaux\u003c\/h3\u003e\n\u003cp\u003eLes actifs comme la maca et le ginseng déploient pleinement leurs effets après plusieurs jours de prise continue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-tip\"\u003e\n\u003cspan class=\"mb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e la régularité est la clé. Ne sautez pas de prise pour maximiser les bénéfices de la synergie des 13 actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mb-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce booster sexuel naturel ?\u003c\/h2\u003e\n\u003cdiv class=\"mb-grid\"\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e🔬 Formule multi-actifs\u003c\/h3\u003e\n\u003cp\u003eContrairement aux compléments libido classiques qui misent sur 1 ou 2 ingrédients, Men Booster combine \u003cstrong\u003e13 actifs\u003c\/strong\u003e pour une action globale et synergique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e📜 Science et tradition\u003c\/h3\u003e\n\u003cp\u003eLe zinc et le sélénium sont scientifiquement reconnus pour leur rôle dans le maintien de la testostérone et la spermatogenèse. Les extraits de maca, ginseng et tribulus sont plébiscités depuis des siècles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France par Labophyto, laboratoire spécialisé dans les produits de bien-être naturels. Gélules végétales, sans ingrédient d'origine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mb-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"mb-accordion\"\u003e\n\u003cdetails class=\"mb-accordion-item\"\u003e\n\u003csummary class=\"mb-accordion-header\"\u003e👤 À qui s'adresse ce complément ?\u003c\/summary\u003e\n\u003cdiv class=\"mb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire est réservé aux \u003cstrong\u003ehommes adultes\u003c\/strong\u003e. Il est déconseillé aux personnes souffrant de troubles cardiaques ainsi qu'aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mb-accordion-item\"\u003e\n\u003csummary class=\"mb-accordion-header\"\u003e⚠️ Dosage et avis médical\u003c\/summary\u003e\n\u003cdiv class=\"mb-accordion-content mt-3\"\u003e\n\u003cp\u003eNe dépassez pas la dose journalière recommandée de 2 gélules. En cas de traitement médical en cours, demandez l'avis de votre médecin avant toute utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mb-accordion-item\"\u003e\n\u003csummary class=\"mb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"mb-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez dans un endroit frais et sec, hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mb-accordion-item\"\u003e\n\u003csummary class=\"mb-accordion-header\"\u003e📋 Rappel important\u003c\/summary\u003e\n\u003cdiv class=\"mb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mb-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"mb-cta-box\"\u003e\n\u003cp\u003e🔥 Lancez votre programme de 30 jours avec \u003cstrong\u003eMen Booster Aphrodisiaque\u003c\/strong\u003e et retrouvez vitalité, endurance et désir au naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mb-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 --mb-cream: #f8f5f2;\n --mb-white: #ffffff;\n --mb-primary: #d42a2a;\n --mb-primary-dark: #a01e1e;\n --mb-primary-light: #fdf0f0;\n --mb-secondary: #2c2c2c;\n --mb-accent: #e84545;\n --mb-text: #1a1a1a;\n --mb-text-light: #5a5a5a;\n --mb-border: #e8e0da;\n --mb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mb-radius: 20px;\n --mb-radius-sm: 12px;\n}\n\n.mb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mb-hero {\n position: relative;\n background: linear-gradient(135deg, #2c2c2c 0%, #a01e1e 50%, #d42a2a 100%);\n border-radius: var(--mb-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(--mb-shadow-lg);\n}\n\n.mb-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.mb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mb-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,.3);\n}\n\n.mb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.mb-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.mb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mb-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(--mb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mb-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.mb-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(--mb-primary), var(--mb-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.mb-card {\n background: var(--mb-white);\n border-radius: var(--mb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mb-shadow-lg);\n border-color: var(--mb-primary);\n}\n\n.mb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mb-card p strong {\n color: var(--mb-text);\n}\n\n\/* === INGREDIENT CARDS === *\/\n.mb-card-ingredient .mb-dosage {\n font-size: 12px;\n font-weight: 700;\n color: var(--mb-primary);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin: 0 0 .5rem 0;\n padding: 4px 12px;\n background: var(--mb-primary-light);\n border-radius: 999px;\n display: inline-block;\n}\n\n\/* === GRILLES === *\/\n.mb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mb-grid-compact .mb-card {\n padding: 1rem;\n}\n\n.mb-grid-compact .mb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mb-grid-compact .mb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mb-primary), var(--mb-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.mb-timeline-content {\n flex: 1;\n background: var(--mb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mb-radius-sm);\n box-shadow: var(--mb-shadow);\n}\n\n.mb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mb-timeline-content p {\n font-size: 14px;\n color: var(--mb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.mb-testimonial {\n background: var(--mb-white);\n border-radius: var(--mb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mb-shadow);\n border-left: 4px solid var(--mb-primary);\n}\n\n.mb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mb-accordion {\n background: var(--mb-white);\n border-radius: var(--mb-radius);\n box-shadow: var(--mb-shadow);\n overflow: hidden;\n}\n\n.mb-accordion-item {\n border-bottom: 1px solid var(--mb-border);\n margin: 0;\n padding: 0;\n}\n\n.mb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mb-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.mb-accordion-header:hover {\n background: var(--mb-primary-light);\n}\n\n.mb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mb-primary);\n transition: transform .2s ease;\n}\n\n.mb-accordion-item[open] .mb-accordion-header::after {\n content: '−';\n}\n\n.mb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mb-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.mb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mb-primary-light);\n border-radius: var(--mb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mb-tip p {\n font-size: 14px;\n color: var(--mb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.mb-cta-box {\n background: linear-gradient(135deg, var(--mb-primary) 0%, var(--mb-primary-dark) 100%);\n border-radius: var(--mb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mb-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.mb-disclaimer {\n font-size: 12px;\n color: var(--mb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mb-card {\n padding: 1.125rem;\n }\n\n .mb-section {\n margin-bottom: 1.75rem;\n }\n\n .mb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mb-radius-sm);\n }\n\n .mb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mb-grid-compact {\n gap: .625rem;\n }\n\n .mb-grid-compact .mb-card {\n padding: .75rem;\n }\n\n .mb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mb-timeline-content h3 {\n font-size: 14px;\n }\n\n .mb-timeline-content p {\n font-size: 13px;\n }\n\n .mb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mb-testimonial {\n padding: 1.25rem;\n }\n\n .mb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mb-card {\n animation: mbFadeInUp .5s ease backwards;\n }\n .mb-card:nth-child(1) { animation-delay: .05s; }\n .mb-card:nth-child(2) { animation-delay: .1s; }\n .mb-card:nth-child(3) { animation-delay: .15s; }\n .mb-card:nth-child(4) { animation-delay: .2s; }\n .mb-card:nth-child(5) { animation-delay: .25s; }\n .mb-card:nth-child(6) { animation-delay: .3s; }\n .mb-card:nth-child(7) { animation-delay: .35s; }\n .mb-card:nth-child(8) { animation-delay: .4s; }\n .mb-card:nth-child(9) { animation-delay: .45s; }\n .mb-card:nth-child(10) { animation-delay: .5s; }\n .mb-card:nth-child(11) { animation-delay: .55s; }\n .mb-card:nth-child(12) { animation-delay: .6s; }\n .mb-card:nth-child(13) { animation-delay: .65s; }\n}\n\n@keyframes mbFadeInUp {\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 .mb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755330035869,"sku":"MENBOOSTER","price":26.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/men-booster-lapbophyto-60-gelules_11zon.jpg?v=1772626658"},{"product_id":"tcm-pour-recuperer-et-retrouver-de-lenergie-500-ml-jade-recherche","title":"TCM 500 ml - Récupérer \u0026 Retrouver de l'énergie - Jade Recherche","description":"\u003cdiv class=\"tcm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"tcm-hero\"\u003e\n \u003cdiv class=\"tcm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tcm-hero-content\"\u003e\n \u003cdiv class=\"tcm-badges-top\"\u003e\n \u003cspan class=\"tcm-badge\"\u003e🥥 Huile de coco pure\u003c\/span\u003e\n \u003cspan class=\"tcm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"tcm-badge\"\u003e⚡ Énergie rapide\u003c\/span\u003e\n \u003cspan class=\"tcm-badge\"\u003e🧪 100 % TCM C8 + C10\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tcm-hero-title\"\u003eTCM 500 ml — Jade Recherche\u003c\/span\u003e\n \u003cp class=\"tcm-subtitle\"\u003eRécupérer \u0026amp; retrouver de l'énergie\u003c\/p\u003e\n \u003cp class=\"tcm-description\"\u003eUne source d'énergie pure et immédiate à base de triglycérides à chaîne moyenne issus de l'huile de coco. 1 cuillère à soupe par jour pour nourrir directement vos cellules, sans stimulant artificiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"tcm-section\"\u003e\n \u003ch2\u003eTCM Jade Recherche : le complément alimentaire énergie à base de triglycérides à chaîne moyenne\u003c\/h2\u003e\n \u003cp class=\"tcm-section-intro\"\u003eVous traversez une période de fatigue ou de baisse de vitalité ? Le \u003cstrong\u003eTCM 500 ml de Jade Recherche\u003c\/strong\u003e est un \u003cstrong\u003ecomplément alimentaire énergie et vitalité\u003c\/strong\u003e formulé à partir de \u003cstrong\u003etriglycérides à chaîne moyenne (TCM)\u003c\/strong\u003e issus de l'huile de coco.\u003c\/p\u003e\n \u003cdiv class=\"tcm-grid-compact\"\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e🧬 Assimilation directe\u003c\/h3\u003e\n \u003cp\u003eLes TCM passent directement au foie, sans solliciter la bile ni le système lymphatique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e⚡ Énergie immédiate\u003c\/h3\u003e\n \u003cp\u003eConvertis en corps cétoniques, ils alimentent cerveau, cœur et muscles en quelques minutes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eIssu de l'huile de coco, sans stimulant artificiel, sans additif ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e🔄 Énergie durable\u003c\/h3\u003e\n \u003cp\u003ePas de pic ni de chute de glycémie : une vitalité stable tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"tcm-section\"\u003e\n \u003ch2\u003ePourquoi choisir les TCM plutôt qu'un autre complément alimentaire pour booster l'énergie ?\u003c\/h2\u003e\n \u003cdiv class=\"tcm-card tcm-card-highlight\"\u003e\n \u003ch3\u003e🚀 Métabolisés jusqu'à 4× plus rapidement\u003c\/h3\u003e\n \u003cp\u003eContrairement aux acides gras classiques (triglycérides à chaîne longue), les TCM sont absorbés et métabolisés \u003cstrong\u003ejusqu'à quatre fois plus rapidement\u003c\/strong\u003e. Ils n'ont pas besoin de bile ni de lymphe pour être digérés : ils passent directement au foie, où ils sont convertis en \u003cstrong\u003ecorps cétoniques\u003c\/strong\u003e. Ces cétones constituent un carburant immédiat pour vos cellules, en particulier celles du \u003cem\u003ecerveau, du cœur et des muscles\u003c\/em\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-tip\"\u003e\n \u003cspan class=\"tcm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous hésitez entre la \u003cstrong\u003emaca, la spiruline\u003c\/strong\u003e ou d'autres compléments disponibles en pharmacie, sachez que le TCM agit sur un mécanisme différent : il ne stimule pas artificiellement, il \u003cstrong\u003enourrit vos cellules directement en énergie\u003c\/strong\u003e. Il se combine d'ailleurs très bien avec la maca et la spiruline pour une approche complète de la vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"tcm-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets du TCM au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"tcm-grid\"\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e⚡ Énergie rapide et durable\u003c\/h3\u003e\n \u003cp\u003eLes cétones produites alimentent votre corps sans les pics et chutes de glycémie liés aux sucres\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e💪 Récupération facilitée\u003c\/h3\u003e\n \u003cp\u003eIdéal après un effort physique ou intellectuel intense pour retrouver votre pleine capacité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e🔥 Soutien métabolique\u003c\/h3\u003e\n \u003cp\u003eLes TCM contribuent à augmenter le métabolisme de base, ce qui peut favoriser la gestion du poids\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e🧡 Meilleure absorption des vitamines\u003c\/h3\u003e\n \u003cp\u003eFacilite l'assimilation des vitamines liposolubles A, D, E, K et bêta-carotène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e🫶 Digestion douce\u003c\/h3\u003e\n \u003cp\u003eNe sollicite ni la bile ni le système lymphatique, contrairement aux graisses habituelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"tcm-section\"\u003e\n \u003ch2\u003eComposition du TCM Jade Recherche\u003c\/h2\u003e\n \u003cdiv class=\"tcm-composition-box\"\u003e\n \u003cp class=\"tcm-composition-label\"\u003eIngrédient unique\u003c\/p\u003e\n \u003cp class=\"tcm-composition-main\"\u003e100 % triglycérides à chaîne moyenne issus d'huile de coco non hydrogénée\u003c\/p\u003e\n \u003cdiv class=\"tcm-composition-acids\"\u003e\n \u003cdiv class=\"tcm-acid-tag\"\u003e\n \u003cspan class=\"tcm-acid-name\"\u003eAcide caprylique\u003c\/span\u003e\n \u003cspan class=\"tcm-acid-code\"\u003eC8\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-acid-tag\"\u003e\n \u003cspan class=\"tcm-acid-name\"\u003eAcide caprique\u003c\/span\u003e\n \u003cspan class=\"tcm-acid-code\"\u003eC10\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-composition-badges\"\u003e\n \u003cspan class=\"tcm-comp-badge\"\u003e🚫 Sans additif\u003c\/span\u003e\n \u003cspan class=\"tcm-comp-badge\"\u003e🚫 Sans conservateur\u003c\/span\u003e\n \u003cspan class=\"tcm-comp-badge\"\u003e🚫 Sans OGM\u003c\/span\u003e\n \u003cspan class=\"tcm-comp-badge\"\u003e🥑 Keto\u003c\/span\u003e\n \u003cspan class=\"tcm-comp-badge\"\u003e🦴 Paléo\u003c\/span\u003e\n \u003cspan class=\"tcm-comp-badge\"\u003e🌱 Végétarien\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"tcm-section\"\u003e\n \u003ch2\u003ePosologie : comment prendre le TCM ?\u003c\/h2\u003e\n \u003cp class=\"tcm-section-intro\"\u003ePour une bonne tolérance digestive, adoptez une progression douce :\u003c\/p\u003e\n \u003cdiv class=\"tcm-timeline\"\u003e\n \u003cdiv class=\"tcm-timeline-item\"\u003e\n \u003cdiv class=\"tcm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tcm-timeline-content\"\u003e\n \u003ch3\u003eJours 1 à 4 — Démarrage en douceur\u003c\/h3\u003e\n \u003cp\u003e1 cuillère à café (5 ml) par jour, de préférence le matin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-timeline-item\"\u003e\n \u003cdiv class=\"tcm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tcm-timeline-content\"\u003e\n \u003ch3\u003eJours 5 à 8 — Montée progressive\u003c\/h3\u003e\n \u003cp\u003e2 cuillères à café (10 ml) par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-timeline-item\"\u003e\n \u003cdiv class=\"tcm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tcm-timeline-content\"\u003e\n \u003ch3\u003eÀ partir du jour 9 — Dose optimale\u003c\/h3\u003e\n \u003cp\u003e1 cuillère à soupe (15 ml) par jour pour un effet optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-tip\"\u003e\n \u003cspan class=\"tcm-tip-icon\"\u003e🥤\u003c\/span\u003e\n \u003cp\u003eVous pouvez l'ajouter à un \u003cstrong\u003esmoothie, un café, une salade\u003c\/strong\u003e ou le consommer directement. Son goût neutre le rend très facile à intégrer dans votre alimentation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"tcm-section\"\u003e\n \u003ch2\u003eFabrication française et qualité Jade Recherche\u003c\/h2\u003e\n \u003cdiv class=\"tcm-grid-compact\"\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduit par Jade Recherche, laboratoire spécialisé dans les compléments naturels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e🥥 Coco responsable\u003c\/h3\u003e\n \u003cp\u003eNoix de coco cultivées de manière responsable et traçable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e🔬 Pureté garantie\u003c\/h3\u003e\n \u003cp\u003eProduction suivant des normes strictes de pureté et de traçabilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e✅ Pur, sûr, concentré\u003c\/h3\u003e\n \u003cp\u003eAucun compromis sur la qualité, pour des résultats concrets et durables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"tcm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tcm-accordion\"\u003e\n \u003cdetails class=\"tcm-accordion-item\"\u003e\n \u003csummary class=\"tcm-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n \u003cdiv class=\"tcm-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, consultez votre médecin avant utilisation. Tenir hors de portée des enfants. Conserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"tcm-disclaimer\"\u003eLes compléments alimentaires ne remplacent 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 --tcm-cream: #f4f8f2;\n --tcm-white: #ffffff;\n --tcm-primary: #1a8c3f;\n --tcm-primary-dark: #0f6b2d;\n --tcm-primary-light: #e8f5ec;\n --tcm-secondary: #1565a0;\n --tcm-accent: #2196f3;\n --tcm-text: #1a1a1a;\n --tcm-text-light: #5a5a5a;\n --tcm-border: #dce8d8;\n --tcm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --tcm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --tcm-radius: 20px;\n --tcm-radius-sm: 12px;\n}\n\n.tcm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tcm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tcm-hero {\n position: relative;\n background: linear-gradient(135deg, #0f6b2d 0%, #1a8c3f 40%, #1565a0 100%);\n border-radius: var(--tcm-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(--tcm-shadow-lg);\n}\n\n.tcm-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.tcm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tcm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.tcm-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(--tcm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tcm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tcm-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.tcm-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.tcm-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.tcm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tcm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tcm-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.tcm-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(--tcm-primary), var(--tcm-secondary));\n border-radius: 2px;\n}\n\n.tcm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tcm-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.tcm-card {\n background: var(--tcm-white);\n border-radius: var(--tcm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tcm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tcm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tcm-shadow-lg);\n border-color: var(--tcm-primary);\n}\n\n.tcm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tcm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tcm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tcm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tcm-card-highlight {\n border-left: 4px solid var(--tcm-primary);\n text-align: left;\n}\n\n.tcm-card-highlight h3 {\n text-align: left;\n font-size: clamp(16px, 3vw, 20px);\n margin-bottom: .75rem;\n}\n\n.tcm-card-highlight p {\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.tcm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.tcm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tcm-grid-compact .tcm-card {\n padding: 1rem;\n}\n\n.tcm-grid-compact .tcm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tcm-grid-compact .tcm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tcm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.tcm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tcm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tcm-primary), var(--tcm-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.tcm-timeline-content {\n flex: 1;\n background: var(--tcm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tcm-radius-sm);\n box-shadow: var(--tcm-shadow);\n}\n\n.tcm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tcm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tcm-timeline-content p {\n font-size: 14px;\n color: var(--tcm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION BOX === *\/\n.tcm-composition-box {\n background: var(--tcm-white);\n border-radius: var(--tcm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tcm-shadow);\n text-align: center;\n border: 2px solid var(--tcm-primary-light);\n}\n\n.tcm-composition-label {\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: var(--tcm-primary);\n margin: 0 0 .5rem 0;\n}\n\n.tcm-composition-main {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 700;\n color: var(--tcm-text);\n margin: 0 0 1.25rem 0;\n line-height: 1.5;\n}\n\n.tcm-composition-acids {\n display: flex;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 1.5rem;\n flex-wrap: wrap;\n}\n\n.tcm-acid-tag {\n display: flex;\n align-items: center;\n gap: .5rem;\n background: linear-gradient(135deg, var(--tcm-primary), var(--tcm-secondary));\n border-radius: 999px;\n padding: 10px 20px;\n color: white;\n}\n\n.tcm-acid-name {\n font-weight: 700;\n font-size: 14px;\n}\n\n.tcm-acid-code {\n font-weight: 900;\n font-size: 16px;\n background: rgba(255,255,255,.25);\n padding: 2px 10px;\n border-radius: 999px;\n}\n\n.tcm-composition-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n}\n\n.tcm-comp-badge {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 12px;\n background: var(--tcm-primary-light);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n color: var(--tcm-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.tcm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--tcm-primary-light);\n border-radius: var(--tcm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.tcm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tcm-tip p {\n font-size: 14px;\n color: var(--tcm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.tcm-accordion {\n background: var(--tcm-white);\n border-radius: var(--tcm-radius);\n box-shadow: var(--tcm-shadow);\n overflow: hidden;\n}\n\n.tcm-accordion-item {\n border-bottom: 1px solid var(--tcm-border);\n margin: 0;\n padding: 0;\n}\n\n.tcm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tcm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tcm-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.tcm-accordion-header:hover {\n background: var(--tcm-primary-light);\n}\n\n.tcm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tcm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tcm-primary);\n transition: transform .2s ease;\n}\n\n.tcm-accordion-item[open] .tcm-accordion-header::after {\n content: '−';\n}\n\n.tcm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tcm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.tcm-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.tcm-disclaimer {\n font-size: 12px;\n color: var(--tcm-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 .tcm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .tcm-card {\n padding: 1.125rem;\n }\n\n .tcm-section {\n margin-bottom: 1.75rem;\n }\n\n .tcm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tcm-radius-sm);\n }\n\n .tcm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .tcm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .tcm-grid-compact {\n gap: .625rem;\n }\n\n .tcm-grid-compact .tcm-card {\n padding: .75rem;\n }\n\n .tcm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .tcm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .tcm-timeline-content h3 {\n font-size: 14px;\n }\n\n .tcm-timeline-content p {\n font-size: 13px;\n }\n\n .tcm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .tcm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .tcm-card-highlight {\n padding: 1rem;\n }\n\n .tcm-composition-box {\n padding: 1.25rem;\n }\n\n .tcm-composition-acids {\n flex-direction: column;\n align-items: center;\n gap: .5rem;\n }\n\n .tcm-acid-tag {\n padding: 8px 16px;\n }\n\n .tcm-acid-name {\n font-size: 13px;\n }\n\n .tcm-acid-code {\n font-size: 14px;\n }\n\n .tcm-comp-badge {\n font-size: 11px;\n padding: 5px 10px;\n }\n\n .tcm-tip {\n padding: .875rem 1rem;\n }\n\n .tcm-tip-icon {\n font-size: 20px;\n }\n\n .tcm-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tcm-card {\n animation: tcmFadeInUp .5s ease backwards;\n }\n .tcm-card:nth-child(1) { animation-delay: .05s; }\n .tcm-card:nth-child(2) { animation-delay: .1s; }\n .tcm-card:nth-child(3) { animation-delay: .15s; }\n .tcm-card:nth-child(4) { animation-delay: .2s; }\n .tcm-card:nth-child(5) { animation-delay: .25s; }\n .tcm-card:nth-child(6) { animation-delay: .3s; }\n\n .tcm-timeline-item {\n animation: tcmFadeInUp .5s ease backwards;\n }\n .tcm-timeline-item:nth-child(1) { animation-delay: .05s; }\n .tcm-timeline-item:nth-child(2) { animation-delay: .15s; }\n .tcm-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes tcmFadeInUp {\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 .tcm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755338326173,"sku":"JADETCM500","price":37.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tcm_jade_recherche.webp?v=1757062407"},{"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":26.7,"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":"moringa-pure-bio-60-ou-150-gelules-lt-labo","title":"Poudre de Feuilles de Moringa oleifera bio - 60 gélules - LT Labo","description":"\u003cdiv class=\"mg-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mg-hero\"\u003e\n \u003cdiv class=\"mg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mg-hero-content\"\u003e\n \u003cdiv class=\"mg-badges-top\"\u003e\n \u003cspan class=\"mg-badge\"\u003e🌿 100 % folioles bio\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🌱 Certifié vegan\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e✅ Agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mg-hero-title\"\u003ePoudre de feuilles de Moringa oleifera bio\u003c\/span\u003e\n \u003cp class=\"mg-subtitle\"\u003e60 gélules — LT Labo\u003c\/p\u003e\n \u003cp class=\"mg-description\"\u003eL'extraordinaire densité nutritionnelle de l'« arbre de vie » concentrée dans chaque gélule : vitamines, minéraux, antioxydants et acides aminés essentiels, sans aucun additif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eMoringa oleifera bio en gélules : le superaliment qui nourrit votre vitalité au quotidien\u003c\/h2\u003e\n \u003cp class=\"mg-section-intro\"\u003eVous cherchez un complément alimentaire naturel, complet et véritablement nutritif ? La \u003cstrong\u003epoudre de moringa oleifera bio\u003c\/strong\u003e de LT Labo réunit dans chaque gélule l'extraordinaire densité nutritionnelle de l'« arbre de vie ».\u003c\/p\u003e\n \u003cp class=\"mg-section-intro\"\u003eIssu de \u003cstrong\u003e100 % de folioles\u003c\/strong\u003e — la partie la plus riche de la feuille —, ce moringa en poudre concentre vitamines, minéraux, antioxydants et acides aminés essentiels, sans aucun additif. Un vrai coup de pouce pour votre organisme, certifié bio et vegan.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003ePourquoi cette poudre de moringa se distingue\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid-compact\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🍃 100 % folioles biologiques\u003c\/h3\u003e\n \u003cp\u003eSeules les petites feuilles sont sélectionnées, là où la concentration en nutriments est la plus élevée. Aucune tige, aucun déchet végétal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🏅 Certifié AB \u0026amp; vegan\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique contrôlée, gélule d'origine végétale, compatible avec les régimes végétariens et végétaliens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eConditionné en France par LT Labo, selon des standards de qualité stricts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🚫 Sans excipient inutile\u003c\/h3\u003e\n \u003cp\u003ePas de conservateur, pas de colorant, pas d'agent de charge. Juste du moringa pur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eBienfaits de la poudre de moringa pour votre corps\u003c\/h2\u003e\n \u003cp class=\"mg-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de la poudre de moringa\u003c\/strong\u003e sont reconnus depuis des siècles en phytothérapie traditionnelle. Voici ce que cette plante exceptionnelle peut vous apporter :\u003c\/p\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e⚡ Énergie et vitalité\u003c\/h3\u003e\n \u003cp\u003eGrâce au fer, aux vitamines du groupe B et aux acides aminés essentiels, le moringa aide à réduire la fatigue et à soutenir le métabolisme énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🛡️ Défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eLes vitamines A, C et E, associées au zinc, participent au bon fonctionnement du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🔬 Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eRiche en polyphénols, flavonoïdes et quercétine, la poudre de moringa aide à neutraliser les radicaux libres responsables du vieillissement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌾 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eLes fibres naturellement présentes favorisent un transit régulier et soutiennent l'équilibre du microbiote intestinal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e💎 Apport minéral complet\u003c\/h3\u003e\n \u003cp\u003eCalcium, magnésium, potassium… des minéraux indispensables au fonctionnement musculaire et nerveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"mg-composition-box\"\u003e\n \u003cp class=\"mg-composition-title\"\u003eIngrédients pour 3 gélules (dose journalière maximale) :\u003c\/p\u003e\n \u003cdiv class=\"mg-composition-grid\"\u003e\n \u003cdiv class=\"mg-composition-item\"\u003e\n \u003cspan class=\"mg-composition-value\"\u003e1 290 mg\u003c\/span\u003e\n \u003cspan class=\"mg-composition-label\"\u003ePoudre de feuilles de \u003cstrong\u003eMoringa oleifera\u003c\/strong\u003e* (100 % folioles)\u003c\/span\u003e\n \u003cspan class=\"mg-composition-equiv\"\u003e≈ 3 870 mg de plante fraîche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-composition-item\"\u003e\n \u003cspan class=\"mg-composition-value\"\u003eHPMC\u003c\/span\u003e\n \u003cspan class=\"mg-composition-label\"\u003eEnveloppe de la gélule : hydroxypropylméthylcellulose\u003c\/span\u003e\n \u003cspan class=\"mg-composition-equiv\"\u003e100 % végétale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"mg-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eComment consommer le moringa en gélules\u003c\/h2\u003e\n \u003cdiv class=\"mg-timeline\"\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e2 à 3 gélules par jour\u003c\/strong\u003e, de préférence avant les repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003eSi vous débutez\u003c\/h3\u003e\n \u003cp\u003eCommencez par 2 gélules puis augmentez progressivement jusqu'à 3 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 60 gélules correspond à une cure de \u003cstrong\u003e20 à 30 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!-- SECTION 6 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mg-accordion\"\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e⚠️ Avertissement général\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e🧒 Populations déconseillées\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux adolescents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médical, 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!-- SECTION 7 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"mg-accordion\"\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003eQuels sont les bienfaits de la poudre de moringa bio ?\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eLa poudre de moringa apporte vitamines, minéraux et antioxydants. Elle contribue à soutenir l'énergie, l'immunité, la digestion et la protection cellulaire contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003ePourquoi choisir des gélules plutôt que de la poudre en vrac ?\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eLes gélules offrent un dosage précis, une prise facile et un goût neutre, idéales si vous n'appréciez pas la saveur herbacée du moringa libre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003eLe moringa convient-il aux végétaliens ?\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, la gélule est en HPMC, 100 % végétale, et le produit est certifié vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003ePeut-on prendre le moringa en continu ?\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eIl est conseillé de faire des cures de 1 à 3 mois, entrecoupées de pauses d'une à deux semaines. 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!-- CTA FINAL --\u003e\n \u003csection class=\"mg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mg-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre corps le meilleur de la nature avec le moringa oleifera bio LT Labo — 60 gélules de vitalité pure, sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mg-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 --mg-cream: #f5f9f3;\n --mg-white: #ffffff;\n --mg-primary: #3a9a3e;\n --mg-primary-dark: #1e6b22;\n --mg-primary-light: #e8f5e9;\n --mg-secondary: #66bb6a;\n --mg-accent: #a5d6a7;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a5a5a;\n --mg-border: #d7e8d7;\n --mg-shadow: 0 4px 24px rgba(30,107,34,.08);\n --mg-shadow-lg: 0 12px 48px rgba(30,107,34,.15);\n --mg-radius: 20px;\n --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n position: relative;\n background: linear-gradient(135deg, #1e6b22 0%, #3a9a3e 45%, #66bb6a 100%);\n border-radius: var(--mg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n 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.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mg-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.mg-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.mg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mg-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.mg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mg-primary), var(--mg-secondary));\n border-radius: 2px;\n}\n\n.mg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mg-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.mg-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mg-shadow-lg);\n border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.mg-composition-box {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mg-shadow);\n border: 2px solid var(--mg-primary-light);\n}\n\n.mg-composition-title {\n font-size: clamp(14px, 2.5vw, 16px);\n font-weight: 700;\n color: var(--mg-primary-dark);\n text-align: center;\n margin: 0 0 1.5rem 0;\n}\n\n.mg-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1rem;\n}\n\n.mg-composition-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n background: var(--mg-primary-light);\n border-radius: var(--mg-radius-sm);\n padding: 1.25rem 1rem;\n gap: .5rem;\n}\n\n.mg-composition-value {\n font-size: clamp(22px, 4vw, 32px);\n font-weight: 900;\n color: var(--mg-primary-dark);\n line-height: 1;\n}\n\n.mg-composition-label {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text);\n line-height: 1.4;\n}\n\n.mg-composition-equiv {\n font-size: 12px;\n color: var(--mg-text-light);\n font-style: italic;\n background: rgba(255,255,255,.7);\n padding: 4px 12px;\n border-radius: 999px;\n}\n\n.mg-composition-note {\n font-size: 13px;\n color: var(--mg-text-light);\n text-align: center;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.mg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mg-primary), var(--mg-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mg-timeline-content {\n flex: 1;\n background: var(--mg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mg-radius-sm);\n box-shadow: var(--mg-shadow);\n}\n\n.mg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mg-timeline-content p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.mg-accordion {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n box-shadow: var(--mg-shadow);\n overflow: hidden;\n}\n\n.mg-accordion-item {\n border-bottom: 1px solid var(--mg-border);\n margin: 0;\n padding: 0;\n}\n\n.mg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mg-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mg-accordion-header:hover {\n background: var(--mg-primary-light);\n}\n\n.mg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mg-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n margin-left: 12px;\n}\n\n.mg-accordion-item[open] .mg-accordion-header::after {\n content: '−';\n}\n\n.mg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mg-cta-box {\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mg-cta-box 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.mg-disclaimer {\n font-size: 12px;\n color: var(--mg-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 .mg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mg-card {\n padding: 1.125rem;\n }\n\n .mg-section {\n margin-bottom: 1.75rem;\n }\n\n .mg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mg-radius-sm);\n }\n\n .mg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mg-grid-compact {\n gap: .625rem;\n }\n\n .mg-grid-compact .mg-card {\n padding: .75rem;\n }\n\n .mg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mg-timeline-content h3 {\n font-size: 14px;\n }\n\n .mg-timeline-content p {\n font-size: 13px;\n }\n\n .mg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mg-composition-box {\n padding: 1.25rem;\n }\n\n .mg-composition-grid {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n\n .mg-composition-item {\n padding: 1rem .75rem;\n }\n\n .mg-composition-value {\n font-size: 24px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mg-card {\n animation: mgFadeInUp .5s ease backwards;\n }\n .mg-card:nth-child(1) { animation-delay: .05s; }\n .mg-card:nth-child(2) { animation-delay: .1s; }\n .mg-card:nth-child(3) { animation-delay: .15s; }\n .mg-card:nth-child(4) { animation-delay: .2s; }\n .mg-card:nth-child(5) { animation-delay: .25s; }\n .mg-card:nth-child(6) { animation-delay: .3s; }\n\n .mg-timeline-item {\n animation: mgFadeInUp .5s ease backwards;\n }\n .mg-timeline-item:nth-child(1) { animation-delay: .05s; }\n .mg-timeline-item:nth-child(2) { animation-delay: .1s; }\n .mg-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes mgFadeInUp {\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 .mg-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":45755361460381,"sku":"NBAILTL0009","price":15.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-de-feuilles-de-moringa-oleifera-bio-60-gelules-lt-lab-packshothd.webp?v=1775578009"},{"product_id":"magnesium-marin-hyposode-pauvre-en-sel-20-ampoules-algosource","title":"Magnésium Marin Hyposodé - Pauvre en sodium - 20 Ampoules - AlgoSource","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Magnésium Marin Hyposodé - AlgoSource\nPalette détectée:\n - Primaire: #C4A66B (doré\/bronze du packaging et de l'ampoule)\n - Secondaire: #1E4A6E (bleu marine foncé des textes et accents)\n - Accent: #F5F0E6 (crème\/beige clair du fond)\n - Tertiaire: #8B7355 (brun doré soutenu)\nAmbiance: Naturel premium, marin\/breton, élégant et authentique, inspiration marais salants\nPréfixe CSS: mg\n--\u003e\n\n\u003cdiv class=\"mg-premium\"\u003e\n \n \u003cdiv class=\"mg-hero\"\u003e\n \u003cdiv class=\"mg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mg-hero-content\"\u003e\n \u003cdiv class=\"mg-badges-top\"\u003e\n \u003cspan class=\"mg-badge\"\u003e🌊 Origine marine\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🧂 Pauvre en sodium\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabriqué en Bretagne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mg-hero-title\"\u003eMagnésium Marin Hyposodé\u003c\/span\u003e\n \u003cp class=\"mg-subtitle\"\u003eL'excellence des marais salants de Guérande\u003c\/p\u003e\n \u003cp class=\"mg-description\"\u003eUne solution 100% naturelle avec une biodisponibilité exceptionnelle, compatible avec les régimes sans sel. 40% des apports journaliers par ampoule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e💪 Les bienfaits du magnésium marin\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eParticipe activement à la production d'énergie cellulaire pour retrouver votre vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🦵 Confort musculaire\u003c\/h3\u003e\n \u003cp\u003eAide à prévenir les crampes, contractures et tensions musculaires, idéal pour les sportifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧘 Équilibre nerveux\u003c\/h3\u003e\n \u003cp\u003eEssentiel pour réguler le stress, l'irritabilité et favoriser la détente naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🦴 Santé osseuse\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien d'une ossature et d'une dentition normales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e⚙️ 300+ réactions\u003c\/h3\u003e\n \u003cp\u003eImpliqué dans plus de 300 réactions enzymatiques et biochimiques de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e😴 Sommeil apaisé\u003c\/h3\u003e\n \u003cp\u003eFavorise un endormissement plus facile et un sommeil de meilleure qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e🧂 L'avantage hyposodé\u003c\/h2\u003e\n \u003cdiv class=\"mg-highlight-box\"\u003e\n \u003cdiv class=\"mg-highlight-content\"\u003e\n \u003ch3\u003eIdéal pour les régimes pauvres en sel\u003c\/h3\u003e\n \u003cp\u003eGrâce à un procédé d'extraction innovant, AlgoSource a réussi à \u003cstrong\u003econcentrer le magnésium tout en réduisant drastiquement la teneur en sodium\u003c\/strong\u003e. Cette formule unique est parfaitement adaptée aux personnes souffrant d'hypertension, de problèmes rénaux ou simplement soucieuses de limiter leur apport en sel.\u003c\/p\u003e\n \u003cdiv class=\"mg-highlight-badges\"\u003e\n \u003cspan class=\"mg-mini-badge\"\u003e✓ Compatible régimes sans sel\u003c\/span\u003e\n \u003cspan class=\"mg-mini-badge\"\u003e✓ Hypertension\u003c\/span\u003e\n \u003cspan class=\"mg-mini-badge\"\u003e✓ Problèmes rénaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e🔬 Composition par ampoule\u003c\/h2\u003e\n \u003cdiv class=\"mg-composition\"\u003e\n \u003cdiv class=\"mg-compo-main\"\u003e\n \u003cdiv class=\"mg-compo-circle\"\u003e\n \u003cspan class=\"mg-compo-value\"\u003e150 mg\u003c\/span\u003e\n \u003cspan class=\"mg-compo-label\"\u003eMagnésium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-vr\"\u003e\n \u003cspan class=\"mg-vr-number\"\u003e40%\u003c\/span\u003e\n \u003cspan class=\"mg-vr-text\"\u003edes Valeurs Nutritionnelles de Référence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-details\"\u003e\n \u003cdiv class=\"mg-compo-item\"\u003e\n \u003cspan class=\"mg-compo-icon\"\u003e🌊\u003c\/span\u003e\n \u003cspan\u003eConcentration minérale des marais salants de Guérande\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-item\"\u003e\n \u003cspan class=\"mg-compo-icon\"\u003e💧\u003c\/span\u003e\n \u003cspan\u003eEau purifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-item\"\u003e\n \u003cspan class=\"mg-compo-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan\u003e100% naturel, sans additifs ni conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e⚠️ Signes d'une carence en magnésium\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card mg-card-warning\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eMême après une nuit de sommeil complète, vous vous sentez épuisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card mg-card-warning\"\u003e\n \u003ch3\u003e🦵 Crampes nocturnes\u003c\/h3\u003e\n \u003cp\u003eCrampes dans les mollets ou paupières qui tressautent régulièrement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card mg-card-warning\"\u003e\n \u003ch3\u003e😤 Nervosité\u003c\/h3\u003e\n \u003cp\u003eIrritabilité accrue et difficultés à gérer le stress quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card mg-card-warning\"\u003e\n \u003ch3\u003e🌙 Troubles du sommeil\u003c\/h3\u003e\n \u003cp\u003eDifficultés d'endormissement et réveils fréquents la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mg-steps\"\u003e\n \u003cdiv class=\"mg-step\"\u003e\n \u003cdiv class=\"mg-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mg-step-content\"\u003e\n \u003ch3\u003eAgitez l'ampoule\u003c\/h3\u003e\n \u003cp\u003eSecouez légèrement avant ouverture pour homogénéiser le contenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-step\"\u003e\n \u003cdiv class=\"mg-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mg-step-content\"\u003e\n \u003ch3\u003eOuvrez les deux extrémités\u003c\/h3\u003e\n \u003cp\u003eCassez délicatement les deux pointes de l'ampoule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-step\"\u003e\n \u003cdiv class=\"mg-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mg-step-content\"\u003e\n \u003ch3\u003eDiluez dans un verre d'eau\u003c\/h3\u003e\n \u003cp\u003eVersez le contenu dans un grand verre d'eau ou de jus de fruit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-step\"\u003e\n \u003cdiv class=\"mg-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mg-step-content\"\u003e\n \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin au petit-déjeuner. Cure de 20 jours minimum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e😓 Personnes fatiguées\u003c\/h3\u003e\n \u003cp\u003ePour retrouver énergie et vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003ePour optimiser la récupération musculaire après l'effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧂 Régimes sans sel\u003c\/h3\u003e\n \u003cp\u003eFormule hyposodée parfaitement adaptée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003e100% d'origine marine, sans additifs synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003ePour retrouver calme et sérénité naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e💊 Sensibles au synthétique\u003c\/h3\u003e\n \u003cp\u003eAlternative naturelle aux magnésiums de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eℹ️ Bon à savoir\u003c\/h2\u003e\n \u003cdiv class=\"mg-info-box\"\u003e\n \u003cdiv class=\"mg-info-item\"\u003e\n \u003ch3\u003e💡 Magnésium marin et vitamine B6\u003c\/h3\u003e\n \u003cp\u003eLa vitamine B6 favorise l'absorption du magnésium. Vous pouvez associer ce complément à une alimentation riche en B6 (volaille, poisson, banane). Cependant, la formule AlgoSource offre déjà une \u003cstrong\u003ebiodisponibilité naturellement élevée\u003c\/strong\u003e grâce à son origine marine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-info-item\"\u003e\n \u003ch3\u003e🔬 Effets secondaires\u003c\/h3\u003e\n \u003cp\u003eLes effets secondaires sont généralement rares et bénins. Un léger effet laxatif peut survenir en début de cure, signe que l'organisme s'adapte. Cet effet disparaît habituellement en quelques jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e🏭 L'expertise AlgoSource\u003c\/h2\u003e\n \u003cdiv class=\"mg-brand-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eAlgoSource\u003c\/strong\u003e, entreprise française pionnière en biotechnologie marine, est installée en Bretagne depuis des années. Chaque produit est élaboré selon des \u003cstrong\u003enormes strictes de qualité\u003c\/strong\u003e, avec une traçabilité complète de la matière première jusqu'au produit fini.\u003c\/p\u003e\n \u003cdiv class=\"mg-brand-badges\"\u003e\n \u003cspan class=\"mg-brand-badge\"\u003e🇫🇷 Made in Bretagne\u003c\/span\u003e\n \u003cspan class=\"mg-brand-badge\"\u003e🌊 Marais de Guérande\u003c\/span\u003e\n \u003cspan class=\"mg-brand-badge\"\u003e✅ Traçabilité totale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"mg-accordion\"\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e📦 Contenu du produit\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content\"\u003e\n \u003cp\u003eBoîte de 20 ampoules de 10 ml chacune. Cure de 20 jours à raison d'une ampoule par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content\"\u003e\n \u003cp\u003eConservez les ampoules à l'abri de la chaleur et de l'humidité, hors de portée des enfants. À température ambiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mg-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. Contre-indiqué en cas d'insuffisance rénale sévère. En cas de grossesse, d'allaitement ou de pathologie particulière, consultez un professionnel de santé avant de débuter votre cure. Respectez la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mg-cta-box\"\u003e\n \u003cp\u003e🌊 Offrez à votre corps le meilleur du magnésium marin breton, naturellement pauvre en sodium et hautement biodisponible. Retrouvez énergie, sérénité et vitalité dès aujourd'hui !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mg-cream: #FAF8F5;\n --mg-white: #ffffff;\n --mg-primary: #C4A66B;\n --mg-primary-dark: #8B7355;\n --mg-primary-light: #F5EFE6;\n --mg-secondary: #1E4A6E;\n --mg-secondary-light: #E8EEF3;\n --mg-accent: #D4AF37;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a5a5a;\n --mg-border: #e0e0e0;\n --mg-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mg-radius: 20px;\n --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n position: relative;\n background: linear-gradient(135deg, #1E4A6E 0%, #2D5A7E 40%, #C4A66B 100%);\n border-radius: var(--mg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 Q35 15 30 25 Q25 35 30 45 Q35 55 30 55' stroke='%23ffffff' stroke-width='1' fill='none' opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.mg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mg-secondary);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mg-subtitle {\n color: var(--mg-primary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.mg-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mg-secondary);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mg-primary), var(--mg-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLE === *\/\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.mg-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mg-shadow-lg);\n border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mg-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mg-card-warning {\n border-left: 4px solid var(--mg-primary);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.mg-highlight-box {\n background: linear-gradient(135deg, var(--mg-secondary-light) 0%, var(--mg-primary-light) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border: 2px solid var(--mg-primary);\n}\n\n.mg-highlight-content h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--mg-secondary);\n margin: 0 0 1rem 0;\n}\n\n.mg-highlight-content p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--mg-text);\n line-height: 1.7;\n margin: 0 0 1.25rem 0;\n}\n\n.mg-highlight-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.mg-mini-badge {\n padding: 6px 12px;\n background: var(--mg-white);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n color: var(--mg-secondary);\n}\n\n\/* === COMPOSITION === *\/\n.mg-composition {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mg-shadow);\n}\n\n.mg-compo-main {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n flex-wrap: wrap;\n}\n\n.mg-compo-circle {\n width: 140px;\n height: 140px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--mg-secondary) 0%, var(--mg-primary) 100%);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: white;\n box-shadow: 0 8px 32px rgba(30,74,110,.3);\n}\n\n.mg-compo-value {\n font-size: 28px;\n font-weight: 900;\n}\n\n.mg-compo-label {\n font-size: 13px;\n font-weight: 600;\n opacity: .9;\n}\n\n.mg-compo-vr {\n text-align: center;\n}\n\n.mg-vr-number {\n display: block;\n font-size: 48px;\n font-weight: 900;\n color: var(--mg-primary);\n line-height: 1;\n}\n\n.mg-vr-text {\n display: block;\n font-size: 14px;\n color: var(--mg-text-light);\n max-width: 180px;\n}\n\n.mg-compo-details {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding-top: 1.5rem;\n border-top: 1px solid var(--mg-border);\n}\n\n.mg-compo-item {\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 14px;\n color: var(--mg-text);\n}\n\n.mg-compo-icon {\n font-size: 20px;\n}\n\n\/* === STEPS === *\/\n.mg-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1rem, 3vw, 1.5rem);\n box-shadow: var(--mg-shadow);\n transition: all .3s ease;\n}\n\n.mg-step:hover {\n transform: translateX(8px);\n box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-step-number {\n width: 48px;\n height: 48px;\n min-width: 48px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--mg-secondary) 0%, var(--mg-primary) 100%);\n color: white;\n font-size: 20px;\n font-weight: 900;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.mg-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mg-secondary);\n margin: 0 0 .35rem 0;\n}\n\n.mg-step-content p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INFO BOX === *\/\n.mg-info-box {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-info-item {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mg-shadow);\n border-left: 4px solid var(--mg-primary);\n}\n\n.mg-info-item h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mg-secondary);\n margin: 0 0 .75rem 0;\n}\n\n.mg-info-item p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === BRAND BOX === *\/\n.mg-brand-box {\n background: linear-gradient(135deg, var(--mg-secondary) 0%, #2D6A8E 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n text-align: center;\n}\n\n.mg-brand-box p {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n margin: 0 0 1.5rem 0;\n}\n\n.mg-brand-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n}\n\n.mg-brand-badge {\n padding: 8px 16px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.2);\n}\n\n\/* === ACCORDÉON === *\/\n.mg-accordion {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n box-shadow: var(--mg-shadow);\n overflow: hidden;\n}\n\n.mg-accordion-item {\n border-bottom: 1px solid var(--mg-border);\n margin: 0;\n padding: 0;\n}\n\n.mg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mg-secondary);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mg-accordion-header:hover {\n background: var(--mg-primary-light);\n}\n\n.mg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mg-primary);\n transition: transform .2s ease;\n}\n\n.mg-accordion-item[open] .mg-accordion-header::after {\n content: '−';\n}\n\n.mg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.mg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.mg-cta-box {\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mg-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.mg-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 .mg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mg-card {\n padding: 1.125rem;\n }\n \n .mg-section {\n margin-bottom: 1.75rem;\n }\n \n .mg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mg-radius-sm);\n }\n \n .mg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mg-compo-main {\n flex-direction: column;\n gap: 1.5rem;\n }\n \n .mg-compo-circle {\n width: 120px;\n height: 120px;\n }\n \n .mg-compo-value {\n font-size: 24px;\n }\n \n .mg-vr-number {\n font-size: 40px;\n }\n \n .mg-step {\n padding: 1rem;\n }\n \n .mg-step-number {\n width: 40px;\n height: 40px;\n min-width: 40px;\n font-size: 16px;\n }\n \n .mg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mg-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mg-card:nth-child(1) { animation-delay: .05s; }\n .mg-card:nth-child(2) { animation-delay: .1s; }\n .mg-card:nth-child(3) { animation-delay: .15s; }\n .mg-card:nth-child(4) { animation-delay: .2s; }\n .mg-card:nth-child(5) { animation-delay: .25s; }\n .mg-card:nth-child(6) { animation-delay: .3s; }\n \n .mg-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .mg-step:nth-child(1) { animation-delay: .1s; }\n .mg-step:nth-child(2) { animation-delay: .2s; }\n .mg-step:nth-child(3) { animation-delay: .3s; }\n .mg-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 .mg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALGOSOURCE","offers":[{"title":"Default Title","offer_id":45755368308893,"sku":"ALPHABMAGNE20","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/magnesium_marin_original_algosource-231278.jpg?v=1732721283"},{"product_id":"magnesium-marin-et-vitamine-b6-20-ampoules-superdiet","title":"Magnésium marin \u0026 Vitamine B6 - 20 ampoules - Superdiet","description":"\u003cdiv class=\"mag-premium\"\u003e\n \u003cdiv class=\"mag-hero\"\u003e\n \u003cdiv class=\"mag-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mag-hero-content\"\u003e\n \u003cdiv class=\"mag-badges-top\"\u003e\n \u003cspan class=\"mag-badge\"\u003e🌊 Eau de mer des côtes françaises\u003c\/span\u003e\n \u003cspan class=\"mag-badge\"\u003e🍋 Goût citron\u003c\/span\u003e\n \u003cspan class=\"mag-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mag-hero-title\"\u003eMagnésium Marin \u0026amp; Vitamine B6\u003c\/span\u003e\n \u003cp class=\"mag-subtitle\"\u003eFatigue \u0026amp; Nervosité — 20 ampoules buvables\u003c\/p\u003e\n \u003cp class=\"mag-description\"\u003eRetrouvez tonus et sérénité grâce à l'association synergique du magnésium marin (262 mg) et de la vitamine B6 (2 mg). Une formule concentrée Superdiet, au goût citron rafraîchissant.\u003c\/p\u003e\n \u003cdiv class=\"mag-hero-stats\"\u003e\n \u003cdiv class=\"mag-stat\"\u003e\n \u003cspan class=\"mag-stat-num\"\u003e262\u003csmall\u003emg\u003c\/small\u003e\u003c\/span\u003e\n \u003cspan class=\"mag-stat-label\"\u003eMagnésium marin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-stat\"\u003e\n \u003cspan class=\"mag-stat-num\"\u003e70\u003csmall\u003e%\u003c\/small\u003e\u003c\/span\u003e\n \u003cspan class=\"mag-stat-label\"\u003edes VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-stat\"\u003e\n \u003cspan class=\"mag-stat-num\"\u003e20\u003csmall\u003ej\u003c\/small\u003e\u003c\/span\u003e\n \u003cspan class=\"mag-stat-label\"\u003ede cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mag-section\"\u003e\n \u003ch2\u003eMagnésium marin \u0026amp; Vitamine B6 Superdiet : votre allié anti-fatigue au quotidien\u003c\/h2\u003e\n \u003cp class=\"mag-section-intro\"\u003eCoup de mou, nervosité, difficultés à récupérer ? Le \u003cstrong\u003emagnésium marin et vitamine B6\u003c\/strong\u003e de Superdiet vous accompagne pour retrouver tonus et sérénité. Présenté en ampoules buvables au goût citron, ce complément alimentaire associe deux nutriments essentiels reconnus pour leur action synergique.\u003c\/p\u003e\n \u003cp class=\"mag-section-intro\"\u003eIdéal si vous cherchez \u003cstrong\u003equel magnésium pour la fatigue\u003c\/strong\u003e privilégier, ce format liquide offre une assimilation rapide et un dosage optimisé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mag-section\"\u003e\n \u003ch2\u003ePourquoi associer magnésium et vitamine B6 ?\u003c\/h2\u003e\n \u003cp class=\"mag-section-intro\"\u003eLa relation entre \u003cstrong\u003emagnésium et fatigue\u003c\/strong\u003e est bien documentée : ce minéral participe à plus de 300 réactions enzymatiques dans l'organisme. Un apport insuffisant peut se traduire par une sensation de lassitude, des crampes ou une irritabilité accrue.\u003c\/p\u003e\n \u003cdiv class=\"mag-grid\"\u003e\n \u003cdiv class=\"mag-card\"\u003e\n \u003ch3\u003e🌊 Magnésium marin\u003c\/h3\u003e\n \u003cp\u003eExtrait de l'eau de mer des côtes françaises via la méthode Canopée, il contribue à réduire la fatigue et au fonctionnement normal du système nerveux et musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-card\"\u003e\n \u003ch3\u003e💊 Vitamine B6\u003c\/h3\u003e\n \u003cp\u003eElle optimise l'assimilation cellulaire du magnésium et soutient le métabolisme énergétique, faisant de ce duo un véritable \u003cstrong\u003emagnésium anti-stress\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mag-section\"\u003e\n \u003ch2\u003eLes bienfaits ressentis au fil de la cure\u003c\/h2\u003e\n \u003cdiv class=\"mag-grid-compact\"\u003e\n \u003cdiv class=\"mag-card\"\u003e\n \u003ch3\u003e⚡ Anti-fatigue\u003c\/h3\u003e\n \u003cp\u003eRéduction de la fatigue physique et mentale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-card\"\u003e\n \u003ch3\u003e🧘 Système nerveux\u003c\/h3\u003e\n \u003cp\u003eSoutien face au stress et à la nervosité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-card\"\u003e\n \u003ch3\u003e💪 Fonction musculaire\u003c\/h3\u003e\n \u003cp\u003eMaintien d'une fonction musculaire normale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre\u003c\/h3\u003e\n \u003cp\u003eÉquilibre électrolytique préservé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-card\"\u003e\n \u003ch3\u003e🧬 Synthèse protéique\u003c\/h3\u003e\n \u003cp\u003eContribution à une synthèse protéique normale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-card\"\u003e\n \u003ch3\u003e🌿 Tonus \u0026amp; sérénité\u003c\/h3\u003e\n \u003cp\u003eUn quotidien plus serein, jour après jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mag-section\"\u003e\n \u003ch2\u003eComposition détaillée (pour 1 ampoule de 10 ml)\u003c\/h2\u003e\n \u003cdiv class=\"mag-table-wrap\"\u003e\n \u003ctable class=\"mag-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eIngrédient\u003c\/th\u003e\n \u003cth\u003eQuantité \/ VNR\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eEau de mer concentrée\u003c\/td\u003e\n \u003ctd\u003e\n\u003cstrong\u003e262 mg\u003c\/strong\u003e de magnésium \u003cspan class=\"mag-tag\"\u003e70 %\u003c\/span\u003e\n\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine B6 (chlorhydrate de pyridoxine)\u003c\/td\u003e\n \u003ctd\u003e\n\u003cstrong\u003e2 mg\u003c\/strong\u003e \u003cspan class=\"mag-tag\"\u003e143 %\u003c\/span\u003e\n\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eJus concentré et arôme naturel de citron\u003c\/td\u003e\n \u003ctd\u003eGoût frais\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eEau purifiée\u003c\/td\u003e\n \u003ctd\u003eBase\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-tip\"\u003e\n \u003cspan class=\"mag-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans conservateur, sans colorant.\u003c\/strong\u003e Fabriqué en France selon la méthode Canopée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mag-section\"\u003e\n \u003ch2\u003eComment prendre vos ampoules ?\u003c\/h2\u003e\n \u003cdiv class=\"mag-timeline\"\u003e\n \u003cdiv class=\"mag-timeline-item\"\u003e\n \u003cdiv class=\"mag-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mag-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003e1 ampoule par jour pendant 20 jours, au cours d'un repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-timeline-item\"\u003e\n \u003cdiv class=\"mag-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mag-timeline-content\"\u003e\n \u003ch3\u003eMode de consommation\u003c\/h3\u003e\n \u003cp\u003eÀ boire pure ou diluée dans un grand verre d'eau. Placez l'ampoule au réfrigérateur pour un goût encore plus rafraîchissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-timeline-item\"\u003e\n \u003cdiv class=\"mag-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mag-timeline-content\"\u003e\n \u003ch3\u003eOuverture en toute sécurité\u003c\/h3\u003e\n \u003cp\u003ePour casser l'ampoule, utilisez le film protecteur fourni et évitez de la casser au-dessus du verre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-tip\"\u003e\n \u003cspan class=\"mag-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eNotre conseil :\u003c\/strong\u003e pour maximiser l'effet \u003cstrong\u003emagnésium anti stress\u003c\/strong\u003e, associez la cure à un sommeil régulier, une alimentation riche en légumes verts et limitez café et alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mag-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le magnésium pour la fatigue\u003c\/h2\u003e\n \u003cdiv class=\"mag-accordion\"\u003e\n \u003cdetails class=\"mag-accordion-item\"\u003e\n \u003csummary class=\"mag-accordion-header\"\u003e📅 Quand faire une cure ?\u003c\/summary\u003e\n \u003cdiv class=\"mag-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de \u003cstrong\u003efatigue et magnésium\u003c\/strong\u003e insuffisant, au changement de saison, en période d'examens ou de stress prolongé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mag-accordion-item\"\u003e\n \u003csummary class=\"mag-accordion-header\"\u003e⏱️ Combien de temps ?\u003c\/summary\u003e\n \u003cdiv class=\"mag-accordion-content mt-3\"\u003e\n \u003cp\u003eUne boîte couvre 20 jours. Renouvelable selon vos besoins, avec une pause entre deux cures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mag-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mag-accordion\"\u003e\n \u003cdetails class=\"mag-accordion-item\"\u003e\n \u003csummary class=\"mag-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"mag-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé en cas de troubles rénaux ou d'hyperthyroïdie. Demandez l'avis de votre médecin en cas de grossesse, d'allaitement ou de régime pauvre en sel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mag-accordion-item\"\u003e\n \u003csummary class=\"mag-accordion-header\"\u003e🧂 Dosage \u0026amp; effets\u003c\/summary\u003e\n \u003cdiv class=\"mag-accordion-content mt-3\"\u003e\n \u003cp\u003eUn apport excessif de magnésium peut provoquer un effet laxatif. Respectez la dose conseillée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mag-accordion-item\"\u003e\n \u003csummary class=\"mag-accordion-header\"\u003e👶 Conservation \u0026amp; sécurité\u003c\/summary\u003e\n \u003cdiv class=\"mag-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Conserver à l'abri de la lumière, de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"mag-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain, et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mag-cream: #f4f8fc;\n --mag-white: #ffffff;\n --mag-primary: #2b7cc9;\n --mag-primary-dark: #1a5490;\n --mag-primary-light: #e6f0fa;\n --mag-secondary: #7cb342;\n --mag-accent: #f4d03f;\n --mag-text: #1a2b3d;\n --mag-text-light: #5a6b7d;\n --mag-border: #d8e4ef;\n --mag-shadow: 0 4px 24px rgba(26,84,144,.08);\n --mag-shadow-lg: 0 12px 48px rgba(26,84,144,.18);\n --mag-radius: 20px;\n --mag-radius-sm: 12px;\n}\n\n.mag-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mag-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mag-text);\n line-height: 1.6;\n}\n\n.mag-premium *, .mag-premium *::before, .mag-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mag-hero {\n position: relative;\n background: linear-gradient(135deg, #1a5490 0%, #2b7cc9 50%, #4ba3e0 100%);\n border-radius: var(--mag-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(--mag-shadow-lg);\n}\n\n.mag-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(124,179,66,.3) 0%, transparent 40%);\n opacity: .3;\n}\n\n.mag-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mag-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.mag-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.mag-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.3vw, 16px);\n max-width: 680px;\n margin: 0 auto 2rem;\n line-height: 1.7;\n}\n\n.mag-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mag-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(--mag-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mag-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mag-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1rem, 4vw, 3rem);\n flex-wrap: wrap;\n margin-top: 2rem;\n padding-top: 2rem;\n border-top: 1px solid rgba(255,255,255,.2);\n}\n\n.mag-stat {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n}\n\n.mag-stat-num {\n color: white;\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 900;\n letter-spacing: -.03em;\n line-height: 1;\n}\n\n.mag-stat-num small {\n font-size: .5em;\n font-weight: 700;\n margin-left: 2px;\n opacity: .9;\n}\n\n.mag-stat-label {\n color: rgba(255,255,255,.85);\n font-size: clamp(11px, 1.8vw, 13px);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.mag-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mag-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mag-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.mag-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(--mag-primary), var(--mag-secondary));\n border-radius: 2px;\n}\n\n.mag-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mag-text-light);\n margin: 0 auto 1.25rem;\n max-width: 760px;\n line-height: 1.75;\n}\n\n.mag-section-intro strong {\n color: var(--mag-primary-dark);\n}\n\n\/* === CARDS === *\/\n.mag-card {\n background: var(--mag-white);\n border-radius: var(--mag-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mag-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mag-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mag-shadow-lg);\n border-color: var(--mag-primary);\n}\n\n.mag-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mag-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mag-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mag-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mag-card p strong {\n color: var(--mag-primary-dark);\n}\n\n\/* === GRILLES === *\/\n.mag-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mag-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n.mag-grid-compact .mag-card {\n padding: 1rem;\n}\n\n.mag-grid-compact .mag-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mag-grid-compact .mag-card p {\n font-size: 12px;\n}\n\n\/* === TABLE === *\/\n.mag-table-wrap {\n background: var(--mag-white);\n border-radius: var(--mag-radius);\n box-shadow: var(--mag-shadow);\n overflow: hidden;\n overflow-x: auto;\n}\n\n.mag-table {\n width: 100%;\n border-collapse: collapse;\n font-size: 14px;\n}\n\n.mag-table thead {\n background: linear-gradient(135deg, var(--mag-primary), var(--mag-primary-dark));\n}\n\n.mag-table th {\n color: white;\n font-weight: 800;\n text-align: left;\n padding: 14px 18px;\n font-size: 13px;\n letter-spacing: .03em;\n text-transform: uppercase;\n}\n\n.mag-table td {\n padding: 14px 18px;\n border-bottom: 1px solid var(--mag-border);\n color: var(--mag-text);\n}\n\n.mag-table tbody tr:last-child td {\n border-bottom: none;\n}\n\n.mag-table tbody tr:nth-child(even) {\n background: var(--mag-primary-light);\n}\n\n.mag-table td strong {\n color: var(--mag-primary-dark);\n font-weight: 800;\n}\n\n.mag-tag {\n display: inline-block;\n background: var(--mag-secondary);\n color: white;\n padding: 2px 10px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n margin-left: 6px;\n}\n\n\/* === TIMELINE === *\/\n.mag-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mag-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mag-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mag-primary), var(--mag-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(43,124,201,.3);\n}\n\n.mag-timeline-content {\n flex: 1;\n background: var(--mag-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mag-radius-sm);\n box-shadow: var(--mag-shadow);\n}\n\n.mag-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mag-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mag-timeline-content p {\n font-size: 14px;\n color: var(--mag-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.mag-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mag-primary-light);\n border-left: 4px solid var(--mag-secondary);\n border-radius: var(--mag-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mag-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.mag-tip p {\n font-size: 14px;\n color: var(--mag-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mag-tip p strong {\n color: var(--mag-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.mag-accordion {\n background: var(--mag-white);\n border-radius: var(--mag-radius);\n box-shadow: var(--mag-shadow);\n overflow: hidden;\n}\n\n.mag-accordion-item {\n border-bottom: 1px solid var(--mag-border);\n margin: 0;\n padding: 0;\n}\n\n.mag-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mag-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mag-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.mag-accordion-header:hover {\n background: var(--mag-primary-light);\n}\n\n.mag-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mag-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--mag-primary);\n transition: transform .2s ease;\n margin-left: 12px;\n}\n\n.mag-accordion-item[open] .mag-accordion-header::after {\n content: '−';\n}\n\n.mag-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mag-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mag-accordion-content p {\n margin: 0;\n}\n\n.mag-accordion-content p strong {\n color: var(--mag-primary-dark);\n}\n\n\/* === DISCLAIMER === *\/\n.mag-disclaimer {\n font-size: 12px;\n color: var(--mag-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mag-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mag-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n \n .mag-grid-compact .mag-card {\n padding: .75rem;\n }\n \n .mag-card {\n padding: 1.125rem;\n }\n \n .mag-section {\n margin-bottom: 1.75rem;\n }\n \n .mag-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mag-radius-sm);\n }\n \n .mag-hero-stats {\n gap: 1rem;\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n }\n \n .mag-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mag-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mag-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .mag-timeline-content {\n padding: .875rem 1rem;\n }\n \n .mag-timeline-content h3 {\n font-size: 14px;\n }\n \n .mag-timeline-content p {\n font-size: 13px;\n }\n \n .mag-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mag-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .mag-table th,\n .mag-table td {\n padding: 10px 12px;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mag-card {\n animation: magFadeInUp .5s ease backwards;\n }\n .mag-card:nth-child(1) { animation-delay: .05s; }\n .mag-card:nth-child(2) { animation-delay: .1s; }\n .mag-card:nth-child(3) { animation-delay: .15s; }\n .mag-card:nth-child(4) { animation-delay: .2s; }\n .mag-card:nth-child(5) { animation-delay: .25s; }\n .mag-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes magFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mag-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45755376992413,"sku":"NBAISUP0006","price":19.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/magnesium-marin-vitamine-b6-20-ampoules-superdiet-packshothd.webp?v=1776425567"},{"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":44.99,"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":"phycocyanine-soleil-bleu-21-ampoules","title":"Soleil bleu - Phycocyanine - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soleil Bleu - Phycocyanine - Jade Recherche\nPalette détectée:\n - Primaire: #1E5AA8 (bleu profond du packaging et de la phycocyanine)\n - Secondaire: #4CAF50 (vert des bandeaux d'information)\n - Accent: #00B4D8 (bleu clair\/turquoise évoquant la spiruline)\nAmbiance: Scientifique\/naturel, univers marin\/aquatique, santé premium, cure bien-être\nPréfixe CSS: sb\n--\u003e\n\n\u003cdiv class=\"sb-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"sb-hero\"\u003e\n \u003cdiv class=\"sb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sb-hero-content\"\u003e\n \u003cdiv class=\"sb-badges-top\"\u003e\n \u003cspan class=\"sb-badge\"\u003e🔬 9,5 mg de phycocyanine\u003c\/span\u003e\n \u003cspan class=\"sb-badge\"\u003e🌊 Extrait de spiruline\u003c\/span\u003e\n \u003cspan class=\"sb-badge\"\u003e📅 Cure 21 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sb-hero-title\"\u003eSoleil Bleu\u003c\/span\u003e\n \u003cp class=\"sb-subtitle\"\u003ePhycocyanine pure par Jade Recherche\u003c\/p\u003e\n \u003cp class=\"sb-description\"\u003eLe pigment bleu le plus puissant de la nature, concentré en ampoules pour booster votre vitalité et renforcer vos défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POINTS FORTS --\u003e\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003ePourquoi choisir Soleil Bleu ?\u003c\/h2\u003e\n \u003cdiv class=\"sb-grid\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003cdiv class=\"sb-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eAntioxydant ultra-puissant\u003c\/h3\u003e\n \u003cp\u003eLa phycocyanine est l'un des antioxydants les plus efficaces au monde, protégeant vos cellules contre les radicaux libres et le vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003cdiv class=\"sb-card-icon\"\u003e💪\u003c\/div\u003e\n \u003ch3\u003eBooste l'immunité\u003c\/h3\u003e\n \u003cp\u003eRenforce naturellement vos défenses immunitaires pour une meilleure résistance aux agressions extérieures et aux infections saisonnières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003cdiv class=\"sb-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eÉnergie naturelle\u003c\/h3\u003e\n \u003cp\u003ePropriétés revitalisantes qui réduisent la fatigue et augmentent votre énergie. Idéal pour les sportifs et les personnes actives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003cdiv class=\"sb-card-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eFormule pure\u003c\/h3\u003e\n \u003cp\u003eSans additifs ni conservateurs, une concentration optimale en phycocyanine pour des résultats rapides et visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eLa puissance de la phycocyanine\u003c\/h2\u003e\n \u003cdiv class=\"sb-composition-box\"\u003e\n \u003cdiv class=\"sb-composition-content\"\u003e\n \u003cdiv class=\"sb-composition-highlight\"\u003e\n \u003cspan class=\"sb-dosage\"\u003e9,5 mg\u003c\/span\u003e\n \u003cspan class=\"sb-dosage-label\"\u003ede phycocyanine par ampoule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-composition-details\"\u003e\n \u003cdiv class=\"sb-comp-item\"\u003e\n \u003cspan class=\"sb-comp-icon\"\u003e🌀\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eSpiruline fraîche\u003c\/strong\u003e\n \u003cp\u003eCultivée dans des conditions optimales pour une concentration maximale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-comp-item\"\u003e\n \u003cspan class=\"sb-comp-icon\"\u003e💧\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eExtraction douce\u003c\/strong\u003e\n \u003cp\u003eProcédé préservant toutes les propriétés actives du pigment bleu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-comp-item\"\u003e\n \u003cspan class=\"sb-comp-icon\"\u003e🧪\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eExtrait de Cinnamomum camphora\u003c\/strong\u003e\n \u003cp\u003eArôme naturel et eau pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eComment utiliser Soleil Bleu ?\u003c\/h2\u003e\n \u003cdiv class=\"sb-usage-grid\"\u003e\n \u003cdiv class=\"sb-usage-step\"\u003e\n \u003cdiv class=\"sb-step-number\"\u003e1\u003c\/div\u003e\n \u003ch4\u003eLe matin à jeun\u003c\/h4\u003e\n \u003cp\u003ePrenez une ampoule le matin, de préférence avant le petit-déjeuner pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-usage-step\"\u003e\n \u003cdiv class=\"sb-step-number\"\u003e2\u003c\/div\u003e\n \u003ch4\u003ePure ou diluée\u003c\/h4\u003e\n \u003cp\u003eConsommez directement ou mélangez dans un grand verre d'eau, un smoothie ou un jus de fruits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-usage-step\"\u003e\n \u003cdiv class=\"sb-step-number\"\u003e3\u003c\/div\u003e\n \u003ch4\u003eCure complète\u003c\/h4\u003e\n \u003cp\u003eSuivez la cure pendant 21 jours consécutifs pour des résultats optimaux et durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003ePour qui est Soleil Bleu ?\u003c\/h2\u003e\n \u003cdiv class=\"sb-grid sb-grid-3\"\u003e\n \u003cdiv class=\"sb-profile-card\"\u003e\n \u003cspan class=\"sb-profile-icon\"\u003e🏃\u003c\/span\u003e\n \u003ch4\u003eSportifs\u003c\/h4\u003e\n \u003cp\u003eRécupération améliorée et boost d'énergie naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-profile-card\"\u003e\n \u003cspan class=\"sb-profile-icon\"\u003e💼\u003c\/span\u003e\n \u003ch4\u003eActifs stressés\u003c\/h4\u003e\n \u003cp\u003eCombat le stress oxydatif et la fatigue chronique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-profile-card\"\u003e\n \u003cspan class=\"sb-profile-icon\"\u003e🍂\u003c\/span\u003e\n \u003ch4\u003eChangements de saison\u003c\/h4\u003e\n \u003cp\u003eRenforce les défenses immunitaires naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-profile-card\"\u003e\n \u003cspan class=\"sb-profile-icon\"\u003e🧘\u003c\/span\u003e\n \u003ch4\u003eBien-être général\u003c\/h4\u003e\n \u003cp\u003eAméliore la vitalité et le bien-être au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-profile-card\"\u003e\n \u003cspan class=\"sb-profile-icon\"\u003e⏳\u003c\/span\u003e\n \u003ch4\u003eAnti-âge naturel\u003c\/h4\u003e\n \u003cp\u003eLutte contre le vieillissement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-profile-card\"\u003e\n \u003cspan class=\"sb-profile-icon\"\u003e🌿\u003c\/span\u003e\n \u003ch4\u003eAmateurs de naturel\u003c\/h4\u003e\n \u003cp\u003eSolution 100% naturelle sans additifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"sb-info-grid\"\u003e\n \u003cdiv class=\"sb-info-item\"\u003e\n \u003cspan class=\"sb-info-icon\"\u003e📦\u003c\/span\u003e\n \u003cdiv class=\"sb-info-content\"\u003e\n \u003cstrong\u003eContenance\u003c\/strong\u003e\n \u003cspan\u003e21 ampoules × 5 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-info-item\"\u003e\n \u003cspan class=\"sb-info-icon\"\u003e📅\u003c\/span\u003e\n \u003cdiv class=\"sb-info-content\"\u003e\n \u003cstrong\u003eDurée de cure\u003c\/strong\u003e\n \u003cspan\u003e21 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-info-item\"\u003e\n \u003cspan class=\"sb-info-icon\"\u003e🔬\u003c\/span\u003e\n \u003cdiv class=\"sb-info-content\"\u003e\n \u003cstrong\u003eDosage\u003c\/strong\u003e\n \u003cspan\u003e9,5 mg de phycocyanine\/ampoule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-info-item\"\u003e\n \u003cspan class=\"sb-info-icon\"\u003e🏭\u003c\/span\u003e\n \u003cdiv class=\"sb-info-content\"\u003e\n \u003cstrong\u003eFabricant\u003c\/strong\u003e\n \u003cspan\u003eJade Recherche\u003c\/span\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=\"sb-section\"\u003e\n \u003cdiv class=\"sb-warning-box\"\u003e\n \u003cdiv class=\"sb-warning-icon\"\u003eℹ️\u003c\/div\u003e\n \u003cdiv class=\"sb-warning-content\"\u003e\n \u003cstrong\u003eConseils et précautions\u003c\/strong\u003e\n \u003cp\u003eCe complément alimentaire doit être consommé dans le cadre d'une alimentation variée et équilibrée et d'un mode de vie sain. Tenir hors de portée des enfants. Conserver au frais et à 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\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"sb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sb-cta-box\"\u003e\n \u003cdiv class=\"sb-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sb-cta-content\"\u003e\n \u003cspan class=\"sb-cta-title\"\u003e🌊 Libérez le pouvoir de l'océan\u003c\/span\u003e\n \u003cp\u003eOffrez à votre corps le soutien antioxydant le plus puissant de la nature. Avec Soleil Bleu, chaque ampoule est une dose concentrée de vitalité extraite de la spiruline la plus pure.\u003c\/p\u003e\n \u003cdiv class=\"sb-cta-badges\"\u003e\n \u003cspan class=\"sb-cta-badge\"\u003e✓ 100% naturel\u003c\/span\u003e\n \u003cspan class=\"sb-cta-badge\"\u003e✓ Sans additifs\u003c\/span\u003e\n \u003cspan class=\"sb-cta-badge\"\u003e✓ Résultats dès 21 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n \/* Couleurs principales *\/\n --sb-cream: #f8fafc;\n --sb-white: #ffffff;\n --sb-primary: #1E5AA8;\n --sb-primary-dark: #14406B;\n --sb-primary-light: #E8F1FA;\n --sb-secondary: #4CAF50;\n --sb-secondary-light: #E8F5E9;\n --sb-accent: #00B4D8;\n --sb-accent-light: #E0F7FA;\n \n \/* Textes *\/\n --sb-text: #1a1a1a;\n --sb-text-light: #5a6a7a;\n \n \/* Effets *\/\n --sb-border: #e2e8f0;\n --sb-shadow: 0 4px 24px rgba(30, 90, 168, .08);\n --sb-shadow-lg: 0 12px 48px rgba(30, 90, 168, .15);\n --sb-radius: 20px;\n --sb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sb-text);\n line-height: 1.6;\n}\n\n.sb-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.sb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sb-primary) 0%, #2563EB 40%, var(--sb-accent) 100%);\n border-radius: var(--sb-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(--sb-shadow-lg);\n}\n\n.sb-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.3) 0%, transparent 40%),\n 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 5C15.08 5 5 15.08 5 30s10.08 25 25 25 25-10.08 25-25S44.92 5 30 5zm0 45c-11.05 0-20-8.95-20-20s8.95-20 20-20 20 8.95 20 20-8.95 20-20 20z' fill='%23fff' fill-opacity='.1'\/%3E%3C\/svg%3E\");\n}\n\n.sb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sb-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(--sb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sb-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sb-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.sb-hero .sb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 2vw, 19px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.sb-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.sb-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--sb-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.sb-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(--sb-primary), var(--sb-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.sb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.sb-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n}\n\n\/* === CARDS POINTS FORTS === *\/\n.sb-card {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sb-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sb-shadow-lg);\n border-color: var(--sb-primary);\n}\n\n.sb-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.sb-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--sb-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.sb-card p {\n font-size: 15px;\n color: var(--sb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.sb-composition-box {\n background: linear-gradient(135deg, var(--sb-primary-light) 0%, var(--sb-accent-light) 100%);\n border-radius: var(--sb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--sb-primary);\n}\n\n.sb-composition-content {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n}\n\n.sb-composition-highlight {\n text-align: center;\n padding: 2rem;\n background: var(--sb-white);\n border-radius: var(--sb-radius-sm);\n box-shadow: var(--sb-shadow);\n}\n\n.sb-dosage {\n display: block;\n font-size: clamp(48px, 10vw, 72px);\n font-weight: 900;\n color: var(--sb-primary);\n line-height: 1;\n letter-spacing: -.04em;\n}\n\n.sb-dosage-label {\n display: block;\n font-size: 16px;\n color: var(--sb-text-light);\n margin-top: 0.5rem;\n font-weight: 600;\n}\n\n.sb-composition-details {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sb-comp-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--sb-white);\n padding: 1.25rem;\n border-radius: var(--sb-radius-sm);\n box-shadow: 0 2px 8px rgba(0,0,0,.05);\n}\n\n.sb-comp-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.sb-comp-item strong {\n display: block;\n color: var(--sb-primary-dark);\n font-size: 16px;\n margin-bottom: 4px;\n}\n\n.sb-comp-item p {\n margin: 0;\n font-size: 14px;\n color: var(--sb-text-light);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.sb-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.sb-usage-step {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sb-shadow);\n text-align: center;\n position: relative;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.sb-usage-step:hover {\n transform: translateY(-5px);\n border-color: var(--sb-secondary);\n}\n\n.sb-step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--sb-secondary) 0%, #66BB6A 100%);\n color: white;\n font-size: 24px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1rem auto;\n box-shadow: 0 4px 15px rgba(76, 175, 80, .3);\n}\n\n.sb-usage-step h4 {\n font-size: 17px;\n font-weight: 800;\n color: var(--sb-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.sb-usage-step p {\n font-size: 14px;\n color: var(--sb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === PROFILS === *\/\n.sb-profile-card {\n background: var(--sb-white);\n border-radius: var(--sb-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--sb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.sb-profile-card:hover {\n transform: translateY(-5px);\n border-color: var(--sb-accent);\n}\n\n.sb-profile-icon {\n font-size: 36px;\n display: block;\n margin-bottom: 0.75rem;\n}\n\n.sb-profile-card h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sb-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.sb-profile-card p {\n font-size: 13px;\n color: var(--sb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.sb-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n}\n\n.sb-info-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--sb-white);\n padding: 1.25rem;\n border-radius: var(--sb-radius-sm);\n box-shadow: var(--sb-shadow);\n border-left: 4px solid var(--sb-primary);\n transition: all .3s ease;\n}\n\n.sb-info-item:hover {\n transform: translateX(5px);\n}\n\n.sb-info-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.sb-info-content {\n display: flex;\n flex-direction: column;\n}\n\n.sb-info-content strong {\n font-size: 13px;\n color: var(--sb-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.sb-info-content span {\n font-size: 16px;\n font-weight: 700;\n color: var(--sb-primary-dark);\n}\n\n\/* === WARNING BOX === *\/\n.sb-warning-box {\n display: flex;\n gap: 1.25rem;\n background: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);\n border-radius: var(--sb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid #FFD54F;\n}\n\n.sb-warning-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.sb-warning-content strong {\n display: block;\n font-size: 16px;\n color: #F57C00;\n margin-bottom: 0.5rem;\n}\n\n.sb-warning-content p {\n margin: 0;\n font-size: 14px;\n color: #795548;\n line-height: 1.6;\n}\n\n\/* === CTA BOX === *\/\n.sb-cta-box {\n background: linear-gradient(135deg, var(--sb-primary) 0%, var(--sb-primary-dark) 50%, #0D47A1 100%);\n border-radius: var(--sb-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--sb-shadow-lg);\n}\n\n.sb-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .1;\n background: \n radial-gradient(circle at 10% 90%, var(--sb-accent) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, var(--sb-secondary) 0%, transparent 40%);\n}\n\n.sb-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.sb-cta-title {\n display: block;\n color: white;\n font-size: clamp(24px, 5vw, 32px);\n font-weight: 900;\n margin-bottom: 1rem;\n letter-spacing: -.02em;\n}\n\n.sb-cta-box p {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n}\n\n.sb-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n}\n\n.sb-cta-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .sb-grid,\n .sb-grid-3 {\n grid-template-columns: 1fr;\n }\n \n .sb-usage-grid {\n grid-template-columns: 1fr;\n }\n \n .sb-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .sb-info-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sb-card,\n .sb-usage-step,\n .sb-profile-card,\n .sb-info-item {\n animation: sbFadeInUp .6s ease backwards;\n }\n \n .sb-card:nth-child(1),\n .sb-usage-step:nth-child(1),\n .sb-profile-card:nth-child(1) { animation-delay: .1s; }\n .sb-card:nth-child(2),\n .sb-usage-step:nth-child(2),\n .sb-profile-card:nth-child(2) { animation-delay: .2s; }\n .sb-card:nth-child(3),\n .sb-usage-step:nth-child(3),\n .sb-profile-card:nth-child(3) { animation-delay: .3s; }\n .sb-card:nth-child(4),\n .sb-profile-card:nth-child(4) { animation-delay: .4s; }\n .sb-profile-card:nth-child(5) { animation-delay: .5s; }\n .sb-profile-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes sbFadeInUp {\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 .sb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .sb-card,\n .sb-profile-card,\n .sb-usage-step,\n .sb-info-item {\n border: 2px solid var(--sb-text);\n }\n \n .sb-badge {\n border: 2px solid var(--sb-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755430764701,"sku":"SOLEILBLEU","price":30.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soleil_bleu_phycocyanine_ampoule_jade_recherche-min.jpg?v=1756974006"},{"product_id":"moringa-bio-60-gelules-vegetales-ayurvana","title":"Moringa Bio - 60 Gélules Végétales - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Moringa Bio - 60 Gélules Végétales - Ayur-Vana\nPalette détectée:\n - Primaire: #D4726A (rose corail terracotta du packaging)\n - Secondaire: #6B8E23 (vert olive des feuilles de moringa)\n - Accent: #E8C547 (doré\/jaune des motifs indiens)\n - Fond: #FDF6E3 (crème chaleureux du packaging)\nAmbiance: Ayurvédique, naturel\/bio, chaleureux, traditionnel indien avec touches modernes\nPréfixe CSS: mor\n--\u003e\n\n\u003cdiv class=\"mor-premium\"\u003e\n\n \u003cdiv class=\"mor-hero\"\u003e\n \u003cdiv class=\"mor-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mor-hero-content\"\u003e\n \u003cdiv class=\"mor-badges-top\"\u003e\n \u003cspan class=\"mor-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n \u003cspan class=\"mor-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mor-badge\"\u003e🌱 100% Végétal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mor-hero-title\"\u003eMoringa Bio\u003c\/span\u003e\n \u003cp class=\"mor-subtitle\"\u003eL'arbre de vie en gélules pour votre vitalité quotidienne\u003c\/p\u003e\n \u003cp class=\"mor-description\"\u003eDécouvrez toute la puissance nutritionnelle de \u003cem\u003eMoringa oleifera\u003c\/em\u003e, cette plante extraordinaire utilisée depuis des millénaires par la médecine ayurvédique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mor-section\"\u003e\n \u003ch2\u003e🌟 Pourquoi le moringa est-il surnommé « l'arbre de vie » ?\u003c\/h2\u003e\n \u003cdiv class=\"mor-grid\"\u003e\n \u003cdiv class=\"mor-card mor-card-highlight\"\u003e\n \u003ch3\u003e🧬 90+ nutriments\u003c\/h3\u003e\n \u003cp\u003ePlus de 90 nutriments identifiés dont vitamines, minéraux et acides aminés essentiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-card\"\u003e\n \u003ch3\u003e🍊 7x plus de vitamine C\u003c\/h3\u003e\n \u003cp\u003eSept fois plus de vitamine C que les oranges pour booster votre immunité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-card\"\u003e\n \u003ch3\u003e🥛 4x plus de calcium\u003c\/h3\u003e\n \u003cp\u003eQuatre fois plus de calcium que le lait pour des os solides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-card\"\u003e\n \u003ch3\u003e🍌 3x plus de potassium\u003c\/h3\u003e\n \u003cp\u003eTrois fois plus de potassium que les bananes pour votre système nerveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-card\"\u003e\n \u003ch3\u003e💪 Acides aminés complets\u003c\/h3\u003e\n \u003cp\u003eTous les acides aminés essentiels réunis, ce qui est rare pour une plante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-card\"\u003e\n \u003ch3\u003e🛡️ Antioxydants puissants\u003c\/h3\u003e\n \u003cp\u003ePolyphénols, flavonoïdes et quercétine pour protéger vos cellules\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mor-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits pour votre organisme\u003c\/h2\u003e\n \u003cdiv class=\"mor-grid\"\u003e\n \u003cdiv class=\"mor-card\"\u003e\n \u003ch3\u003e⚡ Énergie naturelle\u003c\/h3\u003e\n \u003cp\u003eUn cocktail de vitamines B, fer et magnésium qui réduit la fatigue et maintient un métabolisme énergétique optimal. Agit en douceur, sans pic ni chute brutale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-card\"\u003e\n \u003ch3\u003e🛡️ Défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine C, vitamine A et zinc pour soutenir votre système immunitaire et affronter sereinement les changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-card\"\u003e\n \u003ch3\u003e🌺 Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eLes polyphénols et flavonoïdes protègent vos cellules contre le stress oxydatif et préservent votre capital jeunesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-card\"\u003e\n \u003ch3\u003e🌿 Équilibre digestif\u003c\/h3\u003e\n \u003cp\u003eFibres et composés actifs favorisent une digestion harmonieuse, un meilleur confort intestinal et une assimilation optimale des nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mor-section\"\u003e\n \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"mor-grid\"\u003e\n \u003cdiv class=\"mor-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eVous ressentez un manque d'énergie au quotidien et cherchez un regain de vitalité naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-card\"\u003e\n \u003ch3\u003e❄️ Avant l'hiver\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez renforcer vos défenses naturelles avant les périodes froides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-card\"\u003e\n \u003ch3\u003e🥗 Végétariens \u0026amp; Végétaliens\u003c\/h3\u003e\n \u003cp\u003eVous avez besoin d'un apport complet en acides aminés d'origine 100% végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eVous pratiquez une activité physique régulière et souhaitez optimiser votre récupération\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-card\"\u003e\n \u003ch3\u003e📊 Carences nutritionnelles\u003c\/h3\u003e\n \u003cp\u003eVous cherchez à combler naturellement des déficits en vitamines et minéraux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-card\"\u003e\n \u003ch3\u003e🧠 Stress \u0026amp; Surmenage\u003c\/h3\u003e\n \u003cp\u003eVous traversez une période intense et avez besoin d'un soutien global pour votre organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mor-section\"\u003e\n \u003ch2\u003e🧪 Composition\u003c\/h2\u003e\n \u003cdiv class=\"mor-composition\"\u003e\n \u003cdiv class=\"mor-compo-main\"\u003e\n \u003cdiv class=\"mor-compo-dose\"\u003e1 140 mg\u003c\/div\u003e\n \u003cdiv class=\"mor-compo-label\"\u003ePoudre de feuilles de Moringa oleifera bio*\u003c\/div\u003e\n \u003cdiv class=\"mor-compo-detail\"\u003ePour 4 gélules (dose journalière)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-compo-info\"\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédient issu de l'Agriculture Biologique - Certifié par FR-BIO-01\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eEnveloppe : HPMC (hydroxypropylméthylcellulose) - 100% végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-grid-compact\"\u003e\n \u003cdiv class=\"mor-card\"\u003e\n \u003ch3\u003e🌱 100% Bio\u003c\/h3\u003e\n \u003cp\u003eCertifié AB\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-card\"\u003e\n \u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n \u003cp\u003eGaranti sans OGM\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-card\"\u003e\n \u003ch3\u003e✨ Sans additifs\u003c\/h3\u003e\n \u003cp\u003eFormule pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-card\"\u003e\n \u003ch3\u003e🌿 Vegan\u003c\/h3\u003e\n \u003cp\u003e100% végétal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mor-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mor-steps\"\u003e\n \u003cdiv class=\"mor-step\"\u003e\n \u003cdiv class=\"mor-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mor-step-content\"\u003e\n \u003ch3\u003eLe matin\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e2 gélules\u003c\/strong\u003e avant le petit-déjeuner avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-step\"\u003e\n \u003cdiv class=\"mor-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mor-step-content\"\u003e\n \u003ch3\u003eLe midi\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e2 gélules\u003c\/strong\u003e avant le déjeuner avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-step\"\u003e\n \u003cdiv class=\"mor-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mor-step-content\"\u003e\n \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e3 mois\u003c\/strong\u003e pour des résultats optimaux et durables (ce flacon = 15 jours)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-tip\"\u003e\n \u003cspan class=\"mor-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e Commencez par 2 gélules\/jour la première semaine pour habituer votre organisme, puis passez à 4 gélules quotidiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mor-section\"\u003e\n \u003ch2\u003e🌍 Origine \u0026amp; Traçabilité\u003c\/h2\u003e\n \u003cdiv class=\"mor-origin\"\u003e\n \u003cdiv class=\"mor-origin-card\"\u003e\n \u003cdiv class=\"mor-origin-icon\"\u003e🇮🇳\u003c\/div\u003e\n \u003ch3\u003eRécolte en Inde\u003c\/h3\u003e\n \u003cp\u003eFeuilles sélectionnées auprès de producteurs certifiés bio, berceau historique du moringa sacré. Récoltées à maturité optimale et séchées à basse température.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mor-origin-arrow\"\u003e→\u003c\/div\u003e\n \u003cdiv class=\"mor-origin-card\"\u003e\n \u003cdiv class=\"mor-origin-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch3\u003eFabrication en France\u003c\/h3\u003e\n \u003cp\u003eEncapsulation et conditionnement dans le respect des normes les plus strictes de l'industrie. Double exigence : authenticité et sécurité garanties.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mor-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"mor-accordion\"\u003e\n \u003cdetails class=\"mor-accordion-item\"\u003e\n \u003csummary class=\"mor-accordion-header\"\u003e⏱️ Quand vais-je ressentir les premiers effets ?\u003c\/summary\u003e\n \u003cdiv class=\"mor-accordion-content\"\u003e\n \u003cp\u003eLes premiers bienfaits se font généralement sentir après \u003cstrong\u003e2 à 3 semaines\u003c\/strong\u003e de prise régulière. La fatigue diminue progressivement et vous retrouvez un regain d'énergie naturel. Pour des effets durables, maintenez la cure pendant 3 mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mor-accordion-item\"\u003e\n \u003csummary class=\"mor-accordion-header\"\u003e🤰 Puis-je le prendre pendant la grossesse ?\u003c\/summary\u003e\n \u003cdiv class=\"mor-accordion-content\"\u003e\n \u003cp\u003ePar précaution, demandez conseil à votre médecin ou sage-femme avant de commencer une supplémentation pendant la grossesse ou l'allaitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mor-accordion-item\"\u003e\n \u003csummary class=\"mor-accordion-header\"\u003e⚠️ Y a-t-il des effets indésirables ?\u003c\/summary\u003e\n \u003cdiv class=\"mor-accordion-content\"\u003e\n \u003cp\u003eLe moringa est généralement très bien toléré. Certaines personnes peuvent ressentir un léger effet laxatif les premiers jours, qui disparaît rapidement. Respectez la posologie recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mor-accordion-item\"\u003e\n \u003csummary class=\"mor-accordion-header\"\u003e💊 Puis-je l'associer à d'autres compléments ?\u003c\/summary\u003e\n \u003cdiv class=\"mor-accordion-content\"\u003e\n \u003cp\u003eOui, le moringa bio se combine facilement avec d'autres plantes adaptogènes comme l'ashwagandha ou le curcuma. En cas de traitement médicamenteux, 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 \u003csection class=\"mor-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"mor-accordion\"\u003e\n \u003cdetails class=\"mor-accordion-item\"\u003e\n \u003csummary class=\"mor-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mor-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mor-accordion-item\"\u003e\n \u003csummary class=\"mor-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mor-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. Déconseillé aux femmes enceintes et allaitantes sans avis médical. En cas de traitement médical, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mor-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mor-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre corps cette source naturelle exceptionnelle de nutriments et retrouvez une \u003cstrong\u003evitalité durable\u003c\/strong\u003e, 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 --mor-cream: #FDF8F0;\n --mor-white: #ffffff;\n --mor-primary: #D4726A;\n --mor-primary-dark: #B85A52;\n --mor-primary-light: #F5E6E4;\n --mor-secondary: #6B8E23;\n --mor-secondary-light: #E8F0D8;\n --mor-accent: #E8C547;\n --mor-text: #1a1a1a;\n --mor-text-light: #5a5a5a;\n --mor-border: #e0e0e0;\n --mor-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mor-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mor-radius: 20px;\n --mor-radius-sm: 12px;\n}\n\n.mor-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mor-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mor-hero {\n position: relative;\n background: linear-gradient(135deg, #D4726A 0%, #B85A52 40%, #6B8E23 100%);\n border-radius: var(--mor-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(--mor-shadow-lg);\n}\n\n.mor-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%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%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: .6;\n}\n\n.mor-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mor-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.mor-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(--mor-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mor-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mor-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.mor-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.mor-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.mor-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mor-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mor-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.mor-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(--mor-primary), var(--mor-secondary));\n border-radius: 2px;\n}\n\n.mor-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mor-grid-compact {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.mor-card {\n background: var(--mor-white);\n border-radius: var(--mor-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mor-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mor-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mor-shadow-lg);\n border-color: var(--mor-primary);\n}\n\n.mor-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mor-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mor-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mor-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mor-card-highlight {\n background: linear-gradient(135deg, var(--mor-secondary-light) 0%, var(--mor-white) 100%);\n border: 2px solid var(--mor-secondary);\n}\n\n.mor-grid-compact .mor-card {\n padding: 1rem;\n}\n\n.mor-grid-compact .mor-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mor-grid-compact .mor-card p {\n font-size: 12px;\n}\n\n\/* Composition *\/\n.mor-composition {\n background: var(--mor-white);\n border-radius: var(--mor-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mor-shadow);\n text-align: center;\n border: 2px solid var(--mor-secondary);\n}\n\n.mor-compo-main {\n margin-bottom: 1.5rem;\n}\n\n.mor-compo-dose {\n font-size: clamp(36px, 8vw, 52px);\n font-weight: 900;\n color: var(--mor-secondary);\n line-height: 1;\n}\n\n.mor-compo-label {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 700;\n color: var(--mor-text);\n margin: .5rem 0;\n}\n\n.mor-compo-detail {\n font-size: 14px;\n color: var(--mor-text-light);\n}\n\n.mor-compo-info {\n padding-top: 1rem;\n border-top: 1px solid var(--mor-border);\n}\n\n.mor-compo-info p {\n margin: .5rem 0;\n font-size: 14px;\n color: var(--mor-text-light);\n}\n\n\/* Steps *\/\n.mor-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mor-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--mor-white);\n border-radius: var(--mor-radius);\n padding: 1.5rem;\n box-shadow: var(--mor-shadow);\n}\n\n.mor-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--mor-primary) 0%, var(--mor-primary-dark) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n color: white;\n}\n\n.mor-step-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--mor-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.mor-step-content p {\n font-size: 14px;\n color: var(--mor-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mor-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, #FEF9E7 0%, #FCF3CF 100%);\n border-radius: var(--mor-radius-sm);\n padding: 1.25rem;\n margin-top: 1.25rem;\n border: 2px solid var(--mor-accent);\n}\n\n.mor-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mor-tip p {\n margin: 0;\n font-size: 14px;\n color: var(--mor-text);\n line-height: 1.6;\n}\n\n\/* Origin *\/\n.mor-origin {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n}\n\n.mor-origin-card {\n flex: 1;\n min-width: 280px;\n max-width: 400px;\n background: var(--mor-white);\n border-radius: var(--mor-radius);\n padding: 2rem;\n box-shadow: var(--mor-shadow);\n text-align: center;\n}\n\n.mor-origin-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.mor-origin-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mor-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.mor-origin-card p {\n font-size: 14px;\n color: var(--mor-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.mor-origin-arrow {\n font-size: 32px;\n color: var(--mor-secondary);\n font-weight: 900;\n}\n\n\/* Accordion *\/\n.mor-accordion {\n background: var(--mor-white);\n border-radius: var(--mor-radius);\n box-shadow: var(--mor-shadow);\n overflow: hidden;\n}\n\n.mor-accordion-item {\n border-bottom: 1px solid var(--mor-border);\n margin: 0;\n padding: 0;\n}\n\n.mor-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mor-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mor-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.mor-accordion-header:hover {\n background: var(--mor-primary-light);\n}\n\n.mor-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mor-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mor-primary);\n transition: transform .2s ease;\n}\n\n.mor-accordion-item[open] .mor-accordion-header::after {\n content: '−';\n}\n\n.mor-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mor-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.mor-accordion-content p {\n margin: 0;\n}\n\n\/* CTA *\/\n.mor-cta-box {\n background: linear-gradient(135deg, var(--mor-secondary) 0%, #4A6B18 100%);\n border-radius: var(--mor-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mor-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.mor-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 .mor-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mor-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n \n .mor-grid-compact .mor-card {\n padding: .75rem;\n }\n \n .mor-card {\n padding: 1.125rem;\n }\n \n .mor-section {\n margin-bottom: 1.75rem;\n }\n \n .mor-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mor-radius-sm);\n }\n \n .mor-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mor-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mor-step {\n padding: 1.125rem;\n gap: 1rem;\n }\n \n .mor-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .mor-origin {\n flex-direction: column;\n gap: 1rem;\n }\n \n .mor-origin-arrow {\n transform: rotate(90deg);\n }\n \n .mor-origin-card {\n min-width: auto;\n padding: 1.5rem;\n }\n \n .mor-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mor-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .mor-badges-top {\n gap: 8px;\n }\n \n .mor-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n .mor-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mor-card:nth-child(1) { animation-delay: .05s; }\n .mor-card:nth-child(2) { animation-delay: .1s; }\n .mor-card:nth-child(3) { animation-delay: .15s; }\n .mor-card:nth-child(4) { animation-delay: .2s; }\n .mor-card:nth-child(5) { animation-delay: .25s; }\n .mor-card:nth-child(6) { animation-delay: .3s; }\n \n .mor-step {\n animation: fadeInUp .5s ease backwards;\n }\n .mor-step:nth-child(1) { animation-delay: .1s; }\n .mor-step:nth-child(2) { animation-delay: .2s; }\n .mor-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@media (prefers-reduced-motion: reduce) {\n .mor-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755432337565,"sku":"AY0100","price":16.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/moringa-bio-60-gelules-vegetales-ayur-vana-ingredients.webp?v=1768518045"},{"product_id":"proteinultraa-bio-vegan-sans-gluten-300-g-lt-labo","title":"ProteinultrAA Végétale Bio - Sans Gluten - 300 g - LT Labo","description":"\u003cdiv class=\"pua-premium\"\u003e\n\n\u003cdiv class=\"pua-hero\"\u003e\n\u003cdiv class=\"pua-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-hero-content\"\u003e\n\u003cdiv class=\"pua-badges-top\"\u003e\n\u003cspan class=\"pua-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n\u003cspan class=\"pua-badge\"\u003e🚫 Sans gluten\u003c\/span\u003e\n\u003cspan class=\"pua-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"pua-badge\"\u003e🔬 5 sources végétales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-hero-title\"\u003eProteinultrAA Végétale Bio\u003c\/span\u003e\n\u003cp class=\"pua-subtitle\"\u003eLa formule avancée aux 5 sources de protéines végétales biologiques\u003c\/p\u003e\n\u003cp class=\"pua-description\"\u003eCourge · Chanvre · Tournesol · Riz · Lin — Un profil d'acides aminés complet, certifié AB, sans gluten et sans lactose. 300 g de puissance végétale par LT Labo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eProteinultrAA Bio : la protéine végétale bio aux 5 sources complémentaires\u003c\/h2\u003e\n\u003cp class=\"pua-section-intro\"\u003eVous cherchez la \u003cstrong\u003emeilleure protéine végétale bio\u003c\/strong\u003e pour compléter votre alimentation au quotidien ?\u003c\/p\u003e\n\u003cdiv class=\"pua-highlight-box\"\u003e\n\u003cp\u003e\u003cstrong\u003eProteinultrAA Bio\u003c\/strong\u003e de LT Labo se distingue par une formule unique associant \u003cstrong\u003ecinq sources de protéines végétales biologiques\u003c\/strong\u003e : courge, chanvre, tournesol, riz et lin. Là où la plupart des alternatives du marché se limitent à trois ou quatre sources (souvent pois et riz), cette préparation offre un \u003cstrong\u003eprofil d'acides aminés exceptionnellement complet\u003c\/strong\u003e, incluant les précieux BCAA (leucine, isoleucine, valine). Le tout certifié AB, vegan, \u003cstrong\u003esans gluten\u003c\/strong\u003e et \u003cstrong\u003esans lactose\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003ePourquoi choisir une formule à 5 sources de protéines ?\u003c\/h2\u003e\n\u003cp class=\"pua-section-intro\"\u003eChaque source végétale possède ses propres forces en termes d'acides aminés. En les combinant intelligemment, ProteinultrAA Bio comble les lacunes que présenterait une source unique.\u003c\/p\u003e\n\u003cdiv class=\"pua-grid\"\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🎃 Protéine de courge\u003c\/h3\u003e\n\u003cp\u003eMajoritaire dans la formule, elle apporte une richesse remarquable en tryptophane et en zinc pour le bien-être global.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌿 Chanvre\u003c\/h3\u003e\n\u003cp\u003eComplète avec ses oméga-3 et son magnésium, essentiels pour le système nerveux et la récupération musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌻 Tournesol\u003c\/h3\u003e\n\u003cp\u003eRenforce l'apport en acides aminés soufrés (méthionine, cystéine), souvent déficitaires dans les protéines végétales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🍚 Riz\u003c\/h3\u003e\n\u003cp\u003eAssure une digestibilité optimale et un confort intestinal remarquable, même pour les estomacs sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🫘 Graines de lin\u003c\/h3\u003e\n\u003cp\u003eAjoutent des fibres et du phosphore pour une formule encore plus complète et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-tip\"\u003e\n\u003cspan class=\"pua-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e une protéine végétale en poudre bio qui rivalise avec les meilleures protéines animales, sans aucun compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ProteinultrAA Bio ?\u003c\/h2\u003e\n\u003cdiv class=\"pua-grid\"\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n\u003cp\u003eSoutien à la construction musculaire et à la récupération grâce aux BCAA et aux minéraux (fer, magnésium, zinc).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌱 Végétariens et végétaliens\u003c\/h3\u003e\n\u003cp\u003eApport complet en protéines et acides aminés essentiels, souvent difficiles à obtenir uniquement par l'alimentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🧓 Seniors\u003c\/h3\u003e\n\u003cp\u003eMaintien de la masse musculaire et de la vitalité au quotidien, pour rester actif en toute sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e👧 Enfants et adolescents\u003c\/h3\u003e\n\u003cp\u003eUn complément naturel, doux et bien toléré pour accompagner la croissance en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🛡️ Personnes intolérantes\u003c\/h3\u003e\n\u003cp\u003eFormule sans gluten, sans lactose, sans soja et sans légumineuses pour une tolérance digestive maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 30 g (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"pua-composition\"\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 45%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🎃 Protéines de courge bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e13,5 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e45 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 20%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🌿 Protéines de chanvre bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e6 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e20 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 18%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🌻 Protéines de tournesol bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e5,4 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e18 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 11%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🍚 Farine de riz blanc bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e3,3 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e11 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 6%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🫘 Graines de lin bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e1,8 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e6 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pua-disclaimer\"\u003e\u003cem\u003eIngrédients 100 % issus de l'agriculture biologique. Riche en vitamines B1, B3, B6, fer, magnésium, zinc, sélénium et phosphore.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eConseils d'utilisation au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"pua-timeline\"\u003e\n\u003cdiv class=\"pua-timeline-item\"\u003e\n\u003cdiv class=\"pua-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-content\"\u003e\n\u003ch3\u003eDosez\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e3 cuillères doseuses par jour\u003c\/strong\u003e (environ 30 g de poudre).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-item\"\u003e\n\u003cdiv class=\"pua-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-content\"\u003e\n\u003ch3\u003eMélangez\u003c\/h3\u003e\n\u003cp\u003eDiluez dans \u003cstrong\u003e100 ml\u003c\/strong\u003e d'eau, de lait végétal, de jus de fruits ou de soupe. Son goût neutre se marie facilement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-item\"\u003e\n\u003cdiv class=\"pua-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-content\"\u003e\n\u003ch3\u003eVariez les plaisirs\u003c\/h3\u003e\n\u003cp\u003eIncorporez-la dans vos recettes : crêpes, pancakes, energy balls ou sauces pour un boost protéiné invisible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-item\"\u003e\n\u003cdiv class=\"pua-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-content\"\u003e\n\u003ch3\u003eRégularité\u003c\/h3\u003e\n\u003cp\u003eConsommez idéalement au \u003cstrong\u003epetit-déjeuner\u003c\/strong\u003e ou \u003cstrong\u003eaprès un effort physique\u003c\/strong\u003e pour une efficacité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eCertifications et engagements qualité\u003c\/h2\u003e\n\u003cdiv class=\"pua-grid-compact\"\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌾 Certifié AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique Europe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌱 Labellisé Vegan\u003c\/h3\u003e\n\u003cp\u003ePar la Vegan Society\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué par LT Labo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🚫 Sans artifice\u003c\/h3\u003e\n\u003cp\u003eSans additifs, arômes artificiels ni OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"pua-cta-box\"\u003e\n\u003cp\u003e🌿 \u003cstrong\u003eProteinultrAA Bio\u003c\/strong\u003e — Pot de 300 g\u003cbr\u003e5 sources végétales biologiques pour un apport protéique complet, naturel et sans compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"pua-accordion-item\"\u003e\n\u003csummary class=\"pua-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"pua-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un complément alimentaire qui 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é. Conditionnement : pot de \u003cstrong\u003e300 g\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\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pua-cream: #f4f7f0;\n --pua-white: #ffffff;\n --pua-primary: #6a9b3a;\n --pua-primary-dark: #3d6b1a;\n --pua-primary-light: #e8f2da;\n --pua-secondary: #d4944a;\n --pua-accent: #e8a84c;\n --pua-text: #1a1a1a;\n --pua-text-light: #5a5a5a;\n --pua-border: #dde6d4;\n --pua-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pua-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pua-radius: 20px;\n --pua-radius-sm: 12px;\n}\n\n.pua-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pua-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pua-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6b1a 0%, #6a9b3a 40%, #d4944a 100%);\n border-radius: var(--pua-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(--pua-shadow-lg);\n}\n\n.pua-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.pua-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pua-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.pua-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pua-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(--pua-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pua-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pua-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.pua-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.pua-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pua-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pua-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.pua-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(--pua-primary), var(--pua-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.pua-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pua-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pua-highlight-box {\n background: var(--pua-white);\n border-radius: var(--pua-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pua-shadow);\n border-left: 5px solid var(--pua-primary);\n}\n\n.pua-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--pua-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.pua-card {\n background: var(--pua-white);\n border-radius: var(--pua-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pua-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pua-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pua-shadow-lg);\n border-color: var(--pua-primary);\n}\n\n.pua-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pua-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pua-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pua-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pua-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pua-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pua-grid-compact .pua-card {\n padding: 1rem;\n}\n\n.pua-grid-compact .pua-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pua-grid-compact .pua-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BARRES === *\/\n.pua-composition {\n display: flex;\n flex-direction: column;\n gap: .875rem;\n}\n\n.pua-compo-item {\n background: var(--pua-white);\n border-radius: var(--pua-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--pua-shadow);\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n.pua-compo-bar {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: var(--pua-bar-width);\n background: linear-gradient(90deg, var(--pua-primary-light), rgba(106,155,58,.15));\n border-radius: var(--pua-radius-sm) 0 0 var(--pua-radius-sm);\n z-index: 0;\n transition: width .8s ease;\n}\n\n.pua-compo-info {\n position: relative;\n z-index: 1;\n flex: 1;\n}\n\n.pua-compo-info h3 {\n font-size: clamp(14px, 2.5vw, 16px);\n font-weight: 700;\n color: var(--pua-primary-dark);\n margin: 0 0 .15rem 0;\n}\n\n.pua-compo-dose {\n font-size: 13px;\n color: var(--pua-text-light);\n}\n\n.pua-compo-pct {\n position: relative;\n z-index: 1;\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 900;\n color: var(--pua-primary);\n flex-shrink: 0;\n}\n\n\/* === TIMELINE === *\/\n.pua-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pua-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pua-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pua-primary), var(--pua-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.pua-timeline-content {\n flex: 1;\n background: var(--pua-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pua-radius-sm);\n box-shadow: var(--pua-shadow);\n}\n\n.pua-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pua-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pua-timeline-content p {\n font-size: 14px;\n color: var(--pua-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.pua-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pua-primary-light);\n border-radius: var(--pua-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pua-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pua-tip p {\n font-size: 14px;\n color: var(--pua-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.pua-cta-box {\n background: linear-gradient(135deg, var(--pua-primary) 0%, var(--pua-primary-dark) 100%);\n border-radius: var(--pua-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pua-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\/* === ACCORDÉON === *\/\n.pua-accordion {\n background: var(--pua-white);\n border-radius: var(--pua-radius);\n box-shadow: var(--pua-shadow);\n overflow: hidden;\n}\n\n.pua-accordion-item {\n border-bottom: 1px solid var(--pua-border);\n margin: 0;\n padding: 0;\n}\n\n.pua-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pua-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pua-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.pua-accordion-header:hover {\n background: var(--pua-primary-light);\n}\n\n.pua-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pua-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pua-primary);\n transition: transform .2s ease;\n}\n\n.pua-accordion-item[open] .pua-accordion-header::after {\n content: '−';\n}\n\n.pua-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pua-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pua-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pua-disclaimer {\n font-size: 12px;\n color: var(--pua-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 .pua-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pua-card {\n padding: 1.125rem;\n }\n\n .pua-section {\n margin-bottom: 1.75rem;\n }\n\n .pua-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pua-radius-sm);\n }\n\n .pua-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pua-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pua-grid-compact {\n gap: .625rem;\n }\n\n .pua-grid-compact .pua-card {\n padding: .75rem;\n }\n\n .pua-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pua-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pua-timeline-content h3 {\n font-size: 14px;\n }\n\n .pua-timeline-content p {\n font-size: 13px;\n }\n\n .pua-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pua-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pua-highlight-box {\n padding: 1.25rem;\n }\n\n .pua-compo-item {\n padding: .875rem 1rem;\n }\n\n .pua-compo-info h3 {\n font-size: 13px;\n }\n\n .pua-compo-pct {\n font-size: 18px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pua-card {\n animation: puaFadeInUp .5s ease backwards;\n }\n .pua-card:nth-child(1) { animation-delay: .05s; }\n .pua-card:nth-child(2) { animation-delay: .1s; }\n .pua-card:nth-child(3) { animation-delay: .15s; }\n .pua-card:nth-child(4) { animation-delay: .2s; }\n .pua-card:nth-child(5) { animation-delay: .25s; }\n .pua-card:nth-child(6) { animation-delay: .3s; }\n\n .pua-compo-item {\n animation: puaFadeInUp .5s ease backwards;\n }\n .pua-compo-item:nth-child(1) { animation-delay: .05s; }\n .pua-compo-item:nth-child(2) { animation-delay: .1s; }\n .pua-compo-item:nth-child(3) { animation-delay: .15s; }\n .pua-compo-item:nth-child(4) { animation-delay: .2s; }\n .pua-compo-item:nth-child(5) { animation-delay: .25s; }\n\n .pua-timeline-item {\n animation: puaFadeInUp .5s ease backwards;\n }\n .pua-timeline-item:nth-child(1) { animation-delay: .05s; }\n .pua-timeline-item:nth-child(2) { animation-delay: .1s; }\n .pua-timeline-item:nth-child(3) { animation-delay: .15s; }\n .pua-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes puaFadeInUp {\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 .pua-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":45755436040349,"sku":"NBAILTL0011","price":23.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/proteinultraa-vegetale-bio-sans-gluten-300-g-lt-labo-packshothd.webp?v=1775577803"},{"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":13.58,"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":"pelvimag-bio-120-gelules-laboratoire-code","title":"Pelvimag bio - Confort urinaire 120 gélules - Laboratoire Code","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Pelvimag Bio - Confort Urinaire 120 gélules\nPalette détectée:\n - Primaire: #6BA3D6 (bleu ciel doux du packaging)\n - Secondaire: #F5C842 (jaune\/or du bandeau PELVIMAG)\n - Accent: #4A90C2 (bleu plus soutenu du couvercle)\nAmbiance: Médicale\/santé douce, bio\/naturel, laboratoire français, clean et rassurant\nPréfixe CSS: pvm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir Pelvimag Bio pour votre confort urinaire ?\"\n 2. \"Les trois actifs clés de Pelvimag et leurs bienfaits\"\n 3. \"À qui s'adresse le Pelvimag Bio ?\"\n 4. \"Les résultats que vous pouvez attendre\"\n 5. \"Composition complète pour 6 gélules (dose journalière)\"\n 6. \"Comment prendre Pelvimag pour des résultats optimaux ?\"\n 7. \"Précautions d'emploi et contre-indications\"\n 8. \"Certifications et engagements qualité\"\n 9. \"Questions fréquentes sur Pelvimag Bio\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"pvm-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"pvm-hero\"\u003e\n \u003cdiv class=\"pvm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pvm-hero-content\"\u003e\n \u003cdiv class=\"pvm-badges-top\"\u003e\n \u003cspan class=\"pvm-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"pvm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"pvm-badge\"\u003e🌱 100% Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pvm-hero-title\"\u003ePelvimag Bio\u003c\/span\u003e\n \u003cp class=\"pvm-subtitle\"\u003eConfort urinaire \u0026amp; décongestion pelvienne\u003c\/p\u003e\n \u003cp class=\"pvm-description\"\u003eUne formule triple action à base d'oignon bio, marron d'Inde et magnésium pour retrouver sérénité et bien-être au quotidien. 120 gélules végétales pour 20 jours de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003ePourquoi choisir Pelvimag Bio pour votre confort urinaire ?\u003c\/h2\u003e\n \u003cp class=\"pvm-section-intro\"\u003eLes troubles urinaires touchent des millions de personnes : envies fréquentes, réveils nocturnes, sensations de pesanteur… Pelvimag Bio apporte une réponse naturelle et complète.\u003c\/p\u003e\n \u003cdiv class=\"pvm-highlight-box\"\u003e\n \u003cdiv class=\"pvm-highlight-content\"\u003e\n \u003cstrong\u003eTriple action synergique unique\u003c\/strong\u003e\n \u003cp\u003ePelvimag combine les propriétés diurétiques et antiseptiques de l'oignon, l'action veinotonique du marron d'Inde et l'effet relaxant musculaire du magnésium. Une formule pensée pour agir à la source des inconforts, pas simplement pour masquer les symptômes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003eLes trois actifs clés de Pelvimag et leurs bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"pvm-grid\"\u003e\n \u003cdiv class=\"pvm-card pvm-card-ingredient\"\u003e\n \u003cdiv class=\"pvm-ingredient-dose\"\u003e960 mg\/jour\u003c\/div\u003e\n \u003ch3\u003e🧅 Oignon bio\u003c\/h3\u003e\n \u003cp class=\"pvm-ingredient-latin\"\u003eAllium cepa\u003c\/p\u003e\n \u003cp\u003ePropriétés \u003cstrong\u003ediurétiques remarquables\u003c\/strong\u003e favorisant l'élimination des toxines. Action antiseptique naturelle pour assainir le tractus urinaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card pvm-card-ingredient\"\u003e\n \u003cdiv class=\"pvm-ingredient-dose\"\u003e60 mg\/jour\u003c\/div\u003e\n \u003ch3\u003e🌰 Marron d'Inde bio\u003c\/h3\u003e\n \u003cp class=\"pvm-ingredient-latin\"\u003eAesculus hippocastanum\u003c\/p\u003e\n \u003cp\u003eReconnu pour son \u003cstrong\u003eaction sur le tonus veineux\u003c\/strong\u003e. Améliore le retour veineux et la microcirculation pour réduire les sensations de lourdeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card pvm-card-ingredient\"\u003e\n \u003cdiv class=\"pvm-ingredient-dose\"\u003e480 mg\/jour\u003c\/div\u003e\n \u003ch3\u003e🔬 Magnésium\u003c\/h3\u003e\n \u003cp class=\"pvm-ingredient-latin\"\u003eCarbonate de magnésium\u003c\/p\u003e\n \u003cp\u003eContribue à la \u003cstrong\u003edétente musculaire\u003c\/strong\u003e de la vessie et du plancher pelvien. Réduit les spasmes et aide à gérer le stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse le Pelvimag Bio ?\u003c\/h2\u003e\n \u003cp class=\"pvm-section-intro\"\u003eCe complément alimentaire confort urinaire convient aux hommes comme aux femmes confrontés à :\u003c\/p\u003e\n \u003cdiv class=\"pvm-grid-compact\"\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🚽 Envies fréquentes\u003c\/h3\u003e\n \u003cp\u003eMictions répétées perturbant le quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🌙 Réveils nocturnes\u003c\/h3\u003e\n \u003cp\u003eNuits interrompues par des besoins urinaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e😣 Douleurs à la miction\u003c\/h3\u003e\n \u003cp\u003eGênes ou brûlures ressenties\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e⚖️ Congestion pelvienne\u003c\/h3\u003e\n \u003cp\u003eSensation de lourdeur dans le bas-ventre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e👩 Douleurs chroniques\u003c\/h3\u003e\n \u003cp\u003eY compris règles douloureuses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e👨 Troubles prostatiques\u003c\/h3\u003e\n \u003cp\u003eDifficultés urinaires chez l'homme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003eLes résultats que vous pouvez attendre\u003c\/h2\u003e\n \u003cdiv class=\"pvm-results-grid\"\u003e\n \u003cdiv class=\"pvm-result-item\"\u003e\n \u003cdiv class=\"pvm-result-icon\"\u003e📉\u003c\/div\u003e\n \u003cdiv class=\"pvm-result-text\"\u003e\n \u003cstrong\u003eDiminution de la fréquence\u003c\/strong\u003e\n \u003cspan\u003eMoins de mictions, surtout la nuit\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-result-item\"\u003e\n \u003cdiv class=\"pvm-result-icon\"\u003e😌\u003c\/div\u003e\n \u003cdiv class=\"pvm-result-text\"\u003e\n \u003cstrong\u003eRéduction des douleurs\u003c\/strong\u003e\n \u003cspan\u003eMictions plus confortables\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-result-item\"\u003e\n \u003cdiv class=\"pvm-result-icon\"\u003e😴\u003c\/div\u003e\n \u003cdiv class=\"pvm-result-text\"\u003e\n \u003cstrong\u003eMeilleur sommeil\u003c\/strong\u003e\n \u003cspan\u003eMoins de réveils nocturnes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-result-item\"\u003e\n \u003cdiv class=\"pvm-result-icon\"\u003e🪶\u003c\/div\u003e\n \u003cdiv class=\"pvm-result-text\"\u003e\n \u003cstrong\u003eSensation de légèreté\u003c\/strong\u003e\n \u003cspan\u003eZone pelvienne décongestionée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-result-item\"\u003e\n \u003cdiv class=\"pvm-result-icon\"\u003e✅\u003c\/div\u003e\n \u003cdiv class=\"pvm-result-text\"\u003e\n \u003cstrong\u003eConfort amélioré\u003c\/strong\u003e\n \u003cspan\u003eBien-être au quotidien retrouvé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-tip\"\u003e\n \u003cp\u003eLes premiers effets peuvent se manifester après quelques jours à quelques semaines de prise régulière. La patience et la constance sont vos alliées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003eComposition complète pour 6 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"pvm-composition-table\"\u003e\n \u003cdiv class=\"pvm-compo-row\"\u003e\n \u003cspan class=\"pvm-compo-name\"\u003e🧅 Oignon bio \u003cem\u003e(Allium cepa)\u003c\/em\u003e\u003c\/span\u003e\n \u003cspan class=\"pvm-compo-qty\"\u003e960 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-compo-row\"\u003e\n \u003cspan class=\"pvm-compo-name\"\u003e🔬 Carbonate de magnésium\u003c\/span\u003e\n \u003cspan class=\"pvm-compo-qty\"\u003e480 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-compo-row\"\u003e\n \u003cspan class=\"pvm-compo-name\"\u003e🌾 Maltodextrine bio\u003c\/span\u003e\n \u003cspan class=\"pvm-compo-qty\"\u003e300 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-compo-row\"\u003e\n \u003cspan class=\"pvm-compo-name\"\u003e🌰 Marron d'Inde bio \u003cem\u003e(Aesculus hippocastanum)\u003c\/em\u003e\u003c\/span\u003e\n \u003cspan class=\"pvm-compo-qty\"\u003e60 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-compo-row pvm-compo-row-light\"\u003e\n \u003cspan class=\"pvm-compo-name\"\u003e💊 Enveloppe gélule : hypromellose (végétale)\u003c\/span\u003e\n \u003cspan class=\"pvm-compo-qty\"\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"pvm-compo-note\"\u003e*Ingrédients issus de l'agriculture biologique, certifiés par Ecocert FR-BIO-01. \u003cstrong\u003eContient des sulfites.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"pvm-clean-badge\"\u003e\n \u003cspan\u003e🚫 Sans additifs artificiels\u003c\/span\u003e\n \u003cspan\u003e🚫 Sans colorants\u003c\/span\u003e\n \u003cspan\u003e🚫 Sans OGM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003eComment prendre Pelvimag pour des résultats optimaux ?\u003c\/h2\u003e\n \u003cdiv class=\"pvm-timeline\"\u003e\n \u003cdiv class=\"pvm-timeline-item\"\u003e\n \u003cdiv class=\"pvm-timeline-number\"\u003e☀️\u003c\/div\u003e\n \u003cdiv class=\"pvm-timeline-content\"\u003e\n \u003ch3\u003eMatin : 2 gélules\u003c\/h3\u003e\n \u003cp\u003eAvec un grand verre d'eau au petit-déjeuner\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-timeline-item\"\u003e\n \u003cdiv class=\"pvm-timeline-number\"\u003e🌤️\u003c\/div\u003e\n \u003cdiv class=\"pvm-timeline-content\"\u003e\n \u003ch3\u003eMidi : 2 gélules\u003c\/h3\u003e\n \u003cp\u003eAvec un grand verre d'eau au déjeuner\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-timeline-item\"\u003e\n \u003cdiv class=\"pvm-timeline-number\"\u003e🌙\u003c\/div\u003e\n \u003cdiv class=\"pvm-timeline-content\"\u003e\n \u003ch3\u003eSoir : 2 gélules\u003c\/h3\u003e\n \u003cp\u003eAvec un grand verre d'eau au dîner\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-grid-compact\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e📅 Durée de cure\u003c\/h3\u003e\n \u003cp\u003eMinimum 20 jours, renouvelable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e📦 Contenu du flacon\u003c\/h3\u003e\n \u003cp\u003e120 gélules = 20 jours\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-tip\"\u003e\n \u003cp\u003e💧 \u003cstrong\u003eAstuce :\u003c\/strong\u003e Pensez à bien vous hydrater tout au long de la journée. Paradoxalement, boire suffisamment d'eau aide à réduire les irritations urinaires et optimise l'action des principes actifs diurétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n \u003cdiv class=\"pvm-accordion\"\u003e\n \u003cdetails class=\"pvm-accordion-item\"\u003e\n \u003csummary class=\"pvm-accordion-header\"\u003e⚠️ Contre-indication importante\u003c\/summary\u003e\n \u003cdiv class=\"pvm-accordion-content\"\u003e\n \u003cp\u003eCe produit est \u003cstrong\u003edéconseillé aux personnes sous traitement anticoagulant\u003c\/strong\u003e, en raison des propriétés du marron d'Inde sur la circulation sanguine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pvm-accordion-item\"\u003e\n \u003csummary class=\"pvm-accordion-header\"\u003e📏 Dosage et conservation\u003c\/summary\u003e\n \u003cdiv class=\"pvm-accordion-content\"\u003e\n \u003cp\u003e• Ne pas dépasser la dose journalière recommandée de 6 gélules\u003cbr\u003e\n • Tenir hors de portée des jeunes enfants\u003cbr\u003e\n • Conserver dans un endroit frais et sec, à l'abri de la lumière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pvm-accordion-item\"\u003e\n \u003csummary class=\"pvm-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n \u003cdiv class=\"pvm-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pvm-accordion-item\"\u003e\n \u003csummary class=\"pvm-accordion-header\"\u003eℹ️ Avertissement général\u003c\/summary\u003e\n \u003cdiv class=\"pvm-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. En cas de troubles urinaires persistants ou de douleurs importantes, consultez un professionnel de santé pour écarter toute pathologie sous-jacente.\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=\"pvm-section\"\u003e\n \u003ch2\u003eCertifications et engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"pvm-certifications\"\u003e\n \u003cdiv class=\"pvm-cert-item\"\u003e\n \u003cdiv class=\"pvm-cert-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-label\"\u003eAgriculture Biologique\u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-detail\"\u003eEcocert FR-BIO-01\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-item\"\u003e\n \u003cdiv class=\"pvm-cert-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-label\"\u003eFabriqué en France\u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-detail\"\u003eConditions contrôlées\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-item\"\u003e\n \u003cdiv class=\"pvm-cert-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-label\"\u003e100% Vegan\u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-detail\"\u003eGélules hypromellose\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-item\"\u003e\n \u003cdiv class=\"pvm-cert-icon\"\u003e🧪\u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-label\"\u003eSans additifs\u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-detail\"\u003eNi conservateurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003cstyle\u003e\n:root {\n --pvm-cream: #F7FAFC;\n --pvm-white: #ffffff;\n --pvm-primary: #6BA3D6;\n --pvm-primary-dark: #3D7AB5;\n --pvm-primary-light: #E8F4FC;\n --pvm-secondary: #F5C842;\n --pvm-accent: #4A90C2;\n --pvm-text: #1a1a1a;\n --pvm-text-light: #5a6875;\n --pvm-border: #e0e8ef;\n --pvm-shadow: 0 4px 24px rgba(107,163,214,.12);\n --pvm-shadow-lg: 0 12px 48px rgba(107,163,214,.18);\n --pvm-radius: 20px;\n --pvm-radius-sm: 12px;\n}\n\n.pvm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pvm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pvm-hero {\n position: relative;\n background: linear-gradient(135deg, #4A90C2 0%, #6BA3D6 40%, #8FBFE8 100%);\n border-radius: var(--pvm-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(--pvm-shadow-lg);\n}\n\n.pvm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(245,200,66,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.pvm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pvm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pvm-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(--pvm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pvm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pvm-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.pvm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.pvm-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.pvm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pvm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pvm-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.pvm-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(--pvm-primary), var(--pvm-secondary));\n border-radius: 2px;\n}\n\n.pvm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pvm-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.pvm-highlight-box {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: linear-gradient(135deg, var(--pvm-primary-light) 0%, rgba(245,200,66,.1) 100%);\n border-radius: var(--pvm-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n border-left: 5px solid var(--pvm-secondary);\n}\n\n.pvm-highlight-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.pvm-highlight-content strong {\n display: block;\n font-size: clamp(16px, 3vw, 20px);\n color: var(--pvm-primary-dark);\n margin-bottom: .5rem;\n}\n\n.pvm-highlight-content p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--pvm-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pvm-card {\n background: var(--pvm-white);\n border-radius: var(--pvm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pvm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pvm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pvm-shadow-lg);\n border-color: var(--pvm-primary);\n}\n\n.pvm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pvm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pvm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pvm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.pvm-card-ingredient {\n position: relative;\n padding-top: clamp(2.5rem, 5vw, 3rem);\n}\n\n.pvm-ingredient-dose {\n position: absolute;\n top: -10px;\n right: 15px;\n background: linear-gradient(135deg, var(--pvm-secondary), #E5B832);\n color: var(--pvm-primary-dark);\n font-size: 12px;\n font-weight: 800;\n padding: 6px 12px;\n border-radius: 999px;\n box-shadow: 0 3px 12px rgba(245,200,66,.4);\n}\n\n.pvm-ingredient-latin {\n font-style: italic;\n font-size: 13px !important;\n color: var(--pvm-primary) !important;\n margin-bottom: .75rem !important;\n}\n\n\/* === GRILLES === *\/\n.pvm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.pvm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pvm-grid-compact .pvm-card {\n padding: 1rem;\n}\n\n.pvm-grid-compact .pvm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pvm-grid-compact .pvm-card p {\n font-size: 12px;\n}\n\n\/* === RESULTS GRID === *\/\n.pvm-results-grid {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.pvm-result-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--pvm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pvm-radius-sm);\n box-shadow: var(--pvm-shadow);\n transition: all .3s ease;\n}\n\n.pvm-result-item:hover {\n transform: translateX(8px);\n box-shadow: var(--pvm-shadow-lg);\n}\n\n.pvm-result-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.pvm-result-text {\n display: flex;\n flex-direction: column;\n}\n\n.pvm-result-text strong {\n font-size: 15px;\n color: var(--pvm-primary-dark);\n}\n\n.pvm-result-text span {\n font-size: 13px;\n color: var(--pvm-text-light);\n}\n\n\/* === COMPOSITION TABLE === *\/\n.pvm-composition-table {\n background: var(--pvm-white);\n border-radius: var(--pvm-radius);\n box-shadow: var(--pvm-shadow);\n overflow: hidden;\n}\n\n.pvm-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.25rem;\n border-bottom: 1px solid var(--pvm-border);\n}\n\n.pvm-compo-row:last-child {\n border-bottom: none;\n}\n\n.pvm-compo-row-light {\n background: var(--pvm-primary-light);\n}\n\n.pvm-compo-name {\n font-size: 14px;\n color: var(--pvm-text);\n}\n\n.pvm-compo-name em {\n color: var(--pvm-text-light);\n font-size: 13px;\n}\n\n.pvm-compo-qty {\n font-size: 15px;\n font-weight: 800;\n color: var(--pvm-primary-dark);\n background: var(--pvm-primary-light);\n padding: 4px 12px;\n border-radius: 999px;\n}\n\n.pvm-compo-note {\n font-size: 13px;\n color: var(--pvm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n.pvm-clean-badge {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-top: 1rem;\n}\n\n.pvm-clean-badge span {\n font-size: 12px;\n font-weight: 600;\n color: var(--pvm-primary-dark);\n background: var(--pvm-primary-light);\n padding: 6px 12px;\n border-radius: 999px;\n}\n\n\/* === TIMELINE === *\/\n.pvm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pvm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pvm-timeline-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--pvm-primary), var(--pvm-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n box-shadow: 0 4px 15px rgba(107,163,214,.3);\n}\n\n.pvm-timeline-content {\n flex: 1;\n background: var(--pvm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pvm-radius-sm);\n box-shadow: var(--pvm-shadow);\n}\n\n.pvm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pvm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pvm-timeline-content p {\n font-size: 14px;\n color: var(--pvm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === CERTIFICATIONS === *\/\n.pvm-certifications {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1rem;\n}\n\n.pvm-cert-item {\n background: var(--pvm-white);\n border-radius: var(--pvm-radius);\n padding: 1.5rem 1rem;\n text-align: center;\n box-shadow: var(--pvm-shadow);\n transition: all .3s ease;\n}\n\n.pvm-cert-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--pvm-shadow-lg);\n}\n\n.pvm-cert-icon {\n font-size: 36px;\n margin-bottom: .5rem;\n}\n\n.pvm-cert-label {\n font-size: 14px;\n font-weight: 800;\n color: var(--pvm-primary-dark);\n margin-bottom: .25rem;\n}\n\n.pvm-cert-detail {\n font-size: 12px;\n color: var(--pvm-text-light);\n}\n\n\/* === TIP BOX === *\/\n.pvm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, rgba(245,200,66,.15) 0%, rgba(245,200,66,.05) 100%);\n border-radius: var(--pvm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--pvm-secondary);\n}\n\n.pvm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pvm-tip p {\n font-size: 14px;\n color: var(--pvm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.pvm-accordion {\n background: var(--pvm-white);\n border-radius: var(--pvm-radius);\n box-shadow: var(--pvm-shadow);\n overflow: hidden;\n}\n\n.pvm-accordion-item {\n border-bottom: 1px solid var(--pvm-border);\n margin: 0;\n padding: 0;\n}\n\n.pvm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pvm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pvm-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.pvm-accordion-header:hover {\n background: var(--pvm-primary-light);\n}\n\n.pvm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pvm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pvm-primary);\n transition: transform .2s ease;\n}\n\n.pvm-accordion-item[open] .pvm-accordion-header::after {\n content: '−';\n}\n\n.pvm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pvm-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.pvm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.pvm-cta-box {\n background: linear-gradient(135deg, var(--pvm-primary) 0%, var(--pvm-primary-dark) 100%);\n border-radius: var(--pvm-radius);\n padding: clamp(1.75rem, 4vw, 2.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 2rem;\n}\n\n.pvm-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 200px;\n height: 200px;\n background: radial-gradient(circle, rgba(245,200,66,.2) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.pvm-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.pvm-disclaimer {\n font-size: 12px;\n color: var(--pvm-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 900px) {\n .pvm-certifications {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 767px) {\n .pvm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .pvm-card {\n padding: 1.125rem;\n }\n \n .pvm-card-ingredient {\n padding-top: 2.25rem;\n }\n \n .pvm-section {\n margin-bottom: 1.75rem;\n }\n \n .pvm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pvm-radius-sm);\n }\n \n .pvm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .pvm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .pvm-grid-compact {\n gap: .625rem;\n }\n \n .pvm-grid-compact .pvm-card {\n padding: .75rem;\n }\n \n .pvm-highlight-box {\n flex-direction: column;\n text-align: center;\n padding: 1.25rem;\n }\n \n .pvm-result-item {\n padding: .875rem 1rem;\n }\n \n .pvm-result-icon {\n font-size: 24px;\n }\n \n .pvm-result-text strong {\n font-size: 14px;\n }\n \n .pvm-result-text span {\n font-size: 12px;\n }\n \n .pvm-timeline-number {\n width: 40px;\n height: 40px;\n font-size: 20px;\n }\n \n .pvm-timeline-content {\n padding: .875rem 1rem;\n }\n \n .pvm-timeline-content h3 {\n font-size: 14px;\n }\n \n .pvm-timeline-content p {\n font-size: 13px;\n }\n \n .pvm-certifications {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n \n .pvm-cert-item {\n padding: 1rem .75rem;\n }\n \n .pvm-cert-icon {\n font-size: 28px;\n }\n \n .pvm-cert-label {\n font-size: 12px;\n }\n \n .pvm-cert-detail {\n font-size: 11px;\n }\n \n .pvm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .pvm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .pvm-compo-row {\n padding: .875rem 1rem;\n flex-wrap: wrap;\n gap: .5rem;\n }\n \n .pvm-compo-name {\n font-size: 13px;\n }\n \n .pvm-compo-qty {\n font-size: 13px;\n padding: 3px 10px;\n }\n \n .pvm-tip {\n flex-direction: column;\n text-align: center;\n padding: 1rem;\n }\n \n .pvm-clean-badge span {\n font-size: 11px;\n padding: 5px 10px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pvm-card {\n animation: pvmFadeInUp .5s ease backwards;\n }\n .pvm-card:nth-child(1) { animation-delay: .05s; }\n .pvm-card:nth-child(2) { animation-delay: .1s; }\n .pvm-card:nth-child(3) { animation-delay: .15s; }\n .pvm-card:nth-child(4) { animation-delay: .2s; }\n .pvm-card:nth-child(5) { animation-delay: .25s; }\n .pvm-card:nth-child(6) { animation-delay: .3s; }\n \n .pvm-result-item {\n animation: pvmFadeInLeft .4s ease backwards;\n }\n .pvm-result-item:nth-child(1) { animation-delay: .05s; }\n .pvm-result-item:nth-child(2) { animation-delay: .1s; }\n .pvm-result-item:nth-child(3) { animation-delay: .15s; }\n .pvm-result-item:nth-child(4) { animation-delay: .2s; }\n .pvm-result-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes pvmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes pvmFadeInLeft {\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 .pvm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e\n\u003c\/div\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":45914525794461,"sku":"LC9102","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/pelvimag-bio-confort-urinaire-120-gelules-laboratoire-code-ingredients.webp?v=1769013116"},{"product_id":"klamath-bio-poudre-50g-aosa-veritable","title":"Klamath bio en poudre - 50 g - Aosa Véritable","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Klamath bio en poudre - 50 g - Aosa Véritable\nPalette détectée:\n - Primaire: #4A7C59 (vert naturel\/algue du packaging)\n - Secondaire: #8B6914 (kraft\/doré naturel du sachet)\n - Accent: #2E5A3C (vert foncé profond)\n - Cream: #F5F2EB (beige naturel kraft clair)\nAmbiance: Naturel, biologique, authentique, épuré, bien-être holistique\nPréfixe CSS: kla\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Qu'est-ce que l'algue Klamath ?\"\n 2. \"Les bienfaits de l'algue Klamath bio\"\n 3. \"Témoignages et retours d'expérience sur l'algue Klamath\"\n 4. \"Pourquoi choisir la Klamath en poudre Aosa Véritable ?\"\n 5. \"Composition complète\"\n 6. \"Comment utiliser la Klamath en poudre ?\"\n 7. \"Précautions d'emploi\"\n 8. \"Certifications et garanties\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kla-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"kla-hero\"\u003e\n \u003cdiv class=\"kla-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kla-hero-content\"\u003e\n \u003cdiv class=\"kla-badges-top\"\u003e\n \u003cspan class=\"kla-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"kla-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003cspan class=\"kla-badge\"\u003e🌊 Récolte sauvage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kla-hero-title\"\u003eKlamath Bio en Poudre\u003c\/span\u003e\n \u003cp class=\"kla-subtitle\"\u003eL'algue bleu-vert aux 115 nutriments du lac Klamath\u003c\/p\u003e\n \u003cp class=\"kla-description\"\u003eSuperaliment d'exception récolté à l'état sauvage dans les eaux pures de l'Oregon. Plus de 160 mg de phycocyanine et 10 mg de PEA par dose pour une vitalité naturelle incomparable.\u003c\/p\u003e\n \u003cdiv class=\"kla-hero-highlights\"\u003e\n \u003cdiv class=\"kla-highlight\"\u003e\n \u003cspan class=\"kla-highlight-value\"\u003e60%\u003c\/span\u003e\n \u003cspan class=\"kla-highlight-label\"\u003eProtéines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-highlight\"\u003e\n \u003cspan class=\"kla-highlight-value\"\u003e160mg\u003c\/span\u003e\n \u003cspan class=\"kla-highlight-label\"\u003ePhycocyanine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-highlight\"\u003e\n \u003cspan class=\"kla-highlight-value\"\u003e50g\u003c\/span\u003e\n \u003cspan class=\"kla-highlight-label\"\u003e≈ 25 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eQu'est-ce que l'algue Klamath ?\u003c\/h2\u003e\n \u003cdiv class=\"kla-intro-card\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ealgue Klamath\u003c\/strong\u003e, de son nom scientifique \u003cstrong\u003eAphanizomenon flos aquae\u003c\/strong\u003e (AFA), est une microalgue bleu-vert qui pousse exclusivement dans le lac Klamath supérieur, situé au cœur d'une région volcanique des États-Unis.\u003c\/p\u003e\n \u003cp\u003eCe lac, alimenté par des sources souterraines pures et des sédiments volcaniques millénaires, offre un écosystème unique où cette algue se développe naturellement, \u003cstrong\u003esans aucune culture artificielle\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-grid-compact\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌋 Origine volcanique\u003c\/h3\u003e\n \u003cp\u003eSédiments millénaires riches en minéraux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🏔️ Lac Klamath, Oregon\u003c\/h3\u003e\n \u003cp\u003eÉcosystème préservé et unique au monde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌿 100% sauvage\u003c\/h3\u003e\n \u003cp\u003eAucune culture artificielle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e💎 Profil unique\u003c\/h3\u003e\n \u003cp\u003eSupérieur à la spiruline et chlorella\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'algue Klamath bio\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eUne composition nutritionnelle remarquablement complète qui en fait l'un des superaliments les plus puissants de la planète.\u003c\/p\u003e\n \n \u003cdiv class=\"kla-grid\"\u003e\n \u003cdiv class=\"kla-card kla-card-featured\"\u003e\n \u003ch3\u003e💪 60% de protéines complètes\u003c\/h3\u003e\n \u003cp\u003eLes 20 acides aminés dont les 8 essentiels, hautement assimilables par l'organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🧬 Vitamines B en abondance\u003c\/h3\u003e\n \u003cp\u003eNotamment la B12 naturelle, précieuse pour végétariens et végans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e⚡ Minéraux volcaniques\u003c\/h3\u003e\n \u003cp\u003eFer, magnésium, zinc, manganèse, sélénium issus des sédiments du lac\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌱 Chlorophylle détoxifiante\u003c\/h3\u003e\n \u003cp\u003eEn grande quantité pour soutenir l'élimination naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🛡️ Antioxydants puissants\u003c\/h3\u003e\n \u003cp\u003eCaroténoïdes naturels pour protéger vos cellules\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"kla-special-box\"\u003e\n \u003ch3\u003e🔬 Deux molécules qui font la différence\u003c\/h3\u003e\n \u003cdiv class=\"kla-molecules\"\u003e\n \u003cdiv class=\"kla-molecule\"\u003e\n \u003cdiv class=\"kla-molecule-header\"\u003e\n \u003cspan class=\"kla-molecule-name\"\u003ePhycocyanine\u003c\/span\u003e\n \u003cspan class=\"kla-molecule-dose\"\u003e\u0026gt; 160 mg \/ 2g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eCe pigment bleu aux puissantes propriétés antioxydantes est présent en concentrations particulièrement élevées dans la Klamath\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-molecule\"\u003e\n \u003cdiv class=\"kla-molecule-header\"\u003e\n \u003cspan class=\"kla-molecule-name\"\u003ePhényléthylamine (PEA)\u003c\/span\u003e\n \u003cspan class=\"kla-molecule-dose\"\u003e\u0026gt; 10 mg \/ 2g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eSurnommée « molécule du bonheur », ce neuromodulateur naturel influence positivement l'humeur et la concentration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eTémoignages et retours d'expérience sur l'algue Klamath\u003c\/h2\u003e\n \u003cdiv class=\"kla-testimonial\"\u003e\n \u003cp class=\"kla-testimonial-text\"\u003eDe nombreuses personnes qui intègrent l'algue Klamath à leur routine quotidienne rapportent des effets positifs sur leur bien-être général :\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-grid\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e⚡ Regain d'énergie\u003c\/h3\u003e\n \u003cp\u003eUne vitalité retrouvée sans effet excitant ni coup de fatigue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🧠 Clarté mentale\u003c\/h3\u003e\n \u003cp\u003eMeilleure concentration et focus au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🍂 Soutien saisonnier\u003c\/h3\u003e\n \u003cp\u003eAide précieuse en période de fatigue ou de surmenage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e😊 Humeur équilibrée\u003c\/h3\u003e\n \u003cp\u003eUn moral stable grâce à la PEA naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"kla-disclaimer\"\u003e\u003cem\u003eLes effets peuvent varier d'une personne à l'autre. Ce complément alimentaire ne remplace en aucun cas un traitement médical ni une alimentation variée et équilibrée.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003ePourquoi choisir la Klamath en poudre Aosa Véritable ?\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eToutes les poudres de Klamath ne se valent pas. Voici ce qui distingue ce produit d'exception.\u003c\/p\u003e\n \u003cdiv class=\"kla-grid\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌊 Récolte sauvage premium\u003c\/h3\u003e\n \u003cp\u003eDans le lac Klamath supérieur, la zone la plus préservée et riche en nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e❄️ Séchage basse température\u003c\/h3\u003e\n \u003cp\u003ePréserve l'intégralité des vitamines, enzymes et pigments actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌿 Certification biologique\u003c\/h3\u003e\n \u003cp\u003eLabel AB européen + Ecocert : zéro contaminant, traçabilité totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e✨ 100% pure\u003c\/h3\u003e\n \u003cp\u003eSans additif, sans excipient, sans agent de charge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n \u003cp\u003ePar Aosa Véritable, expert des algues du bien-être\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"kla-composition-card\"\u003e\n \u003cdiv class=\"kla-ingredient-unique\"\u003e\n \u003cspan class=\"kla-ingredient-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cp\u003ePoudre d'\u003cem\u003eAphanizomenon flos aquae\u003c\/em\u003e du lac Klamath déshydratée, \u003cstrong\u003e100% issue de l'agriculture biologique\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-nutrition-table\"\u003e\n \u003ch3\u003eValeurs nutritionnelles pour 2 g (dose journalière)\u003c\/h3\u003e\n \u003cdiv class=\"kla-nutrition-row\"\u003e\n \u003cspan\u003ePhycocyanine\u003c\/span\u003e\n \u003cstrong\u003e\u0026gt; 160 mg\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-nutrition-row\"\u003e\n \u003cspan\u003ePhényléthylamine (PEA)\u003c\/span\u003e\n \u003cstrong\u003e\u0026gt; 10 mg\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-net-weight\"\u003e\n \u003cspan\u003ePoids net\u003c\/span\u003e\n \u003cstrong\u003e50 g\u003c\/strong\u003e\n \u003cspan class=\"kla-duration\"\u003e≈ 25 jours d'utilisation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eComment utiliser la Klamath en poudre ?\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eLa poudre de Klamath s'intègre très facilement à votre alimentation quotidienne.\u003c\/p\u003e\n \u003cdiv class=\"kla-timeline\"\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eDosez correctement\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 g par jour\u003c\/strong\u003e, soit environ une cuillère à café rase\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eChoisissez votre méthode\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eEn boisson :\u003c\/strong\u003e mélangez dans de l'eau, un jus frais ou un smoothie\u003cbr\u003e\u003cstrong\u003eSur vos aliments :\u003c\/strong\u003e saupoudrez sur salade, yaourt végétal ou céréales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eConsommez à froid ou tiède\u003c\/h3\u003e\n \u003cp\u003eÉvitez de chauffer pour préserver tous les nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-tip\"\u003e\n \u003cspan class=\"kla-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce débutant :\u003c\/strong\u003e commencez par une demi-dose les premiers jours si vous n'avez jamais consommé d'algue Klamath, le temps que votre organisme s'habitue à cette richesse nutritionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"kla-accordion\"\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux personnes souffrant de troubles de la coagulation ou sous traitement anticoagulant (la Klamath contient de la vitamine K).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e📏 Dosage\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de 2 g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical, consultez votre professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e🧒 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eTenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eConservez votre sachet à l'abri de la lumière et de l'humidité, dans un endroit sec et à température ambiante. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"kla-disclaimer\"\u003eCe complément alimentaire ne peut se substituer à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"kla-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCertifications et garanties\u003c\/h2\u003e\n \u003cdiv class=\"kla-grid-compact\"\u003e\n \u003cdiv class=\"kla-card kla-card-cert\"\u003e\n \u003ch3\u003e🌿 Agriculture Biologique\u003c\/h3\u003e\n \u003cp\u003eLabel AB européen certifié\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card kla-card-cert\"\u003e\n \u003ch3\u003e✅ Contrôlé Ecocert\u003c\/h3\u003e\n \u003cp\u003eTraçabilité garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card kla-card-cert\"\u003e\n \u003ch3\u003e🌱 Convient aux végans\u003c\/h3\u003e\n \u003cp\u003e100% végétal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card kla-card-cert\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConditionné à Montlignon (95)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-cta-box\"\u003e\n \u003cp\u003eEn choisissant cette \u003cstrong\u003ealgue Klamath bio\u003c\/strong\u003e, vous optez pour un produit pur, traçable et respectueux de l'environnement naturel unique du lac Klamath.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kla-cream: #F5F2EB;\n --kla-white: #ffffff;\n --kla-primary: #4A7C59;\n --kla-primary-dark: #2E5A3C;\n --kla-primary-light: #E8F0EA;\n --kla-secondary: #8B6914;\n --kla-accent: #5B9A6F;\n --kla-text: #1a1a1a;\n --kla-text-light: #5a5a5a;\n --kla-border: #e0e0e0;\n --kla-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kla-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --kla-radius: 20px;\n --kla-radius-sm: 12px;\n}\n\n.kla-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kla-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kla-hero {\n position: relative;\n background: linear-gradient(135deg, var(--kla-primary-dark) 0%, var(--kla-primary) 50%, var(--kla-accent) 100%);\n border-radius: var(--kla-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(--kla-shadow-lg);\n}\n\n.kla-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.kla-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kla-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kla-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(--kla-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kla-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kla-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.kla-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.kla-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto 2rem;\n}\n\n.kla-hero-highlights {\n display: flex;\n justify-content: center;\n gap: clamp(1rem, 4vw, 2.5rem);\n flex-wrap: wrap;\n}\n\n.kla-highlight {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n padding: 1rem 1.5rem;\n border-radius: var(--kla-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.kla-highlight-value {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.kla-highlight-label {\n font-size: 12px;\n color: rgba(255,255,255,.8);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.kla-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kla-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kla-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.kla-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(--kla-primary), var(--kla-accent));\n border-radius: 2px;\n}\n\n.kla-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kla-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.kla-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kla-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kla-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kla-shadow-lg);\n border-color: var(--kla-primary);\n}\n\n.kla-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kla-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kla-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kla-card-featured {\n background: linear-gradient(135deg, var(--kla-primary-light) 0%, var(--kla-white) 100%);\n border: 2px solid var(--kla-primary);\n}\n\n.kla-card-cert {\n background: var(--kla-primary-light);\n}\n\n\/* === GRILLES === *\/\n.kla-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kla-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kla-grid-compact .kla-card {\n padding: 1rem;\n}\n\n.kla-grid-compact .kla-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kla-grid-compact .kla-card p {\n font-size: 12px;\n}\n\n\/* === INTRO CARD === *\/\n.kla-intro-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n margin-bottom: 1.5rem;\n border-left: 4px solid var(--kla-primary);\n}\n\n.kla-intro-card p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--kla-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.kla-intro-card p:last-child {\n margin-bottom: 0;\n}\n\n\/* === SPECIAL BOX (Molécules) === *\/\n.kla-special-box {\n background: linear-gradient(135deg, var(--kla-primary-dark) 0%, var(--kla-primary) 100%);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n margin-top: 1.5rem;\n color: white;\n}\n\n.kla-special-box h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n margin: 0 0 1.5rem 0;\n text-align: center;\n}\n\n.kla-molecules {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.25rem;\n}\n\n.kla-molecule {\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: var(--kla-radius-sm);\n padding: 1.25rem;\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.kla-molecule-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: .75rem;\n flex-wrap: wrap;\n gap: .5rem;\n}\n\n.kla-molecule-name {\n font-weight: 800;\n font-size: 16px;\n}\n\n.kla-molecule-dose {\n background: rgba(255,255,255,.25);\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n}\n\n.kla-molecule p {\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n opacity: .9;\n}\n\n\/* === TESTIMONIAL === *\/\n.kla-testimonial {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n border-left: 4px solid var(--kla-primary);\n margin-bottom: 1.5rem;\n}\n\n.kla-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kla-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === COMPOSITION CARD === *\/\n.kla-composition-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n}\n\n.kla-ingredient-unique {\n background: var(--kla-primary-light);\n border-radius: var(--kla-radius-sm);\n padding: 1.25rem;\n margin-bottom: 1.5rem;\n text-align: center;\n}\n\n.kla-ingredient-label {\n display: inline-block;\n background: var(--kla-primary);\n color: white;\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .75rem;\n}\n\n.kla-ingredient-unique p {\n font-size: 15px;\n color: var(--kla-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.kla-nutrition-table {\n margin-bottom: 1.5rem;\n}\n\n.kla-nutrition-table h3 {\n font-size: 14px;\n font-weight: 700;\n color: var(--kla-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.kla-nutrition-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .75rem 0;\n border-bottom: 1px solid var(--kla-border);\n}\n\n.kla-nutrition-row:last-child {\n border-bottom: none;\n}\n\n.kla-nutrition-row span {\n font-size: 14px;\n color: var(--kla-text-light);\n}\n\n.kla-nutrition-row strong {\n font-size: 16px;\n color: var(--kla-primary-dark);\n font-weight: 800;\n}\n\n.kla-net-weight {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: .75rem;\n flex-wrap: wrap;\n background: var(--kla-primary-light);\n border-radius: var(--kla-radius-sm);\n padding: 1rem;\n text-align: center;\n}\n\n.kla-net-weight span:first-child {\n font-size: 14px;\n color: var(--kla-text-light);\n}\n\n.kla-net-weight strong {\n font-size: 24px;\n color: var(--kla-primary-dark);\n font-weight: 900;\n}\n\n.kla-duration {\n font-size: 13px;\n color: var(--kla-primary);\n font-weight: 600;\n}\n\n\/* === TIMELINE === *\/\n.kla-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kla-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kla-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kla-primary), var(--kla-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.kla-timeline-content {\n flex: 1;\n background: var(--kla-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kla-radius-sm);\n box-shadow: var(--kla-shadow);\n}\n\n.kla-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kla-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kla-timeline-content p {\n font-size: 14px;\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.kla-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kla-primary-light);\n border-radius: var(--kla-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kla-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kla-tip p {\n font-size: 14px;\n color: var(--kla-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.kla-accordion {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n box-shadow: var(--kla-shadow);\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.kla-accordion-item {\n border-bottom: 1px solid var(--kla-border);\n margin: 0;\n padding: 0;\n}\n\n.kla-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kla-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kla-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.kla-accordion-header:hover {\n background: var(--kla-primary-light);\n}\n\n.kla-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kla-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kla-primary);\n transition: transform .2s ease;\n}\n\n.kla-accordion-item[open] .kla-accordion-header::after {\n content: '−';\n}\n\n.kla-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kla-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.kla-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.kla-cta-box {\n background: linear-gradient(135deg, var(--kla-primary) 0%, var(--kla-primary-dark) 100%);\n border-radius: var(--kla-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.kla-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.kla-disclaimer {\n font-size: 12px;\n color: var(--kla-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 .kla-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kla-card {\n padding: 1.125rem;\n }\n \n .kla-section {\n margin-bottom: 1.75rem;\n }\n \n .kla-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kla-radius-sm);\n }\n \n .kla-hero-highlights {\n gap: .75rem;\n }\n \n .kla-highlight {\n padding: .75rem 1rem;\n }\n \n .kla-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .kla-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .kla-grid-compact {\n gap: .625rem;\n }\n \n .kla-grid-compact .kla-card {\n padding: .75rem;\n }\n \n .kla-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .kla-timeline-content {\n padding: .875rem 1rem;\n }\n \n .kla-timeline-content h3 {\n font-size: 14px;\n }\n \n .kla-timeline-content p {\n font-size: 13px;\n }\n \n .kla-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .kla-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .kla-testimonial {\n padding: 1.25rem;\n }\n \n .kla-testimonial-text {\n font-size: 14px;\n }\n \n .kla-intro-card {\n padding: 1.25rem;\n }\n \n .kla-intro-card p {\n font-size: 14px;\n }\n \n .kla-special-box {\n padding: 1.25rem;\n }\n \n .kla-special-box h3 {\n font-size: 18px;\n }\n \n .kla-molecules {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kla-molecule {\n padding: 1rem;\n }\n \n .kla-molecule-name {\n font-size: 14px;\n }\n \n .kla-molecule-dose {\n font-size: 12px;\n }\n \n .kla-molecule p {\n font-size: 13px;\n }\n \n .kla-composition-card {\n padding: 1.25rem;\n }\n \n .kla-nutrition-row span {\n font-size: 13px;\n }\n \n .kla-nutrition-row strong {\n font-size: 14px;\n }\n \n .kla-net-weight strong {\n font-size: 20px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kla-card {\n animation: fadeInUp .5s ease backwards;\n }\n .kla-card:nth-child(1) { animation-delay: .05s; }\n .kla-card:nth-child(2) { animation-delay: .1s; }\n .kla-card:nth-child(3) { animation-delay: .15s; }\n .kla-card:nth-child(4) { animation-delay: .2s; }\n .kla-card:nth-child(5) { animation-delay: .25s; }\n .kla-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .kla-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AOSA VERITABLE","offers":[{"title":"Default Title","offer_id":54816328319353,"sku":"AV2500","price":28.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/klamath-poudre-50g-aosa-veritable_1_-min.jpg?v=1732962176"},{"product_id":"klamath-bio-60-gelules-aosa-veritable","title":"Klamath bio - 60 gélules - Aosa Véritable","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Klamath bio - 60 gélules - Aosa Véritable\nPalette détectée:\n - Primaire: #2E8B57 (vert nature du packaging, bouchon vert)\n - Secondaire: #4CAF50 (vert clair de l'étiquette)\n - Accent: #1B5E20 (vert foncé pour contraste)\nAmbiance: Naturel\/Bio, frais, santé, algue d'eau douce, pureté, bien-être holistique\nPréfixe CSS: kla\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Klamath bio : l'algue aux 115 nutriments pour retrouver vitalité et sérénité\"\n 2. \"Qu'est-ce que l'algue Klamath et pourquoi est-elle si exceptionnelle ?\"\n 3. \"Les bienfaits de l'algue Klamath bio sur votre quotidien\"\n 4. \"Composition détaillée pour 6 gélules (dose journalière)\"\n 5. \"Comment prendre l'algue Klamath pour en tirer tous les bienfaits ?\"\n 6. \"Pourquoi choisir la Klamath bio Aosa Véritable ?\"\n 7. \"Pour qui est faite cette algue Klamath bio ?\"\n 8. \"Précautions d'emploi et contre-indications\"\n 9. \"Questions fréquentes sur l'algue Klamath\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kla-premium\"\u003e\n \n \u003c!-- HERO --\u003e\n \u003cdiv class=\"kla-hero\"\u003e\n \u003cdiv class=\"kla-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kla-hero-content\"\u003e\n \u003cdiv class=\"kla-badges-top\"\u003e\n \u003cspan class=\"kla-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"kla-badge\"\u003e🏔️ Lac Klamath Oregon\u003c\/span\u003e\n \u003cspan class=\"kla-badge\"\u003e💚 115 nutriments\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kla-hero-title\"\u003eKlamath Bio\u003c\/span\u003e\n \u003cp class=\"kla-subtitle\"\u003eL'algue sauvage aux 115 nutriments\u003c\/p\u003e\n \u003cp class=\"kla-description\"\u003e60 gélules végétales • Récolte sauvage • Vitalité \u0026amp; sérénité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eKlamath bio : l'algue aux 115 nutriments pour retrouver vitalité et sérénité\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eVous cherchez un allié naturel pour soutenir votre énergie, votre moral et votre bien-être global ? L'\u003cstrong\u003ealgue Klamath bio\u003c\/strong\u003e d'Aosa Véritable pourrait bien être la réponse que vous attendiez.\u003c\/p\u003e\n \u003cdiv class=\"kla-highlight-box\"\u003e\n \u003cp\u003eCette micro-algue d'eau douce, récoltée à l'état sauvage dans le lac Klamath en Oregon, est considérée comme l'un des \u003cstrong\u003esuperaliments les plus complets au monde\u003c\/strong\u003e. Avec ses \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e certifiées bio, ce complément alimentaire vous offre une cure de 10 à 15 jours pour découvrir les bienfaits de l'algue Klamath sur votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eQu'est-ce que l'algue Klamath et pourquoi est-elle si exceptionnelle ?\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eL'\u003cstrong\u003eAphanizomenon flos-aquae\u003c\/strong\u003e (AFA) tire son nom du lac volcanique où elle prospère naturellement depuis des millénaires, dans une réserve naturelle préservée de l'Oregon.\u003c\/p\u003e\n \n \u003cdiv class=\"kla-feature-box\"\u003e\n \u003cdiv class=\"kla-feature-content\"\u003e\n \u003ch3\u003eRécolte 100% sauvage\u003c\/h3\u003e\n \u003cp\u003eContrairement à la spiruline ou à la chlorella qui sont cultivées, la \u003cstrong\u003eKlamath est récoltée à l'état sauvage\u003c\/strong\u003e. Elle pousse naturellement, sans intervention humaine, ce qui lui confère une densité nutritionnelle tout à fait remarquable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"kla-grid\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🧬 115+ nutriments\u003c\/h3\u003e\n \u003cp\u003eNaturellement présents dans cette micro-algue exceptionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e💪 20 acides aminés\u003c\/h3\u003e\n \u003cp\u003eDont les 8 essentiels que notre corps ne peut pas synthétiser\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌟 Vitamines complètes\u003c\/h3\u003e\n \u003cp\u003eGroupe B, vitamine C, E et K en concentration exceptionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e⚡ Minéraux biodisponibles\u003c\/h3\u003e\n \u003cp\u003eFer, magnésium, zinc, manganèse hautement assimilables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🛡️ Chlorophylle\u003c\/h3\u003e\n \u003cp\u003ePigment vert détoxifiant et purifiant pour l'organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e💎 Phycocyanine\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant aux propriétés remarquables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'algue Klamath bio sur votre quotidien\u003c\/h2\u003e\n \n \u003cdiv class=\"kla-benefits-grid\"\u003e\n \u003cdiv class=\"kla-benefit-card\"\u003e\n \u003ch3\u003e😊 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eCe qui distingue véritablement l'algue Klamath, c'est sa teneur naturelle en \u003cstrong\u003ephényléthylamine\u003c\/strong\u003e (PEA), parfois surnommée \"molécule de l'amour\". Nombreux sont ceux qui témoignent d'une \u003cstrong\u003eamélioration de leur humeur\u003c\/strong\u003e et d'un regain d'enthousiasme après quelques semaines de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-benefit-card\"\u003e\n \u003ch3\u003e⚡ Énergie durable\u003c\/h3\u003e\n \u003cp\u003eGrâce à son profil nutritionnel complet et sa richesse en \u003cstrong\u003eprotéines végétales (environ 60%)\u003c\/strong\u003e, l'algue apporte une énergie stable tout au long de la journée. Pas de pic suivi d'un coup de fatigue : une \u003cstrong\u003evitalité progressive et constante\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-benefit-card\"\u003e\n \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n \u003cp\u003eLa \u003cstrong\u003ephycocyanine\u003c\/strong\u003e, ce pigment bleu-vert caractéristique, possède des propriétés antioxydantes reconnues. Associée à la chlorophylle et aux caroténoïdes, elle contribue à \u003cstrong\u003eprotéger vos cellules\u003c\/strong\u003e contre le stress oxydatif quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 6 gélules (dose journalière)\u003c\/h2\u003e\n \n \u003cdiv class=\"kla-composition-box\"\u003e\n \u003cdiv class=\"kla-composition-main\"\u003e\n \u003cdiv class=\"kla-ingredient-highlight\"\u003e\n \u003cspan class=\"kla-ingredient-name\"\u003e🌿 Aphanizomenon flos-aquae\u003c\/span\u003e\n \u003cspan class=\"kla-ingredient-dose\"\u003e1 500 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"kla-ingredient-desc\"\u003eAlgue Klamath bio déshydratée – ingrédient unique\u003c\/p\u003e\n \u003cdiv class=\"kla-capsule-info\"\u003e\n \u003cspan\u003e💊 Enveloppe : hypromellose (100% végétale)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kla-nutrients\"\u003e\n \u003ch3\u003eValeurs nutritionnelles garanties\u003c\/h3\u003e\n \u003cdiv class=\"kla-nutrient-grid\"\u003e\n \u003cdiv class=\"kla-nutrient-item\"\u003e\n \u003cspan class=\"kla-nutrient-icon\"\u003e💎\u003c\/span\u003e\n \u003cspan class=\"kla-nutrient-name\"\u003ePhycocyanine\u003c\/span\u003e\n \u003cspan class=\"kla-nutrient-value\"\u003e\u0026gt; 120 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-nutrient-item\"\u003e\n \u003cspan class=\"kla-nutrient-icon\"\u003e😊\u003c\/span\u003e\n \u003cspan class=\"kla-nutrient-name\"\u003ePhényléthylamine\u003c\/span\u003e\n \u003cspan class=\"kla-nutrient-value\"\u003e\u0026gt; 7,5 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kla-purity-badge\"\u003e\n \u003cspan\u003e✨ Aucun excipient • Aucun additif • Aucun agent de charge\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eComment prendre l'algue Klamath pour en tirer tous les bienfaits ?\u003c\/h2\u003e\n \n \u003cdiv class=\"kla-timeline\"\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e4 à 6 gélules par jour\u003c\/strong\u003e, réparties avant les repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eMode d'administration\u003c\/h3\u003e\n \u003cp\u003eAvalez-les avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eDémarrage progressif\u003c\/h3\u003e\n \u003cp\u003eCommencez par \u003cstrong\u003e2 gélules les premiers jours\u003c\/strong\u003e pour habituer votre organisme, puis augmentez progressivement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est recommandée pour des résultats durables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kla-tip\"\u003e\n \u003cspan class=\"kla-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Beaucoup de personnes préfèrent prendre leurs gélules le matin et à midi pour profiter de l'effet énergisant sans perturber leur sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003ePourquoi choisir la Klamath bio Aosa Véritable ?\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eSur le marché des compléments alimentaires à base d'algue Klamath, la qualité varie considérablement. Voici ce qui fait la différence :\u003c\/p\u003e\n \n \u003cdiv class=\"kla-grid\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🏆 Certification Bio AB\u003c\/h3\u003e\n \u003cp\u003eLabel européen contrôlé par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🏔️ Récolte sauvage\u003c\/h3\u003e\n \u003cp\u003eLac Klamath, zone protégée non polluée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌡️ Séchage doux\u003c\/h3\u003e\n \u003cp\u003eBasse température pour préserver les nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌱 100% végétal\u003c\/h3\u003e\n \u003cp\u003eConvient aux végans et végétariens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans OGM, gluten, colorants ni conservateurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🇪🇺 Normes européennes\u003c\/h3\u003e\n \u003cp\u003eFabrication aux standards les plus stricts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003ePour qui est faite cette algue Klamath bio ?\u003c\/h2\u003e\n \n \u003cdiv class=\"kla-grid-compact\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003ePériode de baisse d'énergie ou de motivation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e💚 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eSoutien naturel de l'humeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🥗 Carences alimentaires\u003c\/h3\u003e\n \u003cp\u003eCompléter une alimentation déséquilibrée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌱 Végans \u0026amp; végétariens\u003c\/h3\u003e\n \u003cp\u003eSource complète de nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e❄️ Changements de saison\u003c\/h3\u003e\n \u003cp\u003eRenforcer les défenses naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eOptimiser la récupération\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n \n \u003cdiv class=\"kla-accordion\"\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e⚠️ Contre-indications importantes\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé aux personnes souffrant de troubles de la coagulation\u003c\/strong\u003e ou sous traitement anticoagulant (en raison de la teneur en vitamine K). Ne convient pas aux enfants sans avis médical. En cas de grossesse ou d'allaitement, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e📏 Dosage et conservation\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Conservez le flacon dans un endroit sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003eℹ️ Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"kla-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. Il ne constitue pas un traitement médical et ne peut en aucun cas se substituer à 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 9 --\u003e\n \u003csection class=\"kla-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eVos interrogations sur l'algue Klamath\u003c\/h2\u003e\n \n \u003cdiv class=\"kla-faq\"\u003e\n \u003cdiv class=\"kla-faq-item\"\u003e\n \u003ch3\u003e🔄 Quelle différence entre la Klamath, la spiruline et la chlorella ?\u003c\/h3\u003e\n \u003cp\u003eCes trois micro-algues sont souvent comparées, mais la Klamath se distingue par sa \u003cstrong\u003ecroissance sauvage\u003c\/strong\u003e et sa teneur unique en phényléthylamine. Elle est généralement considérée comme plus complète sur le plan nutritionnel, notamment pour le soutien de l'humeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-faq-item\"\u003e\n \u003ch3\u003e⏱️ Au bout de combien de temps ressent-on les effets ?\u003c\/h3\u003e\n \u003cp\u003eLes premiers témoignages évoquent souvent des effets perceptibles après \u003cstrong\u003e2 à 3 semaines\u003c\/strong\u003e de prise régulière. Cependant, chaque organisme réagit différemment. Une cure de 2 à 3 mois permet généralement d'apprécier pleinement les bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-faq-item\"\u003e\n \u003ch3\u003e📅 Peut-on prendre la Klamath en continu ?\u003c\/h3\u003e\n \u003cp\u003eVous pouvez alterner des \u003cstrong\u003ecures de 2 à 3 mois\u003c\/strong\u003e avec des pauses d'un mois, ou la prendre en continu selon vos besoins. En cas de doute, n'hésitez pas à demander conseil à un naturopathe ou à votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kla-cta-box\"\u003e\n \u003cp\u003e🌿 Découvrez le pouvoir de l'algue la plus complète au monde et retrouvez naturellement vitalité et sérénité !\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"kla-disclaimer\"\u003eLes informations présentées ne constituent pas un avis médical. Consultez un professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kla-cream: #f8fdf8;\n --kla-white: #ffffff;\n --kla-primary: #2E8B57;\n --kla-primary-dark: #1B5E20;\n --kla-primary-light: #E8F5E9;\n --kla-secondary: #4CAF50;\n --kla-accent: #00897B;\n --kla-text: #1a1a1a;\n --kla-text-light: #5a5a5a;\n --kla-border: #C8E6C9;\n --kla-shadow: 0 4px 24px rgba(46,139,87,.08);\n --kla-shadow-lg: 0 12px 48px rgba(27,94,32,.15);\n --kla-radius: 20px;\n --kla-radius-sm: 12px;\n}\n\n.kla-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kla-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kla-hero {\n position: relative;\n background: linear-gradient(135deg, #1B5E20 0%, #2E8B57 50%, #00897B 100%);\n border-radius: var(--kla-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(--kla-shadow-lg);\n}\n\n.kla-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%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%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: .5;\n}\n\n.kla-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kla-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kla-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(--kla-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kla-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kla-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.kla-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.kla-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 16px);\n margin: 0;\n}\n\n\/* === SECTIONS === *\/\n.kla-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kla-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kla-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.kla-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(--kla-primary), var(--kla-accent));\n border-radius: 2px;\n}\n\n.kla-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kla-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.kla-highlight-box {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n border-left: 4px solid var(--kla-primary);\n}\n\n.kla-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kla-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === FEATURE BOX === *\/\n.kla-feature-box {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: linear-gradient(135deg, var(--kla-primary) 0%, var(--kla-accent) 100%);\n border-radius: var(--kla-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n margin-bottom: 1.5rem;\n color: white;\n}\n\n.kla-feature-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.kla-feature-content h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n margin: 0 0 .5rem 0;\n color: white;\n}\n\n.kla-feature-content p {\n font-size: clamp(14px, 2.5vw, 16px);\n margin: 0;\n line-height: 1.6;\n opacity: .95;\n}\n\n\/* === GRILLES === *\/\n.kla-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kla-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.kla-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kla-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kla-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kla-shadow-lg);\n border-color: var(--kla-primary);\n}\n\n.kla-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kla-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kla-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kla-grid-compact .kla-card {\n padding: 1rem;\n}\n\n.kla-grid-compact .kla-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kla-grid-compact .kla-card p {\n font-size: 12px;\n}\n\n\/* === BENEFITS GRID === *\/\n.kla-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.kla-benefit-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n text-align: center;\n transition: all .3s ease;\n}\n\n.kla-benefit-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kla-shadow-lg);\n}\n\n.kla-benefit-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.kla-benefit-card h3 {\n font-size: clamp(17px, 3vw, 20px);\n font-weight: 800;\n color: var(--kla-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.kla-benefit-card p {\n font-size: clamp(14px, 2.5vw, 15px);\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === COMPOSITION BOX === *\/\n.kla-composition-box {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n}\n\n.kla-composition-main {\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 1px solid var(--kla-border);\n}\n\n.kla-ingredient-highlight {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: .5rem;\n margin-bottom: .5rem;\n}\n\n.kla-ingredient-name {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--kla-primary-dark);\n}\n\n.kla-ingredient-dose {\n background: linear-gradient(135deg, var(--kla-primary), var(--kla-accent));\n color: white;\n padding: .5rem 1rem;\n border-radius: 999px;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kla-ingredient-desc {\n font-size: 14px;\n color: var(--kla-text-light);\n margin: 0 0 1rem 0;\n}\n\n.kla-capsule-info {\n background: var(--kla-primary-light);\n padding: .75rem 1rem;\n border-radius: var(--kla-radius-sm);\n font-size: 14px;\n color: var(--kla-primary-dark);\n}\n\n.kla-nutrients h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kla-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.kla-nutrient-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kla-nutrient-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n background: var(--kla-primary-light);\n padding: 1rem;\n border-radius: var(--kla-radius-sm);\n}\n\n.kla-nutrient-icon {\n font-size: 24px;\n margin-bottom: .5rem;\n}\n\n.kla-nutrient-name {\n font-size: 13px;\n color: var(--kla-text-light);\n margin-bottom: .25rem;\n}\n\n.kla-nutrient-value {\n font-size: 18px;\n font-weight: 800;\n color: var(--kla-primary-dark);\n}\n\n.kla-purity-badge {\n margin-top: 1.5rem;\n text-align: center;\n padding: 1rem;\n background: linear-gradient(135deg, var(--kla-primary), var(--kla-accent));\n border-radius: var(--kla-radius-sm);\n color: white;\n font-weight: 700;\n font-size: 14px;\n}\n\n\/* === TIMELINE === *\/\n.kla-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kla-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kla-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kla-primary), var(--kla-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.kla-timeline-content {\n flex: 1;\n background: var(--kla-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kla-radius-sm);\n box-shadow: var(--kla-shadow);\n}\n\n.kla-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kla-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kla-timeline-content p {\n font-size: 14px;\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kla-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kla-primary-light);\n border-radius: var(--kla-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kla-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kla-tip p {\n font-size: 14px;\n color: var(--kla-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.kla-accordion {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n box-shadow: var(--kla-shadow);\n overflow: hidden;\n}\n\n.kla-accordion-item {\n border-bottom: 1px solid var(--kla-border);\n margin: 0;\n padding: 0;\n}\n\n.kla-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kla-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kla-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.kla-accordion-header:hover {\n background: var(--kla-primary-light);\n}\n\n.kla-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kla-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kla-primary);\n transition: transform .2s ease;\n}\n\n.kla-accordion-item[open] .kla-accordion-header::after {\n content: '−';\n}\n\n.kla-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kla-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kla-accordion-content p {\n margin: 0;\n}\n\n\/* === FAQ === *\/\n.kla-faq {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.kla-faq-item {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--kla-shadow);\n}\n\n.kla-faq-item h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 700;\n color: var(--kla-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.kla-faq-item p {\n font-size: clamp(14px, 2.5vw, 15px);\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === CTA FINAL === *\/\n.kla-cta-box {\n background: linear-gradient(135deg, var(--kla-primary) 0%, var(--kla-primary-dark) 100%);\n border-radius: var(--kla-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.kla-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.kla-disclaimer {\n font-size: 12px;\n color: var(--kla-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 .kla-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kla-benefits-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kla-card {\n padding: 1.125rem;\n }\n \n .kla-benefit-card {\n padding: 1.25rem;\n }\n \n .kla-benefit-icon {\n font-size: 36px;\n }\n \n .kla-section {\n margin-bottom: 1.75rem;\n }\n \n .kla-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kla-radius-sm);\n }\n \n .kla-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .kla-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .kla-grid-compact {\n gap: .625rem;\n }\n \n .kla-grid-compact .kla-card {\n padding: .75rem;\n }\n \n .kla-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .kla-timeline-content {\n padding: .875rem 1rem;\n }\n \n .kla-timeline-content h3 {\n font-size: 14px;\n }\n \n .kla-timeline-content p {\n font-size: 13px;\n }\n \n .kla-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .kla-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .kla-feature-box {\n flex-direction: column;\n text-align: center;\n }\n \n .kla-feature-icon {\n font-size: 32px;\n }\n \n .kla-composition-box {\n padding: 1.25rem;\n }\n \n .kla-nutrient-grid {\n gap: .75rem;\n }\n \n .kla-nutrient-item {\n padding: .75rem;\n }\n \n .kla-nutrient-value {\n font-size: 16px;\n }\n \n .kla-ingredient-highlight {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .kla-faq-item {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kla-card,\n .kla-benefit-card,\n .kla-faq-item {\n animation: fadeInUp .5s ease backwards;\n }\n .kla-card:nth-child(1), .kla-benefit-card:nth-child(1), .kla-faq-item:nth-child(1) { animation-delay: .05s; }\n .kla-card:nth-child(2), .kla-benefit-card:nth-child(2), .kla-faq-item:nth-child(2) { animation-delay: .1s; }\n .kla-card:nth-child(3), .kla-benefit-card:nth-child(3), .kla-faq-item:nth-child(3) { animation-delay: .15s; }\n .kla-card:nth-child(4) { animation-delay: .2s; }\n .kla-card:nth-child(5) { animation-delay: .25s; }\n .kla-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .kla-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AOSA VERITABLE","offers":[{"title":"Default Title","offer_id":54816333463929,"sku":"AV2000","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/klamath-bio-60-geleules-aosa-veritable-min.jpg?v=1732962419"},{"product_id":"klamath-bio-100-gelules-qualidiet","title":"Klamath Bio - 100 gélules - Qualidiet","description":"\u003cdiv class=\"klm-premium\"\u003e\n \u003cdiv class=\"klm-hero\"\u003e\n \u003cdiv class=\"klm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"klm-hero-content\"\u003e\n \u003cdiv class=\"klm-badges-top\"\u003e\n \u003cspan class=\"klm-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"klm-badge\"\u003e🏔️ Lac Klamath Oregon\u003c\/span\u003e\n \u003cspan class=\"klm-badge\"\u003e💊 100 gélules 500 mg\u003c\/span\u003e\n \u003cspan class=\"klm-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"klm-hero-title\"\u003eKlamath Bio\u003c\/span\u003e\n \u003cp class=\"klm-subtitle\"\u003eAphanizomenon flos-aquae · Qualidiet\u003c\/p\u003e\n \u003cp class=\"klm-description\"\u003eOriginaire des eaux pures d'un lac volcanique de l'Oregon, la \u003cstrong\u003eKlamath bio\u003c\/strong\u003e est une micro-algue bleu-vert sauvage reconnue pour sa densité nutritionnelle exceptionnelle. Ce flacon \u003cstrong\u003eQualidiet de 100 gélules végétales dosées à 500 mg\u003c\/strong\u003e vous offre une algue de Klamath bio récoltée dans son environnement naturel, séchée à basse température afin de préserver l'intégralité de ses nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'algue de Klamath bio ?\u003c\/h2\u003e\n \u003cp class=\"klm-section-intro\"\u003eConsidérée comme l'un des super-aliments les plus complets de la planète, l'algue Klamath pousse uniquement dans le lac Upper Klamath, un écosystème volcanique riche en minéraux. Contrairement à la spiruline cultivée, elle se développe à l'état sauvage, ce qui lui confère un profil nutritionnel unique. De nombreux \u003cstrong\u003etémoignages sur l'algue Klamath\u003c\/strong\u003e évoquent un regain de vitalité, une meilleure concentration et un équilibre émotionnel retrouvé.\u003c\/p\u003e\n \u003cdiv class=\"klm-grid-compact\"\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🌊 Origine sauvage\u003c\/h3\u003e\n \u003cp\u003eRécoltée dans un lac volcanique pur de l'Oregon\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e❄️ Séchage doux\u003c\/h3\u003e\n \u003cp\u003eBasse température pour préserver les nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🌿 Profil unique\u003c\/h3\u003e\n \u003cp\u003eRiche en minéraux et composés rares\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e✅ Qualité certifiée\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'algue Klamath bio\u003c\/h2\u003e\n \u003cdiv class=\"klm-grid\"\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e⚡ Énergie et vitalité\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa richesse en vitamines B1, B2 et B12 d'origine végétale, elle soutient le métabolisme énergétique et réduit la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n \u003cp\u003eLa vitamine B12 et les antioxydants contribuent au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e😊 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eLa Klamath contient naturellement de la \u003cstrong\u003ephényléthylamine (PEA)\u003c\/strong\u003e, molécule impliquée dans la sensation de bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e✨ Antioxydants puissants\u003c\/h3\u003e\n \u003cp\u003ePhycocyanine et chlorophylle (7 fois plus concentrée que dans la spiruline) participent à la protection cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e💎 Reminéralisation\u003c\/h3\u003e\n \u003cp\u003eCalcium, magnésium, fer et zinc soutiennent l'organisme au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🌱 Protéines complètes\u003c\/h3\u003e\n \u003cp\u003e65 à 70 % de protéines incluant les 20 acides aminés, dont les 8 essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003eSpiruline ou Klamath : laquelle choisir ?\u003c\/h2\u003e\n \u003cdiv class=\"klm-testimonial\"\u003e\n \u003cp class=\"klm-testimonial-text\"\u003eLa question \u003cstrong\u003e« spiruline ou Klamath »\u003c\/strong\u003e revient souvent. Les deux algues sont complémentaires : la spiruline est particulièrement riche en fer et en protéines, tandis que la Klamath se distingue par sa teneur exceptionnelle en \u003cstrong\u003evitamine B12 végétale\u003c\/strong\u003e, en chlorophylle et en PEA. Elle est souvent privilégiée pour soutenir le moral, la concentration et la vitalité nerveuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"klm-section-intro\"\u003e\u003cstrong\u003eIngrédients pour 6 gélules\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"klm-grid-compact\"\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🌿 Poudre d'algue Klamath bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eAphanizomenon flos-aquae\u003c\/em\u003e\u003cbr\u003e\u003cstrong\u003e3000 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e💊 Enveloppe végétale\u003c\/h3\u003e\n \u003cp\u003eHydroxypropyl méthylcellulose\u003cbr\u003e\u003cstrong\u003e540 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-tip\"\u003e\n \u003cspan class=\"klm-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eSans excipient superflu, sans gluten, sans OGM, adaptée aux végétariens et végétaliens. \u003cstrong\u003eCertification biologique FR-BIO-01.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"klm-timeline\"\u003e\n \u003cdiv class=\"klm-timeline-item\"\u003e\n \u003cdiv class=\"klm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"klm-timeline-content\"\u003e\n \u003ch3\u003eDémarrage progressif\u003c\/h3\u003e\n \u003cp\u003eCommencez par 2 gélules par jour pour laisser le temps à l'organisme de s'adapter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-timeline-item\"\u003e\n \u003cdiv class=\"klm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"klm-timeline-content\"\u003e\n \u003ch3\u003ePosologie optimale\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 à 6 gélules par jour\u003c\/strong\u003e, réparties au cours des repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-timeline-item\"\u003e\n \u003cdiv class=\"klm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"klm-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e, renouvelable aux changements de saison, est idéale pour profiter pleinement des bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"klm-accordion\"\u003e\n \u003cdetails class=\"klm-accordion-item\"\u003e\n \u003csummary class=\"klm-accordion-header\"\u003e⚠️ Avertissements généraux\u003c\/summary\u003e\n \u003cdiv class=\"klm-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. Il ne remplace en aucun cas un traitement médical. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"klm-accordion-item\"\u003e\n \u003csummary class=\"klm-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"klm-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux personnes sous traitement anticoagulant sans avis médical. En cas de doute, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"klm-accordion-item\"\u003e\n \u003csummary class=\"klm-accordion-header\"\u003e👶 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"klm-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. À conserver dans un endroit sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eInformations produit\u003c\/h2\u003e\n \u003cdiv class=\"klm-grid-compact\"\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n \u003cp\u003e100 gélules végétales de 500 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🏔️ Origine\u003c\/h3\u003e\n \u003cp\u003eLac Klamath, Oregon, États-Unis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eQualidiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-cta-box\" style=\"margin-top: 2rem;\"\u003e\n \u003cp\u003e🌊 Une micro-algue sauvage d'exception, née des eaux pures d'un lac volcanique, pour votre vitalité quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"klm-disclaimer\"\u003eLes compléments alimentaires doivent être utilisés dans le cadre d'un mode de vie sain et ne doivent pas se substituer à une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --klm-cream: #f4f7f2;\n --klm-white: #ffffff;\n --klm-primary: #4a8b3d;\n --klm-primary-dark: #2d5a27;\n --klm-primary-light: #e3efdd;\n --klm-secondary: #7ab668;\n --klm-accent: #c4e0b8;\n\n --klm-text: #1a2e18;\n --klm-text-light: #5a6b55;\n\n --klm-border: #d8e5d2;\n --klm-shadow: 0 4px 24px rgba(45,90,39,.08);\n --klm-shadow-lg: 0 12px 48px rgba(45,90,39,.18);\n --klm-radius: 20px;\n --klm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.klm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--klm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--klm-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.klm-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5a27 0%, #4a8b3d 50%, #7ab668 100%);\n border-radius: var(--klm-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(--klm-shadow-lg);\n}\n\n.klm-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,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .15;\n}\n\n.klm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.klm-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 60px);\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.klm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-style: italic;\n font-weight: 500;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.klm-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 750px;\n margin: 0 auto;\n}\n\n.klm-description strong {\n color: white;\n font-weight: 700;\n}\n\n\/* === BADGES === *\/\n.klm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.klm-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(--klm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.klm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.klm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.klm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--klm-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.klm-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(--klm-primary), var(--klm-secondary));\n border-radius: 2px;\n}\n\n.klm-section-intro {\n text-align: center;\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--klm-text-light);\n margin-bottom: 1.75rem;\n max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n}\n\n.klm-section-intro strong {\n color: var(--klm-primary-dark);\n}\n\n\/* === CARDS === *\/\n.klm-card {\n background: var(--klm-white);\n border-radius: var(--klm-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--klm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.klm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--klm-shadow-lg);\n border-color: var(--klm-primary);\n}\n\n.klm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--klm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.klm-card p {\n font-size: clamp(13px, 2vw, 14.5px);\n color: var(--klm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.klm-card p strong {\n color: var(--klm-primary-dark);\n font-weight: 700;\n}\n\n\/* === GRILLES === *\/\n.klm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.klm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.klm-grid-compact .klm-card {\n padding: 1rem;\n}\n\n.klm-grid-compact .klm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.klm-grid-compact .klm-card p {\n font-size: 12.5px;\n}\n\n\/* === TIMELINE === *\/\n.klm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.klm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.klm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--klm-primary), var(--klm-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(74,139,61,.3);\n}\n\n.klm-timeline-content {\n flex: 1;\n background: var(--klm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--klm-radius-sm);\n box-shadow: var(--klm-shadow);\n}\n\n.klm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--klm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.klm-timeline-content p {\n font-size: 14px;\n color: var(--klm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.klm-timeline-content p strong {\n color: var(--klm-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.klm-testimonial {\n background: var(--klm-white);\n border-radius: var(--klm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--klm-shadow);\n border-left: 4px solid var(--klm-primary);\n max-width: 850px;\n margin: 0 auto;\n}\n\n.klm-testimonial-text {\n font-size: clamp(14px, 2.4vw, 16.5px);\n color: var(--klm-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.klm-testimonial-text strong {\n color: var(--klm-primary-dark);\n font-style: normal;\n}\n\n\/* === ACCORDÉON === *\/\n.klm-accordion {\n background: var(--klm-white);\n border-radius: var(--klm-radius);\n box-shadow: var(--klm-shadow);\n overflow: hidden;\n max-width: 850px;\n margin: 0 auto;\n}\n\n.klm-accordion-item {\n border-bottom: 1px solid var(--klm-border);\n margin: 0;\n padding: 0;\n}\n\n.klm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.klm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--klm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.klm-accordion-header:hover {\n background: var(--klm-primary-light);\n}\n\n.klm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.klm-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--klm-primary);\n transition: transform .2s ease;\n}\n\n.klm-accordion-item[open] .klm-accordion-header::after {\n content: '−';\n}\n\n.klm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--klm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.klm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP === *\/\n.klm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--klm-primary-light);\n border-radius: var(--klm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--klm-primary);\n}\n\n.klm-tip-icon {\n font-size: 22px;\n flex-shrink: 0;\n line-height: 1.3;\n}\n\n.klm-tip p {\n font-size: 14px;\n color: var(--klm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.klm-tip p strong {\n color: var(--klm-primary-dark);\n}\n\n\/* === CTA === *\/\n.klm-cta-box {\n background: linear-gradient(135deg, var(--klm-primary) 0%, var(--klm-primary-dark) 100%);\n border-radius: var(--klm-radius);\n padding: clamp(1.75rem, 4vw, 2.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--klm-shadow-lg);\n}\n\n.klm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\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\/* === DISCLAIMER === *\/\n.klm-disclaimer {\n font-size: 12px;\n color: var(--klm-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .klm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .klm-card {\n padding: 1.125rem;\n }\n \n .klm-section {\n margin-bottom: 1.75rem;\n }\n \n .klm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--klm-radius-sm);\n }\n \n .klm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .klm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .klm-grid-compact {\n gap: .625rem;\n }\n \n .klm-grid-compact .klm-card {\n padding: .75rem;\n }\n \n .klm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .klm-timeline-content {\n padding: .875rem 1rem;\n }\n \n .klm-timeline-content h3 {\n font-size: 14px;\n }\n \n .klm-timeline-content p {\n font-size: 13px;\n }\n \n .klm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .klm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .klm-testimonial {\n padding: 1.25rem;\n }\n \n .klm-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .klm-card {\n animation: klmFadeInUp .5s ease backwards;\n }\n .klm-card:nth-child(1) { animation-delay: .05s; }\n .klm-card:nth-child(2) { animation-delay: .1s; }\n .klm-card:nth-child(3) { animation-delay: .15s; }\n .klm-card:nth-child(4) { animation-delay: .2s; }\n .klm-card:nth-child(5) { animation-delay: .25s; }\n .klm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes klmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .klm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":54816335757689,"sku":"VO4578","price":28.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/klamath-bio-100-gelules-qualidiet-packshothd.webp?v=1776699726"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/vignette-collection-mineraux-oligaux-elements.jpg?v=1736172461","url":"https:\/\/www.naturellement-bio.com\/collections\/mineraux-oligo-elements.oembed?page=5","provider":"Naturellement Bio","version":"1.0","type":"link"}