{"title":"Bien-être","description":"\u003cp\u003ePrendre soin de votre bien-être est essentiel pour affronter les défis du quotidien avec énergie et sérénité. Que ce soit pour mieux dormir, booster votre énergie, réduire votre stress ou simplement retrouver un équilibre global, les compléments alimentaires jouent un rôle clé en \u003cstrong\u003eapportant à votre corps les nutriments\u003c\/strong\u003e dont il a besoin.\u003c\/p\u003e\n\u003cp\u003eIci, vous trouverez des solutions naturelles et ciblées pour soutenir votre bien-être au quotidien. Voyons comment ces \u003ca rel=\"noopener\" title=\"Compléments Alimentaires Naturels et Bio\" href=\"https:\/\/www.naturellement-bio.com\/collections\/complements-alimentaires\" target=\"_blank\"\u003ecompléments alimentaires naturels\u003c\/a\u003e peuvent vous aider à chaque étape de votre vie.\u003c\/p\u003e\n\u003chr class=\"mt-2\"\u003e\n\u003ch2\u003e\u003cstrong\u003eQuel complément alimentaire choisir pour optimiser votre bien-être ?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eLe bien-être ne se limite pas à un seul aspect. Il est la somme de plusieurs équilibres instables à retrouver et entretenir. Voici les piliers d’une santé épanouie, et comment agir sur chacun d’eux :\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003e1. Vous souhaitez retrouver énergie et vitalité\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eVous vous sentez souvent fatigué(e) ou en manque d’énergie ? Cela peut venir d’un déséquilibre nutritionnel ou d’un besoin accru en nutriments.\u003c\/p\u003e\n\u003cp\u003eVous vous retrouvez dans ce cas ? Consultez notre gamme de \u003ca rel=\"noopener\" title=\"Compléments alimentaires Vitalité, Tonus et Énergie\" href=\"https:\/\/www.naturellement-bio.com\/collections\/vitalite-et-tonus\" target=\"_blank\"\u003ecompléments alimentaires pour la Vitalité, le Tonus et l'énergie\u003c\/a\u003e. Des actifs comme le \u003cstrong\u003eguarana\u003c\/strong\u003e, la \u003cstrong\u003espiruline\u003c\/strong\u003e ou le \u003cstrong\u003eginseng\u003c\/strong\u003e peuvent vous aider à retrouver votre énergie.\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003e2. Vous souhaitez soulager votre système digestif\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eBallonnements, digestion lente ou inconforts intestinaux peuvent nuire à votre bien-être global. Si vous êtes sujet à des troubles digestifs réguliers, nous vous conseillons d'aller jeter un oeil à notre sélection de \u003ca rel=\"noopener\" title=\"Compléments alimentaires Transit et Digestion\" href=\"https:\/\/www.naturellement-bio.com\/collections\/digestion-et-transit\" target=\"_blank\"\u003ecompléments adaptés pour la Digestionet le Transit\u003c\/a\u003e.\u003c\/p\u003e\n\u003cp\u003eLe triphala, le psyllium blond ou encore le fenouil sont des alliés incontournables en cas d'inconfort digestif !\u003c\/p\u003e\n\u003ch3\u003e\n\u003cstrong\u003e3. \u003cmeta charset=\"utf-8\"\u003e\u003c\/strong\u003e\u003cstrong\u003eVous voulez a\u003c\/strong\u003e\u003cstrong\u003epaiser votre esprit et réduire votre stress\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp\u003eDans un monde où tout va trop vite, le stress est une source majeure de déséquilibre. Surtout lorsqu'il est chronique. Dans ce cas, votre bien-être est fortement impacté, et une supplémentation en \u003ca rel=\"noopener\" title=\"Compléments Alimentaires Anti-Stress et Anxiété\" href=\"https:\/\/www.naturellement-bio.com\/collections\/anti-stress-anxiete\" target=\"_blank\"\u003ecompléments alimentaires Anti-stress\u003c\/a\u003e peut être une solution à explorer.\u003c\/p\u003e\n\u003cp\u003eEn effet, l’ashwagandha, la rhodiola et le magnésium sont reconnus pour leur action apaisante.\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003e4. Vous avez besoin d'un meilleur sommeil\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eLe manque de sommeil agit quant à lui sur tous les aspects de votre santé. Un sommeil de qualité est donc essentiel pour votre bien-être. Si vous avez des difficultés d'endormissement, ou des réveils nocturnes trop fréquents, il peut être utile d'envisager la prise de \u003ca rel=\"noopener\" title=\"Compléments alimentaires pour le Sommeil\" href=\"https:\/\/www.naturellement-bio.com\/collections\/sommeil\" target=\"_blank\"\u003ecomplément alimentaire pour le sommeil\u003c\/a\u003e. \u003c\/p\u003e\n\u003cp\u003eLa mélatonine, la valériane ou encore la passiflore peuvent vous aider à retrouver des nuits paisibles.\u003c\/p\u003e\n\u003cp\u003eEt qui dit mauvaise nuit, dit Fatigue et énervement à coup sur le lendemain. Le combo parfait est donc d'opter également pour un \u003ca rel=\"noopener\" title=\"Compléments alimentaires Fatigue et Nervosité\" href=\"https:\/\/www.naturellement-bio.com\/collections\/fatigue\" target=\"_blank\"\u003ecomplément alimentaire pour la fatigue et nervosité\u003c\/a\u003e.\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003e5. Vous souhaitez alléger vos jambes lourdes et réduire la rétention d’eau\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003ePour alléger les sensations de jambes lourdes et stimuler le drainage, misez sur des plantes comme la vigne rouge ou le cassis. Nous proposons une large \u003ca rel=\"noopener\" title=\"Complément alimentaire Drainage, Rétention d'eau \u0026amp; Jambes Lourdes\" href=\"https:\/\/www.naturellement-bio.com\/collections\/elimination-drainage\" target=\"_blank\"\u003egamme de compléments alimentaires pour le drainage et les Jambes Lourdes\u003c\/a\u003e sur notre site. Jetez-y un oeil ;).\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003e6. Vous aimeriez retrouver un équilibre hormonal et émotionnel\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eLe bien-être passe aussi par un équilibre hormonal, qui peut avoir un impact direct sur votre vitalité, votre humeur, et même votre libido. Des actifs naturels comme le maca, le tribulus ou le ginseng rouge sont réputés pour soutenir l'énergie sexuelle et le tonus global.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAstuce bien-être :\u003c\/strong\u003e Associez ces compléments avec une alimentation riche en nutriments essentiels, comme le zinc et les oméga-3, pour maximiser leurs effets.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePour aller plus loin :\u003c\/strong\u003e Découvrez notre gamme de \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/libido-tonus-sexuel\" rel=\"noopener\"\u003ecompléments pour la Libido et le Tonus Sexuel\u003c\/a\u003e, qui propose des solutions adaptées aux hommes comme aux femmes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\u003e\n\u003ch2\u003e\u003cstrong\u003ePourquoi intégrer des compléments alimentaires dans votre routine bien-être ?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eLes compléments alimentaires agissent en profondeur, en soutenant vos systèmes vitaux et en \u003cstrong\u003ecomblant les éventuelles carences\u003c\/strong\u003e. Ils ne remplacent certes pas une alimentation saine, mais ils offrent un soutien précieux lorsque votre rythme de vie ou vos besoins spécifiques le demandent à un moment donné.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePour un confort urinaire :\u003c\/strong\u003e Des actifs comme la canneberge favorisent une meilleure santé urinaire. Si vous êtes concerné par les troubles de la miction, consultez notre gamme de \u003ca rel=\"noopener\" title=\"Compléments alimentaires pour la Prostate et le Confort urinaire\" href=\"https:\/\/www.naturellement-bio.com\/collections\/confort-urinaire\" target=\"_blank\"\u003ecompléments dédiés à la Prostate et au confort urinaire\u003c\/a\u003e.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePour purifier votre organisme :\u003c\/strong\u003e Une détox bien menée, grâce à des plantes comme le chardon-marie ou le desmodium, contribue à un bien-être global. Nous proposons une large gamme de \u003ca rel=\"noopener\" title=\"complément alimentaire detox\" href=\"https:\/\/www.naturellement-bio.com\/collections\/complements-alimentaires-detox\" target=\"_blank\"\u003ecompléments alimentaires detox\u003c\/a\u003e naturels pour entamer une detoxification de votre organisme en toute sécurité.\u003c\/p\u003e\n\u003chr\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003ePrêt à agir ?\u003c\/strong\u003e Parcourez nos compléments alimentaires dédiés à votre Bien-être et découvrez les solutions adaptées à vos besoins. Chaque petit geste compte pour un bien-être durable.\u003c\/p\u003e\n\u003cp\u003ePrendre soin de soi, c’est un choix précieux qui peut transformer votre quotidien. Les compléments alimentaires pour le bien-être \u003cspan style=\"text-decoration: underline;\"\u003ene sont pas une solution magique\u003c\/span\u003e, mais un accompagnement naturel pour retrouver un certain équilibre, de la sérénité et un peu plus d'énergie.\u003c\/p\u003e\n\u003cp\u003eSi vous avez besoin d'aide quant aux choix de vos compléments, n'hésitez pas à nous contacter au 06.61.61.23.46 du Lundi au vendredi, de 10h à 13h et de 14h à 18h, ou par mail à info@naturellement-bio.com. Nous nous ferons un plaisir de vous aider, et nous engageons à vous apporter une solution sur-mesure pour vos besoins.\u003c\/p\u003e","products":[{"product_id":"probiotic-10-sachets-quinton","title":"Probiotic - 10 Sachets - Quinton","description":"\u003cdiv class=\"qprob-premium\"\u003e\n \u003cdiv class=\"qprob-hero\"\u003e\n \u003cdiv class=\"qprob-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"qprob-hero-content\"\u003e\n \u003cdiv class=\"qprob-badges-top\"\u003e\n \u003cspan class=\"qprob-badge\"\u003e🌊 Plasma marin isotonique\u003c\/span\u003e\n \u003cspan class=\"qprob-badge\"\u003e🦠 Ferments vivants\u003c\/span\u003e\n \u003cspan class=\"qprob-badge\"\u003e🦴 Source de calcium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"qprob-hero-title\"\u003eProbiotic Quinton\u003c\/span\u003e\n \u003cp class=\"qprob-subtitle\"\u003e10 sachets — Flore intestinale \u0026amp; équilibre digestif\u003c\/p\u003e\n \u003cp class=\"qprob-description\"\u003eUne alliance inédite entre l'eau de mer microfiltrée, des ferments lactiques sélectionnés et du calcium, pour soutenir votre flore intestinale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"qprob-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce probiotique Quinton ?\u003c\/h2\u003e\n \u003cp class=\"qprob-section-intro\"\u003eNotre système digestif héberge des milliards de micro-organismes qui participent à l'équilibre global de l'organisme. Stress, alimentation déséquilibrée, antibiothérapie, voyages… autant de facteurs qui peuvent perturber cet écosystème fragile. Ballonnements, transit irrégulier, fatigue : un probiotique de qualité contribue à restaurer l'équilibre.\u003c\/p\u003e\n \u003cdiv class=\"qprob-grid\"\u003e\n \u003cdiv class=\"qprob-card\"\u003e\n \u003ch3\u003e🌱 Équilibre de la flore\u003c\/h3\u003e\n \u003cp\u003eFerments vivants sélectionnés pour contribuer à l'équilibre de la flore intestinale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qprob-card\"\u003e\n \u003ch3\u003e🌊 Richesse marine\u003c\/h3\u003e\n \u003cp\u003eMinéraux et oligo-éléments naturellement présents dans l'eau de mer isotonique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qprob-card\"\u003e\n \u003ch3\u003e🦴 Source de calcium\u003c\/h3\u003e\n \u003cp\u003eLe calcium participe au fonctionnement normal des enzymes digestives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qprob-card\"\u003e\n \u003ch3\u003e🎒 Format nomade\u003c\/h3\u003e\n \u003cp\u003eSachets individuels prêts à l'emploi, pratiques à emporter partout avec vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qprob-section\"\u003e\n \u003ch2\u003eComposition détaillée d'un sachet (10 ml)\u003c\/h2\u003e\n \u003cdiv class=\"qprob-grid\"\u003e\n \u003cdiv class=\"qprob-card\"\u003e\n \u003ch3\u003e💧 Eau de mer microfiltrée à froid\u003c\/h3\u003e\n \u003cp\u003eSolution isotonique d'origine marine pure, prélevée au cœur des vortex océaniques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qprob-card\"\u003e\n \u003ch3\u003e🦠 Ferments lactiques vivants\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eLactobacillus acidophilus\u003c\/em\u003e, \u003cem\u003eLactobacillus rhamnosus\u003c\/em\u003e et \u003cem\u003eBifidobacterium lactis\u003c\/em\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qprob-card\"\u003e\n \u003ch3\u003e🦴 Calcium citrate — 120 mg\u003c\/h3\u003e\n \u003cp\u003eSoit 15 % des Valeurs Nutritionnelles de Référence par sachet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qprob-card\"\u003e\n \u003ch3\u003e🌾 Inuline prébiotique\u003c\/h3\u003e\n \u003cp\u003eFibres favorisant le développement naturel des bonnes bactéries intestinales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qprob-tip\"\u003e\n \u003cspan class=\"qprob-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans OGM, sans arômes artificiels ni conservateurs de synthèse.\u003c\/strong\u003e Convient aux adultes et adolescents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qprob-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"qprob-timeline\"\u003e\n \u003cdiv class=\"qprob-timeline-item\"\u003e\n \u003cdiv class=\"qprob-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"qprob-timeline-content\"\u003e\n \u003ch3\u003e1 sachet par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin à jeun, pendant une cure de 10 jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qprob-timeline-item\"\u003e\n \u003cdiv class=\"qprob-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"qprob-timeline-content\"\u003e\n \u003ch3\u003eAgiter puis ouvrir\u003c\/h3\u003e\n \u003cp\u003eVersez le contenu directement en bouche ou dans un peu d'eau à température ambiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qprob-timeline-item\"\u003e\n \u003cdiv class=\"qprob-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"qprob-timeline-content\"\u003e\n \u003ch3\u003eÉviter l'eau chaude\u003c\/h3\u003e\n \u003cp\u003eLa chaleur détruirait les ferments lactiques vivants : privilégiez une boisson tiède ou froide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qprob-timeline-item\"\u003e\n \u003cdiv class=\"qprob-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"qprob-timeline-content\"\u003e\n \u003ch3\u003eEn cas d'antibiotiques\u003c\/h3\u003e\n \u003cp\u003eEspacez la prise d'au moins 2 heures pour préserver l'efficacité du probiotique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qprob-tip\"\u003e\n \u003cspan class=\"qprob-tip-icon\"\u003e🔄\u003c\/span\u003e\n \u003cp\u003eUne cure peut être renouvelée plusieurs fois dans l'année, notamment au changement de saison, après des excès alimentaires ou à la suite d'un épisode digestif passager.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qprob-section\"\u003e\n \u003ch2\u003eVos interrogations sur les probiotiques\u003c\/h2\u003e\n \u003cdiv class=\"qprob-accordion\"\u003e\n \u003cdetails class=\"qprob-accordion-item\"\u003e\n \u003csummary class=\"qprob-accordion-header\"\u003e🤔 Quelle différence entre flore intestinale et flore intime ?\u003c\/summary\u003e\n \u003cdiv class=\"qprob-accordion-content mt-3\"\u003e\n \u003cp\u003eLes souches et dosages diffèrent selon la zone ciblée. Le Probiotic Quinton est formulé spécifiquement pour soutenir la \u003cstrong\u003eflore intestinale\u003c\/strong\u003e. Pour un probiotique dédié à la \u003cstrong\u003eflore intime\u003c\/strong\u003e, orientez-vous vers une formule contenant des souches vaginales spécifiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qprob-accordion-item\"\u003e\n \u003csummary class=\"qprob-accordion-header\"\u003e⏰ Quand prendre son probiotique ?\u003c\/summary\u003e\n \u003cdiv class=\"qprob-accordion-content mt-3\"\u003e\n \u003cp\u003eLe matin à jeun est idéal : l'estomac étant vide, les ferments atteignent plus facilement l'intestin où ils exercent leur action.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qprob-accordion-item\"\u003e\n \u003csummary class=\"qprob-accordion-header\"\u003e💊 Peut-on l'associer à un traitement antibiotique ?\u003c\/summary\u003e\n \u003cdiv class=\"qprob-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, c'est même recommandé pendant et après le traitement, en respectant un intervalle de 2 heures entre les prises pour préserver l'efficacité des ferments lactiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qprob-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eOrigine et qualité Quinton\u003c\/h2\u003e\n \u003cdiv class=\"qprob-cta-box\"\u003e\n \u003cp\u003eFabriqué en Espagne par les Laboratoires Quinton, pionniers depuis plus d'un siècle dans l'exploitation de l'eau de mer à visée nutritionnelle. L'eau est prélevée au cœur de vortex océaniques, puis microfiltrée à froid afin de préserver l'intégralité de ses qualités biologiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"qprob-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. Demandez l'avis de votre médecin ou pharmacien en cas de grossesse, d'allaitement ou de pathologie chronique. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --qprob-cream: #f4fafb;\n --qprob-white: #ffffff;\n --qprob-primary: #2aa5c7;\n --qprob-primary-dark: #0f6d8c;\n --qprob-primary-light: #e4f4f8;\n --qprob-secondary: #8dc63f;\n --qprob-accent: #5fb8d4;\n --qprob-text: #1a2a33;\n --qprob-text-light: #5a6a72;\n --qprob-border: #d8e8ec;\n --qprob-shadow: 0 4px 24px rgba(15, 109, 140, .08);\n --qprob-shadow-lg: 0 12px 48px rgba(15, 109, 140, .18);\n --qprob-radius: 20px;\n --qprob-radius-sm: 12px;\n}\n\n.qprob-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qprob-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--qprob-text);\n}\n\n.qprob-hero {\n position: relative;\n background: linear-gradient(135deg, #2aa5c7 0%, #5fb8d4 50%, #8dc63f 100%);\n border-radius: var(--qprob-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(--qprob-shadow-lg);\n}\n\n.qprob-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .12;\n background-image: radial-gradient(circle at 20% 30%, #ffffff 2px, transparent 3px),\n radial-gradient(circle at 70% 60%, #ffffff 1.5px, transparent 2.5px),\n radial-gradient(circle at 40% 80%, #ffffff 2px, transparent 3px);\n background-size: 80px 80px, 60px 60px, 100px 100px;\n}\n\n.qprob-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.qprob-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.qprob-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.qprob-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n}\n\n.qprob-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qprob-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(--qprob-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qprob-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.qprob-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qprob-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qprob-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.qprob-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(--qprob-primary), var(--qprob-secondary));\n border-radius: 2px;\n}\n\n.qprob-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qprob-text-light);\n line-height: 1.7;\n margin: 0 auto 1.75rem;\n max-width: 720px;\n}\n\n.qprob-card {\n background: var(--qprob-white);\n border-radius: var(--qprob-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qprob-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qprob-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qprob-shadow-lg);\n border-color: var(--qprob-primary);\n}\n\n.qprob-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qprob-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qprob-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qprob-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.qprob-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.qprob-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.qprob-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qprob-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qprob-primary), var(--qprob-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(42, 165, 199, .3);\n}\n\n.qprob-timeline-content {\n flex: 1;\n background: var(--qprob-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qprob-radius-sm);\n box-shadow: var(--qprob-shadow);\n}\n\n.qprob-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qprob-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qprob-timeline-content p {\n font-size: 14px;\n color: var(--qprob-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.qprob-accordion {\n background: var(--qprob-white);\n border-radius: var(--qprob-radius);\n box-shadow: var(--qprob-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.qprob-accordion-item {\n border-bottom: 1px solid var(--qprob-border);\n margin: 0;\n padding: 0;\n}\n\n.qprob-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qprob-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qprob-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.qprob-accordion-header:hover {\n background: var(--qprob-primary-light);\n}\n\n.qprob-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qprob-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--qprob-primary);\n transition: transform .2s ease;\n}\n\n.qprob-accordion-item[open] .qprob-accordion-header::after {\n content: '−';\n}\n\n.qprob-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qprob-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.qprob-accordion-content p {\n margin: 0;\n}\n\n.qprob-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qprob-primary-light);\n border-radius: var(--qprob-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--qprob-secondary);\n}\n\n.qprob-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qprob-tip p {\n font-size: 14px;\n color: var(--qprob-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.qprob-cta-box {\n background: linear-gradient(135deg, var(--qprob-primary) 0%, var(--qprob-primary-dark) 100%);\n border-radius: var(--qprob-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--qprob-shadow-lg);\n}\n\n.qprob-cta-box p {\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 position: relative;\n z-index: 1;\n}\n\n.qprob-disclaimer {\n font-size: 12px;\n color: var(--qprob-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n line-height: 1.6;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .qprob-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .qprob-card {\n padding: 1.125rem;\n }\n .qprob-section {\n margin-bottom: 1.75rem;\n }\n .qprob-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qprob-radius-sm);\n }\n .qprob-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .qprob-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .qprob-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .qprob-timeline-content {\n padding: .875rem 1rem;\n }\n .qprob-timeline-content h3 {\n font-size: 14px;\n }\n .qprob-timeline-content p {\n font-size: 13px;\n }\n .qprob-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .qprob-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .qprob-card {\n animation: qprobFadeInUp .5s ease backwards;\n }\n .qprob-card:nth-child(1) { animation-delay: .05s; }\n .qprob-card:nth-child(2) { animation-delay: .1s; }\n .qprob-card:nth-child(3) { animation-delay: .15s; }\n .qprob-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes qprobFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .qprob-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":45754679001245,"sku":"QU0025","price":29.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/probiotic-10-sachets-quinton-packshothd.webp?v=1776758927"},{"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":"melatonine-120-gelules-superdiet","title":"Mélatonine 1 mg - 120 Gélules - Superdiet","description":"\u003cdiv class=\"mela-premium\"\u003e\n \u003cdiv class=\"mela-hero\"\u003e\n \u003cdiv class=\"mela-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mela-hero-content\"\u003e\n \u003cdiv class=\"mela-badges-top\"\u003e\n \u003cspan class=\"mela-badge\"\u003e🌙 Endormissement rapide\u003c\/span\u003e\n \u003cspan class=\"mela-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mela-badge\"\u003e♻️ Flacon éco-conçu\u003c\/span\u003e\n \u003cspan class=\"mela-badge\"\u003e💊 120 jours de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mela-hero-title\"\u003eMélatonine 1 mg Superdiet\u003c\/span\u003e\n \u003cp class=\"mela-subtitle\"\u003eL'hormone du sommeil, dosée juste ce qu'il faut\u003c\/p\u003e\n \u003cp class=\"mela-description\"\u003eVous peinez à trouver le sommeil le soir venu ? La Mélatonine 1 mg de Superdiet vous accompagne en douceur vers un endormissement plus rapide et naturel. Un format généreux de 120 gélules, soit 4 mois de cure à raison d'une gélule par jour, pour retrouver un rythme de sommeil apaisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mela-section\"\u003e\n \u003ch2\u003ePourquoi choisir la Mélatonine Superdiet ?\u003c\/h2\u003e\n \u003cp class=\"mela-section-intro\"\u003eLa mélatonine, souvent appelée « hormone du sommeil », est produite naturellement par la glande pinéale de notre cerveau. Elle joue un rôle clé dans la régulation du cycle veille-sommeil. Avec l'âge, le stress, les écrans ou encore les voyages, sa production peut être perturbée, entraînant des difficultés à trouver le sommeil.\u003c\/p\u003e\n \u003cdiv class=\"mela-grid-compact\"\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌙 1 mg par gélule\u003c\/h3\u003e\n \u003cp\u003eDosage conforme aux recommandations européennes pour une efficacité prouvée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e⏱️ Endormissement\u003c\/h3\u003e\n \u003cp\u003eContribue à réduire le temps nécessaire pour trouver le sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e✈️ Décalage horaire\u003c\/h3\u003e\n \u003cp\u003eAtténue efficacement les effets du jet lag lors de vos voyages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌿 Formule courte\u003c\/h3\u003e\n \u003cp\u003eSans colorant, sans conservateur ni additif superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mela-section\"\u003e\n \u003ch2\u003eLes bienfaits de la mélatonine pour le sommeil\u003c\/h2\u003e\n \u003cdiv class=\"mela-grid\"\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e😴 Endormissement rapide\u003c\/h3\u003e\n \u003cp\u003eAide à s'endormir plus rapidement le soir, dès la première prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌍 Jet lag maîtrisé\u003c\/h3\u003e\n \u003cp\u003eAccompagne les voyageurs pour retrouver un rythme naturel après un vol long-courrier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌓 Rythmes décalés\u003c\/h3\u003e\n \u003cp\u003eSoutient les travailleurs de nuit et les personnes aux horaires irréguliers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🔄 Cycle naturel\u003c\/h3\u003e\n \u003cp\u003eFavorise un retour progressif à un cycle de sommeil équilibré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-tip\"\u003e\n \u003cspan class=\"mela-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement à certains somnifères, la mélatonine ne provoque pas d'accoutumance lorsqu'elle est utilisée ponctuellement et aux doses recommandées. Une approche naturelle plébiscitée pour un sommeil retrouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mela-section\"\u003e\n \u003ch2\u003eComposition détaillée (pour 1 gélule)\u003c\/h2\u003e\n \u003cdiv class=\"mela-grid\"\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌙 Mélatonine 1 mg\u003c\/h3\u003e\n \u003cp\u003eN-acétyl-5-méthoxytryptamine, au dosage optimal recommandé par les autorités européennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌾 Amidon de riz\u003c\/h3\u003e\n \u003cp\u003eExcipient naturel et neutre, d'origine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🐟 Gélule de poisson\u003c\/h3\u003e\n \u003cp\u003eGélatine de poisson pour une enveloppe digeste et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-tip\"\u003e\n \u003cspan class=\"mela-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eFormule courte, sans colorant, sans conservateur et sans additif superflu : Superdiet mise sur une composition simple et respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mela-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"mela-timeline\"\u003e\n \u003cdiv class=\"mela-timeline-item\"\u003e\n \u003cdiv class=\"mela-timeline-number\"\u003e?\u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-content\"\u003e\n \u003ch3\u003eQui ?\u003c\/h3\u003e\n \u003cp\u003eHommes et femmes adultes en recherche d'un sommeil plus apaisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-item\"\u003e\n \u003cdiv class=\"mela-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-content\"\u003e\n \u003ch3\u003eQuand ?\u003c\/h3\u003e\n \u003cp\u003eLe soir, juste avant le coucher. En cas de décalage horaire, prendre la gélule au moment du coucher les premiers jours suivant l'arrivée à destination.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-item\"\u003e\n \u003cdiv class=\"mela-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-content\"\u003e\n \u003ch3\u003eComment ?\u003c\/h3\u003e\n \u003cp\u003e1 gélule avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-item\"\u003e\n \u003cdiv class=\"mela-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-content\"\u003e\n \u003ch3\u003eDurée\u003c\/h3\u003e\n \u003cp\u003e4 semaines consécutives maximum. À conserver au sec, à l'abri de la lumière et à température ambiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mela-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mela-accordion\"\u003e\n \u003cdetails class=\"mela-accordion-item\"\u003e\n \u003csummary class=\"mela-accordion-header\"\u003e⚠️ Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"mela-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'adulte. Déconseillé aux femmes enceintes ou allaitantes, aux personnes souffrant de maladies inflammatoires, auto-immunes, d'insuffisance hépatique ou rénale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mela-accordion-item\"\u003e\n \u003csummary class=\"mela-accordion-header\"\u003e🩺 Avis médical recommandé\u003c\/summary\u003e\n \u003cdiv class=\"mela-accordion-content mt-3\"\u003e\n \u003cp\u003eIl est fortement recommandé de consulter votre médecin en cas de traitement médicamenteux, de diabète, d'épilepsie, d'asthme, de troubles de l'humeur, de la personnalité ou du comportement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mela-accordion-item\"\u003e\n \u003csummary class=\"mela-accordion-header\"\u003e🚗 Vigilance\u003c\/summary\u003e\n \u003cdiv class=\"mela-accordion-content mt-3\"\u003e\n \u003cp\u003eUne vigilance est nécessaire en cas d'activité nécessitant de la concentration (conduite, machines). Respectez les doses conseillées et tenez hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mela-accordion-item\"\u003e\n \u003csummary class=\"mela-accordion-header\"\u003eℹ️ Information générale\u003c\/summary\u003e\n \u003cdiv class=\"mela-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eCe complément alimentaire ne se substitue pas à un mode de vie sain, à une alimentation équilibrée, ni à un traitement médical.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mela-section\"\u003e\n \u003ch2\u003eUn engagement éco-responsable\u003c\/h2\u003e\n \u003cdiv class=\"mela-grid-compact\"\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🏭 Depuis 1961\u003c\/h3\u003e\n \u003cp\u003eMarque française pionnière du bio, fondée dans les Hauts-de-France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e♻️ 97 % recyclé\u003c\/h3\u003e\n \u003cp\u003eFlacon composé d'au moins 97 % de matière recyclée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌍 100 % recyclable\u003c\/h3\u003e\n \u003cp\u003eUn emballage entièrement recyclable pour limiter son empreinte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication française, respectueuse de la Santé de l'Homme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mela-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mela-cta-box\"\u003e\n \u003cp\u003e🌙 Offrez-vous des nuits plus douces avec la Mélatonine 1 mg Superdiet. 120 gélules pour 4 mois de sérénité, dans un flacon éco-conçu et fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mela-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\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mela-cream: #f5f7fb;\n --mela-white: #ffffff;\n --mela-primary: #1e3a8a;\n --mela-primary-dark: #0f1f4d;\n --mela-primary-light: #e6ecf7;\n --mela-secondary: #3b5bdb;\n --mela-accent: #c62828;\n --mela-text: #1a1a1a;\n --mela-text-light: #5a5a5a;\n --mela-border: #e0e0e0;\n --mela-shadow: 0 4px 24px rgba(15,31,77,.08);\n --mela-shadow-lg: 0 12px 48px rgba(15,31,77,.18);\n --mela-radius: 20px;\n --mela-radius-sm: 12px;\n}\n\n.mela-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mela-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mela-text);\n}\n\n.mela-hero {\n position: relative;\n background: linear-gradient(135deg, #0f1f4d 0%, #1e3a8a 50%, #3b5bdb 100%);\n border-radius: var(--mela-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(--mela-shadow-lg);\n}\n\n.mela-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) 1px, transparent 1.5px),\n radial-gradient(circle at 75% 60%, rgba(255,255,255,.3) 1px, transparent 2px),\n radial-gradient(circle at 50% 85%, rgba(255,255,255,.3) 1px, transparent 1.5px);\n background-size: 80px 80px, 120px 120px, 100px 100px;\n opacity: .6;\n}\n\n.mela-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mela-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.mela-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.8vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.mela-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.mela-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mela-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(--mela-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.mela-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mela-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mela-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mela-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.mela-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(--mela-primary), var(--mela-secondary));\n border-radius: 2px;\n}\n\n.mela-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mela-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.mela-card {\n background: var(--mela-white);\n border-radius: var(--mela-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mela-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mela-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mela-shadow-lg);\n border-color: var(--mela-primary);\n}\n\n.mela-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mela-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mela-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mela-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mela-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mela-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mela-grid-compact .mela-card {\n padding: 1rem;\n}\n\n.mela-grid-compact .mela-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mela-grid-compact .mela-card p {\n font-size: 12px;\n}\n\n.mela-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mela-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mela-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mela-primary), var(--mela-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.mela-timeline-content {\n flex: 1;\n background: var(--mela-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mela-radius-sm);\n box-shadow: var(--mela-shadow);\n}\n\n.mela-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mela-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mela-timeline-content p {\n font-size: 14px;\n color: var(--mela-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mela-accordion {\n background: var(--mela-white);\n border-radius: var(--mela-radius);\n box-shadow: var(--mela-shadow);\n overflow: hidden;\n}\n\n.mela-accordion-item {\n border-bottom: 1px solid var(--mela-border);\n margin: 0;\n padding: 0;\n}\n\n.mela-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mela-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mela-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.mela-accordion-header:hover {\n background: var(--mela-primary-light);\n}\n\n.mela-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mela-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mela-primary);\n transition: transform .2s ease;\n}\n\n.mela-accordion-item[open] .mela-accordion-header::after {\n content: '−';\n}\n\n.mela-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mela-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mela-accordion-content p {\n margin: 0;\n}\n\n.mela-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mela-primary-light);\n border-radius: var(--mela-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mela-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mela-tip p {\n font-size: 14px;\n color: var(--mela-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mela-cta-box {\n background: linear-gradient(135deg, var(--mela-primary) 0%, var(--mela-primary-dark) 100%);\n border-radius: var(--mela-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--mela-shadow-lg);\n}\n\n.mela-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n.mela-disclaimer {\n font-size: 12px;\n color: var(--mela-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .mela-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .mela-card { padding: 1.125rem; }\n .mela-section { margin-bottom: 1.75rem; }\n .mela-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mela-radius-sm);\n }\n .mela-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .mela-premium h2::after { width: 40px; height: 3px; }\n .mela-grid-compact { gap: .625rem; }\n .mela-grid-compact .mela-card { padding: .75rem; }\n .mela-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .mela-timeline-content { padding: .875rem 1rem; }\n .mela-timeline-content h3 { font-size: 14px; }\n .mela-timeline-content p { font-size: 13px; }\n .mela-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .mela-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .mela-card { animation: melaFadeInUp .5s ease backwards; }\n .mela-card:nth-child(1) { animation-delay: .05s; }\n .mela-card:nth-child(2) { animation-delay: .1s; }\n .mela-card:nth-child(3) { animation-delay: .15s; }\n .mela-card:nth-child(4) { animation-delay: .2s; }\n .mela-card:nth-child(5) { animation-delay: .25s; }\n .mela-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes melaFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mela-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":45754691780765,"sku":"NBAISUP0032","price":23.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/melatonine-1-mg-120-gelules-superdiet-packshothd.webp?v=1776429569"},{"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":"radis-noir-artichaut-bio-80-comprimes-superdiet","title":"Radis Noir \u0026 Artichaut Bio : Bien-être du Foie - 80 Comprimés - Superdiet","description":"\u003cdiv class=\"rna-premium\"\u003e\n \u003cdiv class=\"rna-hero\"\u003e\n \u003cdiv class=\"rna-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rna-hero-content\"\u003e\n \u003cdiv class=\"rna-badges-top\"\u003e\n \u003cspan class=\"rna-badge\"\u003e🌱 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"rna-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"rna-badge\"\u003e♻️ Éco-conçu\u003c\/span\u003e\n \u003cspan class=\"rna-badge\"\u003e🌿 100% Végétal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rna-hero-title\"\u003eRadis Noir \u0026amp; Artichaut Bio\u003c\/span\u003e\n \u003cp class=\"rna-subtitle\" style=\"color:lightgrey;\"\u003eBien-être du foie · 80 comprimés · Cure 20 jours\u003c\/p\u003e\n \u003cp class=\"rna-description\" style=\"color:lightgrey;\"\u003eLe duo emblématique de la phytothérapie française pour soutenir votre foie et favoriser une digestion sereine. Une formule 100% végétale, certifiée bio et fabriquée en France par Superdiet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003ePourquoi associer le radis noir et l'artichaut ?\u003c\/h2\u003e\n \u003cp class=\"rna-section-intro\"\u003eDeux plantes emblématiques, une synergie puissante pour le bien-être hépatique et digestif.\u003c\/p\u003e\n \u003cdiv class=\"rna-grid\"\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🌑 Le Radis Noir\u003c\/h3\u003e\n \u003cp\u003eRaphanus sativus, racine traditionnellement utilisée pour participer à la santé naturelle du foie et soutenir les fonctions d'élimination. Riche en composés soufrés, l'alliée des cures de changement de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🌿 L'Artichaut\u003c\/h3\u003e\n \u003cp\u003eCynara scolymus, dont les feuilles contiennent naturellement de la cynarine, reconnue pour contribuer au bien-être hépatique et faciliter le confort digestif après les repas copieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e✨ La Synergie\u003c\/h3\u003e\n \u003cp\u003eUn duo complémentaire particulièrement apprécié pour accompagner une cure détox douce. Les comprimés Superdiet offrent un dosage précis, pratique à emporter et sans alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003ePour qui ce complément est-il conçu ?\u003c\/h2\u003e\n \u003cdiv class=\"rna-grid-compact\"\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🍽️ Digestion lourde\u003c\/h3\u003e\n \u003cp\u003eLes personnes ressentant des lourdeurs digestives après les repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🌸 Cure saisonnière\u003c\/h3\u003e\n \u003cp\u003eCelles qui souhaitent effectuer une cure détox au printemps ou en automne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🎉 Après excès\u003c\/h3\u003e\n \u003cp\u003eLes adeptes d'une alimentation riche ou après les périodes de fêtes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🌱 Solutions naturelles\u003c\/h3\u003e\n \u003cp\u003eTous ceux qui privilégient les solutions naturelles et bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"rna-timeline\"\u003e\n \u003cdiv class=\"rna-timeline-item\"\u003e\n \u003cdiv class=\"rna-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-content\"\u003e\n \u003ch3\u003e👤 Qui ?\u003c\/h3\u003e\n \u003cp\u003eAdultes et adolescents de plus de 12 ans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-item\"\u003e\n \u003cdiv class=\"rna-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-content\"\u003e\n \u003ch3\u003e💊 Quoi ?\u003c\/h3\u003e\n \u003cp\u003e4 comprimés par jour, répartis en 2 prises de 2 comprimés, avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-item\"\u003e\n \u003cdiv class=\"rna-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-content\"\u003e\n \u003ch3\u003e🕐 Quand ?\u003c\/h3\u003e\n \u003cp\u003ePendant les repas. Une boîte = une cure de 20 jours, durée idéale pour ressentir les bienfaits du duo\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-item\"\u003e\n \u003cdiv class=\"rna-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-content\"\u003e\n \u003ch3\u003e💧 Comment optimiser ?\u003c\/h3\u003e\n \u003cp\u003eAssociez votre cure à une alimentation équilibrée, riche en légumes verts, et à une bonne hydratation (1,5 L d'eau par jour)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-tip\"\u003e\n \u003cspan class=\"rna-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux personnes souffrant d'obstruction des voies biliaires. Demandez conseil à votre médecin en cas de traitement en cours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003eComposition pour 4 comprimés (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"rna-grid-compact\"\u003e\n \u003cdiv class=\"rna-card rna-card-highlight\"\u003e\n \u003ch3\u003e🌑 Radis noir bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e600 mg\u003c\/strong\u003e\u003cbr\u003eRacine - Raphanus sativus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card rna-card-highlight\"\u003e\n \u003ch3\u003e🌿 Artichaut bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e\u003cbr\u003eFeuille - Cynara scolymus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🍃 Agent de charge\u003c\/h3\u003e\n \u003cp\u003eGomme d'acacia bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e⚗️ Anti-agglomérants\u003c\/h3\u003e\n \u003cp\u003eCarbonate de magnésium, silice\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-tip\"\u003e\n \u003cspan class=\"rna-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003esans alcool, sans colorant, sans conservateur\u003c\/strong\u003e, 100% d'origine végétale, certifiée Agriculture Biologique (FR-BIO-01).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003eUne fabrication française et éco-responsable\u003c\/h2\u003e\n \u003cdiv class=\"rna-grid\"\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🏆 60 ans d'expertise\u003c\/h3\u003e\n \u003cp\u003eSuperdiet s'engage depuis plus de 60 ans dans une démarche qualité exigeante au service de la phytothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eCes comprimés sont fabriqués en France, à partir de plantes issues de l'agriculture biologique, rigoureusement sélectionnées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e♻️ Emballage éco-conçu\u003c\/h3\u003e\n \u003cp\u003eLe flacon est fabriqué en matière recyclée et recyclable, s'inscrivant dans une logique d'emballage éco-responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003eVos questions, nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"rna-accordion\"\u003e\n \u003cdetails class=\"rna-accordion-item\"\u003e\n \u003csummary class=\"rna-accordion-header\"\u003e🌸 Quand faire une cure de radis noir et artichaut ?\u003c\/summary\u003e\n \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n \u003cp\u003eIdéalement aux changements de saison (printemps, automne) ou après une période d'excès alimentaires comme les fêtes de fin d'année.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rna-accordion-item\"\u003e\n \u003csummary class=\"rna-accordion-header\"\u003e🔄 Peut-on renouveler la cure ?\u003c\/summary\u003e\n \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, vous pouvez renouveler la cure de 20 jours après une pause de quelques semaines, 2 à 3 fois par an.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rna-accordion-item\"\u003e\n \u003csummary class=\"rna-accordion-header\"\u003e💊 Comprimés ou ampoules radis noir artichaut : que choisir ?\u003c\/summary\u003e\n \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n \u003cp\u003eLes comprimés sont plus pratiques au quotidien et sans alcool, tandis que les ampoules offrent une forme liquide rapidement assimilable. Le choix dépend de vos préférences personnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rna-accordion-item\"\u003e\n \u003csummary class=\"rna-accordion-header\"\u003e🌙 Astuce bien-être : stimulez votre digestion\u003c\/summary\u003e\n \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n \u003cp\u003eLe soir, après le dîner, allongez-vous et placez une bouillotte chaude sur la région abdominale. Ceci va favoriser la vascularisation de votre foie au moment où il en a le plus besoin et l'aider à se nettoyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rna-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre foie le duo emblématique de la phytothérapie française. Radis noir \u0026amp; artichaut bio, une cure douce et naturelle pour retrouver confort digestif et bien-être au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rna-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rna-cream: #f4f7f0;\n --rna-white: #ffffff;\n --rna-primary: #2d5f3f;\n --rna-primary-dark: #1f4230;\n --rna-primary-light: #e8f0e4;\n --rna-secondary: #8b1f3a;\n --rna-accent: #c9a961;\n --rna-text: #1a1a1a;\n --rna-text-light: #5a5a5a;\n --rna-border: #e0e0e0;\n --rna-shadow: 0 4px 24px rgba(0,0,0,.08);\n --rna-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --rna-radius: 20px;\n --rna-radius-sm: 12px;\n}\n\n.rna-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rna-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--rna-text);\n line-height: 1.6;\n}\n\n.rna-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5f3f 0%, #1f4230 50%, #8b1f3a 100%);\n border-radius: var(--rna-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(--rna-shadow-lg);\n}\n\n.rna-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,.15) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(201,169,97,.2) 0%, transparent 40%);\n opacity: .6;\n}\n\n.rna-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rna-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.rna-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 letter-spacing: .02em;\n}\n\n.rna-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.rna-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rna-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(--rna-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rna-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rna-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rna-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rna-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.rna-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(--rna-primary), var(--rna-secondary));\n border-radius: 2px;\n}\n\n.rna-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rna-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.rna-premium p {\n color: var(--rna-text);\n}\n\n.rna-card {\n background: var(--rna-white);\n border-radius: var(--rna-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rna-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rna-shadow-lg);\n border-color: var(--rna-primary);\n}\n\n.rna-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rna-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rna-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rna-card-highlight {\n background: linear-gradient(135deg, var(--rna-primary-light) 0%, #ffffff 100%);\n border-color: var(--rna-primary);\n}\n\n.rna-card-highlight strong {\n color: var(--rna-secondary);\n font-size: 20px;\n font-weight: 900;\n}\n\n.rna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rna-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rna-grid-compact .rna-card {\n padding: 1rem;\n}\n\n.rna-grid-compact .rna-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rna-grid-compact .rna-card p {\n font-size: 12px;\n}\n\n.rna-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rna-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rna-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rna-primary), var(--rna-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.rna-timeline-content {\n flex: 1;\n background: var(--rna-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rna-radius-sm);\n box-shadow: var(--rna-shadow);\n}\n\n.rna-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rna-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rna-timeline-content p {\n font-size: 14px;\n color: var(--rna-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.rna-accordion {\n background: var(--rna-white);\n border-radius: var(--rna-radius);\n box-shadow: var(--rna-shadow);\n overflow: hidden;\n}\n\n.rna-accordion-item {\n border-bottom: 1px solid var(--rna-border);\n margin: 0;\n padding: 0;\n}\n\n.rna-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rna-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rna-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 gap: 1rem;\n}\n\n.rna-accordion-header:hover {\n background: var(--rna-primary-light);\n}\n\n.rna-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rna-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--rna-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n}\n\n.rna-accordion-item[open] .rna-accordion-header::after {\n content: '−';\n}\n\n.rna-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rna-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rna-accordion-content p {\n margin: 0;\n color: var(--rna-text-light);\n}\n\n.rna-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rna-primary-light);\n border-radius: var(--rna-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--rna-primary);\n}\n\n.rna-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.rna-tip p {\n font-size: 14px;\n color: var(--rna-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.rna-cta-box {\n background: linear-gradient(135deg, var(--rna-primary) 0%, var(--rna-primary-dark) 100%);\n border-radius: var(--rna-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--rna-shadow-lg);\n}\n\n.rna-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.rna-disclaimer {\n font-size: 12px;\n color: var(--rna-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .rna-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .rna-card {\n padding: 1.125rem;\n }\n .rna-section {\n margin-bottom: 1.75rem;\n }\n .rna-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rna-radius-sm);\n }\n .rna-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .rna-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .rna-grid-compact {\n gap: .625rem;\n }\n .rna-grid-compact .rna-card {\n padding: .75rem;\n }\n .rna-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .rna-timeline-content {\n padding: .875rem 1rem;\n }\n .rna-timeline-content h3 {\n font-size: 14px;\n }\n .rna-timeline-content p {\n font-size: 13px;\n }\n .rna-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .rna-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .rna-card {\n animation: rnaFadeInUp .5s ease backwards;\n }\n .rna-card:nth-child(1) { animation-delay: .05s; }\n .rna-card:nth-child(2) { animation-delay: .1s; }\n .rna-card:nth-child(3) { animation-delay: .15s; }\n .rna-card:nth-child(4) { animation-delay: .2s; }\n .rna-card:nth-child(5) { animation-delay: .25s; }\n .rna-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rnaFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rna-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":45754702069917,"sku":"NBAISUP0048","price":15.09,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/radis_noir_artichaut_bio_80_comprimes_superdiet.jpg?v=1758619291"},{"product_id":"acerola-500-bio-24-comprimes-a-croquer-superdiet","title":"Acérola 500 Bio - 24 Comprimés à Croquer - Superdiet","description":"\u003cdiv class=\"acb-premium\"\u003e\n \u003cdiv class=\"acb-hero\"\u003e\n \u003cdiv class=\"acb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"acb-hero-content\"\u003e\n \u003cdiv class=\"acb-badges-top\"\u003e\n \u003cspan class=\"acb-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"acb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"acb-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"acb-badge\"\u003e💊 24 comprimés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"acb-hero-title\"\u003eAcérola 500 Bio Superdiet\u003c\/span\u003e\n \u003cp class=\"acb-subtitle\"\u003eVitamine C 100 % naturelle • Réduction de la fatigue\u003c\/p\u003e\n \u003cp class=\"acb-description\"\u003eLa puissance de la cerise des Barbades concentrée dans un comprimé à croquer au goût fruité. Un coup de boost naturel pour affronter vos journées avec énergie, dès 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"acb-section\"\u003e\n \u003ch2\u003eL'acérola, la petite cerise aux grands pouvoirs\u003c\/h2\u003e\n \u003cp class=\"acb-section-intro\"\u003eOriginaire d'Amérique du Sud, l'\u003cstrong\u003eacérola\u003c\/strong\u003e (Malpighia punicifolia), aussi appelée \u003cstrong\u003ecerise des Barbades\u003c\/strong\u003e, est l'un des fruits les plus riches en \u003cstrong\u003evitamine C naturelle\u003c\/strong\u003e au monde.\u003c\/p\u003e\n \u003cdiv class=\"acb-highlight-box\"\u003e\n \u003cdiv class=\"acb-highlight-number\"\u003e30×\u003c\/div\u003e\n \u003cdiv class=\"acb-highlight-text\"\u003e\n \u003cstrong\u003eplus de vitamine C que l'orange\u003c\/strong\u003e\n \u003cp\u003eC'est précisément pourquoi l'association vitamine C et acérola est plébiscitée par celles et ceux qui recherchent une alternative naturelle à la vitamine C synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acb-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'acérola 500 Bio\u003c\/h2\u003e\n \u003cp class=\"acb-section-intro\"\u003eGrâce à sa vitamine C 100 % d'origine naturelle, l'Acérola 500 Bio Superdiet vous apporte plusieurs bénéfices validés scientifiquement.\u003c\/p\u003e\n \u003cdiv class=\"acb-grid\"\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eAgit sur la fatigue passagère et physique pour retrouver énergie et vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n \u003cp\u003eContribue au fonctionnement normal du système immunitaire, idéal aux changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e✨ Formation du collagène\u003c\/h3\u003e\n \u003cp\u003eParticipe à la formation normale du collagène pour la peau, les vaisseaux sanguins et les cartilages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🌟 Antioxydant naturel\u003c\/h3\u003e\n \u003cp\u003eProtège les cellules contre le stress oxydatif grâce à sa richesse en vitamine C naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🩸 Absorption du fer\u003c\/h3\u003e\n \u003cp\u003eAméliore l'assimilation du fer d'origine végétale, un atout clé pour les régimes végétariens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🎯 Vitalité ciblée\u003c\/h3\u003e\n \u003cp\u003eParfait en période d'examens, pour les sportifs ou lors d'un besoin ponctuel de tonus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acb-section\"\u003e\n \u003ch2\u003eComposition : 100 % naturelle et bio\u003c\/h2\u003e\n \u003cp class=\"acb-section-intro\"\u003eChaque comprimé de 850 mg est formulé avec des ingrédients soigneusement sélectionnés, sans colorants, sans conservateurs et sans vitamine C de synthèse.\u003c\/p\u003e\n \u003cdiv class=\"acb-compo\"\u003e\n \u003cdiv class=\"acb-compo-main\"\u003e\n \u003cdiv class=\"acb-compo-dose\"\u003e500 mg\u003c\/div\u003e\n \u003cdiv class=\"acb-compo-name\"\u003eExtrait concentré d'acérola\u003c\/div\u003e\n \u003cdiv class=\"acb-compo-detail\"\u003eMalpighia punicifolia titré à 17 % de vitamine C\u003cbr\u003e\u003cstrong\u003e→ 85 mg de vitamine C (106 % des VNR*)\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-grid-compact\"\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🍒 Poudre d'acérola Bio\u003c\/h3\u003e\n \u003cp\u003ePour un apport complet en vitamine C naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🌾 Sucre de canne Bio\u003c\/h3\u003e\n \u003cp\u003ePour un goût fruité agréable au palais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🍊 Arômes naturels\u003c\/h3\u003e\n \u003cp\u003eOrange et framboise pour un goût délicieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🌱 Agents d'enrobage\u003c\/h3\u003e\n \u003cp\u003eGomme d'acacia et carbonate de magnésium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"acb-disclaimer\"\u003e*Valeurs Nutritionnelles de Référence. Convient aux vegans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acb-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"acb-timeline\"\u003e\n \u003cdiv class=\"acb-timeline-item\"\u003e\n \u003cdiv class=\"acb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"acb-timeline-content\"\u003e\n \u003ch3\u003eCroquez 1 comprimé par jour\u003c\/h3\u003e\n \u003cp\u003eUn seul comprimé suffit pour bénéficier de tous les bienfaits de l'acérola bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-timeline-item\"\u003e\n \u003cdiv class=\"acb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"acb-timeline-content\"\u003e\n \u003ch3\u003eDe préférence le matin\u003c\/h3\u003e\n \u003cp\u003eAu petit-déjeuner pour profiter de son effet tonifiant dès le réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-timeline-item\"\u003e\n \u003cdiv class=\"acb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"acb-timeline-content\"\u003e\n \u003ch3\u003eCure de 24 jours\u003c\/h3\u003e\n \u003cp\u003eLa boîte de 24 comprimés correspond à une cure complète, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-accordion\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdetails class=\"acb-accordion-item\"\u003e\n \u003csummary class=\"acb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"acb-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes et allaitantes. Ne pas dépasser la dose journalière recommandée. À tenir hors de portée des enfants. Ce 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\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acb-section\"\u003e\n \u003ch2\u003eVos interrogations sur la vitamine C acérola\u003c\/h2\u003e\n \u003cdiv class=\"acb-accordion\"\u003e\n \u003cdetails class=\"acb-accordion-item\"\u003e\n \u003csummary class=\"acb-accordion-header\"\u003e🤔 Acérola 500 ou vitamine C 1000 : que choisir ?\u003c\/summary\u003e\n \u003cdiv class=\"acb-accordion-content mt-3\"\u003e\n \u003cp\u003eL'Acérola 500 offre un dosage équilibré parfaitement assimilable au quotidien. Les formules \u003cstrong\u003eacérola 1000 vitamine C\u003c\/strong\u003e sont plutôt réservées à des cures intensives ponctuelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"acb-accordion-item\"\u003e\n \u003csummary class=\"acb-accordion-header\"\u003e💡 Quels sont les effets secondaires de l'acérola ?\u003c\/summary\u003e\n \u003cdiv class=\"acb-accordion-content mt-3\"\u003e\n \u003cp\u003eAux doses recommandées, l'\u003cstrong\u003eacérola vitamine C bio\u003c\/strong\u003e est très bien toléré. Un apport excessif en vitamine C peut toutefois provoquer des troubles digestifs passagers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"acb-accordion-item\"\u003e\n \u003csummary class=\"acb-accordion-header\"\u003e⭐ Avis sur l'acérola vitamine C\u003c\/summary\u003e\n \u003cdiv class=\"acb-accordion-content mt-3\"\u003e\n \u003cp\u003eLes utilisateurs apprécient particulièrement le \u003cstrong\u003egoût fruité naturel\u003c\/strong\u003e du comprimé à croquer et l'\u003cstrong\u003eeffet vitalité ressenti dès les premiers jours\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUne fabrication française et engagée\u003c\/h2\u003e\n \u003cdiv class=\"acb-cta-box\"\u003e\n \u003cp\u003ePionnier de la phytothérapie depuis \u003cstrong\u003e1961\u003c\/strong\u003e, Superdiet élabore ses compléments alimentaires en France, en respectant des procédés qui préservent les actifs naturels. L'acérola est cultivée dans le respect du cahier des charges de l'\u003cstrong\u003eAgriculture Biologique (AB)\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --acb-cream: #fdf8f0;\n --acb-white: #ffffff;\n --acb-primary: #c8102e;\n --acb-primary-dark: #8b0a1f;\n --acb-primary-light: #fce8ec;\n --acb-secondary: #f4a948;\n --acb-accent: #7cb342;\n --acb-text: #1a1a1a;\n --acb-text-light: #5a5a5a;\n --acb-border: #e8dfd0;\n --acb-shadow: 0 4px 24px rgba(139,10,31,.08);\n --acb-shadow-lg: 0 12px 48px rgba(139,10,31,.15);\n --acb-radius: 20px;\n --acb-radius-sm: 12px;\n}\n\n.acb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--acb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--acb-text);\n line-height: 1.6;\n}\n\n.acb-hero {\n position: relative;\n background: linear-gradient(135deg, #c8102e 0%, #e8422f 50%, #f4a948 100%);\n border-radius: var(--acb-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(--acb-shadow-lg);\n}\n\n.acb-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: .4;\n}\n\n.acb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.acb-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.acb-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.acb-description {\n color: white;\n font-size: clamp(14px, 2vw, 16px);\n max-width: 640px;\n margin: 0 auto;\n opacity: .92;\n line-height: 1.7;\n}\n\n.acb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.acb-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(--acb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.acb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.acb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.acb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--acb-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.acb-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(--acb-primary), var(--acb-secondary));\n border-radius: 2px;\n}\n\n.acb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--acb-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.acb-card {\n background: var(--acb-white);\n border-radius: var(--acb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--acb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.acb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--acb-shadow-lg);\n border-color: var(--acb-primary);\n}\n\n.acb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--acb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.acb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--acb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.acb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.acb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.25rem;\n}\n\n.acb-grid-compact .acb-card {\n padding: 1rem;\n}\n\n.acb-grid-compact .acb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.acb-grid-compact .acb-card p {\n font-size: 12px;\n}\n\n.acb-highlight-box {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: var(--acb-white);\n border-radius: var(--acb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--acb-shadow);\n border-left: 6px solid var(--acb-primary);\n}\n\n.acb-highlight-number {\n font-size: clamp(48px, 10vw, 80px);\n font-weight: 900;\n background: linear-gradient(135deg, var(--acb-primary), var(--acb-secondary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n flex-shrink: 0;\n letter-spacing: -.04em;\n}\n\n.acb-highlight-text {\n flex: 1;\n}\n\n.acb-highlight-text strong {\n display: block;\n font-size: clamp(16px, 2.5vw, 20px);\n color: var(--acb-primary-dark);\n margin-bottom: .5rem;\n font-weight: 800;\n}\n\n.acb-highlight-text p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--acb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.acb-compo {\n background: var(--acb-white);\n border-radius: var(--acb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--acb-shadow);\n}\n\n.acb-compo-main {\n text-align: center;\n padding: 1.5rem;\n background: linear-gradient(135deg, var(--acb-primary-light), #fff5e6);\n border-radius: var(--acb-radius-sm);\n margin-bottom: 1.25rem;\n border: 2px dashed var(--acb-primary);\n}\n\n.acb-compo-dose {\n font-size: clamp(36px, 7vw, 52px);\n font-weight: 900;\n color: var(--acb-primary);\n line-height: 1;\n letter-spacing: -.03em;\n}\n\n.acb-compo-name {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--acb-primary-dark);\n margin: .5rem 0;\n}\n\n.acb-compo-detail {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--acb-text-light);\n line-height: 1.6;\n}\n\n.acb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.acb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.acb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--acb-primary), var(--acb-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(200,16,46,.25);\n}\n\n.acb-timeline-content {\n flex: 1;\n background: var(--acb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--acb-radius-sm);\n box-shadow: var(--acb-shadow);\n}\n\n.acb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--acb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.acb-timeline-content p {\n font-size: 14px;\n color: var(--acb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.acb-accordion {\n background: var(--acb-white);\n border-radius: var(--acb-radius);\n box-shadow: var(--acb-shadow);\n overflow: hidden;\n}\n\n.acb-accordion-item {\n border-bottom: 1px solid var(--acb-border);\n margin: 0;\n padding: 0;\n}\n\n.acb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.acb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--acb-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.acb-accordion-header:hover {\n background: var(--acb-primary-light);\n}\n\n.acb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.acb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--acb-primary);\n transition: transform .2s ease;\n}\n\n.acb-accordion-item[open] .acb-accordion-header::after {\n content: '−';\n}\n\n.acb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--acb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.acb-accordion-content p {\n margin: 0;\n}\n\n.acb-cta-box {\n background: linear-gradient(135deg, var(--acb-primary) 0%, var(--acb-primary-dark) 100%);\n border-radius: var(--acb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--acb-shadow-lg);\n}\n\n.acb-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.acb-disclaimer {\n font-size: 12px;\n color: var(--acb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .acb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .acb-card {\n padding: 1.125rem;\n }\n .acb-section {\n margin-bottom: 1.75rem;\n }\n .acb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--acb-radius-sm);\n }\n .acb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .acb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .acb-grid-compact {\n gap: .625rem;\n }\n .acb-grid-compact .acb-card {\n padding: .75rem;\n }\n .acb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .acb-timeline-content {\n padding: .875rem 1rem;\n }\n .acb-timeline-content h3 {\n font-size: 14px;\n }\n .acb-timeline-content p {\n font-size: 13px;\n }\n .acb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .acb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .acb-highlight-box {\n flex-direction: column;\n text-align: center;\n gap: .5rem;\n padding: 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .acb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .acb-card:nth-child(1) { animation-delay: .05s; }\n .acb-card:nth-child(2) { animation-delay: .1s; }\n .acb-card:nth-child(3) { animation-delay: .15s; }\n .acb-card:nth-child(4) { animation-delay: .2s; }\n .acb-card:nth-child(5) { animation-delay: .25s; }\n .acb-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 .acb-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":45754706690205,"sku":"NBAISUP0002","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/acerola-500-bio-24-comprimes-a-croquer-superdiet-packshothd.webp?v=1776437357"},{"product_id":"charbon-vegetal-150-gelules-superdiet","title":"Charbon Végétal Activé - 150 Gélules - Superdiet","description":"\u003cdiv class=\"cv-premium\"\u003e\n \u003cdiv class=\"cv-hero\"\u003e\n \u003cdiv class=\"cv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cv-hero-content\"\u003e\n \u003cdiv class=\"cv-badges-top\"\u003e\n \u003cspan class=\"cv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cv-badge\"\u003e🌱 100% Végétal\u003c\/span\u003e\n \u003cspan class=\"cv-badge\"\u003e♻️ Flacon recyclé\u003c\/span\u003e\n \u003cspan class=\"cv-badge\"\u003e📆 Cure 25 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cv-hero-title\"\u003eCharbon Végétal Activé\u003c\/span\u003e\n \u003cp class=\"cv-subtitle\"\u003e150 gélules • Superdiet\u003c\/p\u003e\n \u003cp class=\"cv-description\"\u003eVentre léger, digestion apaisée. Le charbon végétal activé issu de coques de noix de coco aide à diminuer les ballonnements et facilite le confort digestif au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cv-section\"\u003e\n \u003ch2\u003eQu'est-ce que le charbon végétal activé ?\u003c\/h2\u003e\n \u003cp class=\"cv-section-intro\"\u003eUn actif naturel à la porosité exceptionnelle, véritable éponge à gaz pour votre système digestif.\u003c\/p\u003e\n \u003cdiv class=\"cv-grid-compact\"\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🥥 Origine naturelle\u003c\/h3\u003e\n \u003cp\u003eObtenu par carbonisation de coques de noix de coco, une matière première noble et renouvelable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🔥 Activation vapeur\u003c\/h3\u003e\n \u003cp\u003eUne activation à très haute température à la vapeur d'eau qui décuple sa porosité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🧽 Surface XXL\u003c\/h3\u003e\n \u003cp\u003e1 gramme développe une surface d'adsorption équivalente à plusieurs centaines de m².\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🎯 Action ciblée\u003c\/h3\u003e\n \u003cp\u003eAgit comme un filtre au sein du tube digestif pour capter gaz et substances indésirables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cv-section\"\u003e\n \u003ch2\u003eLes bienfaits du charbon activé\u003c\/h2\u003e\n \u003cp class=\"cv-section-intro\"\u003eUtilisé depuis l'Antiquité, le charbon activé végétal est aujourd'hui plébiscité pour son action ciblée sur la sphère digestive.\u003c\/p\u003e\n \u003cdiv class=\"cv-grid\"\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e💨 Anti-ballonnements\u003c\/h3\u003e\n \u003cp\u003eRéduction des ballonnements et de la sensation de ventre gonflé après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🌬️ Moins de gaz\u003c\/h3\u003e\n \u003cp\u003eDiminution des flatulences et de l'aérophagie grâce à son pouvoir d'adsorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e✨ Confort digestif\u003c\/h3\u003e\n \u003cp\u003eSoutien d'un confort digestif durable au quotidien, même après les repas copieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🍽️ Digestion facilitée\u003c\/h3\u003e\n \u003cp\u003eAide à neutraliser les désagréments liés à une digestion difficile ou lente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🧬 Microporeux\u003c\/h3\u003e\n \u003cp\u003eSa structure microporeuse fixe les gaz excédentaires présents dans l'intestin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🚫 Non assimilé\u003c\/h3\u003e\n \u003cp\u003eN'est pas absorbé par l'organisme et s'élimine naturellement par les voies naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\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\u003e💊 Posologie\u003c\/h3\u003e\n \u003cp\u003e6 gélules par jour, à répartir au moment des repas avec un grand verre d'eau.\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\u003e📅 Durée de la cure\u003c\/h3\u003e\n \u003cp\u003eSuivez la prise quotidienne pendant 25 jours pour une efficacité optimale.\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\u003e🍴 En cas d'inconfort ponctuel\u003c\/h3\u003e\n \u003cp\u003eRépartissez vos gélules après les 3 repas principaux (repas copieux, digestion lente).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-timeline-item\"\u003e\n \u003cdiv class=\"cv-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cv-timeline-content\"\u003e\n \u003ch3\u003e⏱️ Espacer des médicaments\u003c\/h3\u003e\n \u003cp\u003eLe charbon peut réduire l'absorption de certains médicaments : espacez de 2h minimum.\u003c\/p\u003e\n \u003c\/div\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\u003eDemandez l'avis d'un professionnel de santé en cas de traitement en cours. Ce complément ne remplace pas une alimentation variée, un mode de vie équilibré, ni un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cv-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"cv-section-intro\"\u003ePour 6 gélules (dose journalière) — une formule épurée et transparente.\u003c\/p\u003e\n \u003cdiv class=\"cv-grid-compact\"\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e⚫ Charbon végétal activé\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1620 mg\u003c\/strong\u003e (270 mg\/gélule), issu de coques de noix de coco.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🐟 Enveloppe\u003c\/h3\u003e\n \u003cp\u003eGélule en gélatine de poisson, alternative au porc et au bœuf.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🧂 Anti-agglomérant\u003c\/h3\u003e\n \u003cp\u003eTalc, utilisé pour assurer l'homogénéité de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans colorant, sans conservateur, sans arôme artificiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cv-section\"\u003e\n \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n \u003cdiv class=\"cv-grid-compact\"\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué dans le laboratoire Superdiet, expert reconnu depuis plus de 60 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🌿 Origine naturelle\u003c\/h3\u003e\n \u003cp\u003eSpécialiste des compléments alimentaires d'origine naturelle depuis 1961.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e♻️ Flacon éco-conçu\u003c\/h3\u003e\n \u003cp\u003eVerre teinté en matière recyclée et recyclable pour une démarche écoresponsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🛡️ Conservation optimale\u003c\/h3\u003e\n \u003cp\u003eLe verre teinté protège les principes actifs de la lumière pour une efficacité préservée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cv-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"cv-accordion\"\u003e\n \u003cdetails class=\"cv-accordion-item\"\u003e\n \u003csummary class=\"cv-accordion-header\"\u003e⏳ Combien de temps dure une cure ?\u003c\/summary\u003e\n \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n \u003cp\u003eUn flacon de 150 gélules couvre 25 jours à raison de 6 gélules par jour. Une cure de 3 semaines est généralement conseillée en cas de ballonnements récurrents.\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📆 Peut-on prendre le charbon actif tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n \u003cp\u003eIl est préférable de l'utiliser en cure, plutôt qu'en continu, pour préserver l'assimilation des nutriments issus de l'alimentation.\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⭐ Avis sur le charbon végétal activé Superdiet\u003c\/summary\u003e\n \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n \u003cp\u003eApprécié pour sa tolérance digestive, son format pratique en gélules et sa fabrication française de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cv-cta-box\"\u003e\n \u003cp\u003eRetrouvez un ventre léger et un confort digestif au quotidien grâce au pouvoir naturel du charbon végétal activé Superdiet. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cv-disclaimer\"\u003eComplément alimentaire. À consommer dans le cadre d'une alimentation variée et d'un mode de vie sain. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --cv-cream: #f8f4f0;\n --cv-white: #ffffff;\n --cv-primary: #6b2c5f;\n --cv-primary-dark: #4a1d42;\n --cv-primary-light: #f0e6ee;\n --cv-secondary: #c0392b;\n --cv-accent: #2d5016;\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 color: var(--cv-text);\n }\n\n .cv-hero {\n position: relative;\n background: linear-gradient(135deg, #2d1a2a 0%, var(--cv-primary-dark) 50%, var(--cv-primary) 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% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(192,57,43,.2) 0%, transparent 50%);\n opacity: .6;\n }\n\n .cv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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,.3);\n }\n\n .cv-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n }\n\n .cv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\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,.15);\n transition: all .3s ease;\n }\n\n .cv-badge:hover {\n transform: translateY(-2px) scale(1.05);\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: 680px;\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 box-shadow: 0 4px 12px rgba(107,44,95,.3);\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-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 gap: 1rem;\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 flex-shrink: 0;\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-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 border-left: 4px solid var(--cv-secondary);\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-cta-box {\n background: linear-gradient(135deg, var(--cv-primary) 0%, var(--cv-primary-dark) 100%);\n border-radius: var(--cv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cv-shadow-lg);\n }\n\n .cv-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n }\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\n @media (prefers-reduced-motion: no-preference) {\n .cv-card {\n animation: fadeInUp .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 fadeInUp {\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":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754708492445,"sku":"NBAISUP0034","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/charbon-vegetal-active-150-gelules-superdiet-packshothd.webp?v=1776436636"},{"product_id":"vigne-rouge-bio-coffret-20-ampoules-de-15-ml-superdiet","title":"Vigne Rouge Bio - Coffret 20 Ampoules de 15ml - Superdiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vigne Rouge Bio - Superdiet\nPalette détectée:\n - Primaire: #D91E3C (rouge vigne intense du logo et de l'ampoule)\n - Secondaire: #7CB342 (vert bio\/nature des feuilles)\n - Accent: #C62828 (rouge automnal des feuilles de vigne)\n - Neutre: #FFF8F0 (crème chaleureux)\nAmbiance: Bio\/Naturel\/Santé - packaging avec feuilles vertes tropicales, feuilles de vigne rouge automnales, ambiance wellness naturelle, certifications bio (AB), fabrication française. Univers chaleureux et rassurant axé sur la nature et la phytothérapie.\nPréfixe CSS: vr\n--\u003e\n\n\u003cdiv class=\"vr-premium\"\u003e\n \u003cdiv class=\"vr-hero\"\u003e\n \u003cdiv class=\"vr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vr-hero-content\"\u003e\n \u003cdiv class=\"vr-badges-top\"\u003e\n \u003cspan class=\"vr-badge\"\u003e🌿 100% Bio certifié\u003c\/span\u003e\n \u003cspan class=\"vr-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"vr-badge\"\u003e🍃 Sans additifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"vr-hero-title\"\u003eVigne Rouge Bio\u003c\/span\u003e\n \u003cp class=\"vr-subtitle\"\u003eVotre allié naturel pour une circulation légère\u003c\/p\u003e\n \u003cp class=\"vr-description\"\u003e20 ampoules concentrées en extraits purs de Vigne Rouge, la plante traditionnellement reconnue pour soutenir la circulation veineuse et apaiser les jambes lourdes. Une formule 100% naturelle, sans alcool ni conservateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003ch2\u003e🌟 Pourquoi choisir notre Vigne Rouge Bio ?\u003c\/h2\u003e\n \u003cdiv class=\"vr-grid\"\u003e\n \u003cdiv class=\"vr-card\"\u003e\n \u003cdiv class=\"vr-card-icon\"\u003e🦵\u003c\/div\u003e\n \u003ch3 class=\"vr-card-title\"\u003eCirculation optimale\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003eAide à maintenir une bonne circulation dans les jambes et renforce naturellement les parois veineuses pour un confort quotidien retrouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-card\"\u003e\n \u003cdiv class=\"vr-card-icon\"\u003e💚\u003c\/div\u003e\n \u003ch3 class=\"vr-card-title\"\u003eJambes légères\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003eDiminue efficacement la sensation de jambes lourdes, engourdies et fatiguées, particulièrement en fin de journée ou lors des fortes chaleurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-card\"\u003e\n \u003cdiv class=\"vr-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3 class=\"vr-card-title\"\u003ePureté garantie\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003eExtraits végétaux obtenus sans solvant chimique, préservant l'intégrité des actifs naturels. Formule clean sans conservateurs ni colorants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-card\"\u003e\n \u003cdiv class=\"vr-card-icon\"\u003e🍇\u003c\/div\u003e\n \u003ch3 class=\"vr-card-title\"\u003eDosage concentré\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003e375 mg d'extrait pur de Vigne Rouge par ampoule, une concentration élevée pour une efficacité maximale dès la première cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-card\"\u003e\n \u003cdiv class=\"vr-card-icon\"\u003e🌾\u003c\/div\u003e\n \u003ch3 class=\"vr-card-title\"\u003eAgriculture bio\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003ePlants cultivés sans produits chimiques de synthèse, dans le respect du cycle naturel et des certifications biologiques strictes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-card\"\u003e\n \u003cdiv class=\"vr-card-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch3 class=\"vr-card-title\"\u003eMade in France\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003eFabriqué en France avec des exigences qualité rigoureuses, traçabilité totale et savoir-faire reconnu en phytothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003ch2\u003e🔬 Composition ultra-pure\u003c\/h2\u003e\n \u003cdiv class=\"vr-composition-box\"\u003e\n \u003cdiv class=\"vr-composition-grid\"\u003e\n \u003cdiv class=\"vr-ingredient-card\"\u003e\n \u003cdiv class=\"vr-ingredient-icon\"\u003e🍇\u003c\/div\u003e\n \u003cdiv class=\"vr-ingredient-content\"\u003e\n \u003ch3 class=\"vr-ingredient-name\"\u003eVigne Rouge Bio\u003c\/h3\u003e\n \u003cp class=\"vr-ingredient-latin\"\u003eVitis vinifera\u003c\/p\u003e\n \u003cdiv class=\"vr-ingredient-dosage\"\u003e\n \u003cspan class=\"vr-dosage-number\"\u003e375 mg\u003c\/span\u003e\n \u003cspan class=\"vr-dosage-unit\"\u003epar ampoule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"vr-ingredient-desc\"\u003eExtrait fluide concentré, obtenu par extraction douce sans solvant chimique pour préserver tous les actifs naturels de la plante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-purity-badges\"\u003e\n \u003cdiv class=\"vr-purity-item\"\u003e\n \u003cspan class=\"vr-purity-icon\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"vr-purity-text\"\u003eSans alcool\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-purity-item\"\u003e\n \u003cspan class=\"vr-purity-icon\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"vr-purity-text\"\u003eSans conservateur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-purity-item\"\u003e\n \u003cspan class=\"vr-purity-icon\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"vr-purity-text\"\u003eSans colorant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-purity-item\"\u003e\n \u003cspan class=\"vr-purity-icon\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"vr-purity-text\"\u003eSans additif synthétique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi simplifié\u003c\/h2\u003e\n \u003cdiv class=\"vr-usage-timeline\"\u003e\n \u003cdiv class=\"vr-step\"\u003e\n \u003cdiv class=\"vr-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"vr-step-content\"\u003e\n \u003ch3 class=\"vr-step-title\"\u003eUne ampoule par jour\u003c\/h3\u003e\n \u003cp class=\"vr-step-text\"\u003ePrendre \u003cstrong\u003e1 ampoule de 15 ml\u003c\/strong\u003e chaque matin, de préférence à jeun pour une absorption optimale des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-step\"\u003e\n \u003cdiv class=\"vr-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"vr-step-content\"\u003e\n \u003ch3 class=\"vr-step-title\"\u003eDiluer dans un demi-verre d'eau\u003c\/h3\u003e\n \u003cp class=\"vr-step-text\"\u003eL'ampoule est prête à l'emploi : cassez les extrémités, versez dans un demi-verre d'eau (environ 100 ml) et mélangez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-step\"\u003e\n \u003cdiv class=\"vr-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"vr-step-content\"\u003e\n \u003ch3 class=\"vr-step-title\"\u003eCure de 20 jours\u003c\/h3\u003e\n \u003cp class=\"vr-step-text\"\u003eProgramme complet avec ce coffret. Renouvelez idéalement aux \u003cstrong\u003echangements de saison\u003c\/strong\u003e (printemps et automne).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003ch2\u003e⏱️ Résultats attendus\u003c\/h2\u003e\n \u003cdiv class=\"vr-results-grid\"\u003e\n \u003cdiv class=\"vr-result-card\"\u003e\n \u003cdiv class=\"vr-result-timeline\"\u003eDès les premiers jours\u003c\/div\u003e\n \u003cp class=\"vr-result-text\"\u003eSensation de légèreté progressive dans les jambes, amélioration du confort en fin de journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-result-card\"\u003e\n \u003cdiv class=\"vr-result-timeline\"\u003eAprès 10-15 jours\u003c\/div\u003e\n \u003cp class=\"vr-result-text\"\u003eDiminution notable des sensations de jambes lourdes et engourdies, meilleure circulation veineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-result-card\"\u003e\n \u003cdiv class=\"vr-result-timeline\"\u003eAprès 20 jours\u003c\/div\u003e\n \u003cp class=\"vr-result-text\"\u003eBénéfices optimaux : jambes légères, parois veineuses renforcées, confort durable même en période chaude.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-result-card\"\u003e\n \u003cdiv class=\"vr-result-timeline\"\u003eSur le long terme\u003c\/div\u003e\n \u003cp class=\"vr-result-text\"\u003eAvec des cures régulières (2 fois par an), maintien d'une bonne santé veineuse et prévention des inconforts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"vr-grid\"\u003e\n \u003cdiv class=\"vr-profile-card\"\u003e\n \u003cdiv class=\"vr-profile-icon\"\u003e👩‍💼\u003c\/div\u003e\n \u003ch3 class=\"vr-profile-title\"\u003eActivité prolongée debout\u003c\/h3\u003e\n \u003cp class=\"vr-profile-text\"\u003eCommerçants, infirmières, coiffeurs, enseignants... toute personne restant debout de longues heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-profile-card\"\u003e\n \u003cdiv class=\"vr-profile-icon\"\u003e🪑\u003c\/div\u003e\n \u003ch3 class=\"vr-profile-title\"\u003ePosition assise prolongée\u003c\/h3\u003e\n \u003cp class=\"vr-profile-text\"\u003eEmployés de bureau, chauffeurs, voyageurs fréquents qui sollicitent peu leur circulation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-profile-card\"\u003e\n \u003cdiv class=\"vr-profile-icon\"\u003e🌡️\u003c\/div\u003e\n \u003ch3 class=\"vr-profile-title\"\u003eSensibilité à la chaleur\u003c\/h3\u003e\n \u003cp class=\"vr-profile-text\"\u003ePersonnes dont les jambes gonflent et deviennent lourdes lors des périodes chaudes ou en été.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-profile-card\"\u003e\n \u003cdiv class=\"vr-profile-icon\"\u003e🧬\u003c\/div\u003e\n \u003ch3 class=\"vr-profile-title\"\u003eTerrain familial\u003c\/h3\u003e\n \u003cp class=\"vr-profile-text\"\u003ePersonnes ayant des antécédents familiaux de troubles circulatoires et souhaitant prévenir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-profile-card\"\u003e\n \u003cdiv class=\"vr-profile-icon\"\u003e🤰\u003c\/div\u003e\n \u003ch3 class=\"vr-profile-title\"\u003eChangements hormonaux\u003c\/h3\u003e\n \u003cp class=\"vr-profile-text\"\u003eFemmes enceintes (sur avis médical) ou en période de ménopause connaissant des variations circulatoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-profile-card\"\u003e\n \u003cdiv class=\"vr-profile-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3 class=\"vr-profile-title\"\u003eAdeptes du naturel\u003c\/h3\u003e\n \u003cp class=\"vr-profile-text\"\u003eToute personne recherchant une solution 100% bio et naturelle pour prendre soin de sa circulation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"vr-warning-box\"\u003e\n \u003cdiv class=\"vr-warning-grid\"\u003e\n \u003cdiv class=\"vr-warning-item\"\u003e\n \u003cspan class=\"vr-warning-icon\"\u003e⚕️\u003c\/span\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-warning-item\"\u003e\n \u003cspan class=\"vr-warning-icon\"\u003e📏\u003c\/span\u003e\n \u003cp\u003eRespecter la dose journalière recommandée (1 ampoule par jour). Ne pas dépasser sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-warning-item\"\u003e\n \u003cspan class=\"vr-warning-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. Déconseillé aux femmes enceintes et allaitantes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-warning-item\"\u003e\n \u003cspan class=\"vr-warning-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"vr-grid\"\u003e\n \u003cdiv class=\"vr-info-card\"\u003e\n \u003cdiv class=\"vr-info-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3 class=\"vr-info-title\"\u003eContenance\u003c\/h3\u003e\n \u003cp class=\"vr-info-value\"\u003e20 ampoules × 15 ml\u003c\/p\u003e\n \u003cp class=\"vr-info-detail\"\u003eSoit 300 ml au total\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-info-card\"\u003e\n \u003cdiv class=\"vr-info-icon\"\u003e📅\u003c\/div\u003e\n \u003ch3 class=\"vr-info-title\"\u003eDurée d'utilisation\u003c\/h3\u003e\n \u003cp class=\"vr-info-value\"\u003e20 jours\u003c\/p\u003e\n \u003cp class=\"vr-info-detail\"\u003eProgramme complet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-info-card\"\u003e\n \u003cdiv class=\"vr-info-icon\"\u003e🍃\u003c\/div\u003e\n \u003ch3 class=\"vr-info-title\"\u003eCertification\u003c\/h3\u003e\n \u003cp class=\"vr-info-value\"\u003eAB Agriculture Biologique\u003c\/p\u003e\n \u003cp class=\"vr-info-detail\"\u003eLabel Eurofeuille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-info-card\"\u003e\n \u003cdiv class=\"vr-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch3 class=\"vr-info-title\"\u003eOrigine\u003c\/h3\u003e\n \u003cp class=\"vr-info-value\"\u003eFabriqué en France\u003c\/p\u003e\n \u003cp class=\"vr-info-detail\"\u003eMarque Superdiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-info-card\"\u003e\n \u003cdiv class=\"vr-info-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3 class=\"vr-info-title\"\u003eExtraction\u003c\/h3\u003e\n \u003cp class=\"vr-info-value\"\u003eSans solvant chimique\u003c\/p\u003e\n \u003cp class=\"vr-info-detail\"\u003eProcess naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-info-card\"\u003e\n \u003cdiv class=\"vr-info-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3 class=\"vr-info-title\"\u003eComposition\u003c\/h3\u003e\n \u003cp class=\"vr-info-value\"\u003e100% plantes\u003c\/p\u003e\n \u003cp class=\"vr-info-detail\"\u003eAucun additif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"vr-cta-box\"\u003e\n \u003cdiv class=\"vr-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vr-cta-content\"\u003e\n \u003cp class=\"vr-cta-title\"\u003e🌿 Retrouvez la légèreté dans vos jambes naturellement\u003c\/p\u003e\n \u003cp\u003eAvec notre Vigne Rouge Bio, offrez-vous une cure complète de 20 jours pour soutenir votre circulation et dire adieu aux jambes lourdes. Une formule 100% naturelle, certifiée bio et fabriquée en France, sans aucun compromis sur la qualité. Parce que votre bien-être mérite ce qu'il y a de plus pur dans la nature.\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 --vr-cream: #FFF8F0;\n --vr-white: #ffffff;\n --vr-primary: #D91E3C;\n --vr-primary-dark: #B01830;\n --vr-primary-light: #FFE8EC;\n --vr-secondary: #7CB342;\n --vr-accent: #C62828;\n --vr-text: #1a1a1a;\n --vr-text-light: #5a5a5a;\n --vr-border: #e0e0e0;\n --vr-shadow: 0 4px 24px rgba(217, 30, 60, .08);\n --vr-shadow-lg: 0 12px 48px rgba(217, 30, 60, .15);\n --vr-radius: 20px;\n --vr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--vr-text);\n}\n\n\/* === HERO === *\/\n.vr-hero {\n position: relative;\n background: linear-gradient(135deg, var(--vr-primary) 0%, var(--vr-accent) 50%, var(--vr-secondary) 100%);\n border-radius: var(--vr-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(--vr-shadow-lg);\n}\n\n.vr-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% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.05) 20px, rgba(255,255,255,.05) 40px);\n}\n\n.vr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.vr-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.vr-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(--vr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0,0,0,.15);\n}\n\n.vr-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.vr-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.vr-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n font-weight: 400;\n}\n\n\/* === SECTIONS === *\/\n.vr-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.vr-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--vr-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.vr-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(--vr-primary), var(--vr-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.vr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.vr-card {\n background: var(--vr-white);\n border-radius: var(--vr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--vr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vr-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--vr-shadow-lg);\n border-color: var(--vr-primary);\n}\n\n.vr-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(217, 30, 60, .15));\n}\n\n.vr-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--vr-primary-dark);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n}\n\n.vr-card-text {\n font-size: 15px;\n color: var(--vr-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.vr-composition-box {\n background: var(--vr-white);\n border-radius: var(--vr-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--vr-shadow-lg);\n}\n\n.vr-composition-grid {\n display: grid;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.vr-ingredient-card {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n padding: 1.5rem;\n background: linear-gradient(135deg, var(--vr-primary-light) 0%, rgba(124, 179, 66, .1) 100%);\n border-radius: var(--vr-radius-sm);\n border: 2px solid var(--vr-border);\n}\n\n.vr-ingredient-icon {\n font-size: 56px;\n flex-shrink: 0;\n filter: drop-shadow(0 4px 12px rgba(217, 30, 60, .2));\n}\n\n.vr-ingredient-content {\n flex: 1;\n}\n\n.vr-ingredient-name {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 800;\n color: var(--vr-primary-dark);\n margin: 0 0 0.25rem 0;\n letter-spacing: -.02em;\n}\n\n.vr-ingredient-latin {\n font-size: 14px;\n font-style: italic;\n color: var(--vr-text-light);\n margin: 0 0 1rem 0;\n}\n\n.vr-ingredient-dosage {\n display: flex;\n align-items: baseline;\n gap: 8px;\n margin-bottom: 1rem;\n}\n\n.vr-dosage-number {\n font-size: clamp(28px, 4vw, 36px);\n font-weight: 900;\n color: var(--vr-primary);\n letter-spacing: -.03em;\n}\n\n.vr-dosage-unit {\n font-size: 14px;\n font-weight: 600;\n color: var(--vr-text-light);\n}\n\n.vr-ingredient-desc {\n font-size: 15px;\n color: var(--vr-text);\n line-height: 1.7;\n margin: 0;\n}\n\n.vr-purity-badges {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.vr-purity-item {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 12px 16px;\n background: var(--vr-primary-light);\n border-radius: var(--vr-radius-sm);\n}\n\n.vr-purity-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 28px;\n height: 28px;\n background: var(--vr-primary);\n color: white;\n border-radius: 50%;\n font-weight: 900;\n font-size: 16px;\n flex-shrink: 0;\n}\n\n.vr-purity-text {\n font-size: 15px;\n font-weight: 700;\n color: var(--vr-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.vr-usage-timeline {\n display: grid;\n gap: 2rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.vr-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.vr-step-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--vr-primary), var(--vr-accent));\n color: white;\n border-radius: 50%;\n font-size: 24px;\n font-weight: 900;\n flex-shrink: 0;\n box-shadow: 0 4px 16px rgba(217, 30, 60, .3);\n}\n\n.vr-step-content {\n flex: 1;\n background: var(--vr-white);\n padding: 1.5rem;\n border-radius: var(--vr-radius-sm);\n box-shadow: var(--vr-shadow);\n}\n\n.vr-step-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--vr-primary-dark);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n}\n\n.vr-step-text {\n font-size: 15px;\n color: var(--vr-text);\n line-height: 1.7;\n margin: 0;\n}\n\n.vr-step-text strong {\n color: var(--vr-primary);\n font-weight: 700;\n}\n\n\/* === RÉSULTATS === *\/\n.vr-results-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.vr-result-card {\n background: var(--vr-white);\n border-radius: var(--vr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--vr-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.vr-result-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--vr-shadow-lg);\n border-color: var(--vr-secondary);\n}\n\n.vr-result-timeline {\n display: inline-block;\n padding: 8px 16px;\n background: linear-gradient(135deg, var(--vr-primary), var(--vr-secondary));\n color: white;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 800;\n margin-bottom: 1rem;\n letter-spacing: -.01em;\n}\n\n.vr-result-text {\n font-size: 15px;\n color: var(--vr-text);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === PROFILS === *\/\n.vr-profile-card {\n background: var(--vr-white);\n border-radius: var(--vr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--vr-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.vr-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--vr-shadow-lg);\n border-color: var(--vr-primary);\n}\n\n.vr-profile-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(217, 30, 60, .15));\n}\n\n.vr-profile-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--vr-primary-dark);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n}\n\n.vr-profile-text {\n font-size: 14px;\n color: var(--vr-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.vr-warning-box {\n background: linear-gradient(135deg, #FFF3CD 0%, #FFE8B3 100%);\n border-radius: var(--vr-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 3px solid #FFD700;\n box-shadow: var(--vr-shadow-lg);\n}\n\n.vr-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.vr-warning-item {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n}\n\n.vr-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.vr-warning-item p {\n font-size: 14px;\n color: #856404;\n line-height: 1.6;\n margin: 0;\n font-weight: 600;\n}\n\n\/* === INFO CARDS === *\/\n.vr-info-card {\n background: var(--vr-white);\n border-radius: var(--vr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--vr-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.vr-info-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--vr-shadow-lg);\n border-color: var(--vr-secondary);\n}\n\n.vr-info-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(124, 179, 66, .2));\n}\n\n.vr-info-title {\n font-size: 16px;\n font-weight: 800;\n color: var(--vr-primary-dark);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.01em;\n}\n\n.vr-info-value {\n font-size: clamp(18px, 2.5vw, 24px);\n font-weight: 900;\n color: var(--vr-primary);\n margin: 0 0 0.25rem 0;\n letter-spacing: -.02em;\n}\n\n.vr-info-detail {\n font-size: 13px;\n color: var(--vr-text-light);\n margin: 0;\n font-weight: 600;\n}\n\n\/* === CTA FINAL === *\/\n.vr-cta-box {\n background: linear-gradient(135deg, var(--vr-primary) 0%, var(--vr-accent) 50%, var(--vr-primary-dark) 100%);\n border-radius: var(--vr-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--vr-shadow-lg);\n}\n\n.vr-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 50%),\n radial-gradient(circle at 70% 60%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.vr-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.vr-cta-title {\n color: white;\n font-size: clamp(22px, 4vw, 32px);\n font-weight: 900;\n margin: 0 0 1.5rem 0;\n letter-spacing: -.03em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vr-cta-box p:not(.vr-cta-title) {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.8;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n max-width: 900px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .vr-grid,\n .vr-results-grid,\n .vr-warning-grid,\n .vr-purity-badges {\n grid-template-columns: 1fr;\n }\n\n .vr-ingredient-card {\n flex-direction: column;\n text-align: center;\n }\n\n .vr-ingredient-dosage {\n justify-content: center;\n }\n\n .vr-step {\n flex-direction: column;\n text-align: center;\n }\n\n .vr-step-number {\n margin: 0 auto;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vr-card,\n .vr-result-card,\n .vr-profile-card,\n .vr-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n\n .vr-card:nth-child(1),\n .vr-result-card:nth-child(1),\n .vr-profile-card:nth-child(1),\n .vr-info-card:nth-child(1) { animation-delay: .1s; }\n \n .vr-card:nth-child(2),\n .vr-result-card:nth-child(2),\n .vr-profile-card:nth-child(2),\n .vr-info-card:nth-child(2) { animation-delay: .2s; }\n \n .vr-card:nth-child(3),\n .vr-result-card:nth-child(3),\n .vr-profile-card:nth-child(3),\n .vr-info-card:nth-child(3) { animation-delay: .3s; }\n \n .vr-card:nth-child(4),\n .vr-result-card:nth-child(4),\n .vr-profile-card:nth-child(4),\n .vr-info-card:nth-child(4) { animation-delay: .4s; }\n \n .vr-card:nth-child(5),\n .vr-profile-card:nth-child(5),\n .vr-info-card:nth-child(5) { animation-delay: .5s; }\n \n .vr-card:nth-child(6),\n .vr-profile-card:nth-child(6),\n .vr-info-card:nth-child(6) { animation-delay: .6s; }\n\n .vr-step {\n animation: fadeInLeft .6s ease backwards;\n }\n\n .vr-step:nth-child(1) { animation-delay: .1s; }\n .vr-step:nth-child(2) { animation-delay: .2s; }\n .vr-step:nth-child(3) { animation-delay: .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 .vr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .vr-premium {\n --vr-shadow: 0 0 0 2px currentColor;\n --vr-shadow-lg: 0 0 0 3px currentColor;\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .vr-premium {\n background: white;\n }\n \n .vr-card,\n .vr-result-card,\n .vr-profile-card,\n .vr-info-card {\n box-shadow: none;\n border: 1px solid #ddd;\n page-break-inside: avoid;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754710818973,"sku":"NBAISUP0019","price":19.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vigne_rouge_ampoules_superdiet_3_11zon.jpg?v=1758789718"},{"product_id":"quatuor-sommeil-paisible-bio-20-ampoules-superdiet","title":"Quatuor Sommeil Paisible Bio 20 Ampoules - Superdiet","description":"\u003cdiv class=\"sp-premium\"\u003e\n \u003cdiv class=\"sp-hero\"\u003e\n \u003cdiv class=\"sp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sp-hero-content\"\u003e\n \u003cdiv class=\"sp-badges-top\"\u003e\n \u003cspan class=\"sp-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e🇫🇷 Plantes françaises\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e🌙 Sans mélatonine\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e✨ +125% d'actifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sp-hero-title\"\u003eQuatuor Sommeil Paisible Bio\u003c\/span\u003e\n \u003cp class=\"sp-subtitle\"\u003e20 ampoules buvables — Superdiet\u003c\/p\u003e\n \u003cp class=\"sp-description\"\u003eRetrouvez des nuits apaisées grâce à la synergie de 4 plantes biologiques françaises, concentrées selon la méthode Canopée pour une efficacité renforcée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003cp class=\"sp-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire sommeil\u003c\/strong\u003e efficace, naturel et sans mélatonine ? Le \u003cstrong\u003eQuatuor Sommeil Paisible Bio de Superdiet\u003c\/strong\u003e associe la force de quatre plantes françaises biologiques, soigneusement sélectionnées pour favoriser un \u003cstrong\u003esommeil réparateur\u003c\/strong\u003e et des nuits apaisées. Présenté en ampoules buvables, il offre une formule concentrée et une assimilation rapide, idéale pour retrouver un rythme nocturne harmonieux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complément alimentaire pour le sommeil ?\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eLes nuits agitées, les difficultés d'endormissement ou les réveils fréquents peuvent vite impacter votre qualité de vie. Ce \u003cstrong\u003ecomplément alimentaire naturel sommeil\u003c\/strong\u003e a été pensé pour celles et ceux qui souhaitent une alternative douce, 100 % végétale et \u003cstrong\u003esans mélatonine\u003c\/strong\u003e. Grâce à la méthode Canopée de Superdiet, la formule contient +125 % d'actifs par rapport à une formule classique, pour une efficacité renforcée à chaque prise.\u003c\/p\u003e\n \u003cdiv class=\"sp-grid-compact\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌿 100% plantes bio\u003c\/h3\u003e\n \u003cp\u003ePlantes françaises issues de l'agriculture biologique certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌱 Vegan \u0026amp; pur\u003c\/h3\u003e\n \u003cp\u003eSans alcool, sans conservateur, sans colorant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré dans les Hauts-de-France par Superdiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e📅 Cure de 20 jours\u003c\/h3\u003e\n \u003cp\u003e20 ampoules buvables de 10 ml — 1 par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eComposition : 4 plantes bio aux vertus reconnues\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003ePour chaque ampoule de 10 ml, vous bénéficiez d'un dosage concentré en extraits de plantes :\u003c\/p\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌾 Angélique Bio — 490 mg\u003c\/h3\u003e\n \u003cp\u003ePlante traditionnellement utilisée pour favoriser la détente et le bien-être nocturne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌸 Passiflore Bio — 340 mg\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés relaxantes, elle contribue à un \u003cstrong\u003esommeil profond\u003c\/strong\u003e et à la réduction de la nervosité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌼 Eschscholtzia Bio — 300 mg\u003c\/h3\u003e\n \u003cp\u003eAussi appelée pavot de Californie, elle aide à favoriser l'endormissement en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌺 Aubépine Bio — 150 mg\u003c\/h3\u003e\n \u003cp\u003ePlante apaisante, elle soutient la relaxation avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-tip\"\u003e\n \u003cspan class=\"sp-tip-icon\"\u003e💧\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e eau, jus concentré de raisin bio, jus concentré de citron bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\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\u003eAgitez l'ampoule\u003c\/h3\u003e\n \u003cp\u003eSecouez bien votre ampoule avant emploi pour homogénéiser la formule.\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\u003eCassez aux deux extrémités\u003c\/h3\u003e\n \u003cp\u003eOuvrez l'ampoule délicatement aux deux bouts pour en faciliter l'écoulement.\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\u003eVersez \u0026amp; dégustez\u003c\/h3\u003e\n \u003cp\u003eDirectement en bouche ou dilué dans un peu d'eau, 30 minutes avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003eSuivez une cure complète\u003c\/h3\u003e\n \u003cp\u003e1 ampoule par jour pendant 20 jours, renouvelable si besoin pour des résultats optimaux.\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\u003ePrécautions :\u003c\/strong\u003e ne pas dépasser la dose journalière recommandée. Déconseillé aux femmes enceintes, allaitantes et aux enfants de moins de 12 ans. Demandez l'avis de votre médecin en cas de traitement médicamenteux. Ce \u003cstrong\u003ecomplément sommeil\u003c\/strong\u003e ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain, et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"sp-accordion\"\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e🌙 Ce complément contient-il de la mélatonine ?\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eNon, il s'agit d'un \u003cstrong\u003ecomplément alimentaire sommeil sans mélatonine\u003c\/strong\u003e, composé uniquement de plantes biologiques françaises.\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⏱️ Au bout de combien de temps voit-on des résultats ?\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eLes effets varient selon chaque personne. Une cure complète de 20 jours permet généralement d'évaluer les bienfaits sur la qualité de vos nuits.\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💊 Peut-on l'associer à d'autres compléments ?\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, notamment avec du magnésium en cas de stress. En cas de doute, demandez conseil à votre pharmacien.\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 \u003ch2\u003eLe savoir-faire Superdiet\u003c\/h2\u003e\n \u003cdiv class=\"sp-cta-box\"\u003e\n \u003cp\u003eDepuis plus de 60 ans, Superdiet cultive une passion pour les plantes et le naturel. Installé dans les Hauts-de-France, le laboratoire s'engage pour votre bien-être avec des formules authentiques, respectueuses de l'environnement et issues d'une agriculture biologique certifiée. Avec le \u003cstrong\u003eQuatuor Sommeil Paisible Bio\u003c\/strong\u003e, vous bénéficiez d'un savoir-faire français reconnu pour retrouver des nuits vraiment paisibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sp-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\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sp-cream: #f4f1ea;\n --sp-white: #ffffff;\n --sp-primary: #2d4a6b;\n --sp-primary-dark: #1e3451;\n --sp-primary-light: #e6edf4;\n --sp-secondary: #5a7fa3;\n --sp-accent: #c0392b;\n --sp-text: #1a1a1a;\n --sp-text-light: #5a5a5a;\n --sp-border: #e0e0e0;\n --sp-shadow: 0 4px 24px rgba(45,74,107,.08);\n --sp-shadow-lg: 0 12px 48px rgba(45,74,107,.18);\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 color: var(--sp-text);\n line-height: 1.6;\n}\n\n.sp-premium p { margin: 0 0 1rem 0; }\n.sp-premium p:last-child { margin-bottom: 0; }\n.sp-premium strong { color: var(--sp-primary-dark); font-weight: 700; }\n\n\/* === HERO === *\/\n.sp-hero {\n position: relative;\n background: linear-gradient(135deg, #2d4a6b 0%, #3d5f85 50%, #5a7fa3 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,.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.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 line-height: 1.1;\n}\n\n.sp-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 letter-spacing: .02em;\n}\n\n.sp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\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 { transform: translateY(-2px) scale(1.05); }\n\n\/* === SECTIONS === *\/\n.sp-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\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.2;\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.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.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\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.sp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sp-grid-compact .sp-card { padding: 1rem; }\n.sp-grid-compact .sp-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.sp-grid-compact .sp-card p { font-size: 12px; }\n\n\/* === TIMELINE === *\/\n.sp-timeline { display: flex; flex-direction: column; gap: 1rem; }\n\n.sp-timeline-item { display: flex; gap: 1rem; align-items: flex-start; }\n\n.sp-timeline-number {\n flex-shrink: 0;\n width: 40px; 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 box-shadow: 0 4px 12px rgba(45,74,107,.3);\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 === *\/\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.5rem;\n border-left: 4px solid var(--sp-primary);\n}\n\n.sp-tip-icon { font-size: 24px; flex-shrink: 0; line-height: 1.2; }\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 { border-bottom: 1px solid var(--sp-border); margin: 0; padding: 0; }\n.sp-accordion-item:last-child { border-bottom: none; }\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}\n\n.sp-accordion-header:hover { background: var(--sp-primary-light); }\n.sp-accordion-header::-webkit-details-marker { display: none; }\n\n.sp-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--sp-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.sp-accordion-item[open] .sp-accordion-header::after { content: '−'; }\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}\n\n.sp-accordion-content p { margin: 0; }\n.mt-3 { margin-top: 10px; }\n\n\/* === CTA === *\/\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 box-shadow: var(--sp-shadow-lg);\n}\n\n.sp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.8;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.sp-cta-box strong { color: white; font-weight: 800; }\n\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 === *\/\n@media (max-width: 767px) {\n .sp-grid { grid-template-columns: 1fr; gap: 1rem; }\n .sp-card { padding: 1.125rem; }\n .sp-section { margin-bottom: 1.75rem; }\n .sp-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--sp-radius-sm); }\n .sp-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .sp-premium h2::after { width: 40px; height: 3px; }\n .sp-grid-compact { gap: .625rem; }\n .sp-grid-compact .sp-card { padding: .75rem; }\n .sp-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .sp-timeline-content { padding: .875rem 1rem; }\n .sp-timeline-content h3 { font-size: 14px; }\n .sp-timeline-content p { font-size: 13px; }\n .sp-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .sp-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .sp-tip { padding: .875rem 1rem; }\n .sp-tip p { font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .sp-card { animation: fadeInUp .5s ease backwards; }\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 fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\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":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754712359069,"sku":"NBAISUP0044","price":19.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quatuor-sommeil-paisible-bio-20-ampoules-superdiet-packshothd.webp?v=1776409314"},{"product_id":"drainaflore-bio-20-ampoules-superdiet","title":"Drainaflore Bio - 20 ampoules - Superdiet","description":"\u003cdiv class=\"draina-premium\"\u003e\n \u003cdiv class=\"draina-hero\"\u003e\n \u003cdiv class=\"draina-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"draina-hero-content\"\u003e\n \u003cdiv class=\"draina-badges-top\"\u003e\n \u003cspan class=\"draina-badge\"\u003e🌿 15 plantes \u0026amp; fruits bio\u003c\/span\u003e\n \u003cspan class=\"draina-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"draina-badge\"\u003e🏆 Meilleur Produit Bio 2022\u003c\/span\u003e\n \u003cspan class=\"draina-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"draina-hero-title\"\u003eDrainaflore Bio Superdiet\u003c\/span\u003e\n \u003cp class=\"draina-subtitle\"\u003eLa cure détox complète des 5 émonctoires\u003c\/p\u003e\n \u003cp class=\"draina-description\"\u003e20 ampoules · 7 189 mg d'extraits végétaux · Nouvelle formule au meilleur goût pour une cure de 20 jours qui relance votre vitalité en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"draina-section\"\u003e\n \u003ch2\u003eDrainaflore Bio Superdiet : la cure détox naturelle des 5 émonctoires\u003c\/h2\u003e\n \u003cp class=\"draina-section-intro\"\u003eVous cherchez un complément alimentaire de drainage efficace pour aider votre organisme à éliminer les toxines accumulées ? Drainaflore Bio de Superdiet vous propose une formule unique, réunissant \u003cstrong\u003e15 plantes et fruits biologiques\u003c\/strong\u003e soigneusement sélectionnés pour stimuler les \u003cstrong\u003e5 émonctoires\u003c\/strong\u003e : foie, reins, intestins, poumons et peau. Une véritable cure détox de 20 jours, en ampoules pratiques, pensée pour relancer votre vitalité après les excès, les changements de saison ou lorsque votre corps a besoin d'un coup de pouce.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"draina-section\"\u003e\n \u003ch2\u003ePourquoi choisir Drainaflore Bio Détox ?\u003c\/h2\u003e\n \u003cp class=\"draina-section-intro\"\u003eContrairement à de nombreux produits qui ciblent un seul organe, Drainaflore Bio Détox agit en synergie sur l'ensemble des voies d'élimination du corps. Avec \u003cstrong\u003e7 189 mg d'extraits végétaux par ampoule\u003c\/strong\u003e, cette formule concentrée offre une approche globale et respectueuse du rythme naturel de l'organisme.\u003c\/p\u003e\n \u003cdiv class=\"draina-grid\"\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🫀 Foie\u003c\/h3\u003e\n \u003cp\u003eLa chicorée contribue à protéger le foie des toxines accumulées au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e💧 Reins\u003c\/h3\u003e\n \u003cp\u003eLe sureau favorise l'élimination rénale de l'eau et le drainage naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌾 Intestins\u003c\/h3\u003e\n \u003cp\u003eLe fenouil soutient un bon transit intestinal et le confort digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌬️ Poumons\u003c\/h3\u003e\n \u003cp\u003eLe pin sylvestre participe au bien-être des voies respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e✨ Peau\u003c\/h3\u003e\n \u003cp\u003eLa bardane et l'ortie sont reconnues pour aider au maintien d'une peau nette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌿 Synergie globale\u003c\/h3\u003e\n \u003cp\u003eUne action complète et harmonieuse sur l'ensemble des voies d'élimination du corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-tip\"\u003e\n \u003cspan class=\"draina-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eBien qu'elle ne remplace pas une cure thermale de drainage lymphatique, cette formule reste une alternative naturelle, accessible et facile à intégrer dans votre quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"draina-section\"\u003e\n \u003ch2\u003eComposition : 15 plantes et fruits bio\u003c\/h2\u003e\n \u003cp class=\"draina-section-intro\"\u003eChaque ampoule de 15 ml contient un extrait aqueux concentré issu d'une sélection rigoureuse de plantes et fruits biologiques.\u003c\/p\u003e\n \u003cdiv class=\"draina-grid-compact\"\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌳 Bouleau\u003c\/h3\u003e\n \u003cp\u003eFeuille · détoxification\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌼 Chicorée\u003c\/h3\u003e\n \u003cp\u003eRacine · protection hépatique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🫐 Sureau noir\u003c\/h3\u003e\n \u003cp\u003eFruit · drainage rénal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌾 Fenouil\u003c\/h3\u003e\n \u003cp\u003eSemence · confort digestif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌲 Pin sylvestre\u003c\/h3\u003e\n \u003cp\u003eBourgeon · voies respiratoires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌿 Bardane \u0026amp; Ortie\u003c\/h3\u003e\n \u003cp\u003eRacine \u0026amp; feuille · éclat de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌺 Artichaut \u0026amp; Pissenlit\u003c\/h3\u003e\n \u003cp\u003eSoutien hépato-rénal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🍃 Mélisse \u0026amp; Anis vert\u003c\/h3\u003e\n \u003cp\u003eDigestion apaisée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌳 Aubier de tilleul\u003c\/h3\u003e\n \u003cp\u003eDrainage naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🫐 Cassis \u0026amp; Radis noir\u003c\/h3\u003e\n \u003cp\u003eVitalité \u0026amp; purification\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-tip\"\u003e\n \u003cspan class=\"draina-tip-icon\"\u003e🏆\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans alcool, sans conservateur, sans colorant\u003c\/strong\u003e. Produit vegan, certifié Agriculture Biologique, fabriqué en France et élu \u003cstrong\u003eMeilleur Produit Bio 2022\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"draina-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"draina-timeline\"\u003e\n \u003cdiv class=\"draina-timeline-item\"\u003e\n \u003cdiv class=\"draina-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"draina-timeline-content\"\u003e\n \u003ch3\u003eAgitez avant ouverture\u003c\/h3\u003e\n \u003cp\u003eSecouez l'ampoule pour répartir uniformément les extraits végétaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-timeline-item\"\u003e\n \u003cdiv class=\"draina-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"draina-timeline-content\"\u003e\n \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin à jeun, diluée dans un grand verre d'eau ou une infusion tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-timeline-item\"\u003e\n \u003cdiv class=\"draina-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"draina-timeline-content\"\u003e\n \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n \u003cp\u003eLa boîte de 20 ampoules de 15 ml correspond à une cure complète, renouvelable au printemps et à l'automne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-tip\"\u003e\n \u003cspan class=\"draina-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003ePour optimiser les résultats : buvez au moins 1,5 L d'eau par jour, privilégiez les fruits, légumes et aliments peu transformés, pratiquez une activité physique régulière et limitez l'alcool, le café et les graisses saturées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"draina-section\"\u003e\n \u003ch2\u003eQue pensent nos clients de Drainaflore Bio Détox ?\u003c\/h2\u003e\n \u003cdiv class=\"draina-testimonial\"\u003e\n \u003cp class=\"draina-testimonial-text\"\u003e\"Les utilisateurs apprécient la nouvelle formule au meilleur goût, beaucoup plus agréable que les précédentes générations de détox en ampoules. Les retours soulignent une sensation de légèreté, un meilleur confort digestif et un teint plus éclatant après quelques jours de cure.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"draina-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"draina-accordion\"\u003e\n \u003cdetails class=\"draina-accordion-item\"\u003e\n \u003csummary class=\"draina-accordion-header\"\u003e⚠️ Usage et contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"draina-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. Déconseillé aux femmes enceintes, allaitantes et aux enfants sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"draina-accordion-item\"\u003e\n \u003csummary class=\"draina-accordion-header\"\u003e💊 Interactions \u0026amp; conseils médicaux\u003c\/summary\u003e\n \u003cdiv class=\"draina-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médicamenteux, demandez conseil à votre médecin ou pharmacien avant d'entamer la cure. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"draina-accordion-item\"\u003e\n \u003csummary class=\"draina-accordion-header\"\u003e🔒 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"draina-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes 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=\"draina-disclaimer\"\u003eCe produit est un complément alimentaire et ne peut se substituer à une alimentation é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 --draina-cream: #f4f9fc;\n --draina-white: #ffffff;\n --draina-primary: #2a8fbd;\n --draina-primary-dark: #1a5f82;\n --draina-primary-light: #e3f1f9;\n --draina-secondary: #6ab04c;\n --draina-accent: #e94e3a;\n --draina-text: #1a2b3a;\n --draina-text-light: #5a6a78;\n --draina-border: #dce8ef;\n --draina-shadow: 0 4px 24px rgba(26, 95, 130, .08);\n --draina-shadow-lg: 0 12px 48px rgba(26, 95, 130, .15);\n --draina-radius: 20px;\n --draina-radius-sm: 12px;\n }\n\n .draina-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--draina-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--draina-text);\n line-height: 1.6;\n }\n\n .draina-hero {\n position: relative;\n background: linear-gradient(135deg, #2a8fbd 0%, #3fa9c9 50%, #6ab04c 100%);\n border-radius: var(--draina-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(--draina-shadow-lg);\n }\n\n .draina-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 3px),\n radial-gradient(circle at 80% 70%, white 2px, transparent 3px),\n radial-gradient(circle at 50% 50%, white 1px, transparent 2px);\n background-size: 80px 80px, 120px 120px, 40px 40px;\n opacity: .08;\n }\n\n .draina-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .draina-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 .draina-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n }\n\n .draina-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n opacity: .92;\n line-height: 1.7;\n }\n\n .draina-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .draina-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(--draina-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .draina-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .draina-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .draina-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--draina-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 .draina-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(--draina-primary), var(--draina-secondary));\n border-radius: 2px;\n }\n\n .draina-section-intro {\n text-align: center;\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--draina-text-light);\n margin-bottom: 1.75rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n }\n\n .draina-section-intro strong {\n color: var(--draina-primary-dark);\n }\n\n .draina-card {\n background: var(--draina-white);\n border-radius: var(--draina-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--draina-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .draina-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--draina-shadow-lg);\n border-color: var(--draina-primary);\n }\n\n .draina-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--draina-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .draina-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--draina-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .draina-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .draina-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .draina-grid-compact .draina-card {\n padding: 1rem;\n }\n\n .draina-grid-compact .draina-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .draina-grid-compact .draina-card p {\n font-size: 12px;\n }\n\n .draina-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .draina-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .draina-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--draina-primary), var(--draina-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(42, 143, 189, .3);\n }\n\n .draina-timeline-content {\n flex: 1;\n background: var(--draina-white);\n padding: 1rem 1.25rem;\n border-radius: var(--draina-radius-sm);\n box-shadow: var(--draina-shadow);\n }\n\n .draina-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--draina-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .draina-timeline-content p {\n font-size: 14px;\n color: var(--draina-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .draina-testimonial {\n background: var(--draina-white);\n border-radius: var(--draina-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--draina-shadow);\n border-left: 4px solid var(--draina-primary);\n max-width: 900px;\n margin: 0 auto;\n }\n\n .draina-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--draina-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n }\n\n .draina-accordion {\n background: var(--draina-white);\n border-radius: var(--draina-radius);\n box-shadow: var(--draina-shadow);\n overflow: hidden;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .draina-accordion-item {\n border-bottom: 1px solid var(--draina-border);\n margin: 0;\n padding: 0;\n }\n\n .draina-accordion-item:last-child {\n border-bottom: none;\n }\n\n .draina-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--draina-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 .draina-accordion-header:hover {\n background: var(--draina-primary-light);\n }\n\n .draina-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .draina-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--draina-primary);\n transition: transform .2s ease;\n }\n\n .draina-accordion-item[open] .draina-accordion-header::after {\n content: '−';\n }\n\n .draina-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--draina-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .draina-accordion-content p {\n margin: 0;\n }\n\n .draina-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--draina-primary-light);\n border-radius: var(--draina-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n }\n\n .draina-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .draina-tip p {\n font-size: 14px;\n color: var(--draina-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .draina-disclaimer {\n font-size: 12px;\n color: var(--draina-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n }\n\n @media (max-width: 767px) {\n .draina-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .draina-card { padding: 1.125rem; }\n .draina-section { margin-bottom: 1.75rem; }\n .draina-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--draina-radius-sm);\n }\n .draina-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .draina-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .draina-grid-compact {\n gap: .625rem;\n }\n .draina-grid-compact .draina-card {\n padding: .75rem;\n }\n .draina-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .draina-timeline-content { padding: .875rem 1rem; }\n .draina-timeline-content h3 { font-size: 14px; }\n .draina-timeline-content p { font-size: 13px; }\n .draina-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .draina-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .draina-testimonial { padding: 1.25rem; }\n .draina-testimonial-text { font-size: 14px; }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .draina-card {\n animation: fadeInUp .5s ease backwards;\n }\n .draina-card:nth-child(1) { animation-delay: .05s; }\n .draina-card:nth-child(2) { animation-delay: .1s; }\n .draina-card:nth-child(3) { animation-delay: .15s; }\n .draina-card:nth-child(4) { animation-delay: .2s; }\n .draina-card:nth-child(5) { animation-delay: .25s; }\n .draina-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 .draina-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":45754712785053,"sku":"NBAISUP0038","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/superdiet-drainaflore-drainage-detox.webp?v=1758627994"},{"product_id":"aubier-de-tilleul-bio-coffret-20-ampoules-de-15-ml-superdiet","title":"Aubier de Tilleul Bio - 20 Ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"atil-premium\"\u003e\n \u003cdiv class=\"atil-hero\"\u003e\n \u003cdiv class=\"atil-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"atil-hero-content\"\u003e\n \u003cdiv class=\"atil-badges-top\"\u003e\n \u003cspan class=\"atil-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"atil-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"atil-badge\"\u003e💧 +125% d'actifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"atil-hero-title\"\u003eAubier de Tilleul Bio\u003c\/span\u003e\n \u003cp class=\"atil-subtitle\"\u003e20 ampoules de 15 ml — Superdiet\u003c\/p\u003e\n \u003cp class=\"atil-description\"\u003eEnvie de retrouver un \u003cstrong\u003econfort digestif\u003c\/strong\u003e et de soutenir naturellement les fonctions d'élimination de votre organisme ? L'Aubier de Tilleul Bio de Superdiet concentre toute la richesse de cette partie tendre et précieuse du tilleul, utilisée depuis des siècles en phytothérapie traditionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"atil-section\"\u003e\n \u003ch2\u003eQu'est-ce que l'aubier de tilleul ?\u003c\/h2\u003e\n \u003cp class=\"atil-section-intro\"\u003eL'aubier correspond à la couche de bois tendre située \u003cstrong\u003eentre l'écorce et le cœur du tronc\u003c\/strong\u003e. C'est dans cette partie que circule la sève, particulièrement riche en principes actifs.\u003c\/p\u003e\n \u003cdiv class=\"atil-grid\"\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🌳 Une partie précieuse\u003c\/h3\u003e\n \u003cp\u003eLe bois tendre où circule la sève, riche en principes actifs naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e📜 Usage traditionnel\u003c\/h3\u003e\n \u003cp\u003eConsommé en tisane ou en décoction depuis des siècles en phytothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🔬 Méthode Canopée\u003c\/h3\u003e\n \u003cp\u003eExtraction soignée offrant une formule concentrée à \u003cstrong\u003e+125 % d'actifs\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"atil-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'aubier de tilleul\u003c\/h2\u003e\n \u003cdiv class=\"atil-grid\"\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eContribue au bien-être digestif au quotidien, notamment après des repas copieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e💧 Élimination rénale\u003c\/h3\u003e\n \u003cp\u003eFavorise l'élimination rénale de l'eau pour un meilleur équilibre hydrique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🍃 Drainage naturel\u003c\/h3\u003e\n \u003cp\u003eSoutient les fonctions naturelles de drainage du foie et des reins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e✨ Purification\u003c\/h3\u003e\n \u003cp\u003eParticipe à la purification de l'organisme et à l'élimination des toxines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-tip\"\u003e\n \u003cspan class=\"atil-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUne solution idéale lors des \u003cstrong\u003ecures détox saisonnières\u003c\/strong\u003e, après des repas copieux ou pour accompagner un mode de vie plus sain. Contrairement à une simple tisane, le format ampoule garantit un dosage précis et une concentration optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"atil-section\"\u003e\n \u003ch2\u003eComposition de l'ampoule\u003c\/h2\u003e\n \u003cp class=\"atil-section-intro\"\u003e\u003cstrong\u003eIngrédients pour 1 ampoule de 15 ml :\u003c\/strong\u003e extrait fluide d'aubier de tilleul* (2000 mg**), eau purifiée.\u003c\/p\u003e\n \u003cdiv class=\"atil-grid-compact\"\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🌱 2000 mg\u003c\/h3\u003e\n \u003cp\u003eD'aubier de tilleul par ampoule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🏔️ Roussillon (38)\u003c\/h3\u003e\n \u003cp\u003eOrigine française sélectionnée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🌿 100% Vegan\u003c\/h3\u003e\n \u003cp\u003eSans alcool, sans conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🏅 Certifié AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"atil-disclaimer\"\u003e*Ingrédient issu de l'agriculture biologique. **Équivalence en plantes sèches.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"atil-section\"\u003e\n \u003ch2\u003eComment prendre les ampoules d'aubier de tilleul bio ?\u003c\/h2\u003e\n \u003cdiv class=\"atil-timeline\"\u003e\n \u003cdiv class=\"atil-timeline-item\"\u003e\n \u003cdiv class=\"atil-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"atil-timeline-content\"\u003e\n \u003ch3\u003eSecouez l'ampoule\u003c\/h3\u003e\n \u003cp\u003eAgitez bien avant emploi pour homogénéiser l'extrait.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-timeline-item\"\u003e\n \u003cdiv class=\"atil-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"atil-timeline-content\"\u003e\n \u003ch3\u003eDiluez dans un demi-verre d'eau\u003c\/h3\u003e\n \u003cp\u003eVersez le contenu d'1 ampoule dans un peu d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-timeline-item\"\u003e\n \u003cdiv class=\"atil-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"atil-timeline-content\"\u003e\n \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le soir avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-timeline-item\"\u003e\n \u003cdiv class=\"atil-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"atil-timeline-content\"\u003e\n \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n \u003cp\u003eRenouvelable selon vos besoins, notamment aux changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-tip\"\u003e\n \u003cspan class=\"atil-tip-icon\"\u003e🌟\u003c\/span\u003e\n \u003cp\u003ePour une routine bien-être complète, associez votre cure à une alimentation équilibrée, une bonne hydratation et une activité physique régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"atil-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'aubier de tilleul Superdiet ?\u003c\/h2\u003e\n \u003cdiv class=\"atil-grid-compact\"\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eLaboratoire reconnu depuis 1961\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e⚗️ Méthode Canopée\u003c\/h3\u003e\n \u003cp\u003e+125 % d'actifs vs extraction classique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🌱 Certifié AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🏔️ Tilleul du Roussillon\u003c\/h3\u003e\n \u003cp\u003eOrigine française d'exception\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e📅 20 jours de cure\u003c\/h3\u003e\n \u003cp\u003e1 ampoule par jour, format pratique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e💧 Assimilation rapide\u003c\/h3\u003e\n \u003cp\u003eDosage précis et saveur authentique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"atil-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"atil-accordion\"\u003e\n \u003cdetails class=\"atil-accordion-item\"\u003e\n \u003csummary class=\"atil-accordion-header\"\u003e⚠️ Avertissements\u003c\/summary\u003e\n \u003cdiv class=\"atil-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. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"atil-accordion-item\"\u003e\n \u003csummary class=\"atil-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"atil-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé 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=\"atil-accordion-item\"\u003e\n \u003csummary class=\"atil-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"atil-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médical ou de doute, demandez conseil à votre médecin ou pharmacien. Ce produit ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --atil-cream: #f7f3f7;\n --atil-white: #ffffff;\n --atil-primary: #7a3b7a;\n --atil-primary-dark: #5a2a5a;\n --atil-primary-light: #ede3ed;\n --atil-secondary: #8fa84e;\n --atil-accent: #c49a3f;\n --atil-text: #2a1a2a;\n --atil-text-light: #6a5a6a;\n --atil-border: #e5dce5;\n --atil-shadow: 0 4px 24px rgba(90,42,90,.08);\n --atil-shadow-lg: 0 12px 48px rgba(90,42,90,.18);\n --atil-radius: 20px;\n --atil-radius-sm: 12px;\n}\n\n.atil-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--atil-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--atil-text);\n}\n\n.atil-hero {\n position: relative;\n background: linear-gradient(135deg, #7a3b7a 0%, #8fa84e 60%, #c49a3f 100%);\n border-radius: var(--atil-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(--atil-shadow-lg);\n}\n\n.atil-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) 2px, transparent 3px),\n radial-gradient(circle at 70% 60%, rgba(255,255,255,.2) 3px, transparent 4px),\n radial-gradient(circle at 40% 80%, rgba(255,255,255,.25) 2px, transparent 3px);\n background-size: 120px 120px, 180px 180px, 150px 150px;\n opacity: .4;\n}\n\n.atil-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.atil-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.atil-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.atil-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.atil-description strong { color: #fff; }\n\n.atil-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.atil-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(--atil-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.atil-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.atil-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.atil-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--atil-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.atil-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(--atil-primary), var(--atil-secondary));\n border-radius: 2px;\n}\n\n.atil-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--atil-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.atil-section-intro strong { color: var(--atil-primary-dark); }\n\n.atil-card {\n background: var(--atil-white);\n border-radius: var(--atil-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--atil-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.atil-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--atil-shadow-lg);\n border-color: var(--atil-primary);\n}\n\n.atil-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--atil-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.atil-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--atil-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.atil-card p strong { color: var(--atil-primary-dark); }\n\n.atil-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.atil-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.atil-grid-compact .atil-card {\n padding: 1rem;\n}\n\n.atil-grid-compact .atil-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.atil-grid-compact .atil-card p {\n font-size: 12px;\n}\n\n.atil-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.atil-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.atil-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--atil-primary), var(--atil-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.atil-timeline-content {\n flex: 1;\n background: var(--atil-white);\n padding: 1rem 1.25rem;\n border-radius: var(--atil-radius-sm);\n box-shadow: var(--atil-shadow);\n}\n\n.atil-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--atil-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.atil-timeline-content p {\n font-size: 14px;\n color: var(--atil-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.atil-accordion {\n background: var(--atil-white);\n border-radius: var(--atil-radius);\n box-shadow: var(--atil-shadow);\n overflow: hidden;\n}\n\n.atil-accordion-item {\n border-bottom: 1px solid var(--atil-border);\n margin: 0;\n padding: 0;\n}\n\n.atil-accordion-item:last-child {\n border-bottom: none;\n}\n\n.atil-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--atil-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.atil-accordion-header:hover {\n background: var(--atil-primary-light);\n}\n\n.atil-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.atil-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--atil-primary);\n transition: transform .2s ease;\n}\n\n.atil-accordion-item[open] .atil-accordion-header::after {\n content: '−';\n}\n\n.atil-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--atil-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.atil-accordion-content p { margin: 0; }\n\n.atil-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--atil-primary-light);\n border-radius: var(--atil-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.atil-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.atil-tip p {\n font-size: 14px;\n color: var(--atil-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.atil-tip p strong { color: var(--atil-primary-dark); }\n\n.atil-disclaimer {\n font-size: 12px;\n color: var(--atil-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .atil-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .atil-card { padding: 1.125rem; }\n .atil-section { margin-bottom: 1.75rem; }\n .atil-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--atil-radius-sm);\n }\n .atil-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .atil-premium h2::after { width: 40px; height: 3px; }\n .atil-grid-compact { gap: .625rem; }\n .atil-grid-compact .atil-card { padding: .75rem; }\n .atil-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .atil-timeline-content { padding: .875rem 1rem; }\n .atil-timeline-content h3 { font-size: 14px; }\n .atil-timeline-content p { font-size: 13px; }\n .atil-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .atil-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .atil-card { animation: atilFadeInUp .5s ease backwards; }\n .atil-card:nth-child(1) { animation-delay: .05s; }\n .atil-card:nth-child(2) { animation-delay: .1s; }\n .atil-card:nth-child(3) { animation-delay: .15s; }\n .atil-card:nth-child(4) { animation-delay: .2s; }\n .atil-card:nth-child(5) { animation-delay: .25s; }\n .atil-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes atilFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .atil-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":45754714292381,"sku":"NBAISUP0022","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aubier-de-tilleul-bio-20-ampoules-de-15-ml-superdiet-packshothd.webp?v=1776429771"},{"product_id":"desmodium-coffret-20-ampoules-de-15-ml-superdiet","title":"Desmodium - 20 Ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"dsm-premium\"\u003e\n \u003cdiv class=\"dsm-hero\"\u003e\n \u003cdiv class=\"dsm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dsm-hero-content\"\u003e\n \u003cdiv class=\"dsm-badges-top\"\u003e\n \u003cspan class=\"dsm-badge\"\u003e🌿 100% plantes\u003c\/span\u003e\n \u003cspan class=\"dsm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"dsm-badge\"\u003e✨ +125% d'actifs\u003c\/span\u003e\n \u003cspan class=\"dsm-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dsm-hero-title\"\u003eDesmodium Superdiet\u003c\/span\u003e\n \u003cp class=\"dsm-subtitle\"\u003eBien-être du foie · 20 ampoules de 15 ml\u003c\/p\u003e\n \u003cp class=\"dsm-description\"\u003eUne formule concentrée 100% végétale à \u003cstrong\u003e3000 mg de Desmodium par ampoule\u003c\/strong\u003e, issue de la Méthode Canopée, pour accompagner le fonctionnement hépatique normal et soutenir la détoxication naturelle de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"dsm-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Desmodium Superdiet ?\u003c\/h2\u003e\n \u003cp class=\"dsm-section-intro\"\u003eLe \u003cstrong\u003eDesmodium adscendens\u003c\/strong\u003e est une plante herbacée originaire d'Afrique équatoriale, utilisée depuis des générations dans la pharmacopée traditionnelle pour son action protectrice hépatique. Superdiet a conçu une formule liquide sans alcool, sans colorant ni conservateur, pour une assimilation optimale des principes actifs.\u003c\/p\u003e\n \u003cdiv class=\"dsm-grid-compact\"\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e🧪 +125% d'actifs\u003c\/h3\u003e\n \u003cp\u003eFormule plus concentrée que la version précédente\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e🌿 100% plantes\u003c\/h3\u003e\n \u003cp\u003eVegan et fabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e🍃 Méthode Canopée\u003c\/h3\u003e\n \u003cp\u003eLe gage de qualité signé Superdiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e📅 Cure de 20 jours\u003c\/h3\u003e\n \u003cp\u003e1 ampoule par jour, simple et efficace\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dsm-section\"\u003e\n \u003ch2\u003eLes bienfaits du Desmodium pour le foie\u003c\/h2\u003e\n \u003cp class=\"dsm-section-intro\"\u003eLe foie est un organe essentiel : il filtre, trie et transforme en permanence ce que nous ingérons. Après une période de repas copieux, d'excès ou de fatigue, il peut avoir besoin d'un coup de pouce. C'est précisément là que le \u003cstrong\u003eDesmodium pour le foie\u003c\/strong\u003e entre en jeu.\u003c\/p\u003e\n \u003cdiv class=\"dsm-grid\"\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e🌱 Fonctionnement hépatique\u003c\/h3\u003e\n \u003cp\u003eParticipe au fonctionnement hépatique normal de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e🛡️ Protecteur hépatique\u003c\/h3\u003e\n \u003cp\u003eUtilisé traditionnellement comme protecteur hépatique de référence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e💧 Drainage naturel\u003c\/h3\u003e\n \u003cp\u003eFavorise le drainage et l'élimination naturelle de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e🍽️ Confort digestif\u003c\/h3\u003e\n \u003cp\u003eAccompagne le confort digestif après des excès alimentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-tip\"\u003e\n \u003cspan class=\"dsm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003eDesmodium en ampoules\u003c\/strong\u003e est particulièrement appréciée au changement de saison, après les fêtes ou lors de périodes plus chargées pour votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dsm-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"dsm-timeline\"\u003e\n \u003cdiv class=\"dsm-timeline-item\"\u003e\n \u003cdiv class=\"dsm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dsm-timeline-content\"\u003e\n \u003ch3\u003eAgitez l'ampoule\u003c\/h3\u003e\n \u003cp\u003eAgitez bien l'ampoule avant ouverture pour homogénéiser la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-timeline-item\"\u003e\n \u003cdiv class=\"dsm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dsm-timeline-content\"\u003e\n \u003ch3\u003eDiluez dans un demi-verre d'eau\u003c\/h3\u003e\n \u003cp\u003eVersez le contenu dans un demi-verre d'eau pour une prise agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-timeline-item\"\u003e\n \u003cdiv class=\"dsm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dsm-timeline-content\"\u003e\n \u003ch3\u003e1 ampoule par jour, le soir\u003c\/h3\u003e\n \u003cp\u003ePrenez de préférence le soir, au cours d'un repas, pendant 20 jours. Cure renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-tip\"\u003e\n \u003cspan class=\"dsm-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécautions d'emploi :\u003c\/strong\u003e déconseillé aux femmes enceintes et allaitantes, aux personnes épileptiques et aux enfants de moins de 12 ans. En cas de traitement médical (notamment pour l'hypertension), demandez conseil à votre médecin ou pharmacien. Ne remplace pas une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dsm-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"dsm-section-intro\"\u003ePour une ampoule de 10 ml, une formule épurée et 100% naturelle :\u003c\/p\u003e\n \u003cdiv class=\"dsm-grid-compact\"\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e🌿 Desmodium 3000 mg\u003c\/h3\u003e\n \u003cp\u003eExtrait aqueux concentré de Desmodium adscendens (feuilles)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n \u003cp\u003ePour une formulation simple et pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-tip\"\u003e\n \u003cspan class=\"dsm-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans alcool · Sans conservateur · Sans colorant · Sans édulcorant.\u003c\/strong\u003e La formule est vegan et adaptée à une consommation quotidienne pendant la durée de la cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dsm-section\"\u003e\n \u003ch2\u003eFabrication française et qualité Superdiet\u003c\/h2\u003e\n \u003cdiv class=\"dsm-grid\"\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eLes ampoules sont produites en France, dans le respect strict des réglementations européennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e🍃 Méthode Canopée\u003c\/h3\u003e\n \u003cp\u003ePlantes rigoureusement sélectionnées, traçabilité complète et respect de la plante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e🧪 Concentration optimale\u003c\/h3\u003e\n \u003cp\u003eUn procédé d'extraction qui préserve la richesse en actifs naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dsm-section\"\u003e\n \u003ch2\u003eVos interrogations sur le Desmodium\u003c\/h2\u003e\n \u003cdiv class=\"dsm-accordion\"\u003e\n \u003cdetails class=\"dsm-accordion-item\"\u003e\n \u003csummary class=\"dsm-accordion-header\"\u003e🕒 Quand prendre le Desmodium ?\u003c\/summary\u003e\n \u003cdiv class=\"dsm-accordion-content mt-3\"\u003e\n \u003cp\u003eIdéalement le soir, au cours d'un repas, pendant 20 jours consécutifs pour profiter pleinement de la cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dsm-accordion-item\"\u003e\n \u003csummary class=\"dsm-accordion-header\"\u003e🔁 Combien de cures par an ?\u003c\/summary\u003e\n \u003cdiv class=\"dsm-accordion-content mt-3\"\u003e\n \u003cp\u003e2 à 3 cures annuelles sont généralement conseillées, notamment aux changements de saison ou après des périodes d'excès.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dsm-accordion-item\"\u003e\n \u003csummary class=\"dsm-accordion-header\"\u003e⚠️ Le Desmodium est-il dangereux ?\u003c\/summary\u003e\n \u003cdiv class=\"dsm-accordion-content mt-3\"\u003e\n \u003cp\u003eAux doses recommandées et en dehors des contre-indications, il est bien toléré. En cas de doute ou de traitement en cours, demandez l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dsm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"dsm-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre foie une cure de douceur avec le \u003cstrong\u003eDesmodium Superdiet\u003c\/strong\u003e : 20 jours, 20 ampoules concentrées à 3000 mg, pour accompagner votre bien-être au naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"dsm-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --dsm-cream: #faf7fb;\n --dsm-white: #ffffff;\n --dsm-primary: #6b2d5c;\n --dsm-primary-dark: #4a1f40;\n --dsm-primary-light: #f3e8ef;\n --dsm-secondary: #8fa82e;\n --dsm-accent: #c8385f;\n --dsm-text: #1a1a1a;\n --dsm-text-light: #5a5a5a;\n --dsm-border: #e8dde6;\n --dsm-shadow: 0 4px 24px rgba(74,31,64,.08);\n --dsm-shadow-lg: 0 12px 48px rgba(74,31,64,.18);\n --dsm-radius: 20px;\n --dsm-radius-sm: 12px;\n}\n\n.dsm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dsm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--dsm-text);\n line-height: 1.6;\n}\n\n.dsm-hero {\n position: relative;\n background: linear-gradient(135deg, #6b2d5c 0%, #8f3b7a 50%, #a85b3f 100%);\n border-radius: var(--dsm-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(--dsm-shadow-lg);\n}\n\n.dsm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, #fff 2px, transparent 2px),\n radial-gradient(circle at 80% 70%, #fff 2px, transparent 2px);\n background-size: 80px 80px;\n}\n\n.dsm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dsm-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.dsm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.dsm-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 17px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.dsm-description strong {\n color: #fff;\n font-weight: 700;\n}\n\n.dsm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dsm-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(--dsm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dsm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.dsm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dsm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dsm-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.dsm-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(--dsm-primary), var(--dsm-secondary));\n border-radius: 2px;\n}\n\n.dsm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dsm-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.dsm-section-intro strong {\n color: var(--dsm-primary-dark);\n}\n\n.dsm-card {\n background: var(--dsm-white);\n border-radius: var(--dsm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dsm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dsm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dsm-shadow-lg);\n border-color: var(--dsm-primary);\n}\n\n.dsm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dsm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dsm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dsm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.dsm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.dsm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dsm-grid-compact .dsm-card {\n padding: 1rem;\n}\n\n.dsm-grid-compact .dsm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dsm-grid-compact .dsm-card p {\n font-size: 12px;\n}\n\n.dsm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.dsm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dsm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dsm-primary), var(--dsm-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(107,45,92,.3);\n}\n\n.dsm-timeline-content {\n flex: 1;\n background: var(--dsm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dsm-radius-sm);\n box-shadow: var(--dsm-shadow);\n}\n\n.dsm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dsm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dsm-timeline-content p {\n font-size: 14px;\n color: var(--dsm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.dsm-accordion {\n background: var(--dsm-white);\n border-radius: var(--dsm-radius);\n box-shadow: var(--dsm-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.dsm-accordion-item {\n border-bottom: 1px solid var(--dsm-border);\n}\n\n.dsm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dsm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dsm-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.dsm-accordion-header:hover {\n background: var(--dsm-primary-light);\n}\n\n.dsm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dsm-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--dsm-primary);\n transition: transform .2s ease;\n}\n\n.dsm-accordion-item[open] .dsm-accordion-header::after {\n content: '−';\n}\n\n.dsm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dsm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dsm-accordion-content p {\n margin: 0;\n}\n\n.dsm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dsm-primary-light);\n border-radius: var(--dsm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--dsm-primary);\n}\n\n.dsm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.dsm-tip p {\n font-size: 14px;\n color: var(--dsm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.dsm-tip p strong {\n color: var(--dsm-primary-dark);\n}\n\n.dsm-cta-box {\n background: linear-gradient(135deg, var(--dsm-primary) 0%, var(--dsm-primary-dark) 100%);\n border-radius: var(--dsm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--dsm-shadow-lg);\n}\n\n.dsm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n margin: 0;\n}\n\n.dsm-cta-box p strong {\n color: #fff;\n font-weight: 800;\n}\n\n.dsm-disclaimer {\n font-size: 12px;\n color: var(--dsm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .dsm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .dsm-card {\n padding: 1.125rem;\n }\n .dsm-section {\n margin-bottom: 1.75rem;\n }\n .dsm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dsm-radius-sm);\n }\n .dsm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .dsm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .dsm-grid-compact {\n gap: .625rem;\n }\n .dsm-grid-compact .dsm-card {\n padding: .75rem;\n }\n .dsm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .dsm-timeline-content {\n padding: .875rem 1rem;\n }\n .dsm-timeline-content h3 {\n font-size: 14px;\n }\n .dsm-timeline-content p {\n font-size: 13px;\n }\n .dsm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .dsm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .dsm-card {\n animation: dsmFadeInUp .5s ease backwards;\n }\n .dsm-card:nth-child(1) { animation-delay: .05s; }\n .dsm-card:nth-child(2) { animation-delay: .1s; }\n .dsm-card:nth-child(3) { animation-delay: .15s; }\n .dsm-card:nth-child(4) { animation-delay: .2s; }\n .dsm-card:nth-child(5) { animation-delay: .25s; }\n .dsm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dsmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .dsm-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":45754714390685,"sku":"NBAISUP0023","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/desmodium-20-ampoules-de-15-ml-superdiet-packshothd.webp?v=1776429550"},{"product_id":"radis-noir-bio-coffret-20-ampoules-de-15-ml-superdiet","title":"Radis Noir Bio - Coffret 20 ampoules de 10 ml - Superdiet","description":"\u003cdiv class=\"rn-premium\"\u003e\n \u003cdiv class=\"rn-hero\"\u003e\n \u003cdiv class=\"rn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rn-hero-content\"\u003e\n \u003cdiv class=\"rn-badges-top\"\u003e\n \u003cspan class=\"rn-badge\"\u003e🌱 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"rn-badge\"\u003e🇫🇷 Origine Nord (59)\u003c\/span\u003e\n \u003cspan class=\"rn-badge\"\u003e❄️ Pressé à froid\u003c\/span\u003e\n \u003cspan class=\"rn-badge\"\u003e🌿 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rn-hero-title\"\u003eRadis Noir Bio Superdiet\u003c\/span\u003e\n \u003cp class=\"rn-subtitle\" style=\"color: lightgrey;\"\u003eCoffret 20 ampoules de 10 ml\u003c\/p\u003e\n \u003cp class=\"rn-description\" style=\"color: white;\"\u003eLe pur jus de radis noir bio, allié naturel de votre foie pour une cure détox de 20 jours. Cultivé en France, pressé à froid, sans additifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rn-section\"\u003e\n \u003ch2\u003eRadis Noir Bio Superdiet : l'allié naturel de votre foie en cure détox\u003c\/h2\u003e\n \u003cp class=\"rn-section-intro\"\u003eAprès les fêtes, un excès alimentaire ou simplement au changement de saison, votre organisme a parfois besoin d'un petit coup de pouce. Le \u003cstrong\u003eRadis Noir Bio de Superdiet\u003c\/strong\u003e, en coffret de 20 ampoules de 10 ml, est une solution 100 % végétale pour soutenir naturellement votre fonction hépatique. Une \u003cstrong\u003ecure détox au radis noir\u003c\/strong\u003e idéale pour retrouver légèreté et confort digestif.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rn-section\"\u003e\n \u003ch2\u003ePourquoi choisir le radis noir en ampoules ?\u003c\/h2\u003e\n \u003cdiv class=\"rn-grid\"\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e🌿 Une plante ancestrale\u003c\/h3\u003e\n \u003cp\u003eLe \u003cem\u003eRaphanus sativus var. niger\u003c\/em\u003e est utilisé depuis l'Antiquité pour accompagner la digestion et soutenir le foie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e💧 Fonctions hépatiques\u003c\/h3\u003e\n \u003cp\u003eSa racine concentre des composés soufrés, reconnus pour favoriser les fonctions hépatiques et biliaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e✨ Détox traditionnelle\u003c\/h3\u003e\n \u003cp\u003eAssocié à une detox du foie après des repas riches ou une période de fatigue digestive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e⚡ Assimilation rapide\u003c\/h3\u003e\n \u003cp\u003eLa forme ampoule buvable permet une assimilation rapide avec un dosage précis, bien plus concentré qu'une gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e🥬 Pur jus concentré\u003c\/h3\u003e\n \u003cp\u003eChaque ampoule délivre un pur jus de radis noir, sans dilution superflue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e📏 Dosage précis\u003c\/h3\u003e\n \u003cp\u003e10 ml par ampoule, un format optimal pour une cure sérieuse de 20 jours consécutifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rn-section\"\u003e\n \u003ch2\u003eUne qualité bio tracée, du champ à l'ampoule\u003c\/h2\u003e\n \u003cp\u003eCe qui fait la différence du \u003cstrong\u003eRadis Noir Bio Superdiet\u003c\/strong\u003e, c'est sa fabrication de proximité. Le radis noir est cultivé dans le \u003cstrong\u003eNord de la France\u003c\/strong\u003e, à seulement 20 km des ateliers Superdiet. Dès la récolte, les racines sont \u003cstrong\u003epressées à froid\u003c\/strong\u003e pour préserver tous leurs principes actifs. Résultat : un \u003cstrong\u003epur jus bio\u003c\/strong\u003e authentique, sans additifs, sans colorants, sans conservateurs.\u003c\/p\u003e\n \u003cdiv class=\"rn-grid-compact\"\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e📍 Origine Nord (59)\u003c\/h3\u003e\n \u003cp\u003eCultivé à seulement 20 km de l'usine Superdiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e❄️ Pressé à froid\u003c\/h3\u003e\n \u003cp\u003ePour préserver tous les principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e🌱 Méthode Canopée\u003c\/h3\u003e\n \u003cp\u003eUn savoir-faire unique signé Superdiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabricant français\u003c\/h3\u003e\n \u003cp\u003e100 % de la filière maîtrisée en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-tip\"\u003e\n \u003cspan class=\"rn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCôté \u003cstrong\u003eradis noir bio prix\u003c\/strong\u003e, le format 20 ampoules correspond à une cure complète, souvent plus avantageux qu'un achat unitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rn-section\"\u003e\n \u003ch2\u003eComposition de chaque ampoule de 10 ml\u003c\/h2\u003e\n \u003cdiv class=\"rn-grid\"\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e🥬 Jus concentré de radis noir bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRaphanus sativus var. niger\u003c\/em\u003e : 10 ml, issu de l'agriculture biologique française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans conservateur, sans sucre ajouté, sans gluten, sans alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e🏷️ Certifié AB\u003c\/h3\u003e\n \u003cp\u003eLabel Agriculture Biologique garanti, traçabilité française complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-tip\"\u003e\n \u003cspan class=\"rn-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eLe radis noir peut d'ailleurs être associé à l'artichaut pour une synergie intéressante : la \u003cstrong\u003edetox foie radis noir artichaut\u003c\/strong\u003e est l'une des associations les plus réputées en phytothérapie traditionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rn-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"rn-timeline\"\u003e\n \u003cdiv class=\"rn-timeline-item\"\u003e\n \u003cdiv class=\"rn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rn-timeline-content\"\u003e\n \u003ch3\u003eAgitez l'ampoule\u003c\/h3\u003e\n \u003cp\u003eSecouez bien l'ampoule avant ouverture pour homogénéiser le pur jus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-timeline-item\"\u003e\n \u003cdiv class=\"rn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rn-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 peu d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-timeline-item\"\u003e\n \u003cdiv class=\"rn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rn-timeline-content\"\u003e\n \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n \u003cp\u003eSuivez le programme sur 20 jours consécutifs pour une détox complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-timeline-item\"\u003e\n \u003cdiv class=\"rn-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rn-timeline-content\"\u003e\n \u003ch3\u003e2 à 3 cures par an\u003c\/h3\u003e\n \u003cp\u003eIdéalement aux intersaisons, au printemps et en automne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-tip\"\u003e\n \u003cspan class=\"rn-tip-icon\"\u003e🍋\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour adoucir le goût prononcé du radis noir, vous pouvez le mélanger à un jus de fruits frais ou à une eau citronnée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rn-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le radis noir\u003c\/h2\u003e\n \u003cdiv class=\"rn-accordion\"\u003e\n \u003cdetails class=\"rn-accordion-item\"\u003e\n \u003csummary class=\"rn-accordion-header\"\u003e🌿 Quels sont les bienfaits du radis noir ?\u003c\/summary\u003e\n \u003cdiv class=\"rn-accordion-content mt-3\"\u003e\n \u003cp\u003eIl soutient la digestion, le confort hépatique et participe à l'élimination. Le radis noir est traditionnellement utilisé pour accompagner les fonctions hépatiques et biliaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rn-accordion-item\"\u003e\n \u003csummary class=\"rn-accordion-header\"\u003e📅 Quand faire une cure ?\u003c\/summary\u003e\n \u003cdiv class=\"rn-accordion-content mt-3\"\u003e\n \u003cp\u003eAprès les fêtes, un excès alimentaire, ou à chaque changement de saison. Les intersaisons (printemps et automne) sont les moments privilégiés pour une cure détox.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rn-accordion-item\"\u003e\n \u003csummary class=\"rn-accordion-header\"\u003e🌱 Peut-on l'associer à l'artichaut ?\u003c\/summary\u003e\n \u003cdiv class=\"rn-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, la \u003cstrong\u003edetox artichaut radis noir\u003c\/strong\u003e est une combinaison classique et complémentaire, très utilisée en phytothérapie traditionnelle pour un effet synergique sur le foie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rn-accordion\"\u003e\n \u003cdetails class=\"rn-accordion-item\"\u003e\n \u003csummary class=\"rn-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"rn-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes souffrant de calculs biliaires, aux femmes enceintes ou allaitantes et aux enfants sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rn-accordion-item\"\u003e\n \u003csummary class=\"rn-accordion-header\"\u003e🩺 Usage responsable\u003c\/summary\u003e\n \u003cdiv class=\"rn-accordion-content mt-3\"\u003e\n \u003cp\u003eNe remplace pas une alimentation variée, équilibrée ni un mode de vie sain. En cas de doute, demandez conseil à votre professionnel de santé. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"rn-disclaimer\"\u003eCe produit n'est pas un médicament et ne se substitue pas à un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n .rn-premium {\n --rn-cream: #faf7f5;\n --rn-white: #ffffff;\n --rn-primary: #6b2c5f;\n --rn-primary-dark: #4a1d44;\n --rn-primary-light: #f3e8f1;\n --rn-secondary: #c89b3c;\n --rn-accent: #5a8a3a;\n --rn-text: #1a1a1a;\n --rn-text-light: #5a5a5a;\n --rn-border: #e8dfe5;\n --rn-shadow: 0 4px 24px rgba(74, 29, 68, .08);\n --rn-shadow-lg: 0 12px 48px rgba(74, 29, 68, .15);\n --rn-radius: 20px;\n --rn-radius-sm: 12px;\n\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--rn-text);\n line-height: 1.6;\n }\n\n .rn-premium *,\n .rn-premium *::before,\n .rn-premium *::after {\n box-sizing: border-box;\n }\n\n \/* === HERO === *\/\n .rn-hero {\n position: relative;\n background: linear-gradient(135deg, #6b2c5f 0%, #4a1d44 50%, #3d1839 100%);\n border-radius: var(--rn-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(1.5rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rn-shadow-lg);\n }\n\n .rn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, var(--rn-secondary) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, var(--rn-accent) 0%, transparent 50%);\n opacity: .12;\n }\n\n .rn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .rn-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 .rn-subtitle {\n color: var(--rn-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n }\n\n .rn-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n }\n\n \/* === BADGES === *\/\n .rn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\n }\n\n .rn-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(--rn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .rn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n \/* === SECTIONS === *\/\n .rn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .rn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rn-primary-dark);\n margin: 0 0 clamp(1.25rem, 3vw, 2rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n }\n\n .rn-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(--rn-primary), var(--rn-secondary));\n border-radius: 2px;\n }\n\n .rn-premium p {\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--rn-text);\n line-height: 1.75;\n margin: 0 0 1rem 0;\n }\n\n .rn-premium p:last-child {\n margin-bottom: 0;\n }\n\n .rn-premium strong {\n color: var(--rn-primary-dark);\n font-weight: 700;\n }\n\n .rn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px) !important;\n color: var(--rn-text-light) !important;\n max-width: 720px;\n margin: 0 auto !important;\n }\n\n \/* === CARDS === *\/\n .rn-card {\n background: var(--rn-white);\n border-radius: var(--rn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .rn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rn-shadow-lg);\n border-color: var(--rn-primary);\n }\n\n .rn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .rn-card p {\n font-size: clamp(13px, 2vw, 15px) !important;\n color: var(--rn-text-light) !important;\n margin: 0 !important;\n line-height: 1.6;\n }\n\n \/* === GRILLES === *\/\n .rn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n }\n\n .rn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.25rem;\n }\n\n .rn-grid-compact .rn-card {\n padding: 1rem;\n }\n\n .rn-grid-compact .rn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .rn-grid-compact .rn-card p {\n font-size: 12px !important;\n }\n\n \/* === TIMELINE === *\/\n .rn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n }\n\n .rn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .rn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rn-primary), var(--rn-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(107, 44, 95, .3);\n }\n\n .rn-timeline-content {\n flex: 1;\n background: var(--rn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rn-radius-sm);\n box-shadow: var(--rn-shadow);\n }\n\n .rn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rn-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .rn-timeline-content p {\n font-size: 14px !important;\n color: var(--rn-text-light) !important;\n margin: 0 !important;\n line-height: 1.5;\n }\n\n \/* === ACCORDÉON === *\/\n .rn-accordion {\n background: var(--rn-white);\n border-radius: var(--rn-radius);\n box-shadow: var(--rn-shadow);\n overflow: hidden;\n }\n\n .rn-accordion-item {\n border-bottom: 1px solid var(--rn-border);\n margin: 0;\n padding: 0;\n }\n\n .rn-accordion-item:last-child {\n border-bottom: none;\n }\n\n .rn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rn-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 .rn-accordion-header:hover {\n background: var(--rn-primary-light);\n }\n\n .rn-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .rn-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--rn-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n }\n\n .rn-accordion-item[open] .rn-accordion-header::after {\n content: '−';\n }\n\n .rn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .rn-accordion-content p {\n margin: 0 !important;\n font-size: 14px !important;\n color: var(--rn-text-light) !important;\n }\n\n \/* === TIP BOX === *\/\n .rn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rn-primary-light);\n border-radius: var(--rn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--rn-secondary);\n }\n\n .rn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n }\n\n .rn-tip p {\n font-size: 14px !important;\n color: var(--rn-text) !important;\n margin: 0 !important;\n line-height: 1.6;\n }\n\n \/* === DISCLAIMER === *\/\n .rn-disclaimer {\n font-size: 12px !important;\n color: var(--rn-text-light) !important;\n text-align: center;\n margin-top: 1rem !important;\n font-style: italic;\n }\n\n \/* === RESPONSIVE MOBILE === *\/\n @media (max-width: 767px) {\n .rn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rn-card {\n padding: 1.125rem;\n }\n\n .rn-section {\n margin-bottom: 1.75rem;\n }\n\n .rn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rn-radius-sm);\n }\n\n .rn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rn-grid-compact {\n gap: .625rem;\n }\n\n .rn-grid-compact .rn-card {\n padding: .75rem;\n }\n\n .rn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rn-timeline-content h3 {\n font-size: 14px;\n }\n\n .rn-timeline-content p {\n font-size: 13px !important;\n }\n\n .rn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n }\n\n \/* === ANIMATIONS === *\/\n @media (prefers-reduced-motion: no-preference) {\n .rn-card {\n animation: rnFadeInUp .5s ease backwards;\n }\n .rn-card:nth-child(1) { animation-delay: .05s; }\n .rn-card:nth-child(2) { animation-delay: .1s; }\n .rn-card:nth-child(3) { animation-delay: .15s; }\n .rn-card:nth-child(4) { animation-delay: .2s; }\n .rn-card:nth-child(5) { animation-delay: .25s; }\n .rn-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes rnFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .rn-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":45754714816669,"sku":"NBAISUP0025","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/radis_noir_20_ampoules_superdiet.jpg?v=1776358885"},{"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":"chardon-marie-bio-20-ampoules-de-15-ml-superdiet","title":"Chardon Marie Bio - 20 ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"cm-premium\"\u003e\n \u003cdiv class=\"cm-hero\"\u003e\n \u003cdiv class=\"cm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cm-hero-content\"\u003e\n \u003cdiv class=\"cm-badges-top\"\u003e\n \u003cspan class=\"cm-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e💧 3250 mg \/ ampoule\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e✨ +125% d'actifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cm-hero-title\"\u003eChardon Marie Bio Superdiet\u003c\/span\u003e\n \u003cp class=\"cm-subtitle\"\u003e20 ampoules de 15 ml — Protection du foie\u003c\/p\u003e\n \u003cp class=\"cm-description\"\u003eEnvie de chouchouter votre foie après les excès du quotidien ? Une solution naturelle, concentrée et prête à l'emploi pour soutenir vos fonctions hépatiques grâce à la méthode d'extraction exclusive Canopée®.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Chardon Marie Bio ?\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eLe Chardon Marie (\u003cem\u003eSilybum marianum\u003c\/em\u003e) est une plante emblématique de la phytothérapie européenne, utilisée depuis l'Antiquité pour ses vertus sur la sphère hépatique. Sa richesse en \u003cstrong\u003esilymarine\u003c\/strong\u003e, un complexe de flavonoïdes antioxydants, en fait une plante de référence.\u003c\/p\u003e\n \u003cdiv class=\"cm-grid\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🌱 Fonctions hépatiques\u003c\/h3\u003e\n \u003cp\u003eSoutient les fonctions naturelles du foie au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e💧 Drainage du foie\u003c\/h3\u003e\n \u003cp\u003eContribue au drainage hépatique et à l'élimination des toxines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🍽️ Digestion confortable\u003c\/h3\u003e\n \u003cp\u003eFavorise une digestion agréable, même après des repas copieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e✨ Actifs antioxydants\u003c\/h3\u003e\n \u003cp\u003eApporte des flavonoïdes précieux pour lutter contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-tip\"\u003e\n \u003cspan class=\"cm-tip-icon\"\u003e🍂\u003c\/span\u003e\n \u003cp\u003eLa silymarine du Chardon Marie est particulièrement appréciée lors des \u003cstrong\u003echangements de saison\u003c\/strong\u003e, après les fêtes ou pendant une cure détox au printemps et à l'automne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eLa méthode Canopée® : une extraction unique\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eSuperdiet utilise sa méthode d'extraction exclusive, uniquement à base d'eau, pour obtenir une tisane concentrée de Chardon Marie bio ultra-biodisponible.\u003c\/p\u003e\n \u003cdiv class=\"cm-grid-compact\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e💧 100% à l'eau\u003c\/h3\u003e\n \u003cp\u003eSans alcool, extraction douce préservant les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e⚡ +125% d'actifs\u003c\/h3\u003e\n \u003cp\u003ePlus concentrée qu'une formule classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🌿 100% vegan\u003c\/h3\u003e\n \u003cp\u003eSans conservateur, sans colorant, sans sucre ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n \u003cp\u003eTraçabilité exemplaire et respect total de la plante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eIngrédients pour une ampoule de 10 ml :\u003c\/p\u003e\n \u003cdiv class=\"cm-grid\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🌸 Chardon Marie bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e3250 mg\u003c\/strong\u003e d'extrait aqueux concentré (\u003cem\u003eSilybum marianum\u003c\/em\u003e, parties aériennes fleuries)*\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n \u003cp\u003eBase pure pour une extraction douce et naturelle des principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e✅ Certifié AB\u003c\/h3\u003e\n \u003cp\u003eIngrédient issu de l'Agriculture Biologique — FR-BIO-10, Agriculture France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-tip\"\u003e\n \u003cspan class=\"cm-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003eSans alcool, sans sucre ajouté, sans gluten, sans lactose, sans OGM, sans conservateur, sans colorant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eComment prendre le Chardon Marie Superdiet ?\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eUne cure recommandée de 10 à 20 jours, à raison de 1 à 2 ampoules par jour.\u003c\/p\u003e\n \u003cdiv class=\"cm-timeline\"\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eAgitez l'ampoule\u003c\/h3\u003e\n \u003cp\u003eSecouez avant ouverture pour homogénéiser la préparation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eOuverture facile\u003c\/h3\u003e\n \u003cp\u003ePas besoin de scie : l'ampoule s'ouvre simplement aux deux extrémités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eDiluez son contenu\u003c\/h3\u003e\n \u003cp\u003eVersez 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=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eLe bon moment\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin à jeun ou 15 minutes avant un repas pour favoriser l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-tip\"\u003e\n \u003cspan class=\"cm-tip-icon\"\u003e🥗\u003c\/span\u003e\n \u003cp\u003ePour un accompagnement détox complet, associez cette cure à une \u003cstrong\u003ealimentation légère\u003c\/strong\u003e, riche en légumes verts, et à une bonne hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cm-accordion\"\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e⚠️ Public non concerné\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux personnes sous traitement médicamenteux sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez conseil à votre médecin ou pharmacien avant toute cure, surtout en cas de pathologie hépatique ou biliaire. Respectez les doses journalières indiquées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e🍽️ Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"cm-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.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eNotre avis sur le Chardon Marie bio Superdiet\u003c\/h2\u003e\n \u003cdiv class=\"cm-testimonial\"\u003e\n \u003cp class=\"cm-testimonial-text\"\u003e\"Plébiscité pour son goût végétal doux et son format pratique, ce chardon marie silymarine en ampoules séduit autant les adeptes de phytothérapie que les novices. Une solution sérieuse, française et bio pour prendre soin de votre foie en douceur.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e🌿 Offrez à votre foie une cure détox naturelle, concentrée et 100% bio — la signature Superdiet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cm-cream: #faf7fb;\n --cm-white: #ffffff;\n --cm-primary: #7a2e6b;\n --cm-primary-dark: #4d1a44;\n --cm-primary-light: #f4e7f1;\n --cm-secondary: #c44a9e;\n --cm-accent: #d4a017;\n --cm-text: #1a1a1a;\n --cm-text-light: #5a5a5a;\n --cm-border: #e8dde6;\n --cm-shadow: 0 4px 24px rgba(122,46,107,.08);\n --cm-shadow-lg: 0 12px 48px rgba(122,46,107,.18);\n --cm-radius: 20px;\n --cm-radius-sm: 12px;\n}\n\n.cm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cm-text);\n}\n\n.cm-hero {\n position: relative;\n background: linear-gradient(135deg, #7a2e6b 0%, #a93d8a 50%, #c44a9e 100%);\n border-radius: var(--cm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cm-shadow-lg);\n}\n\n.cm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 20%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(212,160,23,.3) 0%, transparent 45%);\n opacity: .2;\n}\n\n.cm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.cm-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 16px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 700px;\n}\n\n.cm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cm-primary), var(--cm-secondary));\n border-radius: 2px;\n}\n\n.cm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cm-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cm-card {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cm-shadow-lg);\n border-color: var(--cm-primary);\n}\n\n.cm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cm-grid-compact .cm-card {\n padding: 1rem;\n}\n\n.cm-grid-compact .cm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cm-grid-compact .cm-card p {\n font-size: 12px;\n}\n\n.cm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cm-primary), var(--cm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(122,46,107,.3);\n}\n\n.cm-timeline-content {\n flex: 1;\n background: var(--cm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cm-radius-sm);\n box-shadow: var(--cm-shadow);\n}\n\n.cm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cm-timeline-content p {\n font-size: 14px;\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cm-testimonial {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cm-shadow);\n border-left: 4px solid var(--cm-primary);\n}\n\n.cm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cm-accordion {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n box-shadow: var(--cm-shadow);\n overflow: hidden;\n}\n\n.cm-accordion-item {\n border-bottom: 1px solid var(--cm-border);\n margin: 0;\n padding: 0;\n}\n\n.cm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cm-accordion-header:hover {\n background: var(--cm-primary-light);\n}\n\n.cm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cm-primary);\n transition: transform .2s ease;\n}\n\n.cm-accordion-item[open] .cm-accordion-header::after {\n content: '−';\n}\n\n.cm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cm-accordion-content p {\n margin: 0;\n}\n\n.cm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cm-primary-light);\n border-radius: var(--cm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cm-tip p {\n font-size: 14px;\n color: var(--cm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cm-cta-box {\n background: linear-gradient(135deg, var(--cm-primary) 0%, var(--cm-primary-dark) 100%);\n border-radius: var(--cm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cm-shadow-lg);\n}\n\n.cm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .cm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cm-card {\n padding: 1.125rem;\n }\n\n .cm-section {\n margin-bottom: 1.75rem;\n }\n\n .cm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cm-radius-sm);\n }\n\n .cm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cm-grid-compact {\n gap: .625rem;\n }\n\n .cm-grid-compact .cm-card {\n padding: .75rem;\n }\n\n .cm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cm-timeline-content h3 {\n font-size: 14px;\n }\n\n .cm-timeline-content p {\n font-size: 13px;\n }\n\n .cm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cm-testimonial {\n padding: 1.25rem;\n }\n\n .cm-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cm-card:nth-child(1) { animation-delay: .05s; }\n .cm-card:nth-child(2) { animation-delay: .1s; }\n .cm-card:nth-child(3) { animation-delay: .15s; }\n .cm-card:nth-child(4) { animation-delay: .2s; }\n .cm-card:nth-child(5) { animation-delay: .25s; }\n .cm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754716815517,"sku":"NBAISUP0057","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/chardon-marie-bio-20-ampoules-de-15-ml-superdiet-packshothd.webp?v=1776436743"},{"product_id":"radis-noir-artichaut-bio-coffret-20-ampoules-de-15-ml-superdiet","title":"Radis Noir \u0026 Artichaut Bio - 20 Ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"rna-premium\"\u003e\n \u003cdiv class=\"rna-hero\"\u003e\n \u003cdiv class=\"rna-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rna-hero-content\"\u003e\n \u003cdiv class=\"rna-badges-top\"\u003e\n \u003cspan class=\"rna-badge\"\u003e🌱 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"rna-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"rna-badge\"\u003e💪 +125% d'actifs\u003c\/span\u003e\n \u003cspan class=\"rna-badge\"\u003e🌿 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rna-hero-title\"\u003eRadis Noir \u0026amp; Artichaut Bio\u003c\/span\u003e\n \u003cp class=\"rna-subtitle\"\u003eLe duo végétal de référence pour votre digestion\u003c\/p\u003e\n \u003cp class=\"rna-description\"\u003e20 ampoules concentrées Superdiet — Méthode Canopée exclusive pour une efficacité optimisée à chaque prise, après les repas copieux ou en cure détox.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003ePourquoi choisir ces ampoules de Radis Noir Artichaut ?\u003c\/h2\u003e\n \u003cp class=\"rna-section-intro\"\u003eLourdeurs digestives, excès alimentaires, changements de saison, foie paresseux… Notre système digestif est soumis à de nombreuses sollicitations au quotidien. L'ampoule artichaut et radis noir agit comme un véritable coup de pouce naturel pour relancer votre vitalité digestive.\u003c\/p\u003e\n \u003cdiv class=\"rna-grid\"\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🌿 Artichaut bio — 890 mg\u003c\/h3\u003e\n \u003cp\u003eTitré à \u003cstrong\u003e3,7 mg de cynarines\u003c\/strong\u003e, il contribue au \u003cstrong\u003econfort digestif\u003c\/strong\u003e et au \u003cstrong\u003efonctionnement normal du foie\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🖤 Radis noir bio pur jus — 8,6 ml\u003c\/h3\u003e\n \u003cp\u003eComplète harmonieusement la formule grâce à sa \u003cstrong\u003erichesse naturelle en composés soufrés\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e✨ Synergie détox\u003c\/h3\u003e\n \u003cp\u003eSolution idéale lors des \u003cstrong\u003ecures détox\u003c\/strong\u003e de printemps ou d'automne, ou après une période de repas copieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 1 ampoule de 10 ml\u003c\/h2\u003e\n \u003cdiv class=\"rna-grid-compact\"\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🖤 Radis noir bio\u003c\/h3\u003e\n \u003cp\u003eJus pur : \u003cstrong\u003e8,6 ml\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🌿 Artichaut bio\u003c\/h3\u003e\n \u003cp\u003eExtrait aqueux (feuilles) : \u003cstrong\u003e890 mg\u003c\/strong\u003e titré à 3,7 mg de cynarines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n \u003cp\u003ePour une formule \u003cstrong\u003epure et naturelle\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e✅ Certifications\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eFR-BIO-10\u003c\/strong\u003e — Vegan, sans alcool, sans conservateur ni colorant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-tip\"\u003e\n \u003cspan class=\"rna-tip-icon\"\u003e🏆\u003c\/span\u003e\n \u003cp\u003eFabriqué en France par \u003cstrong\u003eSuperdiet\u003c\/strong\u003e, laboratoire reconnu pour son savoir-faire phytothérapeutique depuis plus de \u003cstrong\u003e60 ans\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003eComment prendre les ampoules Radis Noir Artichaut ?\u003c\/h2\u003e\n \u003cdiv class=\"rna-timeline\"\u003e\n \u003cdiv class=\"rna-timeline-item\"\u003e\n \u003cdiv class=\"rna-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-content\"\u003e\n \u003ch3\u003eAgitez bien avant ouverture\u003c\/h3\u003e\n \u003cp\u003eSecouez l'ampoule pour homogénéiser les actifs végétaux naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-item\"\u003e\n \u003cdiv class=\"rna-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-content\"\u003e\n \u003ch3\u003e1 à 2 ampoules par jour\u003c\/h3\u003e\n \u003cp\u003eAdaptez la posologie selon vos besoins, sur une durée de 10 à 20 jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-item\"\u003e\n \u003cdiv class=\"rna-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-content\"\u003e\n \u003ch3\u003eLe soir, après le repas\u003c\/h3\u003e\n \u003cp\u003eÀ consommer pure ou diluée dans un demi-verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-item\"\u003e\n \u003cdiv class=\"rna-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-content\"\u003e\n \u003ch3\u003eCure idéale de 20 jours\u003c\/h3\u003e\n \u003cp\u003eParfait lors des changements de saison ou après une période d'excès. Réservé aux adultes et adolescents de plus de 12 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003eLa méthode Canopée : une concentration inédite\u003c\/h2\u003e\n \u003cp class=\"rna-section-intro\"\u003eSuperdiet a développé la \u003cstrong\u003eméthode Canopée\u003c\/strong\u003e, un procédé d'extraction exclusif permettant de préserver un maximum d'actifs végétaux tout en garantissant une qualité constante.\u003c\/p\u003e\n \u003cdiv class=\"rna-grid-compact\"\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🚀 +125% d'actifs\u003c\/h3\u003e\n \u003cp\u003eUne formule \u003cstrong\u003eplus concentrée\u003c\/strong\u003e qu'une formulation classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🌱 Goût authentique\u003c\/h3\u003e\n \u003cp\u003eLa \u003cstrong\u003esaveur naturelle\u003c\/strong\u003e des plantes fraîches préservée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🔬 Qualité constante\u003c\/h3\u003e\n \u003cp\u003eUn procédé \u003cstrong\u003eexclusif\u003c\/strong\u003e pour une efficacité régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e💚 Respect du végétal\u003c\/h3\u003e\n \u003cp\u003eExtraction douce qui \u003cstrong\u003epréserve les principes actifs\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"rna-accordion\"\u003e\n \u003cdetails class=\"rna-accordion-item\"\u003e\n \u003csummary class=\"rna-accordion-header\"\u003e⏱️ Quand ressentir les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n \u003cp\u003eLa plupart des utilisateurs observent une \u003cstrong\u003eamélioration du confort digestif dès la première semaine de cure\u003c\/strong\u003e, avec une réduction des sensations de lourdeur après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rna-accordion-item\"\u003e\n \u003csummary class=\"rna-accordion-header\"\u003e🔄 Peut-on enchaîner plusieurs cures ?\u003c\/summary\u003e\n \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, vous pouvez renouveler la cure \u003cstrong\u003e2 à 3 fois par an\u003c\/strong\u003e, notamment aux intersaisons. Laissez une pause d'une à deux semaines entre chaque cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rna-accordion-item\"\u003e\n \u003csummary class=\"rna-accordion-header\"\u003e👥 Pour qui ?\u003c\/summary\u003e\n \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément convient aux \u003cstrong\u003eadultes souhaitant soutenir leur digestion\u003c\/strong\u003e et la vitalité de leur foie de manière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rna-accordion\"\u003e\n \u003cdetails class=\"rna-accordion-item\"\u003e\n \u003csummary class=\"rna-accordion-header\"\u003e⚠️ Contre-indications et mises en garde\u003c\/summary\u003e\n \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e, aux \u003cstrong\u003eenfants de moins de 12 ans\u003c\/strong\u003e et aux personnes présentant des \u003cstrong\u003ecalculs biliaires\u003c\/strong\u003e ou une \u003cstrong\u003eobstruction des voies biliaires\u003c\/strong\u003e. Ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain. Ce produit ne remplace en aucun cas un traitement médical : demandez l'avis de votre médecin en cas de doute ou de traitement en cours. Respectez la dose journalière recommandée. À tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"rna-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée, é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 --rna-cream: #faf7fb;\n --rna-white: #ffffff;\n --rna-primary: #6b2d5c;\n --rna-primary-dark: #4a1f3f;\n --rna-primary-light: #f0e6ef;\n --rna-secondary: #8fa85a;\n --rna-accent: #d4a017;\n --rna-text: #1a1a1a;\n --rna-text-light: #5a5a5a;\n --rna-border: #e6dce5;\n --rna-shadow: 0 4px 24px rgba(74,31,63,.08);\n --rna-shadow-lg: 0 12px 48px rgba(74,31,63,.15);\n --rna-radius: 20px;\n --rna-radius-sm: 12px;\n}\n\n.rna-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rna-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--rna-text);\n line-height: 1.6;\n}\n\n.rna-hero {\n position: relative;\n background: linear-gradient(135deg, #6b2d5c 0%, #8fa85a 70%, #a8c26e 100%);\n border-radius: var(--rna-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(--rna-shadow-lg);\n}\n\n.rna-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 3px),\n radial-gradient(circle at 70% 60%, white 1px, transparent 2px),\n radial-gradient(circle at 40% 80%, white 2px, transparent 3px);\n background-size: 120px 120px, 80px 80px, 160px 160px;\n}\n\n.rna-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rna-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.rna-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.8vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.rna-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.rna-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rna-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(--rna-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rna-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rna-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rna-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rna-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.rna-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(--rna-primary), var(--rna-secondary));\n border-radius: 2px;\n}\n\n.rna-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rna-text-light);\n margin-bottom: 1.75rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.rna-card {\n background: var(--rna-white);\n border-radius: var(--rna-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rna-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rna-shadow-lg);\n border-color: var(--rna-primary);\n}\n\n.rna-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rna-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rna-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rna-card strong {\n color: var(--rna-primary);\n font-weight: 700;\n}\n\n.rna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rna-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rna-grid-compact .rna-card {\n padding: 1rem;\n}\n\n.rna-grid-compact .rna-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rna-grid-compact .rna-card p {\n font-size: 12px;\n}\n\n.rna-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.rna-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rna-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rna-primary), var(--rna-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.rna-timeline-content {\n flex: 1;\n background: var(--rna-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rna-radius-sm);\n box-shadow: var(--rna-shadow);\n}\n\n.rna-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rna-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rna-timeline-content p {\n font-size: 14px;\n color: var(--rna-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.rna-accordion {\n background: var(--rna-white);\n border-radius: var(--rna-radius);\n box-shadow: var(--rna-shadow);\n overflow: hidden;\n max-width: 860px;\n margin: 0 auto;\n}\n\n.rna-accordion-item {\n border-bottom: 1px solid var(--rna-border);\n margin: 0;\n padding: 0;\n}\n\n.rna-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rna-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rna-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.rna-accordion-header:hover {\n background: var(--rna-primary-light);\n}\n\n.rna-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rna-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--rna-primary);\n transition: transform .2s ease;\n line-height: 1;\n}\n\n.rna-accordion-item[open] .rna-accordion-header::after {\n content: '−';\n}\n\n.rna-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rna-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rna-accordion-content p {\n margin: 0;\n}\n\n.rna-accordion-content strong {\n color: var(--rna-primary-dark);\n}\n\n.rna-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rna-primary-light);\n border-radius: var(--rna-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rna-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rna-tip p {\n font-size: 14px;\n color: var(--rna-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.rna-tip strong {\n color: var(--rna-primary-dark);\n}\n\n.rna-disclaimer {\n font-size: 12px;\n color: var(--rna-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .rna-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .rna-card {\n padding: 1.125rem;\n }\n .rna-section {\n margin-bottom: 1.75rem;\n }\n .rna-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rna-radius-sm);\n }\n .rna-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .rna-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .rna-grid-compact {\n gap: .625rem;\n }\n .rna-grid-compact .rna-card {\n padding: .75rem;\n }\n .rna-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .rna-timeline-content {\n padding: .875rem 1rem;\n }\n .rna-timeline-content h3 {\n font-size: 14px;\n }\n .rna-timeline-content p {\n font-size: 13px;\n }\n .rna-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .rna-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .rna-card {\n animation: rnaFadeInUp .5s ease backwards;\n }\n .rna-card:nth-child(1) { animation-delay: .05s; }\n .rna-card:nth-child(2) { animation-delay: .1s; }\n .rna-card:nth-child(3) { animation-delay: .15s; }\n .rna-card:nth-child(4) { animation-delay: .2s; }\n .rna-card:nth-child(5) { animation-delay: .25s; }\n .rna-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rnaFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rna-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":45754717241501,"sku":"NBAISUP0024","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/radis-noir-artichaut-bio-20-ampoules-de-15-ml-superdiet-packshothd.webp?v=1776409841"},{"product_id":"quatuor-circulation-bio-20-ampoules-superdiet","title":"Quatuor Circulation Bio 20 Ampoules - Superdiet","description":"\u003cdiv class=\"qc-premium\"\u003e\n \u003cdiv class=\"qc-hero\"\u003e\n \u003cdiv class=\"qc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"qc-hero-content\"\u003e\n \u003cdiv class=\"qc-badges-top\"\u003e\n \u003cspan class=\"qc-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e💧 Sans alcool\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e🌱 100% plantes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"qc-hero-title\"\u003eQuatuor Circulation Bio\u003c\/span\u003e\n \u003cp class=\"qc-subtitle\"\u003e20 ampoules · Superdiet\u003c\/p\u003e\n \u003cp class=\"qc-description\"\u003eQuatre plantes emblématiques – \u003cstrong\u003evigne rouge, marronnier d'Inde, hamamélis et ginkgo biloba\u003c\/strong\u003e – réunies dans une formule liquide synergique pour accompagner vos jambes au quotidien et soutenir la bonne circulation du sang.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complément circulation sanguine ?\u003c\/h2\u003e\n \u003cp class=\"qc-section-intro\"\u003eJambes lourdes, sensation de gonflement en fin de journée, chevilles fatiguées après une station debout prolongée… Ces désagréments sont le signe que votre retour veineux mérite un petit coup de pouce. Le Quatuor Circulation est pensé comme un \u003cstrong\u003ecomplément alimentaire circulation veineuse et lymphatique\u003c\/strong\u003e synergique, où chaque plante renforce l'action des autres.\u003c\/p\u003e\n \u003cdiv class=\"qc-grid\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🍇 Vigne rouge\u003c\/h3\u003e\n \u003cp\u003eRiche en polyphénols, elle contribue à une bonne circulation du sang et aide à soulager la sensation de jambes lourdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌰 Marronnier d'Inde\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisé pour tonifier la circulation et soutenir le tonus veineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌼 Hamamélis\u003c\/h3\u003e\n \u003cp\u003ePlante aux propriétés veinotoniques reconnues, elle complète parfaitement l'action de la vigne rouge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🍃 Ginkgo biloba\u003c\/h3\u003e\n \u003cp\u003eContribue à une bonne microcirculation, notamment au niveau des extrémités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 1 ampoule de 15 ml\u003c\/h2\u003e\n \u003cdiv class=\"qc-grid-compact\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌰 Marronnier d'Inde*\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e450 mg\u003c\/strong\u003e\u003cbr\u003eExtrait aqueux de graine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌼 Hamamélis*\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e\u003cbr\u003eExtrait aqueux de feuille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🍇 Vigne rouge*\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e\u003cbr\u003eExtrait aqueux de feuille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🍃 Ginkgo biloba*\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e22,5 mg\u003c\/strong\u003e\u003cbr\u003eExtrait sec de feuille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-tip\"\u003e\n \u003cspan class=\"qc-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique (certifié AB).\u003c\/em\u003e\u003cbr\u003e\u003cstrong\u003eSans alcool, sans conservateur, sans colorant.\u003c\/strong\u003e Fabrication française, 100% plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eComment prendre le Quatuor Circulation Bio ?\u003c\/h2\u003e\n \u003cdiv class=\"qc-timeline\"\u003e\n \u003cdiv class=\"qc-timeline-item\"\u003e\n \u003cdiv class=\"qc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-content\"\u003e\n \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin, pure ou diluée dans un demi-verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-item\"\u003e\n \u003cdiv class=\"qc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-content\"\u003e\n \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n \u003cp\u003eLa boîte contient 20 ampoules, soit une cure complète renouvelable plusieurs fois dans l'année, notamment aux changements de saison ou pendant les périodes chaudes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-item\"\u003e\n \u003cdiv class=\"qc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-content\"\u003e\n \u003ch3\u003eAssociez à un mode de vie sain\u003c\/h3\u003e\n \u003cp\u003eHydratez-vous suffisamment, pratiquez une activité physique régulière (marche, natation) et évitez les sources de chaleur sur les jambes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément alimentaire circulation ?\u003c\/h2\u003e\n \u003cp class=\"qc-section-intro\"\u003eCe \u003cstrong\u003emeilleur complément alimentaire circulation sanguine\u003c\/strong\u003e s'adresse aux personnes qui :\u003c\/p\u003e\n \u003cdiv class=\"qc-grid-compact\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🦵 Jambes lourdes\u003c\/h3\u003e\n \u003cp\u003eRessentent régulièrement des jambes lourdes ou gonflées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e💼 Station prolongée\u003c\/h3\u003e\n \u003cp\u003eTravaillent debout ou assises longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e☀️ Préparation été\u003c\/h3\u003e\n \u003cp\u003eSouhaitent préparer leurs jambes à l'été ou aux longs voyages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌿 Solution naturelle\u003c\/h3\u003e\n \u003cp\u003eRecherchent une solution naturelle et bio à base de plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eUn engagement qualité Superdiet\u003c\/h2\u003e\n \u003cdiv class=\"qc-cta-box\"\u003e\n \u003cp\u003eDepuis plus de \u003cstrong\u003e60 ans\u003c\/strong\u003e, Superdiet cultive un savoir-faire français autour de la phytothérapie. Les ampoules sont fabriquées en France, à partir de plantes rigoureusement sélectionnées et certifiées bio. Chaque lot fait l'objet de contrôles qualité stricts, gage de \u003cstrong\u003etraçabilité et de sécurité\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"qc-accordion\"\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e⚠️ Dose journalière \u0026amp; usage\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eRespectez la dose journalière recommandée. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. \u003cstrong\u003eIl ne remplace en aucun cas un traitement médical.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes, allaitantes, aux enfants et aux personnes sous traitement anticoagulant ou antidépresseur. En cas de doute, consultez votre médecin ou votre pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. À conserver dans un endroit sec et frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --qc-cream: #faf6f1;\n --qc-white: #ffffff;\n --qc-primary: #c8102e;\n --qc-primary-dark: #8b0a1f;\n --qc-primary-light: #fde8eb;\n --qc-secondary: #4a8b3a;\n --qc-accent: #f4a825;\n --qc-text: #1a1a1a;\n --qc-text-light: #5a5a5a;\n --qc-border: #e8dfd4;\n --qc-shadow: 0 4px 24px rgba(139,10,31,.08);\n --qc-shadow-lg: 0 12px 48px rgba(139,10,31,.15);\n --qc-radius: 20px;\n --qc-radius-sm: 12px;\n}\n\n.qc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--qc-text);\n line-height: 1.6;\n}\n\n.qc-hero {\n position: relative;\n background: linear-gradient(135deg, #c8102e 0%, #8b0a1f 60%, #4a8b3a 100%);\n border-radius: var(--qc-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(--qc-shadow-lg);\n}\n\n.qc-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,.15) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(74,139,58,.2) 0%, transparent 40%);\n opacity: .6;\n}\n\n.qc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.qc-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.qc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.qc-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.qc-description strong {\n color: white;\n font-weight: 700;\n}\n\n.qc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qc-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(--qc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.qc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qc-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.qc-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(--qc-primary), var(--qc-secondary));\n border-radius: 2px;\n}\n\n.qc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qc-text-light);\n margin-bottom: 1.5rem;\n max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.qc-card {\n background: var(--qc-white);\n border-radius: var(--qc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qc-shadow-lg);\n border-color: var(--qc-primary);\n}\n\n.qc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.qc-card p strong {\n color: var(--qc-primary);\n font-size: 1.15em;\n font-weight: 800;\n}\n\n.qc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.qc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qc-grid-compact .qc-card {\n padding: 1rem;\n}\n\n.qc-grid-compact .qc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qc-grid-compact .qc-card p {\n font-size: 12px;\n}\n\n.qc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.qc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qc-primary), var(--qc-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(200,16,46,.3);\n}\n\n.qc-timeline-content {\n flex: 1;\n background: var(--qc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qc-radius-sm);\n box-shadow: var(--qc-shadow);\n}\n\n.qc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qc-timeline-content p {\n font-size: 14px;\n color: var(--qc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.qc-accordion {\n background: var(--qc-white);\n border-radius: var(--qc-radius);\n box-shadow: var(--qc-shadow);\n overflow: hidden;\n}\n\n.qc-accordion-item {\n border-bottom: 1px solid var(--qc-border);\n margin: 0;\n padding: 0;\n}\n\n.qc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qc-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.qc-accordion-header:hover {\n background: var(--qc-primary-light);\n}\n\n.qc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qc-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--qc-primary);\n transition: transform .2s ease;\n}\n\n.qc-accordion-item[open] .qc-accordion-header::after {\n content: '−';\n}\n\n.qc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qc-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.qc-accordion-content p {\n margin: 0;\n}\n\n.qc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qc-primary-light);\n border-radius: var(--qc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--qc-secondary);\n}\n\n.qc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qc-tip p {\n font-size: 14px;\n color: var(--qc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.qc-cta-box {\n background: linear-gradient(135deg, var(--qc-primary) 0%, var(--qc-primary-dark) 100%);\n border-radius: var(--qc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--qc-shadow-lg);\n}\n\n.qc-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.qc-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 position: relative;\n z-index: 1;\n}\n\n.qc-cta-box p strong {\n font-weight: 800;\n color: #ffe8a8;\n}\n\n@media (max-width: 767px) {\n .qc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .qc-card {\n padding: 1.125rem;\n }\n .qc-section {\n margin-bottom: 1.75rem;\n }\n .qc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qc-radius-sm);\n }\n .qc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .qc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .qc-grid-compact {\n gap: .625rem;\n }\n .qc-grid-compact .qc-card {\n padding: .75rem;\n }\n .qc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .qc-timeline-content {\n padding: .875rem 1rem;\n }\n .qc-timeline-content h3 {\n font-size: 14px;\n }\n .qc-timeline-content p {\n font-size: 13px;\n }\n .qc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .qc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .qc-card {\n animation: qcFadeInUp .5s ease backwards;\n }\n .qc-card:nth-child(1) { animation-delay: .05s; }\n .qc-card:nth-child(2) { animation-delay: .1s; }\n .qc-card:nth-child(3) { animation-delay: .15s; }\n .qc-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes qcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .qc-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":45754717700253,"sku":"NBAISUP0014","price":20.79,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quatuor-circulation-bio-20-ampoules-superdiet-packshothd.webp?v=1776409601"},{"product_id":"psyllium-blond-bio-teguments-200-g-superdiet","title":"Psyllium Blond Bio - Téguments 200 G - Superdiet","description":"\u003cdiv class=\"psy-premium\"\u003e\n \u003cdiv class=\"psy-hero\"\u003e\n \u003cdiv class=\"psy-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"psy-hero-content\"\u003e\n \u003cdiv class=\"psy-badges-top\"\u003e\n \u003cspan class=\"psy-badge\"\u003e🌱 100% Bio (AB)\u003c\/span\u003e\n \u003cspan class=\"psy-badge\"\u003e🌾 Sans gluten\u003c\/span\u003e\n \u003cspan class=\"psy-badge\"\u003e🌿 Vegan\u003c\/span\u003e\n \u003cspan class=\"psy-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"psy-hero-title\"\u003ePsyllium Blond Bio\u003c\/span\u003e\n \u003cp class=\"psy-subtitle\"\u003eTéguments de Plantago ovata — 200 g • Superdiet\u003c\/p\u003e\n \u003cp class=\"psy-description\" style=\"color:white;\"\u003eEnvie d'un \u003cstrong\u003e\u003cspan style=\"color:white;\"\u003etransit régulier\u003c\/span\u003e\u003c\/strong\u003e et d'un ventre plus léger au quotidien ? Découvrez un complément alimentaire 100% naturel composé exclusivement de \u003cstrong\u003e\u003cspan style=\"color:white;\"\u003etéguments de Plantago ovata bio\u003c\/span\u003e\u003c\/strong\u003e, aussi appelé \u003cem\u003eispaghul\u003c\/em\u003e, reconnu pour sa richesse exceptionnelle en \u003cstrong\u003e\u003cspan style=\"color:white;\"\u003e solubles\u003c\/span\u003e\u003c\/strong\u003e qui gonflent au contact de l'eau pour former un gel doux, véritable allié de votre confort digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"psy-section\"\u003e\n \u003ch2\u003ePsyllium blond : 4 bienfaits pour votre digestion\u003c\/h2\u003e\n \u003cp class=\"psy-section-intro\"\u003eLes \u003cstrong\u003etéguments de psyllium blond\u003c\/strong\u003e concentrent jusqu'à \u003cstrong\u003e88% de fibres\u003c\/strong\u003e, essentiellement solubles. Au contact de l'eau, ces fibres forment un mucilage qui agit mécaniquement sur votre système digestif.\u003c\/p\u003e\n \u003cdiv class=\"psy-grid\"\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🌀 Régulation du transit\u003c\/h3\u003e\n \u003cp\u003eAide en cas de constipation occasionnelle en ramollissant les selles, et freine un transit trop rapide grâce à son effet régulateur naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eApaise et lubrifie le tube digestif en douceur, sans irriter la muqueuse intestinale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🥣 Effet de satiété\u003c\/h3\u003e\n \u003cp\u003eIdéal dans le cadre d'une alimentation équilibrée, il aide à mieux gérer l'appétit au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🌾 Source de fibres\u003c\/h3\u003e\n \u003cp\u003eParfait pour compléter les apports recommandés de \u003cstrong\u003e25 à 30 g de fibres par jour\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"psy-section\"\u003e\n \u003ch2\u003ePsyllium blond posologie : comment le prendre ?\u003c\/h2\u003e\n \u003cp class=\"psy-section-intro\"\u003ePour une efficacité optimale, introduisez le \u003cstrong\u003epsyllium blond en poudre\u003c\/strong\u003e progressivement dans votre routine.\u003c\/p\u003e\n \u003cdiv class=\"psy-timeline\"\u003e\n \u003cdiv class=\"psy-timeline-item\"\u003e\n \u003cdiv class=\"psy-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"psy-timeline-content\"\u003e\n \u003ch3\u003eDébut de cure (3 premiers jours)\u003c\/h3\u003e\n \u003cp\u003e1 cuillère à café rase dans un grand verre d'eau, de jus, un yaourt ou une compote. Mélangez et consommez \u003cstrong\u003eimmédiatement\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-timeline-item\"\u003e\n \u003cdiv class=\"psy-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"psy-timeline-content\"\u003e\n \u003ch3\u003eAprès 3 jours\u003c\/h3\u003e\n \u003cp\u003eJusqu'à \u003cstrong\u003e2 cuillères à café par jour\u003c\/strong\u003e, en 1 ou 2 prises, selon votre tolérance digestive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-timeline-item\"\u003e\n \u003cdiv class=\"psy-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"psy-timeline-content\"\u003e\n \u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n \u003cp\u003eCure de \u003cstrong\u003e1 à 2 mois\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-tip\"\u003e\n \u003cspan class=\"psy-tip-icon\"\u003e💧\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eHydratation essentielle :\u003c\/strong\u003e buvez au moins \u003cstrong\u003e1,5 L d'eau par jour\u003c\/strong\u003e pendant la cure. Sans eau suffisante, les fibres ne peuvent pas agir correctement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-tip\"\u003e\n \u003cspan class=\"psy-tip-icon\"\u003e🥗\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce gourmande :\u003c\/strong\u003e intégrez-le dans un porridge, un smoothie, une soupe, ou saupoudrez-le sur vos salades pour un apport en fibres invisible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"psy-section\"\u003e\n \u003ch2\u003eComposition : la pureté avant tout\u003c\/h2\u003e\n \u003cp class=\"psy-section-intro\"\u003e\u003cstrong\u003eIngrédient unique\u003c\/strong\u003e : téguments de psyllium blond (\u003cem\u003ePlantago ovata\u003c\/em\u003e) issus de l'agriculture biologique. \u003cstrong\u003e100% Bio, sans additif, sans conservateur, naturellement sans gluten.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"psy-grid-compact\"\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🌱 Certifié AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🌿 Vegan\u003c\/h3\u003e\n \u003cp\u003eConvient aux végétariens \u0026amp; véganes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n \u003cp\u003ePar la marque Superdiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🌏 Origine Inde\u003c\/h3\u003e\n \u003cp\u003eTerroir historique du Plantago ovata\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"psy-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Psyllium Blond Bio Superdiet ?\u003c\/h2\u003e\n \u003cp\u003eSouvent recherché en magasin bio type \u003cstrong\u003eBiocoop\u003c\/strong\u003e, le \u003cstrong\u003epsyllium bio Superdiet\u003c\/strong\u003e se distingue par sa qualité premium : téguments obtenus par \u003cstrong\u003etri doux\u003c\/strong\u003e, sans solvants ni traitements agressifs, afin de préserver l'intégrité des mucilages. La marque française Superdiet s'engage depuis plus de \u003cstrong\u003e60 ans\u003c\/strong\u003e pour des formules simples, transparentes et respectueuses de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"psy-grid-compact\"\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🏆 60 ans d'expertise\u003c\/h3\u003e\n \u003cp\u003ePionnier français du bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e✨ Tri doux\u003c\/h3\u003e\n \u003cp\u003eSans solvants ni agressions\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🔒 Mucilages préservés\u003c\/h3\u003e\n \u003cp\u003eEfficacité maximale des fibres\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e♻️ Sachet recyclable\u003c\/h3\u003e\n \u003cp\u003eEngagement éco-responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"psy-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"psy-accordion\"\u003e\n \u003cdetails class=\"psy-accordion-item\"\u003e\n \u003csummary class=\"psy-accordion-header\"\u003e💧 Hydratation indispensable\u003c\/summary\u003e\n \u003cdiv class=\"psy-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ consommer avec une \u003cstrong\u003equantité suffisante d'eau\u003c\/strong\u003e. Un apport hydrique insuffisant peut provoquer un inconfort digestif ou une obstruction intestinale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"psy-accordion-item\"\u003e\n \u003csummary class=\"psy-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"psy-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé en cas de \u003cstrong\u003esténose intestinale, occlusion digestive ou troubles de la déglutition\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"psy-accordion-item\"\u003e\n \u003csummary class=\"psy-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"psy-accordion-content mt-3\"\u003e\n \u003cp\u003eEspacez la prise d'au moins \u003cstrong\u003e2 heures\u003c\/strong\u003e avec vos éventuels traitements médicamenteux (les fibres peuvent réduire leur absorption).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"psy-accordion-item\"\u003e\n \u003csummary class=\"psy-accordion-header\"\u003e🤰 Femmes enceintes \u0026amp; traitements\u003c\/summary\u003e\n \u003cdiv class=\"psy-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eFemmes enceintes, allaitantes\u003c\/strong\u003e ou personnes sous traitement : demandez l'avis d'un professionnel de santé avant toute cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"psy-accordion-item\"\u003e\n \u003csummary class=\"psy-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"psy-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. À conserver \u003cstrong\u003eau sec\u003c\/strong\u003e, à 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=\"psy-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --psy-cream: #f5f9fa;\n --psy-white: #ffffff;\n --psy-primary: #3a8a94;\n --psy-primary-dark: #1f5c66;\n --psy-primary-light: #e3f1f3;\n --psy-secondary: #7cb342;\n --psy-accent: #c8e6c9;\n --psy-text: #1a2e32;\n --psy-text-light: #5a6a6d;\n --psy-border: #d8e4e6;\n --psy-shadow: 0 4px 24px rgba(31, 92, 102, .08);\n --psy-shadow-lg: 0 12px 48px rgba(31, 92, 102, .18);\n --psy-radius: 20px;\n --psy-radius-sm: 12px;\n}\n\n.psy-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--psy-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--psy-text);\n line-height: 1.6;\n}\n\n.psy-premium *, .psy-premium *::before, .psy-premium *::after { box-sizing: border-box; }\n\n.psy-hero {\n position: relative;\n background: linear-gradient(135deg, #a8d5dc 0%, #3a8a94 55%, #1f5c66 100%);\n border-radius: var(--psy-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(--psy-shadow-lg);\n}\n\n.psy-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 20%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 80%, rgba(124,179,66,.3) 0%, transparent 45%);\n opacity: .5;\n}\n\n.psy-hero-content { position: relative; z-index: 1; text-align: center; }\n\n.psy-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.psy-subtitle {\n color: rgba(255,255,255,.95);\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.psy-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.psy-description strong { color: #fff; }\n.psy-description em { color: #e3f1f3; }\n\n.psy-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.psy-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(--psy-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.psy-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n.psy-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n.psy-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--psy-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.psy-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(--psy-primary), var(--psy-secondary));\n border-radius: 2px;\n}\n\n.psy-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--psy-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.psy-section-intro strong { color: var(--psy-primary-dark); }\n\n.psy-premium p { margin: 0 0 1rem 0; color: var(--psy-text); }\n.psy-premium p:last-child { margin-bottom: 0; }\n.psy-premium strong { color: var(--psy-primary-dark); font-weight: 700; }\n\n.psy-card {\n background: var(--psy-white);\n border-radius: var(--psy-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--psy-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.psy-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--psy-shadow-lg);\n border-color: var(--psy-primary);\n}\n\n.psy-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--psy-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.psy-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--psy-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.psy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.psy-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.psy-grid-compact .psy-card { padding: 1rem; }\n.psy-grid-compact .psy-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.psy-grid-compact .psy-card p { font-size: 12px; }\n\n.psy-timeline { display: flex; flex-direction: column; gap: 1rem; }\n\n.psy-timeline-item { display: flex; gap: 1rem; align-items: flex-start; }\n\n.psy-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--psy-primary), var(--psy-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: 18px;\n box-shadow: 0 4px 14px rgba(31, 92, 102, .25);\n}\n\n.psy-timeline-content {\n flex: 1;\n background: var(--psy-white);\n padding: 1rem 1.25rem;\n border-radius: var(--psy-radius-sm);\n box-shadow: var(--psy-shadow);\n}\n\n.psy-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--psy-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.psy-timeline-content p {\n font-size: 14px;\n color: var(--psy-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.psy-accordion {\n background: var(--psy-white);\n border-radius: var(--psy-radius);\n box-shadow: var(--psy-shadow);\n overflow: hidden;\n}\n\n.psy-accordion-item {\n border-bottom: 1px solid var(--psy-border);\n margin: 0;\n padding: 0;\n}\n\n.psy-accordion-item:last-child { border-bottom: none; }\n\n.psy-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--psy-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.psy-accordion-header:hover { background: var(--psy-primary-light); }\n.psy-accordion-header::-webkit-details-marker { display: none; }\n\n.psy-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--psy-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.psy-accordion-item[open] .psy-accordion-header::after { content: '−'; }\n\n.psy-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--psy-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.psy-accordion-content p { margin: 0; color: var(--psy-text-light); }\n.mt-3 { margin-top: 10px; }\n\n.psy-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--psy-primary-light);\n border-radius: var(--psy-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--psy-primary);\n}\n\n.psy-tip-icon { font-size: 26px; flex-shrink: 0; line-height: 1; }\n\n.psy-tip p {\n font-size: 14px;\n color: var(--psy-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.psy-disclaimer {\n font-size: 12px;\n color: var(--psy-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n padding: 0 1rem;\n}\n\n@media (max-width: 767px) {\n .psy-grid { grid-template-columns: 1fr; gap: 1rem; }\n .psy-card { padding: 1.125rem; }\n .psy-section { margin-bottom: 1.75rem; }\n .psy-hero {\n padding: 2.25rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--psy-radius-sm);\n }\n .psy-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .psy-premium h2::after { width: 40px; height: 3px; }\n .psy-grid-compact { gap: .625rem; }\n .psy-grid-compact .psy-card { padding: .75rem; }\n .psy-timeline-number { width: 36px; height: 36px; font-size: 15px; }\n .psy-timeline-content { padding: .875rem 1rem; }\n .psy-timeline-content h3 { font-size: 14px; }\n .psy-timeline-content p { font-size: 13px; }\n .psy-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .psy-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .psy-tip { padding: .875rem 1rem; }\n .psy-tip p { font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .psy-card { animation: psyFadeInUp .5s ease backwards; }\n .psy-card:nth-child(1) { animation-delay: .05s; }\n .psy-card:nth-child(2) { animation-delay: .1s; }\n .psy-card:nth-child(3) { animation-delay: .15s; }\n .psy-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes psyFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .psy-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":45754717798557,"sku":"NBAISUP0040","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/psyllium-blond-bio-teguments-200-g-superdiet-packshothd.webp?v=1776409165"},{"product_id":"acerola-1000-bio-60-comprimes-superdiet","title":"Acérola 1000 Bio - 60 Comprimés - Superdiet","description":"\u003cdiv class=\"ac-premium\"\u003e\n\n\u003cdiv class=\"ac-hero\"\u003e\n\u003cdiv class=\"ac-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ac-hero-content\"\u003e\n\u003cdiv class=\"ac-badges-top\"\u003e\n\u003cspan class=\"ac-badge\"\u003e🍒 100 % vitamine C naturelle\u003c\/span\u003e\n\u003cspan class=\"ac-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"ac-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n\u003cspan class=\"ac-badge\"\u003e📦 Maxi format 60 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ac-hero-title\"\u003eAcérola 1000 Bio\u003c\/span\u003e\n\u003cp class=\"ac-subtitle\"\u003e60 comprimés de vitamine c naturelle à croquer\u003c\/p\u003e\n\u003cp class=\"ac-description\"\u003eLa puissance de l'acérola bio concentrée dans un comprimé fruité : 170 mg de vitamine C naturelle pure pour réduire la fatigue et booster vos défenses, jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eAcérola 1000 Bio Superdiet : votre vitamine C naturelle au quotidien\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eVous cherchez un moyen simple et efficace de faire le plein de \u003cstrong\u003evitamine C naturelle\u003c\/strong\u003e ? L'\u003cstrong\u003eAcérola 1000 Bio\u003c\/strong\u003e de Superdiet est un complément alimentaire biologique à croquer, formulé à partir d'acérola, cette petite baie rouge originaire d'Amérique latine, réputée pour être l'un des fruits les plus riches en vitamine C au monde.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid-compact\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n\u003cp\u003ePetite cerise des Antilles, l'une des sources les plus concentrées en vitamine C au monde\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e💊 1 comprimé\/jour\u003c\/h3\u003e\n\u003cp\u003eFormat pratique à croquer, au bon goût fruité, pour une prise simple et agréable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e📅 60 jours de cure\u003c\/h3\u003e\n\u003cp\u003eMaxi format pensé pour vous accompagner pendant deux mois complets\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eSans colorants ni conservateurs artificiels, issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003ePourquoi choisir la vitamine C d'acérola bio ?\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eContrairement à la vitamine C de synthèse, la \u003cstrong\u003evitamine C acérola bio\u003c\/strong\u003e est naturellement présente dans le fruit et s'accompagne de cofacteurs végétaux qui favorisent son assimilation par l'organisme.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍊 30x plus de vitamine C qu'une orange\u003c\/h3\u003e\n\u003cp\u003eL'acérola, aussi surnommé « cerise des Antilles », concentre une quantité exceptionnelle de vitamine C, incomparable face aux agrumes classiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🧬 Cofacteurs végétaux naturels\u003c\/h3\u003e\n\u003cp\u003eLes bioflavonoïdes et micronutriments naturellement présents dans le fruit favorisent une absorption optimale par votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e✅ 100 % naturelle et certifiée bio\u003c\/h3\u003e\n\u003cp\u003eEn optant pour l'\u003cstrong\u003eAcérola 1000 vitamine C\u003c\/strong\u003e, vous profitez d'une source pure, sans additifs artificiels, sans colorants ni conservateurs de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'Acérola 1000 Bio\u003c\/h2\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e😴 Réduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue à diminuer la fatigue passagère, notamment lors des changements de saison ou des périodes de surmenage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🛡️ Soutien du système immunitaire\u003c\/h3\u003e\n\u003cp\u003eElle participe au fonctionnement normal de vos défenses naturelles tout au long de l'année.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🔬 Protection contre le stress oxydatif\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C est un antioxydant puissant qui aide à protéger vos cellules contre les radicaux libres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e⚡ Énergie et vitalité\u003c\/h3\u003e\n\u003cp\u003eElle contribue à un métabolisme énergétique normal pour aborder chaque journée avec entrain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🫐 Bon goût fruité\u003c\/h3\u003e\n\u003cp\u003eLe comprimé à croquer offre une saveur agréable de fruits rouges, ce qui rend la prise quotidienne réellement plaisante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eChaque comprimé de l'\u003cstrong\u003eAcérola 1000 Bio\u003c\/strong\u003e est soigneusement formulé avec des ingrédients d'origine biologique.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e🍒 Extrait d'acérola bio\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eMalpighia glabra\u003c\/em\u003e titré en vitamine C — \u003cstrong\u003e1000 mg d'acérola\u003c\/strong\u003e par comprimé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌾 Sucre de canne bio\u003c\/h3\u003e\n\u003cp\u003eExcipient naturel issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌿 Maltodextrine bio\u003c\/h3\u003e\n\u003cp\u003eAgent de charge d'origine végétale certifié bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e⚪ Carbonate de magnésium\u003c\/h3\u003e\n\u003cp\u003eAnti-agglomérant naturel pour une texture de comprimé optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍃 Arôme naturel\u003c\/h3\u003e\n\u003cp\u003ePour un goût fruité agréable sans arôme artificiel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e📊\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eApport par comprimé :\u003c\/strong\u003e 170 mg de vitamine C naturelle pure, soit \u003cstrong\u003e212 % des valeurs nutritionnelles de référence\u003c\/strong\u003e. Produit certifié bio, fabriqué en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"ac-timeline\"\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eCroquez ou laissez fondre\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 comprimé par jour\u003c\/strong\u003e, de préférence le matin, pour bien démarrer votre journée avec un boost de vitamine C naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eCure de 60 jours\u003c\/h3\u003e\n\u003cp\u003eIdéale aux intersaisons (automne, printemps) ou dès que vous ressentez un coup de fatigue. Peut être renouvelée plusieurs fois dans l'année.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eConservation et précautions\u003c\/h3\u003e\n\u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière. Ne pas dépasser la dose journalière recommandée. Convient aux adultes et aux enfants de plus de 12 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eOrigine et engagement qualité Superdiet\u003c\/h2\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🇧🇷 Origine Brésil\u003c\/h3\u003e\n\u003cp\u003eL'acérola provient de plantations biologiques certifiées au Brésil, où les conditions climatiques permettent une concentration optimale en vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eLes fruits sont récoltés à pleine maturité, puis transformés et conditionnés en France, dans le respect des normes de qualité les plus strictes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eEmballage recyclable, culture sans OGM ni pesticides, respect de la biodiversité. Superdiet s'engage pour une démarche durable à chaque étape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"ac-cta-box\"\u003e\n\u003cp\u003e🍒 Faites le plein de vitalité avec l'\u003cstrong\u003eAcérola 1000 Bio\u003c\/strong\u003e — 170 mg de vitamine C naturelle par comprimé, 60 jours de cure, fabriqué en France et certifié bio !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ac-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute, demandez conseil à votre médecin ou pharmacien avant de commencer une cure de vitamine C naturelle en comprimés.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ac-cream: #fef9f5;\n --ac-white: #ffffff;\n --ac-primary: #d4232a;\n --ac-primary-dark: #a51b20;\n --ac-primary-light: #fdeaea;\n --ac-secondary: #5ba33a;\n --ac-accent: #f7c948;\n --ac-text: #1a1a1a;\n --ac-text-light: #5a5a5a;\n --ac-border: #e8e0da;\n --ac-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ac-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ac-radius: 20px;\n --ac-radius-sm: 12px;\n}\n\n.ac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ac-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 40%, #7b1518 100%);\n border-radius: var(--ac-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(247,201,72,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(91,163,58,.06) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ac-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ac-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ac-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ac-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ac-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ac-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ac-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ac-primary), var(--ac-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ac-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ac-card {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ac-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ac-shadow-lg);\n border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ac-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ac-card-highlight {\n border-color: var(--ac-primary);\n background: var(--ac-primary-light);\n}\n\n\/* === GRILLES === *\/\n.ac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ac-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ac-grid-compact .ac-card {\n padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ac-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ac-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ac-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ac-primary), var(--ac-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ac-timeline-content {\n flex: 1;\n background: var(--ac-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ac-radius-sm);\n box-shadow: var(--ac-shadow);\n}\n\n.ac-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n font-size: 14px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ac-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ac-primary-light);\n border-radius: var(--ac-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ac-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ac-tip p {\n font-size: 14px;\n color: var(--ac-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.ac-testimonial {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ac-shadow);\n border-left: 4px solid var(--ac-primary);\n}\n\n.ac-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ac-cta-box {\n background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 100%);\n border-radius: var(--ac-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ac-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.ac-disclaimer {\n font-size: 12px;\n color: var(--ac-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ac-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ac-card {\n padding: 1.125rem;\n }\n\n .ac-section {\n margin-bottom: 1.75rem;\n }\n\n .ac-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ac-radius-sm);\n }\n\n .ac-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ac-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ac-grid-compact {\n gap: .625rem;\n }\n\n .ac-grid-compact .ac-card {\n padding: .75rem;\n }\n\n .ac-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ac-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ac-timeline-content h3 {\n font-size: 14px;\n }\n\n .ac-timeline-content p {\n font-size: 13px;\n }\n\n .ac-tip {\n padding: .875rem 1rem;\n }\n\n .ac-tip-icon {\n font-size: 20px;\n }\n\n .ac-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ac-card {\n animation: acFadeInUp .5s ease backwards;\n }\n .ac-card:nth-child(1) { animation-delay: .05s; }\n .ac-card:nth-child(2) { animation-delay: .1s; }\n .ac-card:nth-child(3) { animation-delay: .15s; }\n .ac-card:nth-child(4) { animation-delay: .2s; }\n .ac-card:nth-child(5) { animation-delay: .25s; }\n .ac-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes acFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ac-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754718879901,"sku":"NBAISUP0001","price":23.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/acerola_bio_superdiet_11zon.webp?v=1758533930"},{"product_id":"quatuor-digestion-bio-20-ampoules-superdiet","title":"Quatuor bien être du foie Bio 20 Ampoules - Superdiet","description":"\u003cdiv class=\"qbf-premium\"\u003e\n \u003cdiv class=\"qbf-hero\"\u003e\n \u003cdiv class=\"qbf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"qbf-hero-content\"\u003e\n \u003cdiv class=\"qbf-badges-top\"\u003e\n \u003cspan class=\"qbf-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"qbf-badge\"\u003e🇫🇷 100% plantes françaises\u003c\/span\u003e\n \u003cspan class=\"qbf-badge\"\u003e✨ +125% d'actifs\u003c\/span\u003e\n \u003cspan class=\"qbf-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"qbf-hero-title\"\u003eQuatuor Bien-être du Foie Bio\u003c\/span\u003e\n \u003cp class=\"qbf-subtitle\"\u003e20 ampoules · Superdiet\u003c\/p\u003e\n \u003cp class=\"qbf-description\"\u003eVotre foie travaille sans relâche pour filtrer, digérer et détoxifier votre organisme. Le \u003cstrong\u003eQuatuor Bien-être du Foie Bio de Superdiet\u003c\/strong\u003e associe quatre plantes emblématiques : radis noir, artichaut, chardon-marie et romarin. Une cure de 20 jours en ampoules buvables pour soutenir votre confort digestif et votre bien-être hépatique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"qbf-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce quatuor de plantes pour votre foie ?\u003c\/h2\u003e\n \u003cp class=\"qbf-section-intro\"\u003eLes excès alimentaires, le stress ou une alimentation déséquilibrée peuvent mettre votre foie à rude épreuve. Cette formule concentrée mise sur la complémentarité de 4 plantes traditionnellement utilisées en phytothérapie.\u003c\/p\u003e\n \u003cdiv class=\"qbf-grid\"\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e🥬 Radis noir\u003c\/h3\u003e\n \u003cp\u003eReconnu pour soutenir les fonctions digestives et favoriser l'élimination naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e🌼 Artichaut\u003c\/h3\u003e\n \u003cp\u003eContribue au confort digestif et au bon fonctionnement hépatique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e🌸 Chardon-marie\u003c\/h3\u003e\n \u003cp\u003eRéputé pour ses vertus protectrices sur le foie grâce à la silymarine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e🌿 Romarin\u003c\/h3\u003e\n \u003cp\u003eApprécié pour ses propriétés antioxydantes et son action sur la vésicule biliaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-tip\"\u003e\n \u003cspan class=\"qbf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUne synergie complète qui fait de ce produit l'un des \u003cstrong\u003emeilleurs choix de detox foie\u003c\/strong\u003e parmi les formules bio disponibles en pharmacie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qbf-section\"\u003e\n \u003ch2\u003eComposition détaillée par ampoule de 10 ml\u003c\/h2\u003e\n \u003cdiv class=\"qbf-grid-compact\"\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e🥬 Radis noir bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e5 ml\u003c\/strong\u003e de jus pur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e🌼 Artichaut bio\u003c\/h3\u003e\n \u003cp\u003eExtrait équivalent à \u003cstrong\u003e1500 mg\u003c\/strong\u003e de plante sèche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e🌸 Chardon-marie bio\u003c\/h3\u003e\n \u003cp\u003eExtrait équivalent à \u003cstrong\u003e375 mg\u003c\/strong\u003e de plante sèche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e🌿 Romarin bio\u003c\/h3\u003e\n \u003cp\u003eExtrait équivalent à \u003cstrong\u003e50 mg\u003c\/strong\u003e de plante sèche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n \u003cp\u003eTitré en cynarines : \u003cstrong\u003e7,3 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e✅ Certifié AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique \u003cstrong\u003eFR-BIO-10\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-tip\"\u003e\n \u003cspan class=\"qbf-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003e100% plantes françaises\u003c\/strong\u003e, vegan, sans alcool, sans conservateur et sans colorant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qbf-section\"\u003e\n \u003ch2\u003eComment prendre le Quatuor Bien-être du Foie ?\u003c\/h2\u003e\n \u003cdiv class=\"qbf-timeline\"\u003e\n \u003cdiv class=\"qbf-timeline-item\"\u003e\n \u003cdiv class=\"qbf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"qbf-timeline-content\"\u003e\n \u003ch3\u003e🌙 Posologie\u003c\/h3\u003e\n \u003cp\u003e1 ampoule par jour, de préférence \u003cstrong\u003ele soir après le repas\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-timeline-item\"\u003e\n \u003cdiv class=\"qbf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"qbf-timeline-content\"\u003e\n \u003ch3\u003e💧 Mode d'emploi\u003c\/h3\u003e\n \u003cp\u003eAgitez l'ampoule, ouvrez-la et diluez son contenu dans un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-timeline-item\"\u003e\n \u003cdiv class=\"qbf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"qbf-timeline-content\"\u003e\n \u003ch3\u003e📅 Durée de cure\u003c\/h3\u003e\n \u003cp\u003eUne boîte = \u003cstrong\u003e20 jours de cure\u003c\/strong\u003e. Renouvelable selon les besoins, notamment aux changements de saison ou après une période d'excès.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-tip\"\u003e\n \u003cspan class=\"qbf-tip-icon\"\u003e🥗\u003c\/span\u003e\n \u003cp\u003eAssociez cette cure à une \u003cstrong\u003ealimentation équilibrée\u003c\/strong\u003e et une hydratation suffisante pour optimiser les effets. Aucun complément ne remplace une hygiène de vie adaptée : il vient en soutien, pas en substitut.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qbf-section\"\u003e\n \u003ch2\u003eAvis et points forts du Quatuor Superdiet\u003c\/h2\u003e\n \u003cdiv class=\"qbf-grid-compact\"\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e✨ +125% d'actifs\u003c\/h3\u003e\n \u003cp\u003eFormule concentrée vs. version précédente\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e🌿 Méthode Canopée\u003c\/h3\u003e\n \u003cp\u003eExtraction qui préserve la qualité des plantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e💎 Ampoules en verre\u003c\/h3\u003e\n \u003cp\u003eOuverture facile, pratiques à emporter\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eLaboratoire phyto depuis +60 ans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qbf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"qbf-accordion\"\u003e\n \u003cdetails class=\"qbf-accordion-item\"\u003e\n \u003csummary class=\"qbf-accordion-header\"\u003e⚠️ Public et contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"qbf-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé aux adultes. Déconseillé aux femmes enceintes ou allaitantes, aux enfants et aux personnes souffrant de troubles hépatiques ou biliaires sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qbf-accordion-item\"\u003e\n \u003csummary class=\"qbf-accordion-header\"\u003e👶 Conservation \u0026amp; sécurité\u003c\/summary\u003e\n \u003cdiv class=\"qbf-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ tenir hors de portée des enfants. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qbf-accordion-item\"\u003e\n \u003csummary class=\"qbf-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"qbf-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene se substitue pas à une alimentation variée, équilibrée ni à un mode de vie sain\u003c\/strong\u003e, et ne remplace en aucun cas un traitement médical. En cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --qbf-cream: #f5f6f0;\n --qbf-white: #ffffff;\n --qbf-primary: #2d6a3e;\n --qbf-primary-dark: #1e4a2b;\n --qbf-primary-light: #e8f0e4;\n --qbf-secondary: #c9234a;\n --qbf-accent: #8b3a8f;\n --qbf-text: #1a1a1a;\n --qbf-text-light: #5a5a5a;\n --qbf-border: #e0e0e0;\n --qbf-shadow: 0 4px 24px rgba(0,0,0,.08);\n --qbf-shadow-lg: 0 12px 48px rgba(45,106,62,.18);\n --qbf-radius: 20px;\n --qbf-radius-sm: 12px;\n}\n\n.qbf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qbf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--qbf-text);\n}\n\n.qbf-hero {\n position: relative;\n background: linear-gradient(135deg, #2d6a3e 0%, #3d8855 50%, #1e4a2b 100%);\n border-radius: var(--qbf-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(--qbf-shadow-lg);\n}\n\n.qbf-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,.15) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(201,35,74,.2) 0%, transparent 40%);\n opacity: .6;\n}\n\n.qbf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.qbf-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.qbf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.qbf-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.qbf-description strong {\n color: white;\n font-weight: 700;\n}\n\n.qbf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qbf-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(--qbf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qbf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.qbf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qbf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qbf-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.qbf-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(--qbf-primary), var(--qbf-secondary));\n border-radius: 2px;\n}\n\n.qbf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qbf-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.qbf-card {\n background: var(--qbf-white);\n border-radius: var(--qbf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qbf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qbf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qbf-shadow-lg);\n border-color: var(--qbf-primary);\n}\n\n.qbf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qbf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qbf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qbf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.qbf-card strong {\n color: var(--qbf-secondary);\n font-weight: 700;\n}\n\n.qbf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.qbf-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n.qbf-grid-compact .qbf-card {\n padding: 1rem;\n}\n\n.qbf-grid-compact .qbf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qbf-grid-compact .qbf-card p {\n font-size: 12.5px;\n}\n\n.qbf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.qbf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qbf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qbf-primary), var(--qbf-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(45,106,62,.3);\n}\n\n.qbf-timeline-content {\n flex: 1;\n background: var(--qbf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qbf-radius-sm);\n box-shadow: var(--qbf-shadow);\n}\n\n.qbf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qbf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qbf-timeline-content p {\n font-size: 14px;\n color: var(--qbf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.qbf-timeline-content strong {\n color: var(--qbf-secondary);\n}\n\n.qbf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qbf-primary-light);\n border-radius: var(--qbf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--qbf-primary);\n}\n\n.qbf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.qbf-tip p {\n font-size: 14px;\n color: var(--qbf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.qbf-tip strong {\n color: var(--qbf-primary-dark);\n}\n\n.qbf-accordion {\n background: var(--qbf-white);\n border-radius: var(--qbf-radius);\n box-shadow: var(--qbf-shadow);\n overflow: hidden;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.qbf-accordion-item {\n border-bottom: 1px solid var(--qbf-border);\n margin: 0;\n padding: 0;\n}\n\n.qbf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qbf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qbf-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.qbf-accordion-header:hover {\n background: var(--qbf-primary-light);\n}\n\n.qbf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qbf-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--qbf-primary);\n transition: transform .2s ease;\n margin-left: 10px;\n}\n\n.qbf-accordion-item[open] .qbf-accordion-header::after {\n content: '−';\n}\n\n.qbf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qbf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.qbf-accordion-content p {\n margin: 0;\n}\n\n.qbf-accordion-content strong {\n color: var(--qbf-primary-dark);\n}\n\n@media (max-width: 767px) {\n .qbf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .qbf-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n .qbf-grid-compact .qbf-card {\n padding: .75rem;\n }\n .qbf-card {\n padding: 1.125rem;\n }\n .qbf-section {\n margin-bottom: 1.75rem;\n }\n .qbf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qbf-radius-sm);\n }\n .qbf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .qbf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .qbf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .qbf-timeline-content {\n padding: .875rem 1rem;\n }\n .qbf-timeline-content h3 {\n font-size: 14px;\n }\n .qbf-timeline-content p {\n font-size: 13px;\n }\n .qbf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .qbf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .qbf-card {\n animation: qbfFadeInUp .5s ease backwards;\n }\n .qbf-card:nth-child(1) { animation-delay: .05s; }\n .qbf-card:nth-child(2) { animation-delay: .1s; }\n .qbf-card:nth-child(3) { animation-delay: .15s; }\n .qbf-card:nth-child(4) { animation-delay: .2s; }\n .qbf-card:nth-child(5) { animation-delay: .25s; }\n .qbf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qbfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .qbf-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":45754719305885,"sku":"NBAISUP0020","price":19.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quatuor-bien-etre-du-foie-bio-20-ampoules-superdiet-packshothd.webp?v=1776409519"},{"product_id":"quatuor-circulation-bio-120-gelules-superdiet","title":"Quatuor Circulation Bio 120 Gélules - Superdiet","description":"\u003cdiv class=\"qc-premium\"\u003e\n \u003cdiv class=\"qc-hero\"\u003e\n \u003cdiv class=\"qc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"qc-hero-content\"\u003e\n \u003cdiv class=\"qc-badges-top\"\u003e\n \u003cspan class=\"qc-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e♻️ Éco-conçu\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"qc-hero-title\"\u003eQuatuor Circulation Bio\u003c\/span\u003e\n \u003cp class=\"qc-subtitle\"\u003eSuperdiet · 120 gélules · 30 jours de cure\u003c\/p\u003e\n \u003cp class=\"qc-description\"\u003eVos jambes tirent en fin de journée ? Sensation de lourdeur, de gonflement ou de fatigue dans les mollets ? Le Quatuor Circulation Bio associe \u003cstrong\u003e4 plantes emblématiques du bien-être veineux\u003c\/strong\u003e : marronnier d'Inde, vigne rouge, hamamélis et ginkgo. Une synergie pensée pour votre confort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complément circulation sanguine ?\u003c\/h2\u003e\n \u003cp class=\"qc-section-intro\"\u003eLe Quatuor Circulation Bio répond aux attentes de celles et ceux qui recherchent un complément alimentaire circulation veineuse et lymphatique à la fois efficace, naturel et certifié bio. Sa formule concentrée réunit le meilleur de la phytothérapie traditionnelle.\u003c\/p\u003e\n \u003cdiv class=\"qc-grid\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌰 Marronnier d'Inde\u003c\/h3\u003e\n \u003cp\u003eContribue au bien-être circulatoire et participe à la sensation de jambes légères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🍇 Vigne rouge\u003c\/h3\u003e\n \u003cp\u003ePlante emblématique du confort veineux, elle accompagne le retour veineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌿 Hamamélis\u003c\/h3\u003e\n \u003cp\u003eComplète harmonieusement la formule grâce à ses feuilles riches en tanins naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🍃 Ginkgo biloba\u003c\/h3\u003e\n \u003cp\u003eParticulièrement apprécié pour ses feuilles riches en actifs naturels, soutient la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-tip\"\u003e\n \u003cspan class=\"qc-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eCette association en fait l'un des \u003cstrong\u003emeilleurs compléments alimentaires circulation sanguine\u003c\/strong\u003e disponibles en format gélules végétales, sans additif superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eComposition pour 4 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"qc-grid-compact\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌰 Marronnier d'Inde\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e450 mg\u003c\/strong\u003e\u003cbr\u003e\u003cem\u003eAesculus hippocastanum L. · graine\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🍇 Vigne rouge\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e**\u003cbr\u003e\u003cem\u003eVitis Vinifera L. · feuille\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌿 Hamamélis\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e**\u003cbr\u003e\u003cem\u003eHamamelis virginiana L. · feuille\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🍃 Ginkgo\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e230 mg\u003c\/strong\u003e**\u003cbr\u003e\u003cem\u003eGinkgo biloba L. · feuille\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-tip\"\u003e\n \u003cspan class=\"qc-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e gélule d'hydroxypropylméthylcellulose, amidon de riz*.\u003cbr\u003e*Ingrédient issu de l'agriculture biologique. **Équivalent en plantes sèches.\u003cbr\u003eProduit \u003cstrong\u003evegan\u003c\/strong\u003e, \u003cstrong\u003efabriqué en France\u003c\/strong\u003e, conditionné dans un flacon éco-conçu (au moins 97 % de matière recyclée et majoritairement recyclable). Présentation : 120 gélules de 385 mg, soit 30 jours de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"qc-timeline\"\u003e\n \u003cdiv class=\"qc-timeline-item\"\u003e\n \u003cdiv class=\"qc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-content\"\u003e\n \u003ch3\u003eQui ?\u003c\/h3\u003e\n \u003cp\u003eHommes et femmes adultes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-item\"\u003e\n \u003cdiv class=\"qc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-content\"\u003e\n \u003ch3\u003eQuand ?\u003c\/h3\u003e\n \u003cp\u003ePendant le repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-item\"\u003e\n \u003cdiv class=\"qc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-content\"\u003e\n \u003ch3\u003eComment ?\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e4 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-tip\"\u003e\n \u003cspan class=\"qc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour de meilleurs résultats, réalisez une cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e, notamment lors des périodes propices à l'inconfort (fortes chaleurs, longues stations debout, voyages prolongés). Associez la prise à une alimentation variée et équilibrée, une activité physique régulière (marche, natation) et une bonne hydratation pour soutenir votre circulation du sang.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le Quatuor Circulation Bio\u003c\/h2\u003e\n \u003cdiv class=\"qc-accordion\"\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e🍃 Quels sont les bienfaits du ginkgo biloba sur la circulation sanguine ?\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eLe ginkgo biloba est traditionnellement utilisé en phytothérapie pour accompagner une bonne microcirculation, notamment au niveau des extrémités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e💧 Peut-on l'utiliser comme complément alimentaire pour la circulation lymphatique ?\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eSa formule polyvalente en fait un bon allié pour le confort des jambes, qu'il s'agisse du retour veineux ou du drainage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e⏱️ En combien de temps voit-on les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eLes bénéfices ressentis varient selon les personnes ; une cure de \u003cstrong\u003e1 mois minimum\u003c\/strong\u003e est généralement 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=\"qc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"qc-accordion\"\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes et allaitantes\u003c\/strong\u003e, ainsi qu'aux enfants et adolescents de moins de 18 ans. Consultez votre médecin en cas de prise simultanée d'anticoagulants ou d'agents antiplaquettaires. Respectez les doses conseillées et tenez hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain, ni à un traitement médical\u003c\/strong\u003e. En cas de troubles circulatoires persistants, demandez l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"qc-disclaimer\"\u003eComplément alimentaire à base de Marronnier d'Inde, Vigne rouge, Hamamélis et Ginkgo. À consommer dans le cadre d'un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --qc-cream: #faf7f2;\n --qc-white: #ffffff;\n --qc-primary: #a8182a;\n --qc-primary-dark: #7a1020;\n --qc-primary-light: #fbecee;\n --qc-secondary: #4a7c3a;\n --qc-accent: #d4a12a;\n --qc-text: #1a1a1a;\n --qc-text-light: #5a5a5a;\n --qc-border: #e8dfd4;\n --qc-shadow: 0 4px 24px rgba(122,16,32,.08);\n --qc-shadow-lg: 0 12px 48px rgba(122,16,32,.18);\n --qc-radius: 20px;\n --qc-radius-sm: 12px;\n}\n\n.qc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--qc-text);\n line-height: 1.6;\n}\n\n.qc-hero {\n position: relative;\n background: linear-gradient(135deg, #a8182a 0%, #7a1020 55%, #4a7c3a 100%);\n border-radius: var(--qc-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(--qc-shadow-lg);\n}\n\n.qc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 20%, rgba(255,255,255,.3) 0%, transparent 40%), radial-gradient(circle at 80% 80%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .15;\n}\n\n.qc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.qc-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.qc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.qc-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.qc-description strong {\n color: white;\n font-weight: 700;\n}\n\n.qc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qc-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(--qc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.qc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qc-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.qc-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(--qc-primary), var(--qc-secondary));\n border-radius: 2px;\n}\n\n.qc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qc-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.qc-card {\n background: var(--qc-white);\n border-radius: var(--qc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qc-shadow-lg);\n border-color: var(--qc-primary);\n}\n\n.qc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.qc-card p strong {\n color: var(--qc-primary);\n font-size: 1.1em;\n}\n\n.qc-card p em {\n font-size: .85em;\n color: var(--qc-text-light);\n}\n\n.qc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.qc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qc-grid-compact .qc-card {\n padding: 1rem;\n}\n\n.qc-grid-compact .qc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qc-grid-compact .qc-card p {\n font-size: 12px;\n}\n\n.qc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.qc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qc-primary), var(--qc-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(168,24,42,.3);\n}\n\n.qc-timeline-content {\n flex: 1;\n background: var(--qc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qc-radius-sm);\n box-shadow: var(--qc-shadow);\n}\n\n.qc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qc-timeline-content p {\n font-size: 14px;\n color: var(--qc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.qc-accordion {\n background: var(--qc-white);\n border-radius: var(--qc-radius);\n box-shadow: var(--qc-shadow);\n overflow: hidden;\n}\n\n.qc-accordion-item {\n border-bottom: 1px solid var(--qc-border);\n margin: 0;\n padding: 0;\n}\n\n.qc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qc-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 gap: 1rem;\n}\n\n.qc-accordion-header:hover {\n background: var(--qc-primary-light);\n}\n\n.qc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qc-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--qc-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n}\n\n.qc-accordion-item[open] .qc-accordion-header::after {\n content: '−';\n}\n\n.qc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.qc-accordion-content p {\n margin: 0;\n}\n\n.qc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qc-primary-light);\n border-radius: var(--qc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--qc-primary);\n}\n\n.qc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.qc-tip p {\n font-size: 14px;\n color: var(--qc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.qc-disclaimer {\n font-size: 12px;\n color: var(--qc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .qc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .qc-card {\n padding: 1.125rem;\n }\n .qc-section {\n margin-bottom: 1.75rem;\n }\n .qc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qc-radius-sm);\n }\n .qc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .qc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .qc-grid-compact {\n gap: .625rem;\n }\n .qc-grid-compact .qc-card {\n padding: .75rem;\n }\n .qc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .qc-timeline-content {\n padding: .875rem 1rem;\n }\n .qc-timeline-content h3 {\n font-size: 14px;\n }\n .qc-timeline-content p {\n font-size: 13px;\n }\n .qc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .qc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .qc-card {\n animation: qcFadeInUp .5s ease backwards;\n }\n .qc-card:nth-child(1) { animation-delay: .05s; }\n .qc-card:nth-child(2) { animation-delay: .1s; }\n .qc-card:nth-child(3) { animation-delay: .15s; }\n .qc-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes qcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .qc-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":45754719731869,"sku":"NBAISUP0029","price":23.29,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/superdiet-quatuor-circulation-bio-120-gelules-recto.webp?v=1776408452"},{"product_id":"glycine-cristallisee-300-g-qualidiet","title":"Glycine Cristallisée en poudre - 300 g - Qualidiet","description":"\u003cdiv class=\"gly-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gly-hero\"\u003e\n\u003cdiv class=\"gly-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gly-hero-content\"\u003e\n\u003cdiv class=\"gly-badges-top\"\u003e\n\u003cspan class=\"gly-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"gly-badge\"\u003e🧪 100 % pure\u003c\/span\u003e \u003cspan class=\"gly-badge\"\u003e📦 Format 300 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gly-hero-title\"\u003eGlycine cristallisée en poudre\u003c\/span\u003e\n\u003cp class=\"gly-subtitle\"\u003eQualidiet - 300 g de pureté absolue\u003c\/p\u003e\n\u003cp class=\"gly-description\"\u003eL'acide aminé indispensable pour vos articulations, votre peau et un sommeil réparateur. Saveur douce et naturellement sucrée, sans aucun additif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eGlycine cristallisée en poudre : l'acide aminé essentiel à votre bien-être quotidien\u003c\/h2\u003e\n\u003cp class=\"gly-section-intro\"\u003eVous cherchez un complément simple, pur et efficace pour prendre soin de vos articulations, de votre peau et de votre sommeil ? La \u003cstrong\u003eglycine cristallisée en poudre\u003c\/strong\u003e de Qualidiet est exactement ce qu'il vous faut.\u003c\/p\u003e\n\u003cdiv class=\"gly-grid-compact\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e📦 300 g généreux\u003c\/h3\u003e\n\u003cp\u003ePlusieurs semaines d'utilisation grâce à un format économique et pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🧬 Acide aminé clé\u003c\/h3\u003e\n\u003cp\u003eNaturellement présent dans l'organisme, mais souvent insuffisant via l'alimentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🍬 Saveur douce\u003c\/h3\u003e\n\u003cp\u003eLégèrement sucrée, agréable dans un verre d'eau, une tisane ou un smoothie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🚫 Zéro additif\u003c\/h3\u003e\n\u003cp\u003eFormule sans aucun conservateur, colorant ni excipient. Pureté maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eLes bienfaits de la glycine cristallisée\u003c\/h2\u003e\n\u003cp class=\"gly-section-intro\"\u003eLes bienfaits de la glycine sont aujourd'hui largement documentés. Cet acide aminé intervient dans de nombreuses fonctions essentielles de votre organisme.\u003c\/p\u003e\n\u003cdiv class=\"gly-grid\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🦴 Synthèse du collagène\u003c\/h3\u003e\n\u003cp\u003ePrincipal composant du collagène, la glycine est indispensable à la \u003cstrong\u003esouplesse des articulations\u003c\/strong\u003e, à la solidité des tendons et à l'élasticité de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🌙 Qualité du sommeil\u003c\/h3\u003e\n\u003cp\u003ePrise le soir, la glycine favorise un \u003cstrong\u003eendormissement plus rapide\u003c\/strong\u003e et un sommeil réparateur, sans effet de somnolence au réveil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e💪 Soutien articulaire\u003c\/h3\u003e\n\u003cp\u003eEn stimulant la production de collagène, elle contribue à \u003cstrong\u003eréduire les inconforts articulaires\u003c\/strong\u003e liés à l'âge ou à l'activité physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eLa glycine participe à la production de \u003cstrong\u003eglutathion\u003c\/strong\u003e, l'un des antioxydants les plus puissants du corps, contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🫁 Fonction digestive\u003c\/h3\u003e\n\u003cp\u003eElle contribue à la \u003cstrong\u003ebonne santé de la muqueuse intestinale\u003c\/strong\u003e, soutenant ainsi une digestion confortable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"gly-composition-highlight\"\u003e\n\u003cdiv class=\"gly-composition-badge\"\u003e100 %\u003c\/div\u003e\n\u003cdiv class=\"gly-composition-text\"\u003e\n\u003ch3\u003eGlycine pure cristallisée\u003c\/h3\u003e\n\u003cp\u003eIngrédient unique. Aucun conservateur, aucun colorant, aucun excipient. Un produit d'une \u003cstrong\u003epureté maximale\u003c\/strong\u003e, totalement hydrosoluble et hautement biodisponible. C'est cette transparence qui fait la différence par rapport à ce que vous pourriez trouver en pharmacie ou ailleurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"gly-timeline\"\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eDosez 3 à 5 g par jour\u003c\/h3\u003e\n\u003cp\u003ePrélevez la quantité souhaitée à l'aide d'une cuillère doseuse ou d'une cuillère à café rase (environ 3 g).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eDiluez dans une boisson\u003c\/h3\u003e\n\u003cp\u003eLa poudre se dissout facilement grâce à sa forme cristallisée : eau, tisane, smoothie, jus de fruit ou même un yaourt ou une compote.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eRépartissez en 2 à 3 prises\u003c\/h3\u003e\n\u003cp\u003eRépartissez la dose sur la journée. Pour favoriser le sommeil, privilégiez une prise \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-tip\"\u003e\n\u003cspan class=\"gly-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e N'hésitez pas à varier les plaisirs en l'incorporant dans vos recettes du quotidien. Sa saveur douce et sucrée se marie à tout !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eGlycine cristallisée : danger ou sans risque ?\u003c\/h2\u003e\n\u003cdiv class=\"gly-testimonial\"\u003e\n\u003cp class=\"gly-testimonial-text\"\u003e\"Beaucoup d'entre vous se demandent si la glycine cristallisée présente un danger. Rassurez-vous : aux doses recommandées, la glycine est très bien tolérée par la grande majorité des personnes. Cependant, si vous suivez un traitement médical, si vous êtes enceinte ou allaitante, demandez l'avis de votre médecin avant toute supplémentation. Ce complément alimentaire ne remplace pas un traitement médical ni une alimentation variée et équilibrée.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003ePourquoi choisir la glycine Qualidiet ?\u003c\/h2\u003e\n\u003cdiv class=\"gly-grid\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eProduite dans une usine certifiée \u003cstrong\u003eISO 22000\u003c\/strong\u003e, garantissant les plus hauts standards de qualité et de sécurité alimentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🧪 Formule 100 % pure\u003c\/h3\u003e\n\u003cp\u003eSans aucun additif, conservateur, colorant ni excipient. La pureté à l'état brut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e📦 Format économique 300 g\u003c\/h3\u003e\n\u003cp\u003eUn grand format pensé pour une \u003cstrong\u003ecure prolongée\u003c\/strong\u003e de plusieurs semaines sans interruption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🍬 Saveur naturellement douce\u003c\/h3\u003e\n\u003cp\u003eAgréable et facile à consommer au quotidien, sans goût désagréable ni arrière-goût chimique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e✅ Traçabilité rigoureuse\u003c\/h3\u003e\n\u003cp\u003eContrôle qualité strict sur chaque lot pour vous garantir un produit irréprochable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"gly-section-intro\" style=\"margin-top: 1.5rem;\"\u003eQue vous soyez sportif souhaitant préserver vos articulations, en quête d'un sommeil de meilleure qualité ou simplement désireux de soutenir votre production naturelle de collagène, cette glycine en poudre s'intègre facilement dans votre routine quotidienne.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- ACCORDÉON : Précautions --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003cdiv class=\"gly-accordion\"\u003e\n\u003cdetails class=\"gly-accordion-item\"\u003e\n\u003csummary class=\"gly-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"gly-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"gly-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"gly-cta-box\"\u003e\n\u003cp\u003e🧬 Offrez à votre corps l'acide aminé dont il a besoin.\u003cbr\u003e300 g de glycine pure, fabriquée en France, pour des résultats que vous ressentirez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gly-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --gly-cream: #f5f6fa;\n --gly-white: #ffffff;\n --gly-primary: #1a3a6e;\n --gly-primary-dark: #0e2550;\n --gly-primary-light: #e8edf6;\n --gly-secondary: #c8102e;\n --gly-accent: #3b7dd8;\n --gly-text: #1a1a1a;\n --gly-text-light: #5a5a5a;\n --gly-border: #e0e0e0;\n --gly-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gly-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gly-radius: 20px;\n --gly-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gly-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gly-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gly-hero {\n position: relative;\n background: linear-gradient(135deg, #0e2550 0%, #1a3a6e 45%, #3b7dd8 100%);\n border-radius: var(--gly-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gly-shadow-lg);\n}\n\n.gly-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(200,16,46,.12) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(59,125,216,.06) 0%, transparent 60%);\n opacity: 1;\n}\n\n.gly-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gly-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.gly-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.gly-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.gly-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gly-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gly-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gly-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gly-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gly-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gly-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.gly-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gly-primary), var(--gly-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gly-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gly-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.gly-card {\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gly-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gly-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gly-shadow-lg);\n border-color: var(--gly-primary);\n}\n\n.gly-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gly-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gly-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gly-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gly-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gly-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gly-grid-compact .gly-card {\n padding: 1rem;\n}\n\n.gly-grid-compact .gly-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gly-grid-compact .gly-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.gly-composition-highlight {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gly-shadow);\n border: 2px solid var(--gly-primary-light);\n}\n\n.gly-composition-badge {\n flex-shrink: 0;\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, var(--gly-primary), var(--gly-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 22px;\n box-shadow: 0 6px 24px rgba(26,58,110,.3);\n}\n\n.gly-composition-text h3 {\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 800;\n color: var(--gly-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.gly-composition-text p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gly-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === TIMELINE === *\/\n.gly-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gly-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gly-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gly-primary), var(--gly-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(26,58,110,.25);\n}\n\n.gly-timeline-content {\n flex: 1;\n background: var(--gly-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gly-radius-sm);\n box-shadow: var(--gly-shadow);\n}\n\n.gly-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gly-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gly-timeline-content p {\n font-size: 14px;\n color: var(--gly-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gly-testimonial {\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gly-shadow);\n border-left: 4px solid var(--gly-secondary);\n}\n\n.gly-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gly-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gly-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gly-primary-light);\n border-radius: var(--gly-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gly-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gly-tip p {\n font-size: 14px;\n color: var(--gly-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gly-accordion {\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n box-shadow: var(--gly-shadow);\n overflow: hidden;\n}\n\n.gly-accordion-item {\n border-bottom: 1px solid var(--gly-border);\n margin: 0;\n padding: 0;\n}\n\n.gly-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gly-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gly-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gly-accordion-header:hover {\n background: var(--gly-primary-light);\n}\n\n.gly-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gly-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gly-primary);\n transition: transform .2s ease;\n}\n\n.gly-accordion-item[open] .gly-accordion-header::after {\n content: '−';\n}\n\n.gly-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gly-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gly-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gly-cta-box {\n background: linear-gradient(135deg, var(--gly-primary) 0%, var(--gly-primary-dark) 100%);\n border-radius: var(--gly-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gly-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(200,16,46,.15) 0%, transparent 50%),\n radial-gradient(circle at 70% 30%, rgba(59,125,216,.1) 0%, transparent 50%);\n}\n\n.gly-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gly-disclaimer {\n font-size: 12px;\n color: var(--gly-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gly-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gly-card {\n padding: 1.125rem;\n }\n\n .gly-section {\n margin-bottom: 1.75rem;\n }\n\n .gly-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gly-radius-sm);\n }\n\n .gly-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gly-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gly-grid-compact {\n gap: .625rem;\n }\n\n .gly-grid-compact .gly-card {\n padding: .75rem;\n }\n\n \/* Composition highlight mobile *\/\n .gly-composition-highlight {\n flex-direction: column;\n text-align: center;\n padding: 1.25rem;\n }\n\n .gly-composition-badge {\n width: 64px;\n height: 64px;\n font-size: 18px;\n }\n\n \/* Timeline mobile *\/\n .gly-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gly-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gly-timeline-content h3 {\n font-size: 14px;\n }\n\n .gly-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .gly-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gly-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .gly-testimonial {\n padding: 1.25rem;\n }\n\n .gly-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gly-card {\n animation: glyFadeInUp .5s ease backwards;\n }\n .gly-card:nth-child(1) { animation-delay: .05s; }\n .gly-card:nth-child(2) { animation-delay: .1s; }\n .gly-card:nth-child(3) { animation-delay: .15s; }\n .gly-card:nth-child(4) { animation-delay: .2s; }\n .gly-card:nth-child(5) { animation-delay: .25s; }\n .gly-card:nth-child(6) { animation-delay: .3s; }\n\n .gly-timeline-item {\n animation: glyFadeInUp .5s ease backwards;\n }\n .gly-timeline-item:nth-child(1) { animation-delay: .1s; }\n .gly-timeline-item:nth-child(2) { animation-delay: .2s; }\n .gly-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes glyFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gly-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754724712605,"sku":"VO4840","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/glycine-cristallisee-en-poudre-300-g-vitalosmose-lifestyle.webp?v=1770887240"},{"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":"cannelle-ecorce-350-mg-bio-100-gelules-vegetales-qualidiet","title":"Cannelle de Ceylan Bio - 100 gélules de 350 mg - Qualidiet","description":"\u003cdiv class=\"cn-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"cn-hero\"\u003e\n\u003cdiv class=\"cn-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cn-hero-content\"\u003e\n\u003cdiv class=\"cn-badges-top\"\u003e\n\u003cspan class=\"cn-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"cn-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cn-badge\"\u003e💊 100 gélules végétales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cn-hero-title\"\u003eCannelle de Ceylan Bio\u003c\/span\u003e\n\u003cp class=\"cn-subtitle\"\u003eL'épice millénaire au service de votre bien-être\u003c\/p\u003e\n\u003cp class=\"cn-description\"\u003eDécouvrez les vertus exceptionnelles de la cannelle de Ceylan avec ces gélules végétales biologiques. Ce complément alimentaire naturel contribue à réguler la glycémie, soutient la digestion, et aide à réduire l'inflammation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- POINTS CLÉS --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003cdiv class=\"cn-grid-compact\"\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🩸 Glycémie\u003c\/h3\u003e\n\u003cp\u003eAide à réguler naturellement le taux de sucre sanguin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🫀 Cardiovasculaire\u003c\/h3\u003e\n\u003cp\u003eSoutient la santé du cœur et de la circulation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🦠 Immunité\u003c\/h3\u003e\n\u003cp\u003eRenforce les défenses grâce à ses propriétés antimicrobiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydant\u003c\/h3\u003e\n\u003cp\u003eProtège les cellules contre le stress oxydatif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CONSEIL D'UTILISATION --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"cn-timeline\"\u003e\n\u003cdiv class=\"cn-timeline-item\"\u003e\n\u003cdiv class=\"cn-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-content\"\u003e\n\u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n\u003cp\u003ePrendre 1 à 2 gélules de cannelle de Ceylan par jour\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-item\"\u003e\n\u003cdiv class=\"cn-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-content\"\u003e\n\u003ch3\u003eMode de prise\u003c\/h3\u003e\n\u003cp\u003eAvec un grand verre d'eau, de préférence au moment des repas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-item\"\u003e\n\u003cdiv class=\"cn-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-content\"\u003e\n\u003ch3\u003eCadre d'utilisation\u003c\/h3\u003e\n\u003cp\u003eDans le cadre d'une alimentation équilibrée pour bénéficier pleinement des bienfaits\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INGRÉDIENTS CLÉS ET LEURS BIENFAITS --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003ch2\u003eIngrédients clés et leurs bienfaits\u003c\/h2\u003e\n\u003cdiv class=\"cn-ingredient-hero\"\u003e\n\u003cdiv class=\"cn-ingredient-badge\"\u003e350 mg\u003c\/div\u003e\n\u003ch3\u003ePoudre d'écorce de cannelle de Ceylan bio\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-grid\"\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e💓 Fonctions vitales\u003c\/h3\u003e\n\u003cp\u003eStimule les fonctions circulatoire, cardiaque et respiratoire grâce à ses propriétés toniques naturelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🍽️ Digestion harmonieuse\u003c\/h3\u003e\n\u003cp\u003eSoutient les sécrétions digestives et aide à réduire les inconforts comme les ballonnements et coliques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🧬 Protection cellulaire\u003c\/h3\u003e\n\u003cp\u003eRiche en polyphénols antioxydants, elle neutralise les radicaux libres et protège vos cellules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🦠 Bouclier naturel\u003c\/h3\u003e\n\u003cp\u003ePropriétés antibactériennes et antifongiques, alliée contre les infections et états grippaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-tip\"\u003e\n\u003cspan class=\"cn-tip-icon\"\u003e🌱\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eGélule d'origine végétale :\u003c\/strong\u003e adaptée aux végétariens et vegans, elle garantit une absorption rapide et un dosage pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ORIGINE ET FABRICATION --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003ch2\u003eOrigine et Fabrication\u003c\/h2\u003e\n\u003cdiv class=\"cn-grid-compact\"\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabrication française avec respect des normes bio et écologiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🏝️ Origine Ceylan\u003c\/h3\u003e\n\u003cp\u003eCannelle de la région de Ceylan, qualité supérieure reconnue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🔬 Tests qualité\u003c\/h3\u003e\n\u003cp\u003eChaque lot minutieusement testé pour pureté et efficacité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e✅ Certification bio\u003c\/h3\u003e\n\u003cp\u003eStrict respect des normes de production biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ENGAGEMENTS DE VITALOSMOSE --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003ch2\u003eEngagements de Qualidiet\u003c\/h2\u003e\n\u003cdiv class=\"cn-commitment-box\"\u003e\n\u003cdiv class=\"cn-commitment-grid\"\u003e\n\u003cdiv class=\"cn-commitment-item\"\u003e\n\u003cspan class=\"cn-commitment-icon\"\u003e🌿\u003c\/span\u003e \u003cspan\u003e100% biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-commitment-item\"\u003e\n\u003cspan class=\"cn-commitment-icon\"\u003e🚫\u003c\/span\u003e \u003cspan\u003eSans OGM\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-commitment-item\"\u003e\n\u003cspan class=\"cn-commitment-icon\"\u003e🇪🇺\u003c\/span\u003e \u003cspan\u003eConforme normes UE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-commitment-item\"\u003e\n\u003cspan class=\"cn-commitment-icon\"\u003e🌍\u003c\/span\u003e \u003cspan\u003eÉco-responsable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cn-commitment-text\"\u003eNotre approche est guidée par une responsabilité environnementale et sociale, visant à soutenir votre santé tout en préservant la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"cn-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions\u003c\/h2\u003e\n\u003cdiv class=\"cn-accordion\"\u003e\n\u003cdetails class=\"cn-accordion-item\"\u003e\n\u003csummary class=\"cn-accordion-header\"\u003e⚠️ Avertissement important\u003c\/summary\u003e\n\u003cdiv class=\"cn-accordion-content\"\u003e\n\u003cp\u003eCe complément alimentaire à la cannelle de Ceylan ne doit pas remplacer une alimentation diversifiée et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cn-accordion-item\"\u003e\n\u003csummary class=\"cn-accordion-header\"\u003e👶 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cn-accordion-content\"\u003e\n\u003cp\u003eIl est important de le conserver hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cn-accordion-item\"\u003e\n\u003csummary class=\"cn-accordion-header\"\u003e💊 Traitement médical\u003c\/summary\u003e\n\u003cdiv class=\"cn-accordion-content\"\u003e\n\u003cp\u003eEn cas de traitement médical, consultez votre professionnel de santé avant de commencer la supplémentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cn-disclaimer\"\u003eLes informations présentées 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 --cn-cream: #FDF8F3;\n --cn-white: #ffffff;\n --cn-primary: #D2691E;\n --cn-primary-dark: #8B4513;\n --cn-primary-light: #FFF5EB;\n --cn-secondary: #228B22;\n --cn-accent: #CD853F;\n --cn-text: #1a1a1a;\n --cn-text-light: #5a5a5a;\n --cn-border: #e8ddd4;\n --cn-shadow: 0 4px 24px rgba(139,69,19,.08);\n --cn-shadow-lg: 0 12px 48px rgba(139,69,19,.15);\n --cn-radius: 20px;\n --cn-radius-sm: 12px;\n}\n\n.cn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cn-hero {\n position: relative;\n background: linear-gradient(135deg, #D2691E 0%, #CD853F 50%, #8B4513 100%);\n border-radius: var(--cn-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(--cn-shadow-lg);\n}\n\n.cn-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.cn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cn-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(--cn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cn-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.cn-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}\n\n.cn-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.cn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cn-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.cn-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(--cn-primary), var(--cn-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.cn-card {\n background: var(--cn-white);\n border-radius: var(--cn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cn-shadow-lg);\n border-color: var(--cn-primary);\n}\n\n.cn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cn-grid-compact .cn-card {\n padding: 1rem;\n}\n\n.cn-grid-compact .cn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cn-grid-compact .cn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cn-primary), var(--cn-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.cn-timeline-content {\n flex: 1;\n background: var(--cn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cn-radius-sm);\n box-shadow: var(--cn-shadow);\n}\n\n.cn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cn-timeline-content p {\n font-size: 14px;\n color: var(--cn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INGREDIENT HERO === *\/\n.cn-ingredient-hero {\n background: linear-gradient(135deg, var(--cn-primary-light) 0%, #fff 100%);\n border-radius: var(--cn-radius);\n padding: 1.5rem 2rem;\n text-align: center;\n margin-bottom: 1.5rem;\n border: 2px solid var(--cn-primary);\n position: relative;\n}\n\n.cn-ingredient-badge {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--cn-primary), var(--cn-primary-dark));\n color: white;\n padding: 6px 20px;\n border-radius: 999px;\n font-weight: 800;\n font-size: 14px;\n box-shadow: 0 4px 12px rgba(210,105,30,.3);\n}\n\n.cn-ingredient-hero h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 700;\n color: var(--cn-primary-dark);\n margin: .5rem 0 0 0;\n}\n\n\/* === TIP BOX === *\/\n.cn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cn-primary-light);\n border-radius: var(--cn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--cn-secondary);\n}\n\n.cn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cn-tip p {\n font-size: 14px;\n color: var(--cn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMMITMENT BOX === *\/\n.cn-commitment-box {\n background: var(--cn-white);\n border-radius: var(--cn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cn-shadow);\n text-align: center;\n}\n\n.cn-commitment-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.cn-commitment-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .5rem;\n}\n\n.cn-commitment-icon {\n font-size: 28px;\n}\n\n.cn-commitment-item span:last-child {\n font-size: 13px;\n font-weight: 700;\n color: var(--cn-primary-dark);\n}\n\n.cn-commitment-text {\n font-size: 15px;\n color: var(--cn-text-light);\n line-height: 1.7;\n margin: 0;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === ACCORDÉON === *\/\n.cn-accordion {\n background: var(--cn-white);\n border-radius: var(--cn-radius);\n box-shadow: var(--cn-shadow);\n overflow: hidden;\n}\n\n.cn-accordion-item {\n border-bottom: 1px solid var(--cn-border);\n margin: 0;\n padding: 0;\n}\n\n.cn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cn-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.cn-accordion-header:hover {\n background: var(--cn-primary-light);\n}\n\n.cn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cn-primary);\n transition: transform .2s ease;\n}\n\n.cn-accordion-item[open] .cn-accordion-header::after {\n content: '−';\n}\n\n.cn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cn-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cn-disclaimer {\n font-size: 12px;\n color: var(--cn-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 .cn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .cn-card {\n padding: 1.125rem;\n }\n \n .cn-section {\n margin-bottom: 1.75rem;\n }\n \n .cn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cn-radius-sm);\n }\n \n .cn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .cn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .cn-grid-compact {\n gap: .625rem;\n }\n \n .cn-grid-compact .cn-card {\n padding: .75rem;\n }\n \n .cn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .cn-timeline-content {\n padding: .875rem 1rem;\n }\n \n .cn-timeline-content h3 {\n font-size: 14px;\n }\n \n .cn-timeline-content p {\n font-size: 13px;\n }\n \n .cn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .cn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .cn-commitment-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n \n .cn-commitment-icon {\n font-size: 24px;\n }\n \n .cn-commitment-item span:last-child {\n font-size: 11px;\n }\n \n .cn-ingredient-hero {\n padding: 1.25rem 1rem;\n }\n \n .cn-ingredient-badge {\n font-size: 12px;\n padding: 5px 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cn-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cn-card:nth-child(1) { animation-delay: .05s; }\n .cn-card:nth-child(2) { animation-delay: .1s; }\n .cn-card:nth-child(3) { animation-delay: .15s; }\n .cn-card:nth-child(4) { animation-delay: .2s; }\n .cn-card:nth-child(5) { animation-delay: .25s; }\n .cn-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 .cn-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":45754727399581,"sku":"VO4765","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cannelle-de-ceylan-bio-100-gelules-de-350-mg-vitalosmose-ingredients.webp?v=1769017105"},{"product_id":"vitamine-c-liposomale-525-mg-60-gelules-qualidiet","title":"Vitamine C Liposomale 525 Mg - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"vc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"vc-hero\"\u003e\n\u003cdiv class=\"vc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vc-hero-content\"\u003e\n\u003cdiv class=\"vc-badges-top\"\u003e\n\u003cspan class=\"vc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"vc-badge\"\u003e🔬 Technologie liposomale\u003c\/span\u003e \u003cspan class=\"vc-badge\"\u003e💊 500 mg \/ gélule\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"vc-hero-title\"\u003eVitamine C Liposomale 525 mg\u003c\/span\u003e\n\u003cp class=\"vc-subtitle\"\u003eQualidiet - 60 gélules végétales\u003c\/p\u003e\n\u003cp class=\"vc-description\"\u003eUne absorption jusqu'à 10× supérieure grâce à l'encapsulation liposomale. Directement au cœur de vos cellules, là où la vitamine C agit vraiment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eVitamine C Liposomale 525 mg – Une absorption supérieure pour votre vitalité\u003c\/h2\u003e\n\u003cp class=\"vc-section-intro\"\u003eVous cherchez une \u003cstrong\u003evitamine C liposomale\u003c\/strong\u003e réellement efficace, bien tolérée et fabriquée en France ?\u003c\/p\u003e\n\u003cdiv class=\"vc-highlight-box\"\u003e\n\u003cp\u003eLa \u003cstrong\u003eVitamine C Liposomale 525 mg de Qualidiet\u003c\/strong\u003e vous offre une formule pensée pour maximiser l'assimilation de la vitamine C par votre organisme. Grâce à la technologie liposomale, chaque gélule délivre ses actifs \u003cstrong\u003edirectement au cœur de vos cellules\u003c\/strong\u003e, là où ils sont vraiment utiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003ePourquoi choisir une vitamine C sous forme liposomale ?\u003c\/h2\u003e\n\u003cdiv class=\"vc-comparison\"\u003e\n\u003cdiv class=\"vc-compare-card vc-compare-bad\"\u003e\n\u003ch3\u003e❌ Vitamine C classique\u003c\/h3\u003e\n\u003cp\u003eSous forme d'acide ascorbique, elle est souvent \u003cstrong\u003emal absorbée\u003c\/strong\u003e par l'intestin. Une grande partie est éliminée avant même d'avoir agi. Troubles gastriques fréquents chez les personnes sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-compare-card vc-compare-good\"\u003e\n\u003ch3\u003e✅ Vitamine C liposomale\u003c\/h3\u003e\n\u003cp\u003eEncapsulée dans des \u003cstrong\u003eliposomes\u003c\/strong\u003e (sphères lipidiques), elle est protégée tout au long du transit digestif. Résultat : une \u003cstrong\u003ebiodisponibilité nettement supérieure\u003c\/strong\u003e et une excellente tolérance intestinale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e💬\u003c\/span\u003e\n\u003cp\u003eC'est cette différence qui explique les nombreux \u003cstrong\u003eavis positifs sur la vitamine C liposomale\u003c\/strong\u003e : moins de troubles gastriques, plus d'effets ressentis, une diffusion progressive dans l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets de cette vitamine C liposomale\u003c\/h2\u003e\n\u003cp class=\"vc-section-intro\"\u003eEn intégrant ce complément à votre routine quotidienne, vous soutenez activement votre organisme sur plusieurs fronts :\u003c\/p\u003e\n\u003cdiv class=\"vc-grid\"\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue au fonctionnement normal de vos défenses naturelles, particulièrement en période hivernale ou lors des changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e⚡ Énergie au quotidien\u003c\/h3\u003e\n\u003cp\u003eElle participe à un métabolisme énergétique normal et aide à \u003cstrong\u003eréduire la fatigue\u003c\/strong\u003e physique comme nerveuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🧬 Protection cellulaire\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant, elle contribue à protéger vos cellules contre le stress oxydatif et le vieillissement prématuré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e✨ Formation du collagène\u003c\/h3\u003e\n\u003cp\u003eEssentiel pour la peau, les os, les cartilages et les gencives. Un allié beauté et santé structurelle au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eComposition détaillée – par gélule de 525 mg\u003c\/h2\u003e\n\u003cdiv class=\"vc-grid-compact\"\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e500 mg\u003c\/strong\u003e d'acide ascorbique par gélule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🫘 Lécithine de soja\u003c\/h3\u003e\n\u003cp\u003eSource naturelle de phospholipides formant les liposomes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🌿 Gélule végétale\u003c\/h3\u003e\n\u003cp\u003eHPMC, convient aux régimes végétariens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans colorant artificiel, sans conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cem\u003eContient du soja.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"vc-timeline\"\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e, avec un grand verre d'eau, de préférence au cours d'un repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-content\"\u003e\n\u003ch3\u003eCure intensive (1000 mg)\u003c\/h3\u003e\n\u003cp\u003ePour un apport proche de \u003cstrong\u003e1000 mg de vitamine C liposomale\u003c\/strong\u003e, deux gélules quotidiennes suffisent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-content\"\u003e\n\u003ch3\u003eCure d'entretien\u003c\/h3\u003e\n\u003cp\u003eUne seule gélule par jour convient parfaitement pour maintenir un bon niveau de vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe flacon de \u003cstrong\u003e60 gélules\u003c\/strong\u003e vous accompagne pendant \u003cstrong\u003e1 à 2 mois\u003c\/strong\u003e selon votre dosage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eEffets secondaires et précautions\u003c\/h2\u003e\n\u003cdiv class=\"vc-accordion\"\u003e\n\u003cdetails class=\"vc-accordion-item\"\u003e\n\u003csummary class=\"vc-accordion-header\"\u003e🩺 Effets secondaires\u003c\/summary\u003e\n\u003cdiv class=\"vc-accordion-content mt-3\"\u003e\n\u003cp\u003eLes \u003cstrong\u003eeffets secondaires de la vitamine C liposomale\u003c\/strong\u003e sont rares grâce à l'encapsulation liposomale qui épargne le système digestif. Toutefois, un dosage excessif peut entraîner de légers inconforts intestinaux. Respectez la posologie recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vc-accordion-item\"\u003e\n\u003csummary class=\"vc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"vc-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément est réservé à l'adulte. Il ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de traitement médical, de grossesse ou d'allaitement, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"vc-section\"\u003e\n\u003ch2\u003eFabrication française – Qualité Qualidiet\u003c\/h2\u003e\n\u003cdiv class=\"vc-testimonial\"\u003e\n\u003cp class=\"vc-testimonial-text\"\u003eFormulée et fabriquée en France par \u003cstrong\u003eQualidiet\u003c\/strong\u003e, cette vitamine C liposomale en gélules bénéficie d'un contrôle qualité rigoureux à chaque étape de production. Les matières premières sont soigneusement sélectionnées pour vous garantir un complément alimentaire fiable, efficace et traçable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eQue vous recherchiez une \u003cstrong\u003evitamine C liposomale en parapharmacie\u003c\/strong\u003e ou en boutique spécialisée, ce format en gélules offre un avantage pratique par rapport à la \u003cstrong\u003evitamine C liposomale liquide\u003c\/strong\u003e : pas de goût, un dosage précis et une conservation simplifiée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-cta-box\"\u003e\n\u003cp\u003e🍊 Offrez à votre corps une vitamine C qui arrive vraiment à destination.\u003cbr\u003e60 gélules liposomales — 500 mg par gélule — Fabriqué en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"vc-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. Contient du soja.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --vc-cream: #faf7f4;\n --vc-white: #ffffff;\n --vc-primary: #E85B20;\n --vc-primary-dark: #B8420F;\n --vc-primary-light: #FFF3EC;\n --vc-secondary: #5B3A8C;\n --vc-accent: #D94520;\n --vc-text: #1a1a1a;\n --vc-text-light: #5a5a5a;\n --vc-border: #e8e0d8;\n --vc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --vc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --vc-radius: 20px;\n --vc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vc-premium *, .vc-premium *::before, .vc-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.vc-hero {\n position: relative;\n background: linear-gradient(135deg, #E85B20 0%, #D94520 40%, #5B3A8C 100%);\n border-radius: var(--vc-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(--vc-shadow-lg);\n}\n\n.vc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.vc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.vc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.vc-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(--vc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.vc-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.vc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.vc-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.vc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vc-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.vc-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(--vc-primary), var(--vc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.vc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.vc-highlight-box {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vc-shadow);\n border-left: 4px solid var(--vc-primary);\n}\n\n.vc-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vc-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === COMPARISON CARDS === *\/\n.vc-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.vc-compare-card {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vc-shadow);\n transition: all .3s ease;\n}\n\n.vc-compare-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--vc-shadow-lg);\n}\n\n.vc-compare-bad {\n border-top: 4px solid #dc3545;\n}\n\n.vc-compare-good {\n border-top: 4px solid #28a745;\n}\n\n.vc-compare-card h3 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 800;\n margin: 0 0 .75rem 0;\n line-height: 1.3;\n}\n\n.vc-compare-bad h3 {\n color: #dc3545;\n}\n\n.vc-compare-good h3 {\n color: #28a745;\n}\n\n.vc-compare-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vc-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.vc-card {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vc-shadow-lg);\n border-color: var(--vc-primary);\n}\n\n.vc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.vc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vc-grid-compact .vc-card {\n padding: 1rem;\n}\n\n.vc-grid-compact .vc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vc-grid-compact .vc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.vc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.vc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.vc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--vc-primary), var(--vc-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.vc-timeline-content {\n flex: 1;\n background: var(--vc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--vc-radius-sm);\n box-shadow: var(--vc-shadow);\n}\n\n.vc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--vc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.vc-timeline-content p {\n font-size: 14px;\n color: var(--vc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.vc-testimonial {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vc-shadow);\n border-left: 4px solid var(--vc-secondary);\n}\n\n.vc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.vc-accordion {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n box-shadow: var(--vc-shadow);\n overflow: hidden;\n}\n\n.vc-accordion-item {\n border-bottom: 1px solid var(--vc-border);\n margin: 0;\n padding: 0;\n}\n\n.vc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vc-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.vc-accordion-header:hover {\n background: var(--vc-primary-light);\n}\n\n.vc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vc-primary);\n transition: transform .2s ease;\n}\n\n.vc-accordion-item[open] .vc-accordion-header::after {\n content: '−';\n}\n\n.vc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.vc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.vc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--vc-primary-light);\n border-radius: var(--vc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.vc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.vc-tip p {\n font-size: 14px;\n color: var(--vc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.vc-cta-box {\n background: linear-gradient(135deg, var(--vc-primary) 0%, var(--vc-primary-dark) 50%, var(--vc-secondary) 100%);\n border-radius: var(--vc-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.vc-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.vc-disclaimer {\n font-size: 12px;\n color: var(--vc-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 .vc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .vc-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .vc-card {\n padding: 1.125rem;\n }\n\n .vc-section {\n margin-bottom: 1.75rem;\n }\n\n .vc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vc-radius-sm);\n }\n\n .vc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .vc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .vc-grid-compact {\n gap: .625rem;\n }\n\n .vc-grid-compact .vc-card {\n padding: .75rem;\n }\n\n .vc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .vc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .vc-timeline-content h3 {\n font-size: 14px;\n }\n\n .vc-timeline-content p {\n font-size: 13px;\n }\n\n .vc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .vc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .vc-testimonial {\n padding: 1.25rem;\n }\n\n .vc-testimonial-text {\n font-size: 14px;\n }\n\n .vc-highlight-box {\n padding: 1.25rem;\n }\n\n .vc-highlight-box p {\n font-size: 14px;\n }\n\n .vc-compare-card {\n padding: 1.125rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vc-card,\n .vc-compare-card {\n animation: vcFadeInUp .5s ease backwards;\n }\n .vc-card:nth-child(1),\n .vc-compare-card:nth-child(1) { animation-delay: .05s; }\n .vc-card:nth-child(2),\n .vc-compare-card:nth-child(2) { animation-delay: .1s; }\n .vc-card:nth-child(3) { animation-delay: .15s; }\n .vc-card:nth-child(4) { animation-delay: .2s; }\n .vc-card:nth-child(5) { animation-delay: .25s; }\n .vc-card:nth-child(6) { animation-delay: .3s; }\n\n .vc-timeline-item {\n animation: vcFadeInUp .5s ease backwards;\n }\n .vc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .vc-timeline-item:nth-child(2) { animation-delay: .1s; }\n .vc-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes vcFadeInUp {\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 .vc-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":45754730709149,"sku":"VO4850","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vitamine-c-liposomale-525-mg-60-gelules-vitalosmose-lifestyle.webp?v=1770883998"},{"product_id":"quercetine-anhydre-vegetale-60-gelules-qualidiet","title":"Quercétine Anhydre Végétale - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"qc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"qc-hero\"\u003e\n \u003cdiv class=\"qc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"qc-hero-content\"\u003e\n \u003cdiv class=\"qc-badges-top\"\u003e\n \u003cspan class=\"qc-badge\"\u003e🌿 Origine végétale\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e💊 300 mg \/ gélule\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e🧪 Forme anhydre pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"qc-hero-title\"\u003eQuercétine anhydre végétale\u003c\/span\u003e\n \u003cp class=\"qc-subtitle\"\u003e60 gélules dosées à 300 mg — Qualidiet\u003c\/p\u003e\n \u003cp class=\"qc-description\"\u003eUn flavonoïde puissant extrait du Sophora Japonica pour soutenir vos défenses, lutter contre le stress oxydatif et retrouver un confort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eQuercétine anhydre d'origine végétale : un flavonoïde puissant au quotidien\u003c\/h2\u003e\n \u003cp class=\"qc-section-intro\"\u003eVous cherchez un complément alimentaire naturel pour soutenir vos défenses et lutter contre le stress oxydatif ?\u003c\/p\u003e\n \u003cdiv class=\"qc-highlight-box\"\u003e\n \u003cp\u003eLa \u003cstrong\u003eQuercétine Anhydre Végétale de Qualidiet\u003c\/strong\u003e vous apporte \u003cstrong\u003e300 mg de quercétine pure par gélule\u003c\/strong\u003e, extraite du \u003cstrong\u003eSophora Japonica\u003c\/strong\u003e, un arbre reconnu pour sa richesse exceptionnelle en flavonoïdes. Ce polyphénol, largement étudié par la recherche scientifique, fait partie des antioxydants les plus prometteurs du règne végétal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eLes bienfaits de la quercétine pour votre organisme\u003c\/h2\u003e\n \u003cp class=\"qc-section-intro\"\u003eLa quercétine est un flavonol naturellement présent dans certains fruits et légumes (oignons, câpres, myrtilles), mais souvent en quantités insuffisantes pour en ressentir les effets. La supplémentation permet d'atteindre des dosages réellement utiles.\u003c\/p\u003e\n \u003cdiv class=\"qc-grid\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌸 Action antihistaminique naturelle\u003c\/h3\u003e\n \u003cp\u003eLa quercétine est reconnue pour aider à stabiliser les mastocytes, ces cellules impliquées dans les réactions allergiques. Si vous souffrez d'allergies saisonnières, elle peut contribuer à réduire l'inconfort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eElle neutralise les radicaux libres responsables du vieillissement cellulaire prématuré et des dommages oxydatifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e❤️ Soutien cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003ePlusieurs études suggèrent un rôle favorable de la quercétine sur la santé des vaisseaux sanguins et la tension artérielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🫁 Quercétine et intestin\u003c\/h3\u003e\n \u003cp\u003eCe flavonoïde contribue à maintenir l'intégrité de la barrière intestinale et à moduler la réponse inflammatoire au niveau digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e💪 Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eEn aidant à réguler la réponse immunitaire, elle participe au bon fonctionnement de vos défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n \u003cdiv class=\"qc-grid-compact\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌿 Quercétine anhydre\u003c\/h3\u003e\n \u003cp\u003e300 mg — Extraite du Sophora Japonica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n \u003cp\u003eHPMC — 100 % d'origine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-tip\"\u003e\n \u003cspan class=\"qc-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans gluten, sans OGM, sans conservateur, sans colorant ni arôme artificiel.\u003c\/strong\u003e Convient aux personnes suivant un régime végétarien ou végétalien. Poids net du flacon : 23,40 g pour 60 gélules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"qc-timeline\"\u003e\n \u003cdiv class=\"qc-timeline-item\"\u003e\n \u003cdiv class=\"qc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e, avec un grand verre d'eau, de préférence pendant un repas pour favoriser l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-item\"\u003e\n \u003cdiv class=\"qc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-content\"\u003e\n \u003ch3\u003eEntretien quotidien\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e pour une protection antioxydante de fond et un soutien immunitaire régulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-item\"\u003e\n \u003cdiv class=\"qc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-content\"\u003e\n \u003ch3\u003ePériode d'allergie ou de sollicitation\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e en période d'allergie saisonnière ou de sollicitation immunitaire accrue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-tip\"\u003e\n \u003cspan class=\"qc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eEn cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eQuercétine : danger ou précautions ?\u003c\/h2\u003e\n \u003cdiv class=\"qc-accordion\"\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eAux dosages recommandés, la quercétine ne présente pas de danger particulier pour les adultes en bonne santé. Toutefois, elle est \u003cstrong\u003edéconseillée aux femmes enceintes ou allaitantes\u003c\/strong\u003e et aux personnes sous traitement anticoagulant, en raison d'interactions possibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e📋 Avertissement réglementaire\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace en aucun cas un traitement médical ni une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à 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 \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"qc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir la quercétine Qualidiet ?\u003c\/h2\u003e\n \u003cdiv class=\"qc-grid\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e⚗️ Forme anhydre concentrée\u003c\/h3\u003e\n \u003cp\u003eSans molécule d'eau liée, garantissant une \u003cstrong\u003econcentration maximale en principe actif\u003c\/strong\u003e dans chaque gélule — un avantage rare face aux produits classiques en pharmacie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌳 Source végétale de référence\u003c\/h3\u003e\n \u003cp\u003eL'extraction est réalisée à partir du \u003cstrong\u003eSophora Japonica\u003c\/strong\u003e, une source naturelle reconnue pour sa richesse exceptionnelle en quercétine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduit selon des \u003cstrong\u003enormes de qualité strictes\u003c\/strong\u003e, assurant une traçabilité complète du début à la fin de la production.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-cta-box\"\u003e\n \u003cp\u003eSi vous recherchez un allié naturel pour vos allergies, votre confort intestinal ou simplement pour renforcer votre protection antioxydante, la \u003cstrong\u003eQuercétine Anhydre Végétale Qualidiet\u003c\/strong\u003e est un choix fiable et bien dosé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"qc-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 --qc-cream: #f4f5f8;\n --qc-white: #ffffff;\n --qc-primary: #1e3a6e;\n --qc-primary-dark: #122550;\n --qc-primary-light: #e8edf5;\n --qc-secondary: #4a6fa5;\n --qc-accent: #8ba3cc;\n --qc-text: #1a1a1a;\n --qc-text-light: #5a5a5a;\n --qc-border: #dde2ea;\n --qc-shadow: 0 4px 24px rgba(30,58,110,.08);\n --qc-shadow-lg: 0 12px 48px rgba(30,58,110,.15);\n --qc-radius: 20px;\n --qc-radius-sm: 12px;\n}\n\n.qc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.qc-hero {\n position: relative;\n background: linear-gradient(135deg, #122550 0%, #1e3a6e 40%, #4a6fa5 100%);\n border-radius: var(--qc-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(--qc-shadow-lg);\n}\n\n.qc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.04) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(139,163,204,.08) 0%, transparent 70%);\n opacity: 1;\n}\n\n.qc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.qc-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.qc-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.qc-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.qc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qc-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(--qc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.qc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qc-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.qc-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(--qc-primary), var(--qc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.qc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.qc-highlight-box {\n background: var(--qc-white);\n border-radius: var(--qc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--qc-shadow);\n border-left: 4px solid var(--qc-primary);\n}\n\n.qc-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--qc-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.qc-card {\n background: var(--qc-white);\n border-radius: var(--qc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qc-shadow-lg);\n border-color: var(--qc-primary);\n}\n\n.qc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.qc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.qc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qc-grid-compact .qc-card {\n padding: 1rem;\n}\n\n.qc-grid-compact .qc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qc-grid-compact .qc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.qc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.qc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qc-primary), var(--qc-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.qc-timeline-content {\n flex: 1;\n background: var(--qc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qc-radius-sm);\n box-shadow: var(--qc-shadow);\n}\n\n.qc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qc-timeline-content p {\n font-size: 14px;\n color: var(--qc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.qc-testimonial {\n background: var(--qc-white);\n border-radius: var(--qc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--qc-shadow);\n border-left: 4px solid var(--qc-primary);\n}\n\n.qc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.qc-accordion {\n background: var(--qc-white);\n border-radius: var(--qc-radius);\n box-shadow: var(--qc-shadow);\n overflow: hidden;\n}\n\n.qc-accordion-item {\n border-bottom: 1px solid var(--qc-border);\n margin: 0;\n padding: 0;\n}\n\n.qc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qc-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.qc-accordion-header:hover {\n background: var(--qc-primary-light);\n}\n\n.qc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--qc-primary);\n transition: transform .2s ease;\n}\n\n.qc-accordion-item[open] .qc-accordion-header::after {\n content: '−';\n}\n\n.qc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.qc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.qc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qc-primary-light);\n border-radius: var(--qc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.qc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qc-tip p {\n font-size: 14px;\n color: var(--qc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.qc-cta-box {\n background: linear-gradient(135deg, var(--qc-primary) 0%, var(--qc-primary-dark) 100%);\n border-radius: var(--qc-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.qc-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.qc-disclaimer {\n font-size: 12px;\n color: var(--qc-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 .qc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .qc-card {\n padding: 1.125rem;\n }\n\n .qc-section {\n margin-bottom: 1.75rem;\n }\n\n .qc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qc-radius-sm);\n }\n\n .qc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .qc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .qc-grid-compact {\n gap: .625rem;\n }\n\n .qc-grid-compact .qc-card {\n padding: .75rem;\n }\n\n .qc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .qc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .qc-timeline-content h3 {\n font-size: 14px;\n }\n\n .qc-timeline-content p {\n font-size: 13px;\n }\n\n .qc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .qc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .qc-highlight-box {\n padding: 1.25rem;\n }\n\n .qc-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .qc-card {\n animation: qcFadeInUp .5s ease backwards;\n }\n .qc-card:nth-child(1) { animation-delay: .05s; }\n .qc-card:nth-child(2) { animation-delay: .1s; }\n .qc-card:nth-child(3) { animation-delay: .15s; }\n .qc-card:nth-child(4) { animation-delay: .2s; }\n .qc-card:nth-child(5) { animation-delay: .25s; }\n .qc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qcFadeInUp {\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 .qc-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":45754731102365,"sku":"VO4616","price":16.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quercetine-anhydre-vegetale-60-gelules-qualidiet-packshothd_a56ab40a-84e3-480b-ad0b-e2f9a250241c.webp?v=1775222391"},{"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":"hericium-500-mg-bio-60-gelules-qualidiet","title":"Héricium bio 500 Mg - 60 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Héricium bio 500 mg - 60 Gélules\nPalette détectée:\n - Primaire: #1E5AAF (bleu profond du titre \"HERICIUM\")\n - Secondaire: #4A9B4A (vert bio de \"Issu de l'Agriculture biologique\")\n - Accent: #C8352D (rouge du logo \"QUALIDIET\")\nAmbiance: Pharmaceutique\/médical, naturel\/bio, confiance, simplicité, pureté (fond blanc du packaging)\nPréfixe CSS: hrc\n--\u003e\n\n\u003cdiv class=\"hrc-premium\"\u003e\n \n \u003cdiv class=\"hrc-hero\"\u003e\n \u003cdiv class=\"hrc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hrc-hero-content\"\u003e\n \u003cdiv class=\"hrc-badges-top\"\u003e\n \u003cspan class=\"hrc-badge\"\u003e🍄 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"hrc-badge\"\u003e🧠 Lion's Mane\u003c\/span\u003e\n \u003cspan class=\"hrc-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hrc-hero-title\"\u003eLion's mane Héricium bio 500 mg\u003c\/span\u003e\n \u003cp class=\"hrc-subtitle\"\u003eLe champignon de la mémoire et de la concentration\u003c\/p\u003e\n \u003cp class=\"hrc-description\"\u003eExtrait haute concentration avec \u003cstrong\u003e60% de polysaccharides\u003c\/strong\u003e et \u003cstrong\u003e20% de bêta-glucanes\u003c\/strong\u003e pour soutenir vos fonctions cognitives naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e🌟 Pourquoi choisir ce lion's mane en gélule ?\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid\"\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e⚡ Concentration exceptionnelle\u003c\/h3\u003e\n \u003cp\u003e60% de polysaccharides et 20% de bêta-glucanes, bien au-delà des standards du marché\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e💊 Dosage optimal\u003c\/h3\u003e\n \u003cp\u003e500 mg par gélule, plus généreux que les formules concurrentes à 400 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🌱 Certifié biologique\u003c\/h3\u003e\n \u003cp\u003eCultivé selon les normes bio, sans pesticides ni produits chimiques de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🥬 100% végétal\u003c\/h3\u003e\n \u003cp\u003eGélules végétales en hypromellose, adaptées aux régimes végétariens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication française avec traçabilité et contrôle qualité rigoureux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e✅ Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans conservateurs artificiels ni additifs controversés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e🍄 Qu'est-ce que le lion's mane (Hericium erinaceus) ?\u003c\/h2\u003e\n \u003cdiv class=\"hrc-info-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003eHericium erinaceus\u003c\/strong\u003e, surnommé \u003cstrong\u003eLion's Mane\u003c\/strong\u003e (crinière de lion) en raison de son apparence unique, est un champignon médicinal utilisé depuis des siècles en médecine traditionnelle asiatique.\u003c\/p\u003e\n \u003cp\u003eReconnaissable à ses longs filaments blancs, ce champignon fascine la communauté scientifique pour sa richesse en composés bioactifs spécifiques : les \u003cstrong\u003ehéricénones\u003c\/strong\u003e et les \u003cstrong\u003eérinacines\u003c\/strong\u003e. Ces molécules uniques peuvent traverser la barrière hémato-encéphalique et stimuler la production du facteur de croissance nerveux (NGF).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e💪 Les bienfaits du lion's mane sur votre organisme\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid\"\u003e\n \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eFavorise la clarté mentale\u003c\/li\u003e\n \u003cli\u003eSoutient la mémoire au quotidien\u003c\/li\u003e\n \u003cli\u003eAccompagne la concentration intense\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n \u003ch3\u003e🧘 Système nerveux\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eAccompagne face au stress\u003c\/li\u003e\n \u003cli\u003eFavorise le bien-être mental\u003c\/li\u003e\n \u003cli\u003eSoutient l'équilibre émotionnel\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003ePropriétés prébiotiques\u003c\/li\u003e\n \u003cli\u003eMuqueuse gastrique saine\u003c\/li\u003e\n \u003cli\u003eÉquilibre du microbiote\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e📋 Composition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"hrc-composition-box\"\u003e\n \u003cdiv class=\"hrc-composition-header\"\u003ePour 2 gélules (dose journalière)\u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-grid\"\u003e\n \u003cdiv class=\"hrc-composition-item\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003eExtrait d'Hericium erinaceus bio\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003e1000 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-item hrc-composition-sub\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003e↳ dont polysaccharides\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003e600 mg (60%)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-item hrc-composition-sub\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003e↳ dont bêta-glucanes\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003e200 mg (20%)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-item\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003eEnveloppe gélule végétale\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003eHypromellose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hrc-steps\"\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003e2 gélules par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n \u003cp\u003eLe matin au petit-déjeuner\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003eAdministration\u003c\/h3\u003e\n \u003cp\u003eAvec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e2 à 3 mois, renouvelable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-tip\"\u003e\n \u003cstrong\u003e💡 Astuce synergie :\u003c\/strong\u003e Associez ce complément au Reishi ou Cordyceps en alternance pour une action renforcée sur les fonctions cognitives.\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse ce complément à l'Héricium ?\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid\"\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n \u003cp\u003eEn période d'examens ou de révisions intensives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n \u003cp\u003eSoumis à une charge mentale importante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003eSouhaitant préserver leurs capacités cognitives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🧘 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eEn recherche d'un soutien naturel pour le système nerveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🌿 Sensibilités digestives\u003c\/h3\u003e\n \u003cp\u003ePour renforcer le confort intestinal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e🏆 Qualité et traçabilité\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid-compact\"\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🌱 Bio certifié\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🔬 Extraction pure\u003c\/h3\u003e\n \u003cp\u003ePrincipes actifs préservés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eBonnes pratiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e✅ Contrôlé\u003c\/h3\u003e\n \u003cp\u003eAnalyses qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"hrc-accordion\"\u003e\n \u003cdetails class=\"hrc-accordion-item\"\u003e\n \u003csummary class=\"hrc-accordion-header\"\u003e📦 Contenu du flacon\u003c\/summary\u003e\n \u003cdiv class=\"hrc-accordion-content\"\u003e\n \u003cp\u003e60 gélules végétales de 500 mg, soit \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e à raison de 2 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hrc-accordion-item\"\u003e\n \u003csummary class=\"hrc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hrc-accordion-content\"\u003e\n \u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hrc-accordion-item\"\u003e\n \u003csummary class=\"hrc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"hrc-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. Respectez la dose journalière indiquée.\u003c\/p\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants sans avis médical préalable. En cas de traitement médical ou de pathologie, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003eCe produit ne remplace en aucun cas un traitement médical et n'est pas destiné à diagnostiquer, traiter, guérir ou prévenir une maladie.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"hrc-cta-box\"\u003e\n \u003cp\u003e🍄 Offrez à votre cerveau le pouvoir ancestral du \u003cstrong\u003eLion's Mane\u003c\/strong\u003e avec une formule bio hautement concentrée. Mémoire, concentration et bien-être digestif réunis dans un seul complément d'excellence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hrc-cream: #f8f9fa;\n --hrc-white: #ffffff;\n --hrc-primary: #1E5AAF;\n --hrc-primary-dark: #14407a;\n --hrc-primary-light: #e8f0fa;\n --hrc-secondary: #4A9B4A;\n --hrc-secondary-light: #e8f5e8;\n --hrc-accent: #C8352D;\n --hrc-text: #1a1a1a;\n --hrc-text-light: #5a5a5a;\n --hrc-border: #e0e0e0;\n --hrc-shadow: 0 4px 24px rgba(30,90,175,.08);\n --hrc-shadow-lg: 0 12px 48px rgba(30,90,175,.15);\n --hrc-radius: 20px;\n --hrc-radius-sm: 12px;\n}\n\n.hrc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hrc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hrc-hero {\n position: relative;\n background: linear-gradient(135deg, #1E5AAF 0%, #2d6fc4 40%, #4A9B4A 100%);\n border-radius: var(--hrc-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(--hrc-shadow-lg);\n}\n\n.hrc-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.hrc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hrc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.hrc-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(--hrc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hrc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hrc-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.hrc-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.hrc-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.hrc-description strong {\n color: white;\n}\n\n\/* === SECTIONS === *\/\n.hrc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hrc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hrc-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.hrc-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(--hrc-primary), var(--hrc-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.hrc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hrc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.hrc-card {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hrc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hrc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hrc-shadow-lg);\n border-color: var(--hrc-primary);\n}\n\n.hrc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hrc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hrc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hrc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hrc-card-benefit {\n text-align: left;\n}\n\n.hrc-card-benefit ul {\n margin: 0;\n padding-left: 0;\n list-style: none;\n}\n\n.hrc-card-benefit li {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--hrc-text-light);\n padding: .35rem 0;\n padding-left: 1.5rem;\n position: relative;\n}\n\n.hrc-card-benefit li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--hrc-secondary);\n font-weight: 700;\n}\n\n.hrc-grid-compact .hrc-card {\n padding: 1rem;\n}\n\n.hrc-grid-compact .hrc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hrc-grid-compact .hrc-card p {\n font-size: 12px;\n}\n\n\/* === INFO BOX === *\/\n.hrc-info-box {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hrc-shadow);\n border-left: 5px solid var(--hrc-primary);\n}\n\n.hrc-info-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--hrc-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.hrc-info-box p:last-child {\n margin-bottom: 0;\n}\n\n.hrc-info-box strong {\n color: var(--hrc-primary-dark);\n}\n\n\/* === COMPOSITION === *\/\n.hrc-composition-box {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n overflow: hidden;\n box-shadow: var(--hrc-shadow);\n}\n\n.hrc-composition-header {\n background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-primary-dark) 100%);\n color: white;\n padding: 1rem 1.5rem;\n font-weight: 700;\n font-size: clamp(14px, 2.5vw, 16px);\n text-align: center;\n}\n\n.hrc-composition-grid {\n padding: 1rem;\n}\n\n.hrc-composition-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 1rem;\n border-bottom: 1px solid var(--hrc-border);\n}\n\n.hrc-composition-item:last-child {\n border-bottom: none;\n}\n\n.hrc-composition-sub {\n background: var(--hrc-primary-light);\n margin: 0 -1rem;\n padding-left: 2rem;\n}\n\n.hrc-composition-label {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hrc-text);\n}\n\n.hrc-composition-value {\n font-size: clamp(13px, 2vw, 15px);\n font-weight: 700;\n color: var(--hrc-primary-dark);\n}\n\n\/* === STEPS === *\/\n.hrc-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.hrc-step {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n padding: 1.5rem;\n box-shadow: var(--hrc-shadow);\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n transition: all .3s ease;\n}\n\n.hrc-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--hrc-shadow-lg);\n}\n\n.hrc-step-number {\n width: 40px;\n height: 40px;\n min-width: 40px;\n background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-secondary) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 18px;\n}\n\n.hrc-step-content h3 {\n font-size: 15px;\n font-weight: 700;\n color: var(--hrc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hrc-step-content p {\n font-size: 14px;\n color: var(--hrc-text-light);\n margin: 0;\n}\n\n.hrc-tip {\n background: var(--hrc-secondary-light);\n border-radius: var(--hrc-radius-sm);\n padding: 1rem 1.25rem;\n font-size: clamp(13px, 2vw, 14px);\n color: var(--hrc-text);\n border-left: 4px solid var(--hrc-secondary);\n}\n\n\/* === ACCORDÉON === *\/\n.hrc-accordion {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n box-shadow: var(--hrc-shadow);\n overflow: hidden;\n}\n\n.hrc-accordion-item {\n border-bottom: 1px solid var(--hrc-border);\n margin: 0;\n padding: 0;\n}\n\n.hrc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hrc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hrc-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.hrc-accordion-header:hover {\n background: var(--hrc-primary-light);\n}\n\n.hrc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hrc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hrc-primary);\n transition: transform .2s ease;\n}\n\n.hrc-accordion-item[open] .hrc-accordion-header::after {\n content: '−';\n}\n\n.hrc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hrc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.hrc-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.hrc-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.hrc-accordion-content em {\n font-size: 13px;\n color: var(--hrc-text-light);\n}\n\n\/* === CTA === *\/\n.hrc-cta-box {\n background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-secondary) 100%);\n border-radius: var(--hrc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hrc-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.hrc-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.hrc-cta-box strong {\n color: white;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .hrc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hrc-card {\n padding: 1.125rem;\n }\n \n .hrc-section {\n margin-bottom: 1.75rem;\n }\n \n .hrc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hrc-radius-sm);\n }\n \n .hrc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .hrc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .hrc-badges-top {\n gap: 8px;\n }\n \n .hrc-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .hrc-grid-compact {\n gap: .625rem;\n }\n \n .hrc-grid-compact .hrc-card {\n padding: .75rem;\n }\n \n .hrc-steps {\n grid-template-columns: 1fr 1fr;\n gap: .75rem;\n }\n \n .hrc-step {\n padding: 1rem;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: .5rem;\n }\n \n .hrc-step-number {\n width: 36px;\n height: 36px;\n min-width: 36px;\n font-size: 16px;\n }\n \n .hrc-info-box {\n padding: 1.25rem;\n }\n \n .hrc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .hrc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .hrc-composition-item {\n padding: .75rem;\n flex-direction: column;\n align-items: flex-start;\n gap: .25rem;\n }\n \n .hrc-composition-sub {\n padding-left: 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hrc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hrc-card:nth-child(1) { animation-delay: .05s; }\n .hrc-card:nth-child(2) { animation-delay: .1s; }\n .hrc-card:nth-child(3) { animation-delay: .15s; }\n .hrc-card:nth-child(4) { animation-delay: .2s; }\n .hrc-card:nth-child(5) { animation-delay: .25s; }\n .hrc-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 .hrc-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":45754732183709,"sku":"VO4612","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/hericium-bio-500-mg-60-gelules-vitalosmose-ingredients.jpg?v=1768225119"},{"product_id":"reishi-500-mg-bio-60-gelules-qualidiet","title":"Reishi 500 Mg Bio - 60 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Reishi 500 Mg Bio - 60 Gélules\nPalette détectée:\n - Primaire: #1E5AA8 (bleu du texte \"REISHI\" sur le packaging)\n - Secondaire: #2E7D32 (vert \"Agriculture biologique\")\n - Accent: #C62828 (rouge \"QUALIDIET\")\nAmbiance: Naturel\/Bio, médical, épuré, scientifique avec touches organiques\nPréfixe CSS: rei\n--\u003e\n\n\u003cdiv class=\"rei-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"rei-hero\"\u003e\n \u003cdiv class=\"rei-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rei-hero-content\"\u003e\n \u003cdiv class=\"rei-badges-top\"\u003e\n \u003cspan class=\"rei-badge\"\u003e🍄 Ganoderma lucidum\u003c\/span\u003e\n \u003cspan class=\"rei-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"rei-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rei-hero-title\"\u003eReishi 500 mg bio\u003c\/span\u003e\n \u003cp class=\"rei-subtitle\"\u003eLe champignon de l'immortalité\u003c\/p\u003e\n \u003cp class=\"rei-description\"\u003eExtrait hautement concentré en polysaccharides et triterpènes pour renforcer naturellement vos défenses et apaiser votre esprit\u003c\/p\u003e\n \u003cdiv class=\"rei-hero-stats\"\u003e\n \u003cdiv class=\"rei-stat\"\u003e\n \u003cspan class=\"rei-stat-number\"\u003e500 mg\u003c\/span\u003e\n \u003cspan class=\"rei-stat-label\"\u003epar gélule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-stat\"\u003e\n \u003cspan class=\"rei-stat-number\"\u003e60%\u003c\/span\u003e\n \u003cspan class=\"rei-stat-label\"\u003epolysaccharides\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-stat\"\u003e\n \u003cspan class=\"rei-stat-number\"\u003e20%\u003c\/span\u003e\n \u003cspan class=\"rei-stat-label\"\u003ebêta-glucanes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e🌟 Les bienfaits du reishi\u003c\/h2\u003e\n \u003cdiv class=\"rei-grid\"\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n \u003cp\u003eLes bêta-glucanes stimulent naturellement le système immunitaire et aident l'organisme à mieux se défendre contre les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e🧘\u003c\/div\u003e\n \u003ch3\u003eGestion du stress\u003c\/h3\u003e\n \u003cp\u003eChampignon adaptogène par excellence, le reishi aide à réguler la réponse au stress et favorise un état d'équilibre mental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eAntioxydant puissant\u003c\/h3\u003e\n \u003cp\u003eRiche en triterpènes et polysaccharides, il combat le stress oxydatif et protège les cellules du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e😴\u003c\/div\u003e\n \u003ch3\u003eSommeil apaisé\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisé pour favoriser un sommeil réparateur et améliorer la qualité du repos nocturne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e❤️\u003c\/div\u003e\n \u003ch3\u003eBien-être cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien d'une circulation sanguine normale et soutient la santé du système cardiovasculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch3\u003eVitalité durable\u003c\/h3\u003e\n \u003cp\u003eSurnommé \"champignon de l'immortalité\" en Asie, il procure une énergie constante sans stimulation excessive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e🔬 Composition premium\u003c\/h2\u003e\n \u003cdiv class=\"rei-composition-wrapper\"\u003e\n \u003cdiv class=\"rei-composition-main\"\u003e\n \u003cdiv class=\"rei-ingredient-hero\"\u003e\n \u003cdiv class=\"rei-ingredient-content\"\u003e\n \u003ch3\u003e🍄 Extrait de reishi bio\u003c\/h3\u003e\n \u003cspan class=\"rei-ingredient-latin\"\u003eGanoderma lucidum\u003c\/span\u003e\n \u003cdiv class=\"rei-ingredient-dosage\"\u003e500 mg par gélule\u003c\/div\u003e\n \u003cp\u003eExtrait haute concentration certifié biologique, standardisé à 60% de polysaccharides et 20% de bêta-glucanes pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-composition-grid\"\u003e\n \u003cdiv class=\"rei-mini-card\"\u003e\n \u003cspan class=\"rei-mini-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"rei-mini-label\"\u003eCellulose microcristalline bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-mini-card\"\u003e\n \u003cspan class=\"rei-mini-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"rei-mini-label\"\u003eAmidon de riz bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rei-usage-box\"\u003e\n \u003cdiv class=\"rei-usage-steps\"\u003e\n \u003cdiv class=\"rei-step\"\u003e\n \u003cdiv class=\"rei-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003ch4\u003ePosologie\u003c\/h4\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e1 à 2 gélules\u003c\/strong\u003e par jour selon vos besoins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-step\"\u003e\n \u003cdiv class=\"rei-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003ch4\u003eMoment\u003c\/h4\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003eau cours des repas\u003c\/strong\u003e avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-step\"\u003e\n \u003cdiv class=\"rei-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003ch4\u003eDurée\u003c\/h4\u003e\n \u003cp\u003eCure de \u003cstrong\u003eplusieurs mois\u003c\/strong\u003e recommandée pour une efficacité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-tip\"\u003e\n \u003cspan class=\"rei-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLa posologie peut être adaptée selon les recommandations de votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"rei-grid rei-grid-4\"\u003e\n \u003cdiv class=\"rei-profile-card\"\u003e\n \u003cspan class=\"rei-profile-icon\"\u003e🏃\u003c\/span\u003e\n \u003ch4\u003eActifs stressés\u003c\/h4\u003e\n \u003cp\u003eRetrouvez calme et sérénité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-profile-card\"\u003e\n \u003cspan class=\"rei-profile-icon\"\u003e🤧\u003c\/span\u003e\n \u003ch4\u003eImmunité fragilisée\u003c\/h4\u003e\n \u003cp\u003eRenforcez vos défenses naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-profile-card\"\u003e\n \u003cspan class=\"rei-profile-icon\"\u003e😓\u003c\/span\u003e\n \u003ch4\u003eFatigue chronique\u003c\/h4\u003e\n \u003cp\u003eRetrouvez votre vitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-profile-card\"\u003e\n \u003cspan class=\"rei-profile-icon\"\u003e🧓\u003c\/span\u003e\n \u003ch4\u003eSeniors\u003c\/h4\u003e\n \u003cp\u003ePréservez votre bien-être global\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- QUALITÉ --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e✨ Nos engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"rei-quality-grid\"\u003e\n \u003cdiv class=\"rei-quality-card\"\u003e\n \u003cdiv class=\"rei-quality-badge\"\u003e🌿\u003c\/div\u003e\n \u003ch4\u003e100% biologique\u003c\/h4\u003e\n \u003cp\u003eCertifié ECOCERT, sans pesticides ni agents chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-quality-card\"\u003e\n \u003cdiv class=\"rei-quality-badge\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch4\u003eFabriqué en France\u003c\/h4\u003e\n \u003cp\u003eProduction contrôlée selon les normes les plus strictes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-quality-card\"\u003e\n \u003cdiv class=\"rei-quality-badge\"\u003e🔍\u003c\/div\u003e\n \u003ch4\u003eTraçabilité totale\u003c\/h4\u003e\n \u003cp\u003eDe la récolte à la production, chaque étape est contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003cdiv class=\"rei-warning-box\"\u003e\n \u003cdiv class=\"rei-warning-header\"\u003e\n \u003cspan class=\"rei-warning-icon\"\u003e⚠️\u003c\/span\u003e\n \u003ch4\u003ePrécautions d'emploi\u003c\/h4\u003e\n \u003c\/div\u003e\n \u003cul class=\"rei-warning-list\"\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n \u003cli\u003eConsultez votre médecin si vous êtes enceinte, allaitez ou êtes sous traitement médical\u003c\/li\u003e\n \u003cli\u003eConserver à l'abri de la chaleur et de l'humidité\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"rei-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rei-cta-box\"\u003e\n \u003cdiv class=\"rei-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rei-cta-content\"\u003e\n \u003cspan class=\"rei-cta-emoji\"\u003e🍄\u003c\/span\u003e\n \u003cp\u003eOffrez à votre corps le pouvoir millénaire du reishi, le champignon sacré de la médecine traditionnelle asiatique. Une cure naturelle pour renforcer votre immunité et retrouver sérénité et vitalité.\u003c\/p\u003e\n \u003cdiv class=\"rei-cta-badges\"\u003e\n \u003cspan class=\"rei-cta-badge\"\u003e✓ Bio certifié\u003c\/span\u003e\n \u003cspan class=\"rei-cta-badge\"\u003e✓ Haute concentration\u003c\/span\u003e\n \u003cspan class=\"rei-cta-badge\"\u003e✓ 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:root {\n --rei-cream: #F8F6F3;\n --rei-white: #ffffff;\n --rei-primary: #1E5AA8;\n --rei-primary-dark: #164785;\n --rei-primary-light: #E8F1FB;\n --rei-secondary: #2E7D32;\n --rei-secondary-light: #E8F5E9;\n --rei-accent: #C62828;\n --rei-text: #1a1a1a;\n --rei-text-light: #5a5a5a;\n --rei-border: #e0e0e0;\n --rei-shadow: 0 4px 24px rgba(0,0,0,.08);\n --rei-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --rei-radius: 20px;\n --rei-radius-sm: 12px;\n}\n\n.rei-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rei-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--rei-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.rei-hero {\n position: relative;\n background: linear-gradient(135deg, #1E5AA8 0%, #164785 40%, #2E7D32 100%);\n border-radius: var(--rei-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(--rei-shadow-lg);\n}\n\n.rei-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 60%);\n opacity: 1;\n}\n\n.rei-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rei-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.rei-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(--rei-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rei-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rei-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rei-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.rei-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 600px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.rei-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.rei-stat {\n text-align: center;\n padding: 1rem 1.5rem;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: var(--rei-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.rei-stat-number {\n display: block;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: white;\n}\n\n.rei-stat-label {\n font-size: 12px;\n color: rgba(255,255,255,.8);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.rei-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.rei-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--rei-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.rei-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(--rei-primary), var(--rei-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.rei-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.rei-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === CARDS BIENFAITS === *\/\n.rei-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--rei-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rei-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--rei-shadow-lg);\n border-color: var(--rei-primary);\n}\n\n.rei-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.rei-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.rei-card p {\n font-size: 14px;\n color: var(--rei-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.rei-composition-wrapper {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.rei-ingredient-hero {\n background: linear-gradient(135deg, var(--rei-primary-light) 0%, var(--rei-secondary-light) 100%);\n border-radius: var(--rei-radius);\n padding: clamp(2rem, 4vw, 3rem);\n display: flex;\n align-items: center;\n gap: 2rem;\n border: 2px solid var(--rei-primary);\n}\n\n.rei-ingredient-icon {\n font-size: 72px;\n flex-shrink: 0;\n}\n\n.rei-ingredient-content h3 {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.25rem 0;\n}\n\n.rei-ingredient-latin {\n font-style: italic;\n color: var(--rei-secondary);\n font-size: 14px;\n display: block;\n margin-bottom: 0.5rem;\n}\n\n.rei-ingredient-dosage {\n display: inline-block;\n background: var(--rei-primary);\n color: white;\n padding: 6px 16px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n margin-bottom: 1rem;\n}\n\n.rei-ingredient-content p {\n font-size: 15px;\n color: var(--rei-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.rei-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.rei-mini-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius-sm);\n padding: 1rem;\n display: flex;\n align-items: center;\n gap: 10px;\n box-shadow: var(--rei-shadow);\n}\n\n.rei-mini-icon {\n font-size: 24px;\n}\n\n.rei-mini-label {\n font-size: 13px;\n color: var(--rei-text-light);\n font-weight: 500;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.rei-usage-box {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--rei-shadow);\n}\n\n.rei-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.rei-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n}\n\n.rei-step-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--rei-primary), var(--rei-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n flex-shrink: 0;\n}\n\n.rei-step-content h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.25rem 0;\n}\n\n.rei-step-content p {\n font-size: 14px;\n color: var(--rei-text-light);\n margin: 0;\n}\n\n.rei-tip {\n display: flex;\n align-items: center;\n gap: 12px;\n background: var(--rei-secondary-light);\n border-radius: var(--rei-radius-sm);\n padding: 1rem 1.25rem;\n border-left: 4px solid var(--rei-secondary);\n}\n\n.rei-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rei-tip p {\n font-size: 14px;\n color: var(--rei-text);\n margin: 0;\n}\n\n\/* === PROFILS === *\/\n.rei-profile-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--rei-shadow);\n transition: all .3s ease;\n}\n\n.rei-profile-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--rei-shadow-lg);\n}\n\n.rei-profile-icon {\n font-size: 40px;\n display: block;\n margin-bottom: 0.75rem;\n}\n\n.rei-profile-card h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.rei-profile-card p {\n font-size: 13px;\n color: var(--rei-text-light);\n margin: 0;\n}\n\n\/* === QUALITÉ === *\/\n.rei-quality-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.rei-quality-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: 2rem;\n text-align: center;\n box-shadow: var(--rei-shadow);\n transition: all .3s ease;\n border-top: 4px solid var(--rei-secondary);\n}\n\n.rei-quality-card:hover {\n transform: translateY(-5px);\n}\n\n.rei-quality-badge {\n font-size: 40px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.rei-quality-card h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.rei-quality-card p {\n font-size: 14px;\n color: var(--rei-text-light);\n margin: 0;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.rei-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.rei-info-item {\n background: var(--rei-white);\n border-radius: var(--rei-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--rei-shadow);\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.rei-info-icon {\n font-size: 28px;\n}\n\n.rei-info-label {\n font-size: 12px;\n color: var(--rei-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.rei-info-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n}\n\n\/* === PRÉCAUTIONS === *\/\n.rei-warning-box {\n background: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);\n border-radius: var(--rei-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid #FFB300;\n}\n\n.rei-warning-header {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 1rem;\n}\n\n.rei-warning-icon {\n font-size: 28px;\n}\n\n.rei-warning-header h4 {\n font-size: 18px;\n font-weight: 800;\n color: #E65100;\n margin: 0;\n}\n\n.rei-warning-list {\n margin: 0;\n padding-left: 1.5rem;\n}\n\n.rei-warning-list li {\n font-size: 14px;\n color: #5D4037;\n margin-bottom: 0.5rem;\n line-height: 1.6;\n}\n\n.rei-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.rei-cta-box {\n background: linear-gradient(135deg, var(--rei-primary) 0%, var(--rei-secondary) 100%);\n border-radius: var(--rei-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rei-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 30%);\n}\n\n.rei-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.rei-cta-emoji {\n font-size: 64px;\n display: block;\n margin-bottom: 1.5rem;\n}\n\n.rei-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n}\n\n.rei-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n}\n\n.rei-cta-badge {\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.3);\n border-radius: 999px;\n padding: 8px 16px;\n color: white;\n font-size: 13px;\n font-weight: 700;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .rei-grid,\n .rei-grid-4,\n .rei-quality-grid {\n grid-template-columns: 1fr;\n }\n \n .rei-ingredient-hero {\n flex-direction: column;\n text-align: center;\n }\n \n .rei-hero-stats {\n flex-direction: column;\n align-items: center;\n }\n \n .rei-stat {\n width: 100%;\n max-width: 200px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rei-card,\n .rei-profile-card,\n .rei-quality-card {\n animation: reiFadeInUp .6s ease backwards;\n }\n \n .rei-card:nth-child(1), .rei-profile-card:nth-child(1), .rei-quality-card:nth-child(1) { animation-delay: .1s; }\n .rei-card:nth-child(2), .rei-profile-card:nth-child(2), .rei-quality-card:nth-child(2) { animation-delay: .2s; }\n .rei-card:nth-child(3), .rei-profile-card:nth-child(3), .rei-quality-card:nth-child(3) { animation-delay: .3s; }\n .rei-card:nth-child(4), .rei-profile-card:nth-child(4), .rei-quality-card:nth-child(4) { animation-delay: .4s; }\n .rei-card:nth-child(5) { animation-delay: .5s; }\n .rei-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes reiFadeInUp {\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 .rei-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .rei-card,\n .rei-profile-card,\n .rei-quality-card {\n border: 2px solid var(--rei-text);\n }\n \n .rei-badge {\n border: 2px solid var(--rei-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754732576925,"sku":"VO4608","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/reishi-500-mg-bio-60-gelules-vitalosmose-ingredients.jpg?v=1766695198"},{"product_id":"gem-chol-06-bio-15-ml-alphagem","title":"Gem-Chol 06 Bio - 15 ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gem-Chol 06 Bio - 15 ml - Alphagem\nPalette détectée:\n - Primaire: #4a7c3f (vert feuille\/nature du logo AlphaGem)\n - Secondaire: #a0522d (brun-rouge terreux de l'étiquette GEM-CHOL)\n - Accent: #2e6b8a (bleu du liseré bas de l'étiquette)\n - Brun flacon: #3d2b1a (ambiance naturelle\/apothicaire)\nAmbiance: Naturel\/bio, gemmothérapie, apothicaire végétal, santé naturelle, confiance\nPréfixe CSS: gc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Gem-Chol 06 Bio d'Alphagem : le complexe de gemmothérapie dédié à l'équilibre du cholestérol\"\n 2. \"Une synergie de 5 bourgeons et jeunes pousses biologiques\"\n 3. \"Composition détaillée\"\n 4. \"Comment prendre le Gem-Chol 06 Bio ?\"\n 5. \"Précautions d'emploi\"\n 6. \"Pourquoi choisir Alphagem ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gc-hero\"\u003e\n \u003cdiv class=\"gc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gc-hero-content\"\u003e\n \u003cdiv class=\"gc-badges-top\"\u003e\n \u003cspan class=\"gc-badge\"\u003e🌿 Gemmothérapie bio\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e🇧🇪 Laboratoire belge\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e💧 5 extraits de bourgeons\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e🫒 Équilibre lipidique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gc-hero-title\"\u003eGem-Chol 06 Bio\u003c\/span\u003e\n \u003cp class=\"gc-subtitle\"\u003eGemmo-Complexe 06 — Cholestérol — Alphagem\u003c\/p\u003e\n \u003cp class=\"gc-description\"\u003eUn concentré de 5 bourgeons et jeunes pousses biologiques, enrichi d'huiles essentielles, pour accompagner naturellement votre équilibre cardiovasculaire et lipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eGem-Chol 06 Bio d'Alphagem : le complexe de gemmothérapie dédié à l'équilibre du cholestérol\u003c\/h2\u003e\n \u003cp class=\"gc-section-intro\"\u003eVous cherchez une solution naturelle pour soutenir votre taux de cholestérol ? Le \u003cstrong\u003eGem-Chol 06 Bio d'Alphagem\u003c\/strong\u003e est un \u003cstrong\u003econcentré d'extraits de bourgeons frais\u003c\/strong\u003e et de jeunes pousses, formulé spécifiquement pour favoriser le métabolisme lipidique et accompagner votre santé cardiovasculaire au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"gc-grid-compact\"\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🌱 Bourgeons frais\u003c\/h3\u003e\n \u003cp\u003eExtraits concentrés de bourgeons et jeunes pousses récoltés au stade optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🔬 5 plantes synergiques\u003c\/h3\u003e\n \u003cp\u003eFormule complète associant gemmothérapie et huiles essentielles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eAction globale sur le métabolisme lipidique et l'équilibre du cholestérol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n \u003cp\u003e100% des ingrédients végétaux issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eUne synergie de 5 bourgeons et jeunes pousses biologiques\u003c\/h2\u003e\n \u003cp class=\"gc-section-intro\"\u003eChaque goutte de Gem-Chol 06 concentre le meilleur de la gemmothérapie grâce à une formule complète :\u003c\/p\u003e\n \u003cdiv class=\"gc-grid\"\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🌿 Jeunes pousses de romarin\u003c\/h3\u003e\n \u003cp\u003ePilier de la gemmothérapie foie-digestion, le romarin soutient la fonction hépatique et facilite l'élimination des graisses. Il contribue à une digestion saine et aide le foie dans son rôle de détoxification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🫒 Jeunes pousses d'olivier\u003c\/h3\u003e\n \u003cp\u003eRéputées pour leur action bénéfique sur la sphère circulatoire, elles participent au maintien d'une pression artérielle normale et favorisent un bon équilibre lipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🌳 Bourgeons de tilleul\u003c\/h3\u003e\n \u003cp\u003eConnus pour leurs propriétés apaisantes, ils aident à réduire le stress, un facteur souvent sous-estimé dans les déséquilibres du cholestérol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🍃 Bourgeons de bouleau\u003c\/h3\u003e\n \u003cp\u003eVéritables alliés dépuratifs, ils stimulent l'élimination des toxines et soutiennent les fonctions d'épuration de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🌸 Bourgeons d'amandier\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisés pour leur rôle dans le métabolisme lipidique, ils contribuent directement à l'équilibre entre bon et mauvais cholestérol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-tip\"\u003e\n \u003cspan class=\"gc-tip-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003eLa formule est complétée par des \u003cstrong\u003ehuiles essentielles de menthe poivrée et de romarin\u003c\/strong\u003e, qui apportent une action tonique sur la digestion tout en offrant une saveur fraîche et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"gc-accordion\"\u003e\n \u003cdetails class=\"gc-accordion-item\" open\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e📋 Ingrédients complets\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eAlcool (35% vol.), glycérine végétale, eau, extraits de jeunes pousses de romarin* (\u003cem\u003eRosmarinus officinalis\u003c\/em\u003e) et d'olivier* (\u003cem\u003eOlea europaea\u003c\/em\u003e), extraits de bourgeons de tilleul* (\u003cem\u003eTilia tomentosa\u003c\/em\u003e), de bouleau* (\u003cem\u003eBetula pubescens\u003c\/em\u003e) et d'amandier* (\u003cem\u003ePrunus amygdalus\u003c\/em\u003e), huiles essentielles de menthe poivrée* (\u003cem\u003eMentha piperita\u003c\/em\u003e) et de romarin* (\u003cem\u003eRosmarinus officinalis\u003c\/em\u003e).\u003c\/p\u003e\n \u003cp style=\"margin-top:.5rem\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eFlacon de 15 ml avec compte-gouttes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eComment prendre le Gem-Chol 06 Bio ?\u003c\/h2\u003e\n \u003cdiv class=\"gc-timeline\"\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eAvant chaque utilisation, agitez bien le flacon pour homogénéiser les extraits de bourgeons et les huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003eDosez 5 à 15 gouttes par jour\u003c\/h3\u003e\n \u003cp\u003eDéposez les gouttes directement sous la langue ou diluez-les dans un peu d'eau de source, idéalement en dehors des repas pour une meilleure absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n \u003cp\u003eDébutez par 5 gouttes et augmentez graduellement selon vos besoins, jusqu'à 15 gouttes par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003eCure de 3 semaines\u003c\/h3\u003e\n \u003cp\u003eSuivez une cure de 3 semaines, renouvelable après une pause d'une semaine, 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\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gc-accordion\"\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e💧 Teneur en alcool\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eContient de l'alcool (35% vol.). Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de la lumière, hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e, une alimentation variée et équilibrée ni un mode de vie sain. En cas de cholestérol élevé diagnostiqué, consultez votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"gc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Alphagem ?\u003c\/h2\u003e\n \u003cdiv class=\"gc-testimonial\"\u003e\n \u003cp class=\"gc-testimonial-text\"\u003e\"De l'arbre au flacon\" — Alphagem, laboratoire belge spécialisé en gemmothérapie, sélectionne rigoureusement ses bourgeons et jeunes pousses auprès de cueilleurs certifiés bio. Chaque macérat est préparé de manière artisanale, dans le respect des principes de la gemmothérapie concentrée, pour offrir des extraits de bourgeons frais d'une qualité irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-cta-box\"\u003e\n \u003cp\u003e🌿 Le Gem-Chol 06 est \u003cstrong\u003ecertifié biologique\u003c\/strong\u003e, garantissant un produit pur, sans additif superflu — la nature au service de votre équilibre lipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gc-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. Réservé aux adultes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gc-cream: #f7f5f0;\n --gc-white: #ffffff;\n --gc-primary: #4a7c3f;\n --gc-primary-dark: #2d5a24;\n --gc-primary-light: #e8f0e5;\n --gc-secondary: #a0522d;\n --gc-accent: #2e6b8a;\n --gc-text: #1a1a1a;\n --gc-text-light: #5a5a5a;\n --gc-border: #e0ddd6;\n --gc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gc-radius: 20px;\n --gc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gc-primary-dark) 0%, var(--gc-primary) 45%, var(--gc-secondary) 100%);\n border-radius: var(--gc-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(--gc-shadow-lg);\n}\n\n.gc-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.gc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gc-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.gc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .04em;\n text-transform: uppercase;\n}\n\n.gc-description {\n color: rgba(255,255,255,.9);\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.gc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gc-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(--gc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gc-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.gc-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(--gc-primary), var(--gc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gc-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.gc-card {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gc-shadow-lg);\n border-color: var(--gc-primary);\n}\n\n.gc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gc-grid-compact .gc-card {\n padding: 1rem;\n}\n\n.gc-grid-compact .gc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gc-grid-compact .gc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gc-primary), var(--gc-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.gc-timeline-content {\n flex: 1;\n background: var(--gc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gc-radius-sm);\n box-shadow: var(--gc-shadow);\n}\n\n.gc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gc-timeline-content p {\n font-size: 14px;\n color: var(--gc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gc-testimonial {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gc-shadow);\n border-left: 4px solid var(--gc-primary);\n margin-bottom: 1.25rem;\n}\n\n.gc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gc-accordion {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n box-shadow: var(--gc-shadow);\n overflow: hidden;\n}\n\n.gc-accordion-item {\n border-bottom: 1px solid var(--gc-border);\n margin: 0;\n padding: 0;\n}\n\n.gc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gc-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.gc-accordion-header:hover {\n background: var(--gc-primary-light);\n}\n\n.gc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gc-primary);\n transition: transform .2s ease;\n}\n\n.gc-accordion-item[open] .gc-accordion-header::after {\n content: '−';\n}\n\n.gc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gc-primary-light);\n border-radius: var(--gc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gc-tip p {\n font-size: 14px;\n color: var(--gc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.gc-cta-box {\n background: linear-gradient(135deg, var(--gc-primary) 0%, var(--gc-primary-dark) 100%);\n border-radius: var(--gc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gc-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.gc-disclaimer {\n font-size: 12px;\n color: var(--gc-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 .gc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gc-card {\n padding: 1.125rem;\n }\n\n .gc-section {\n margin-bottom: 1.75rem;\n }\n\n .gc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gc-radius-sm);\n }\n\n .gc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gc-grid-compact {\n gap: .625rem;\n }\n\n .gc-grid-compact .gc-card {\n padding: .75rem;\n }\n\n .gc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gc-timeline-content h3 {\n font-size: 14px;\n }\n\n .gc-timeline-content p {\n font-size: 13px;\n }\n\n .gc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gc-testimonial {\n padding: 1.25rem;\n }\n\n .gc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gc-card {\n animation: gcFadeInUp .5s ease backwards;\n }\n .gc-card:nth-child(1) { animation-delay: .05s; }\n .gc-card:nth-child(2) { animation-delay: .1s; }\n .gc-card:nth-child(3) { animation-delay: .15s; }\n .gc-card:nth-child(4) { animation-delay: .2s; }\n .gc-card:nth-child(5) { animation-delay: .25s; }\n .gc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gcFadeInUp {\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 .gc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":45754883113117,"sku":"5004","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gem-chol-06-bio-15ml-alphagem-min.jpg?v=1731411142"},{"product_id":"gem-tonic-16-bio-50-ml-alphagem","title":"Gem-Tonic 16 Bio - 50 ml- Alphagem","description":"\u003cdiv class=\"gt-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gt-hero\"\u003e\n \u003cdiv class=\"gt-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gt-hero-content\"\u003e\n \u003cdiv class=\"gt-badges-top\"\u003e\n \u003cspan class=\"gt-badge\"\u003e🌿 100 % Bio\u003c\/span\u003e\n \u003cspan class=\"gt-badge\"\u003e🇧🇪 Fabrication belge\u003c\/span\u003e\n \u003cspan class=\"gt-badge\"\u003e💧 Flacon 50 ml\u003c\/span\u003e\n \u003cspan class=\"gt-badge\"\u003e🌱 4 bourgeons synergiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gt-hero-title\"\u003eGem-Tonic 16 Bio Alphagem\u003c\/span\u003e\n \u003cp class=\"gt-subtitle\"\u003eGemmo-complexe tonique aux bourgeons bio\u003c\/p\u003e\n \u003cp class=\"gt-description\"\u003eRetrouvez énergie, tonus et clarté mentale grâce à la puissance concentrée de 4 bourgeons et jeunes pousses certifiés bio, réunis en un seul flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003eGem-Tonic 16 Bio Alphagem : le complexe gemmothérapie vitalité et tonus\u003c\/h2\u003e\n \u003cp class=\"gt-section-intro\"\u003eVous traversez une période de fatigue persistante, de surmenage ou de baisse de tonus ? Le \u003cstrong\u003eGem-Tonic 16 Bio d'Alphagem\u003c\/strong\u003e est un \u003cstrong\u003egemmo-complexe tonique\u003c\/strong\u003e formulé à partir de bourgeons et jeunes pousses bio, spécialement sélectionnés pour leurs vertus revitalisantes.\u003c\/p\u003e\n \u003cdiv class=\"gt-grid-compact\"\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e⚡ Énergie retrouvée\u003c\/h3\u003e\n \u003cp\u003eCombattez la fatigue persistante avec des bourgeons adaptogènes puissants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🧠 Clarté mentale\u003c\/h3\u003e\n \u003cp\u003eFavorisez concentration et vivacité intellectuelle au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eExtraits de bourgeons bio sans additif de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e💧 50 ml pratiques\u003c\/h3\u003e\n \u003cp\u003eFlacon compte-gouttes pour un dosage précis pendant plusieurs semaines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complexe de gemmothérapie tonique ?\u003c\/h2\u003e\n \u003cp class=\"gt-section-intro\"\u003eLa \u003cstrong\u003egemmothérapie\u003c\/strong\u003e utilise la puissance concentrée des bourgeons et jeunes pousses, véritables réservoirs de vitalité végétale. Le Gem-Tonic 16 Bio réunit quatre extraits complémentaires pour une action globale sur votre organisme :\u003c\/p\u003e\n \u003cdiv class=\"gt-grid\"\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🫐 Bourgeons de cassis\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eRibes nigrum\u003c\/strong\u003e — Considéré comme l'adaptogène de la gemmothérapie, le cassis soutient l'énergie, renforce les défenses naturelles et amplifie l'action des autres bourgeons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🌳 Bourgeons de chêne\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eQuercus robur\u003c\/strong\u003e — Symbole de force et de longévité, le chêne contribue à lutter contre l'épuisement physique et nerveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🌲 Jeunes pousses de séquoia\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eSequoiadendron giganteum\u003c\/strong\u003e — Réputé pour ses propriétés tonifiantes profondes, le séquoia apporte un soutien précieux en cas de grande fatigue ou de convalescence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🍃 Bourgeons de charme\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eCarpinus betulus\u003c\/strong\u003e — Allié de la clarté mentale, le charme aide à surmonter la fatigue intellectuelle et favorise la concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-tip\"\u003e\n \u003cspan class=\"gt-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCette synergie fait du Gem-Tonic un allié idéal lors des \u003cstrong\u003echangements de saison\u003c\/strong\u003e, en période d'examens, après un effort sportif intense ou simplement quand votre énergie décline. Un organisme moins fatigué gère mieux le stress et retrouve plus facilement un \u003cstrong\u003esommeil\u003c\/strong\u003e réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"gt-composition-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Eau, alcool* (35 % vol.), glycérine végétale, bourgeons de cassis* \u003cem\u003e(Ribes nigrum)\u003c\/em\u003e, bourgeons de chêne* \u003cem\u003e(Quercus robur)\u003c\/em\u003e, jeunes pousses de séquoia* \u003cem\u003e(Sequoiadendron giganteum)\u003c\/em\u003e, bourgeons de charme* \u003cem\u003e(Carpinus betulus)\u003c\/em\u003e.\u003c\/p\u003e\n \u003cp class=\"gt-bio-note\"\u003e*Ingrédients issus de l'agriculture biologique. Flacon de \u003cstrong\u003e50 ml\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"gt-timeline\"\u003e\n \u003cdiv class=\"gt-timeline-item\"\u003e\n \u003cdiv class=\"gt-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gt-timeline-content\"\u003e\n \u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e5 gouttes par jour\u003c\/strong\u003e les premiers jours, de préférence 15 minutes avant un repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-timeline-item\"\u003e\n \u003cdiv class=\"gt-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gt-timeline-content\"\u003e\n \u003ch3\u003eAugmentez selon votre ressenti\u003c\/h3\u003e\n \u003cp\u003ePassez progressivement à \u003cstrong\u003e10, puis 15 gouttes par jour\u003c\/strong\u003e en fonction de vos besoins et de votre tolérance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-timeline-item\"\u003e\n \u003cdiv class=\"gt-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gt-timeline-content\"\u003e\n \u003ch3\u003eAbsorption optimale\u003c\/h3\u003e\n \u003cp\u003eDéposez les gouttes \u003cstrong\u003edirectement sous la langue\u003c\/strong\u003e ou diluez-les dans un peu d'eau de source.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-timeline-item\"\u003e\n \u003cdiv class=\"gt-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gt-timeline-content\"\u003e\n \u003ch3\u003eCure de 3 semaines\u003c\/h3\u003e\n \u003cp\u003eSuivez une \u003cstrong\u003ecure de 3 semaines\u003c\/strong\u003e, puis faites une pause d'une semaine avant de renouveler si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003eLes points forts du Gem-Tonic 16 Bio\u003c\/h2\u003e\n \u003cdiv class=\"gt-grid-compact\"\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🌱 100 % bio\u003c\/h3\u003e\n \u003cp\u003eTous les extraits de bourgeons sont certifiés issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🔬 Synergie de 4 bourgeons\u003c\/h3\u003e\n \u003cp\u003eFormule complète agissant sur la fatigue physique, nerveuse et intellectuelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🇧🇪 Fabrication belge\u003c\/h3\u003e\n \u003cp\u003eAlphagem maîtrise chaque étape de production selon les principes traditionnels de la gemmothérapie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e💧 Format pratique\u003c\/h3\u003e\n \u003cp\u003eFlacon compte-gouttes de 50 ml permettant un dosage précis et plusieurs semaines de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gt-accordion\"\u003e\n \u003cdetails class=\"gt-accordion-item\"\u003e\n \u003csummary class=\"gt-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"gt-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. Respectez la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gt-accordion-item\"\u003e\n \u003csummary class=\"gt-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gt-accordion-content mt-3\"\u003e\n \u003cp\u003eContient de l'alcool (35 % vol.) : déconseillé aux femmes enceintes, allaitantes et aux enfants sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gt-accordion-item\"\u003e\n \u003csummary class=\"gt-accordion-header\"\u003e🩺 Consultez votre médecin\u003c\/summary\u003e\n \u003cdiv class=\"gt-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de \u003cstrong\u003etrouble du sommeil\u003c\/strong\u003e persistant, d'\u003cstrong\u003eapnée du sommeil\u003c\/strong\u003e ou de fatigue chronique, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gt-accordion-item\"\u003e\n \u003csummary class=\"gt-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"gt-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à 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 \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"gt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gt-cta-box\"\u003e\n \u003cp\u003eAvec le \u003cstrong\u003eGem-Tonic 16 Bio d'Alphagem\u003c\/strong\u003e, vous faites le choix d'une approche naturelle et respectueuse pour retrouver votre vitalité. La gemmothérapie offre une réponse douce mais efficace pour accompagner votre corps dans les périodes exigeantes du quotidien. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gt-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\/* === VARIABLES CSS === *\/\n:root {\n --gt-cream: #f7f5f0;\n --gt-white: #ffffff;\n --gt-primary: #5a9e2f;\n --gt-primary-dark: #3d7a1a;\n --gt-primary-light: #eaf5e0;\n --gt-secondary: #8B5E3C;\n --gt-accent: #f0a500;\n --gt-text: #1a1a1a;\n --gt-text-light: #5a5a5a;\n --gt-border: #e0e0e0;\n --gt-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gt-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gt-radius: 20px;\n --gt-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gt-hero {\n position: relative;\n background: linear-gradient(135deg, #3d7a1a 0%, #5a9e2f 40%, #8B5E3C 100%);\n border-radius: var(--gt-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(--gt-shadow-lg);\n}\n\n.gt-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(240,165,0,.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.gt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gt-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.gt-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.gt-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.gt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gt-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(--gt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gt-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.gt-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(--gt-primary), var(--gt-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.gt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gt-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.gt-card {\n background: var(--gt-white);\n border-radius: var(--gt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gt-shadow-lg);\n border-color: var(--gt-primary);\n}\n\n.gt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gt-grid-compact .gt-card {\n padding: 1rem;\n}\n\n.gt-grid-compact .gt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gt-grid-compact .gt-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gt-primary), var(--gt-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.gt-timeline-content {\n flex: 1;\n background: var(--gt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gt-radius-sm);\n box-shadow: var(--gt-shadow);\n}\n\n.gt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gt-timeline-content p {\n font-size: 14px;\n color: var(--gt-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION BOX === *\/\n.gt-composition-box {\n background: var(--gt-white);\n border-radius: var(--gt-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gt-shadow);\n border-left: 4px solid var(--gt-primary);\n}\n\n.gt-composition-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--gt-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n}\n\n.gt-composition-box p:last-child {\n margin-bottom: 0;\n}\n\n.gt-bio-note {\n font-size: clamp(13px, 2vw, 14px) !important;\n color: var(--gt-primary-dark) !important;\n font-weight: 600;\n background: var(--gt-primary-light);\n padding: .5rem .75rem;\n border-radius: var(--gt-radius-sm);\n display: inline-block;\n margin-top: .5rem !important;\n}\n\n\/* === TESTIMONIAL === *\/\n.gt-testimonial {\n background: var(--gt-white);\n border-radius: var(--gt-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gt-shadow);\n border-left: 4px solid var(--gt-primary);\n}\n\n.gt-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gt-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gt-accordion {\n background: var(--gt-white);\n border-radius: var(--gt-radius);\n box-shadow: var(--gt-shadow);\n overflow: hidden;\n}\n\n.gt-accordion-item {\n border-bottom: 1px solid var(--gt-border);\n margin: 0;\n padding: 0;\n}\n\n.gt-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gt-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gt-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.gt-accordion-header:hover {\n background: var(--gt-primary-light);\n}\n\n.gt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gt-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gt-primary);\n transition: transform .2s ease;\n}\n\n.gt-accordion-item[open] .gt-accordion-header::after {\n content: '−';\n}\n\n.gt-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gt-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gt-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gt-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gt-primary-light);\n border-radius: var(--gt-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gt-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gt-tip p {\n font-size: 14px;\n color: var(--gt-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.gt-cta-box {\n background: linear-gradient(135deg, var(--gt-primary) 0%, var(--gt-primary-dark) 100%);\n border-radius: var(--gt-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gt-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.gt-disclaimer {\n font-size: 12px;\n color: var(--gt-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 .gt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gt-card {\n padding: 1.125rem;\n }\n\n .gt-section {\n margin-bottom: 1.75rem;\n }\n\n .gt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gt-radius-sm);\n }\n\n .gt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gt-grid-compact {\n gap: .625rem;\n }\n\n .gt-grid-compact .gt-card {\n padding: .75rem;\n }\n\n .gt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gt-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gt-timeline-content h3 {\n font-size: 14px;\n }\n\n .gt-timeline-content p {\n font-size: 13px;\n }\n\n .gt-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gt-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gt-testimonial {\n padding: 1.25rem;\n }\n\n .gt-testimonial-text {\n font-size: 14px;\n }\n\n .gt-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gt-card {\n animation: gtFadeInUp .5s ease backwards;\n }\n .gt-card:nth-child(1) { animation-delay: .05s; }\n .gt-card:nth-child(2) { animation-delay: .1s; }\n .gt-card:nth-child(3) { animation-delay: .15s; }\n .gt-card:nth-child(4) { animation-delay: .2s; }\n .gt-card:nth-child(5) { animation-delay: .25s; }\n .gt-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gtFadeInUp {\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 .gt-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":45754886979741,"sku":"REF682","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/GEM-TONIC-16-BIO-50-ML.jpg?v=1721992967"},{"product_id":"figuier-bio-50-ml-alphagem","title":"Macérat de bourgeons de Figuier Bio (Ficus carica) - 50ml - Alphagem","description":"\u003cdiv class=\"fg-premium\"\u003e\n\n\u003cdiv class=\"fg-hero\"\u003e\n\u003cdiv class=\"fg-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"fg-hero-content\"\u003e\n\u003cdiv class=\"fg-badges-top\"\u003e\n\u003cspan class=\"fg-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n\u003cspan class=\"fg-badge\"\u003e🇧🇪 Laboratoire belge\u003c\/span\u003e\n\u003cspan class=\"fg-badge\"\u003e💧 50 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fg-hero-title\"\u003eFiguier Bio – Alphagem\u003c\/span\u003e\n\u003cp class=\"fg-subtitle\"\u003eMacérat de bourgeons de Ficus carica\u003c\/p\u003e\n\u003cp class=\"fg-description\"\u003eL'allié gemmothérapie du calme intérieur, du confort digestif et de l'équilibre émotionnel — de l'arbre au flacon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"fg-section\"\u003e\n\u003ch2\u003eFiguier Bio en gemmothérapie : l'allié naturel du calme intérieur\u003c\/h2\u003e\n\u003cp class=\"fg-section-intro\"\u003eLe \u003cstrong\u003eFiguier Bio 50 ml d'Alphagem\u003c\/strong\u003e est un \u003cstrong\u003emacérat de bourgeons de figuier\u003c\/strong\u003e (\u003cem\u003eFicus carica\u003c\/em\u003e) conçu pour vous accompagner au quotidien. Issu de la \u003cstrong\u003egemmothérapie\u003c\/strong\u003e, cette discipline qui exploite l'énergie vitale des jeunes tissus végétaux, ce concentré végétal biologique cible à la fois le système nerveux et la sphère digestive.\u003c\/p\u003e\n\u003cp class=\"fg-section-intro\"\u003eSi vous cherchez une solution naturelle pour mieux gérer le stress et retrouver un équilibre émotionnel, ce \u003cstrong\u003ebourgeon de figuier bio\u003c\/strong\u003e mérite toute votre attention.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fg-section\"\u003e\n\u003ch2\u003eBienfaits de la gemmothérapie de figuier\u003c\/h2\u003e\n\u003cp class=\"fg-section-intro\"\u003eLes bourgeons de figuier renferment un concentré de principes actifs absents du fruit ou des feuilles à maturité. Voici les principaux bienfaits :\u003c\/p\u003e\n\u003cdiv class=\"fg-grid\"\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e😌 Apaisement du système nerveux\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement recommandé en cas de stress, d'anxiété passagère ou de nervosité. Il favorise la détente sans provoquer de somnolence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🫄 Confort digestif\u003c\/h3\u003e\n\u003cp\u003eContribue à réguler les troubles digestifs d'origine nerveuse : ballonnements, spasmes ou brûlures gastriques liées au stress.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🧘 Équilibre émotionnel\u003c\/h3\u003e\n\u003cp\u003eIdéal pour les périodes de surmenage ou de charge mentale importante. Aide à retrouver calme et sérénité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🌙 Qualité du sommeil\u003c\/h3\u003e\n\u003cp\u003eEn apaisant le mental, il peut faciliter un endormissement plus serein et un sommeil plus réparateur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-tip\"\u003e\n\u003cspan class=\"fg-tip-icon\"\u003e💬\u003c\/span\u003e\n\u003cp\u003eLes \u003cstrong\u003eavis sur la gemmothérapie figuier\u003c\/strong\u003e soulignent régulièrement son efficacité ressentie dès les premiers jours de cure, notamment sur la gestion du stress quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fg-section\"\u003e\n\u003ch2\u003eComposition du macérat de bourgeons de figuier bio\u003c\/h2\u003e\n\u003cp class=\"fg-section-intro\"\u003eUne formule simple, transparente et certifiée agriculture biologique :\u003c\/p\u003e\n\u003cdiv class=\"fg-grid\"\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🌱 Extrait de bourgeons frais de figuier\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eFicus carica\u003c\/em\u003e bio — principe actif principal, récolté au moment optimal de développement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🫧 Glycérine végétale\u003c\/h3\u003e\n\u003cp\u003eAgent d'extraction naturel issu de l'agriculture biologique, préservant l'intégrité des principes actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🍶 Alcool de grain (35 % vol.)\u003c\/h3\u003e\n\u003cp\u003eConservateur et co-extracteur biologique. Contenance du flacon : \u003cstrong\u003e50 ml\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fg-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"fg-timeline\"\u003e\n\u003cdiv class=\"fg-timeline-item\"\u003e\n\u003cdiv class=\"fg-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fg-timeline-content\"\u003e\n\u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e5 gouttes par jour\u003c\/strong\u003e diluées dans un petit verre d'eau, en dehors des repas. Augmentez progressivement selon vos ressentis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-timeline-item\"\u003e\n\u003cdiv class=\"fg-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fg-timeline-content\"\u003e\n\u003ch3\u003eDose d'entretien\u003c\/h3\u003e\n\u003cp\u003eAtteignez \u003cstrong\u003e5 à 15 gouttes par jour\u003c\/strong\u003e selon votre confort. Adaptez la posologie avec l'aide de votre praticien de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-timeline-item\"\u003e\n\u003cdiv class=\"fg-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fg-timeline-content\"\u003e\n\u003ch3\u003eCure de 3 semaines\u003c\/h3\u003e\n\u003cp\u003eRéalisez une \u003cstrong\u003ecure de 3 semaines\u003c\/strong\u003e, suivie d'une semaine de pause. Renouvelez si nécessaire pour un soutien prolongé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-accordion\" style=\"margin-top:1.25rem;\"\u003e\n\u003cdetails class=\"fg-accordion-item\"\u003e\n\u003csummary class=\"fg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"fg-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne remplace ni un traitement médical ni un suivi par un professionnel de santé. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. À conserver à 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=\"fg-section\"\u003e\n\u003ch2\u003ePourquoi choisir Alphagem pour votre gemmothérapie ?\u003c\/h2\u003e\n\u003cdiv class=\"fg-grid-compact\"\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🇧🇪 Expertise belge\u003c\/h3\u003e\n\u003cp\u003eLaboratoire spécialisé en gemmothérapie depuis de nombreuses années.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🌳 De l'arbre au flacon\u003c\/h3\u003e\n\u003cp\u003eBourgeons récoltés au moment optimal de leur développement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🔬 Macération artisanale\u003c\/h3\u003e\n\u003cp\u003eProcessus respectueux des principes actifs pour une qualité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e📋 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eCertification bio rigoureuse, du champ jusqu'à votre main.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-tip\"\u003e\n\u003cspan class=\"fg-tip-icon\"\u003e💰\u003c\/span\u003e\n\u003cp\u003eLe format \u003cstrong\u003e50 ml\u003c\/strong\u003e est particulièrement économique : il permet plusieurs cures successives, un excellent rapport qualité-prix pour intégrer la gemmothérapie de figuier dans votre routine bien-être sur le long terme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fg-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"fg-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre corps et à votre esprit le soutien apaisant du figuier.\u003cbr\u003eCe petit flacon pourrait bien devenir votre meilleur compagnon pour traverser les journées chargées avec davantage de calme et de légèreté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"fg-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fg-cream: #f6f5f0;\n --fg-white: #ffffff;\n --fg-primary: #5a9e3e;\n --fg-primary-dark: #2e5e1a;\n --fg-primary-light: #eef6e8;\n --fg-secondary: #8bc34a;\n --fg-accent: #a67c52;\n --fg-text: #1a1a1a;\n --fg-text-light: #5a5a5a;\n --fg-border: #e0e0e0;\n --fg-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fg-radius: 20px;\n --fg-radius-sm: 12px;\n}\n\n.fg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fg-hero {\n position: relative;\n background: linear-gradient(135deg, #2e5e1a 0%, #5a9e3e 50%, #a67c52 100%);\n border-radius: var(--fg-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(--fg-shadow-lg);\n}\n\n.fg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.04) 0%, transparent 50%);\n opacity: 1;\n}\n\n.fg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fg-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.fg-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 500;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.fg-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.fg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fg-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(--fg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fg-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.fg-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(--fg-primary), var(--fg-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.fg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fg-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.fg-section-intro strong {\n color: var(--fg-text);\n}\n\n\/* === CARDS === *\/\n.fg-card {\n background: var(--fg-white);\n border-radius: var(--fg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fg-shadow-lg);\n border-color: var(--fg-primary);\n}\n\n.fg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fg-grid-compact .fg-card {\n padding: 1rem;\n}\n\n.fg-grid-compact .fg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fg-grid-compact .fg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fg-primary), var(--fg-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.fg-timeline-content {\n flex: 1;\n background: var(--fg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fg-radius-sm);\n box-shadow: var(--fg-shadow);\n}\n\n.fg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fg-timeline-content p {\n font-size: 14px;\n color: var(--fg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fg-testimonial {\n background: var(--fg-white);\n border-radius: var(--fg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fg-shadow);\n border-left: 4px solid var(--fg-primary);\n}\n\n.fg-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fg-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.fg-accordion {\n background: var(--fg-white);\n border-radius: var(--fg-radius);\n box-shadow: var(--fg-shadow);\n overflow: hidden;\n}\n\n.fg-accordion-item {\n border-bottom: 1px solid var(--fg-border);\n margin: 0;\n padding: 0;\n}\n\n.fg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fg-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.fg-accordion-header:hover {\n background: var(--fg-primary-light);\n}\n\n.fg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fg-primary);\n transition: transform .2s ease;\n}\n\n.fg-accordion-item[open] .fg-accordion-header::after {\n content: '−';\n}\n\n.fg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fg-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fg-primary-light);\n border-radius: var(--fg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fg-tip p {\n font-size: 14px;\n color: var(--fg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.fg-cta-box {\n background: linear-gradient(135deg, var(--fg-primary) 0%, var(--fg-primary-dark) 100%);\n border-radius: var(--fg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fg-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.fg-disclaimer {\n font-size: 12px;\n color: var(--fg-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 .fg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fg-card {\n padding: 1.125rem;\n }\n\n .fg-section {\n margin-bottom: 1.75rem;\n }\n\n .fg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fg-radius-sm);\n }\n\n .fg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fg-grid-compact {\n gap: .625rem;\n }\n\n .fg-grid-compact .fg-card {\n padding: .75rem;\n }\n\n .fg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fg-timeline-content h3 {\n font-size: 14px;\n }\n\n .fg-timeline-content p {\n font-size: 13px;\n }\n\n .fg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fg-testimonial {\n padding: 1.25rem;\n }\n\n .fg-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fg-card {\n animation: fgFadeInUp .5s ease backwards;\n }\n .fg-card:nth-child(1) { animation-delay: .05s; }\n .fg-card:nth-child(2) { animation-delay: .1s; }\n .fg-card:nth-child(3) { animation-delay: .15s; }\n .fg-card:nth-child(4) { animation-delay: .2s; }\n .fg-card:nth-child(5) { animation-delay: .25s; }\n .fg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fgFadeInUp {\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 .fg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":45754893500573,"sku":"GE0050","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/macerat-de-bourgeons-de-figuier-bio-ficus-carica-50ml-alphag-packshothd.webp?v=1774019568"},{"product_id":"maxi-control-gel-retardant-60-ml-labophyto","title":"Maxi Control Labophyto - Gel Retardant 60 ml","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🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🌿 Formule naturelle\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e⏱️ Action en 5-10 min\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🧴 Flacon airless 60 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mc-hero-title\"\u003eMaxi Control Labophyto\u003c\/span\u003e\n \u003cp class=\"mc-subtitle\"\u003eGel retardant 60 ml\u003c\/p\u003e\n \u003cp class=\"mc-description\"\u003eLe gel retardant naturel pour homme qui prolonge vos moments intimes avec confiance et sérénité.\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\u003eMaxi Control Labophyto : le gel retardant naturel pour retrouver confiance et contrôle\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eL'éjaculation précoce touche de nombreux hommes. Si vous cherchez une solution \u003cstrong\u003esimple, discrète et naturelle\u003c\/strong\u003e, le \u003cstrong\u003eMaxi Control Gel Retardant de Labophyto\u003c\/strong\u003e est fait pour vous.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🎯 Action locale\u003c\/h3\u003e\n \u003cp\u003eRéduit l'hypersensibilité du gland de manière ciblée et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⏳ Rapports prolongés\u003c\/h3\u003e\n \u003cp\u003eGagnez en durée et en maîtrise pour des moments plus intenses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e😌 Plaisir préservé\u003c\/h3\u003e\n \u003cp\u003eAtténue la sensibilité sans supprimer les sensations agréables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🤫 Discret et pratique\u003c\/h3\u003e\n \u003cp\u003eFlacon airless compact, application rapide et sans résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComment fonctionne ce gel retardant éjaculation ?\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eAppliqué sur le pénis quelques minutes avant le rapport, le \u003cstrong\u003egel retardant Maxi Control\u003c\/strong\u003e diminue légèrement la sensibilité cutanée grâce à ses actifs naturels. Vous conservez les sensations agréables tout en gagnant un \u003cstrong\u003emeilleur contrôle sur le moment de l'éjaculation\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧬 Désensibilisation douce\u003c\/h3\u003e\n \u003cp\u003eLes actifs végétaux atténuent l'hypersensibilité nerveuse de manière progressive et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e💧 Texture gel optimale\u003c\/h3\u003e\n \u003cp\u003eApplication précise et confort optimal, sans effet collant ni résidu gênant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e✅ Sensations conservées\u003c\/h3\u003e\n \u003cp\u003eVous gardez le plaisir intact tout en maîtrisant le rythme de vos rapports.\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\u003eDes ingrédients naturels aux propriétés ciblées\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eLabophyto a sélectionné des extraits végétaux reconnus pour leur action apaisante et désensibilisante.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌼 Millepertuis\u003c\/h3\u003e\n \u003cp\u003eAide à relâcher les tensions musculaires locales pour un meilleur confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌾 Avoine\u003c\/h3\u003e\n \u003cp\u003eAtténue la sensibilité nerveuse au niveau de la zone d'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌿 Menthe poivrée\u003c\/h3\u003e\n \u003cp\u003eProcure une fraîcheur légèrement anesthésiante, agréable et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🍃 Houblon\u003c\/h3\u003e\n \u003cp\u003ePropriétés calmantes et relaxantes qui favorisent la détente locale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e💧 Glycérine et eau\u003c\/h3\u003e\n \u003cp\u003eTexture fluide et bonne hydratation de la peau pour un confort d'utilisation optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⚖️ pH respecté\u003c\/h3\u003e\n \u003cp\u003eFormule qui respecte le pH naturel de la peau, sans substances agressives.\u003c\/p\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\u003eMode d'emploi\u003c\/h2\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\u003ePrélevez une noisette de gel\u003c\/h3\u003e\n \u003cp\u003eDéposez une petite quantité sur le bout des doigts.\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\u003eAppliquez sur la zone\u003c\/h3\u003e\n \u003cp\u003eAppliquez directement sur le gland et le frein du pénis.\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\u003eMassez doucement\u003c\/h3\u003e\n \u003cp\u003eMassez jusqu'à pénétration complète du produit dans la peau.\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\u003ePatientez 5 à 10 minutes\u003c\/h3\u003e\n \u003cp\u003eLaissez agir avant le rapport pour une efficacité optimale.\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\u003eLe gel est \u003cstrong\u003ecompatible avec les préservatifs\u003c\/strong\u003e et ne présente pas de contre-indication pour le sexe oral.\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 le Maxi Control ?\u003c\/h2\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌱 Formule végétale\u003c\/h3\u003e\n \u003cp\u003eÀ base de plantes, sans anesthésiant chimique lourd.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧴 Flacon airless 60 ml\u003c\/h3\u003e\n \u003cp\u003eHygiénique, pratique et suffisant pour de nombreuses utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué par Labophyto, expert en santé sexuelle masculine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⚡ Absorption rapide\u003c\/h3\u003e\n \u003cp\u003eTexture légère qui s'absorbe vite, sans effet collant.\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\"\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🧪 Test cutané préalable\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eRéalisez un \u003cstrong\u003etest cutané\u003c\/strong\u003e sur l'avant-bras avant la première utilisation. En cas de rougeur, n'utilisez pas le produit.\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 flacon au frais, à l'abri de la lumière et hors de portée des enfants. \u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e\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⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe gel est un soin de confort intime et ne remplace pas un avis médical. Consultez un professionnel si les troubles persistent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 - FAQ --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eFoire aux questions sur le gel retardant Maxi Control Labophyto\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e💡 Le gel réduit-il le plaisir ?\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eNon. Le \u003cstrong\u003eMaxi Control\u003c\/strong\u003e atténue l'hypersensibilité sans supprimer les sensations. Vous ressentez le plaisir avec davantage de maîtrise.\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🕒 Combien de temps dure l'effet ?\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eL'effet se manifeste \u003cstrong\u003e5 à 10 minutes après l'application\u003c\/strong\u003e et se maintient pendant le rapport. Les résultats varient selon les individus.\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🔄 Compatible avec un préservatif ?\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, le gel est \u003cstrong\u003ecompatible avec les préservatifs en latex\u003c\/strong\u003e et utilisable avant un rapport oral.\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📦 Combien d'applications avec 60 ml ?\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eAvec une noisette par utilisation, le flacon offre \u003cstrong\u003eplusieurs dizaines d'applications\u003c\/strong\u003e, un choix économique.\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⚠️ Y a-t-il des effets secondaires ?\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eFormulé à base d'ingrédients naturels, le gel est généralement bien toléré. En cas de peau réactive, un léger picotement peut survenir. Effectuez un test cutané au préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mc-cta-box\"\u003e\n \u003cp\u003e🚀 Reprenez le contrôle de vos moments intimes avec le \u003cstrong\u003eMaxi Control Gel Retardant\u003c\/strong\u003e — formule naturelle, résultat concret.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mc-disclaimer\"\u003eCe produit est un soin de confort intime. Il ne remplace pas un avis médical. Consultez un professionnel de santé si les troubles persistent.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mc-cream: #f4f7f5;\n --mc-white: #ffffff;\n --mc-primary: #2e8b57;\n --mc-primary-dark: #1a5e38;\n --mc-primary-light: #e8f5ee;\n --mc-secondary: #4db882;\n --mc-accent: #34c77b;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #dce8e1;\n --mc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mc-shadow-lg: 0 12px 48px rgba(0,0,0,.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, #1a5e38 0%, #2e8b57 45%, #4db882 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% 50%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 45%);\n opacity: 1;\n}\n\n.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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 .5rem 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(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.mc-description {\n color: rgba(255,255,255,.9);\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.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\/* === 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 line-height: 1.3;\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\/* === SECTION INTRO TEXT === *\/\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.mc-section-intro strong {\n color: var(--mc-text);\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\/* === GRILLE COMPACTE === *\/\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\/* === 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.mc-tip p strong {\n color: var(--mc-primary-dark);\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.mc-accordion-content p strong {\n color: var(--mc-text);\n}\n\n\/* === CTA FINAL === *\/\n.mc-cta-box {\n background: linear-gradient(135deg, var(--mc-primary) 0%, var(--mc-primary-dark) 100%);\n border-radius: var(--mc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mc-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.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-badges-top {\n gap: 6px;\n }\n\n .mc-badge {\n padding: 6px 12px;\n font-size: 11px;\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\/* === ACCESSIBILITÉ === *\/\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":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755023687837,"sku":"REF1046","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/maxi_control_gel_60ml_labophyto.webp?v=1772627197"},{"product_id":"hot-shot-sex-booster-aphrodisiaque-3-x-20-ml-labophyto","title":"Labophyto Hot Shot Sex Booster - X Power : Aphrodisiaque 3x20 ml","description":"\u003cdiv class=\"hs-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"hs-hero\"\u003e\n \u003cdiv class=\"hs-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hs-hero-content\"\u003e\n \u003cdiv class=\"hs-badges-top\"\u003e\n \u003cspan class=\"hs-badge\"\u003e🔥 Aphrodisiaque naturel\u003c\/span\u003e\n \u003cspan class=\"hs-badge\"\u003e⚡ 3 × 20 ml\u003c\/span\u003e\n \u003cspan class=\"hs-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hs-hero-title\"\u003eHot Shot Sex Booster\u003c\/span\u003e\n \u003cp class=\"hs-subtitle\"\u003eX Power par Labophyto\u003c\/p\u003e\n \u003cp class=\"hs-description\"\u003eLe shot aphrodisiaque prêt à boire qui associe maca, ginseng, guarana, caféine, taurine et vitamine C pour réveiller votre désir et votre énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"hs-section\"\u003e\n \u003ch2\u003eHot Shot Sex Booster X Power : l'aphrodisiaque naturel en shot prêt à boire\u003c\/h2\u003e\n \u003cp class=\"hs-section-intro\"\u003eVous cherchez un \u003cstrong\u003eaphrodisiaque naturel\u003c\/strong\u003e efficace pour raviver la flamme ? Le \u003cstrong\u003eHot Shot Sex Booster\u003c\/strong\u003e de Labophyto est un complément alimentaire en format shot conçu pour \u003cstrong\u003ebooster la libido\u003c\/strong\u003e aussi bien chez l'homme que chez la femme. Sa formule concentrée associe des plantes reconnues — maca, ginseng, guarana — à des actifs énergisants pour vous aider à retrouver désir et vitalité avant vos moments intimes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"hs-section\"\u003e\n \u003ch2\u003eUne formule complète pour stimuler le désir\u003c\/h2\u003e\n \u003cp class=\"hs-section-intro\"\u003eCe qui distingue le Hot Shot Sex Booster, c'est la synergie de ses ingrédients. Là où beaucoup de produits misent sur un seul actif, ce shot combine \u003cstrong\u003esix composants complémentaires\u003c\/strong\u003e pour agir sur plusieurs leviers à la fois : énergie, circulation, endurance et désir.\u003c\/p\u003e\n \u003cdiv class=\"hs-grid\"\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e🌿 Maca\u003c\/h3\u003e\n \u003cp\u003eRacine péruvienne parmi les aphrodisiaques naturels les plus étudiés. Soutient le désir sexuel et l'endurance, aussi bien chez l'homme que chez la femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e☕ Guarana\u003c\/h3\u003e\n \u003cp\u003eNaturellement riche en caféine, il procure un regain d'énergie rapide et aide à réduire la sensation de fatigue, souvent responsable d'une baisse de libido.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e🌱 Ginseng\u003c\/h3\u003e\n \u003cp\u003ePlante adaptogène réputée pour ses propriétés tonifiantes, le ginseng contribue à améliorer la vitalité globale et la résistance au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e⚡ Caféine\u003c\/h3\u003e\n \u003cp\u003eEn complément du guarana, elle renforce l'effet stimulant et favorise la vigilance pour des moments intenses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e💪 Taurine\u003c\/h3\u003e\n \u003cp\u003eCet acide aminé soutient les fonctions métaboliques et participe à la production d'énergie cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n \u003cp\u003eAntioxydant essentiel, elle contribue à réduire la fatigue et soutient le bon fonctionnement du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"hs-section\"\u003e\n \u003ch2\u003eComment prendre le Hot Shot Sex Booster ?\u003c\/h2\u003e\n \u003cdiv class=\"hs-timeline\"\u003e\n \u003cdiv class=\"hs-timeline-item\"\u003e\n \u003cdiv class=\"hs-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hs-timeline-content\"\u003e\n \u003ch3\u003eAgitez bien le flacon\u003c\/h3\u003e\n \u003cp\u003eAvant ouverture, secouez le shot pour garantir une bonne répartition de tous les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-timeline-item\"\u003e\n \u003cdiv class=\"hs-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hs-timeline-content\"\u003e\n \u003ch3\u003eBuvez un shot de 20 ml\u003c\/h3\u003e\n \u003cp\u003eConsommez directement environ 30 minutes avant le moment souhaité. Pas besoin d'eau ni de cuillère doseuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-timeline-item\"\u003e\n \u003cdiv class=\"hs-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hs-timeline-content\"\u003e\n \u003ch3\u003eProfitez de l'instant\u003c\/h3\u003e\n \u003cp\u003eNe dépassez pas une unidose par jour. Format discret qui se glisse facilement dans un sac ou une valise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-tip\"\u003e\n \u003cspan class=\"hs-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLe format en shot individuel est particulièrement pratique : discret, il se glisse facilement dans un sac ou une valise. Vous le buvez directement et c'est tout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"hs-section\"\u003e\n \u003ch2\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n \u003cp class=\"hs-section-intro\"\u003eSi vous vous demandez \u003cstrong\u003ecomment booster sa libido\u003c\/strong\u003e de manière naturelle, ce shot s'adresse à vous, que vous soyez un homme ou une femme.\u003c\/p\u003e\n \u003cdiv class=\"hs-grid\"\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e😩 Fatigue \u0026amp; stress\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les personnes ressentant une baisse de désir liée au stress ou à la fatigue quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e🌿 Solution naturelle\u003c\/h3\u003e\n \u003cp\u003eParfait pour celles et ceux qui souhaitent booster la libido sans recourir à des solutions médicamenteuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e💑 Vie de couple\u003c\/h3\u003e\n \u003cp\u003ePour les couples qui veulent simplement pimenter leurs soirées avec un coup de pouce naturel et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"hs-section\"\u003e\n \u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n \u003cdiv class=\"hs-testimonial\"\u003e\n \u003cp class=\"hs-testimonial-text\"\u003eLe Hot Shot Sex Booster est fabriqué en France par Labophyto, un laboratoire spécialisé dans les compléments alimentaires dédiés au bien-être intime. La formulation respecte les réglementations européennes en vigueur et chaque ingrédient est sélectionné pour sa qualité et sa traçabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eLaboratoire français spécialisé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e✅ Normes UE\u003c\/h3\u003e\n \u003cp\u003eRéglementations européennes respectées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e🔬 Traçabilité\u003c\/h3\u003e\n \u003cp\u003eIngrédients sélectionnés avec soin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e📦 3 × 20 ml\u003c\/h3\u003e\n \u003cp\u003e60 ml au total, 3 shots individuels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"hs-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hs-accordion\"\u003e\n \u003cdetails class=\"hs-accordion-item\"\u003e\n \u003csummary class=\"hs-accordion-header\"\u003e⚠️ Avertissements généraux\u003c\/summary\u003e\n \u003cdiv class=\"hs-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, de traitement médical en cours ou de pathologie particulière, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hs-accordion-item\"\u003e\n \u003csummary class=\"hs-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"hs-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux personnes sensibles à la caféine. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hs-accordion-item\"\u003e\n \u003csummary class=\"hs-accordion-header\"\u003e📦 Contenu du produit\u003c\/summary\u003e\n \u003cdiv class=\"hs-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eContenu :\u003c\/strong\u003e 3 shots de 20 ml chacun (60 ml au total).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"hs-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.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hs-cream: #f5f3f0;\n --hs-white: #ffffff;\n --hs-primary: #c4a265;\n --hs-primary-dark: #1a1a1a;\n --hs-primary-light: #f7f1e6;\n --hs-secondary: #d4b87a;\n --hs-accent: #e63946;\n --hs-text: #1a1a1a;\n --hs-text-light: #5a5a5a;\n --hs-border: #e0e0e0;\n --hs-shadow: 0 4px 24px rgba(0,0,0,.08);\n --hs-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --hs-radius: 20px;\n --hs-radius-sm: 12px;\n}\n\n.hs-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hs-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hs-hero {\n position: relative;\n background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 40%, #2a2218 70%, #3a2f1e 100%);\n border-radius: var(--hs-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(--hs-shadow-lg);\n}\n\n.hs-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(196,162,101,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,184,122,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(230,57,70,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.hs-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hs-hero-title {\n display: block;\n color: var(--hs-primary);\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,.4);\n text-transform: uppercase;\n}\n\n.hs-subtitle {\n color: rgba(255,255,255,.7);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n letter-spacing: .15em;\n text-transform: uppercase;\n margin: 0 0 1.5rem 0;\n}\n\n.hs-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.hs-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hs-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(196,162,101,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(196,162,101,.3);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hs-secondary);\n box-shadow: 0 2px 12px rgba(0,0,0,.2);\n transition: all .3s ease;\n}\n\n.hs-badge:hover {\n transform: translateY(-2px) scale(1.05);\n background: rgba(196,162,101,.25);\n}\n\n\/* === SECTIONS === *\/\n.hs-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hs-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hs-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.hs-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(--hs-primary), var(--hs-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.hs-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hs-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.hs-card {\n background: var(--hs-white);\n border-radius: var(--hs-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hs-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hs-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hs-shadow-lg);\n border-color: var(--hs-primary);\n}\n\n.hs-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hs-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hs-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hs-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hs-grid-compact .hs-card {\n padding: 1rem;\n}\n\n.hs-grid-compact .hs-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hs-grid-compact .hs-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hs-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hs-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hs-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hs-primary-dark), #3a2f1e);\n color: var(--hs-primary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n border: 2px solid var(--hs-primary);\n}\n\n.hs-timeline-content {\n flex: 1;\n background: var(--hs-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hs-radius-sm);\n box-shadow: var(--hs-shadow);\n}\n\n.hs-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hs-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hs-timeline-content p {\n font-size: 14px;\n color: var(--hs-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.hs-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hs-primary-light);\n border-radius: var(--hs-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hs-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hs-tip p {\n font-size: 14px;\n color: var(--hs-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.hs-testimonial {\n background: var(--hs-white);\n border-radius: var(--hs-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hs-shadow);\n border-left: 4px solid var(--hs-primary);\n}\n\n.hs-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hs-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.hs-accordion {\n background: var(--hs-white);\n border-radius: var(--hs-radius);\n box-shadow: var(--hs-shadow);\n overflow: hidden;\n}\n\n.hs-accordion-item {\n border-bottom: 1px solid var(--hs-border);\n margin: 0;\n padding: 0;\n}\n\n.hs-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hs-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hs-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.hs-accordion-header:hover {\n background: var(--hs-primary-light);\n}\n\n.hs-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hs-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hs-primary);\n transition: transform .2s ease;\n}\n\n.hs-accordion-item[open] .hs-accordion-header::after {\n content: '−';\n}\n\n.hs-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hs-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hs-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.hs-disclaimer {\n font-size: 12px;\n color: var(--hs-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 .hs-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hs-card {\n padding: 1.125rem;\n }\n\n .hs-section {\n margin-bottom: 1.75rem;\n }\n\n .hs-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hs-radius-sm);\n }\n\n .hs-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hs-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hs-grid-compact {\n gap: .625rem;\n }\n\n .hs-grid-compact .hs-card {\n padding: .75rem;\n }\n\n .hs-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hs-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hs-timeline-content h3 {\n font-size: 14px;\n }\n\n .hs-timeline-content p {\n font-size: 13px;\n }\n\n .hs-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hs-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hs-testimonial {\n padding: 1.25rem;\n }\n\n .hs-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hs-card {\n animation: hsFadeInUp .5s ease backwards;\n }\n .hs-card:nth-child(1) { animation-delay: .05s; }\n .hs-card:nth-child(2) { animation-delay: .1s; }\n .hs-card:nth-child(3) { animation-delay: .15s; }\n .hs-card:nth-child(4) { animation-delay: .2s; }\n .hs-card:nth-child(5) { animation-delay: .25s; }\n .hs-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hsFadeInUp {\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 .hs-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":45755023917213,"sku":"REF1047","price":20.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/x-power-hot-shot-sex-booster-aphrodisiaque-3-x-20-ml-labophyto-777008.jpg?v=1772627188"},{"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":"hot-drink-homme-bois-bande-solution-buvable-250-ml-labophyto","title":"Hot Drink - Bois Bandé Homme pour la Libido 250ml - Labophyto","description":"\u003cdiv class=\"hd-premium\"\u003e\n\n \u003cdiv class=\"hd-hero\"\u003e\n \u003cdiv class=\"hd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hd-hero-content\"\u003e\n \u003cdiv class=\"hd-badges-top\"\u003e\n \u003cspan class=\"hd-badge\"\u003e🍑 Goût pêche\u003c\/span\u003e\n \u003cspan class=\"hd-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"hd-badge\"\u003e🌿 Bois bandé \u0026amp; Ginseng\u003c\/span\u003e\n \u003cspan class=\"hd-badge\"\u003e⚡ 250 ml – Cure complète\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hd-hero-title\"\u003eHot Drink Bois Bandé Homme\u003c\/span\u003e\n \u003cp class=\"hd-subtitle\"\u003eLa boisson naturelle au Muira Puama pour stimuler votre vitalité masculine\u003c\/p\u003e\n \u003cp class=\"hd-description\"\u003eSolution buvable saveur pêche par Labophyto – Expert en bien-être intime. Formule synergique à base de bois bandé, ginseng, guarana et vitamine C.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hd-section\"\u003e\n \u003ch2\u003eHot Drink Bois Bandé Homme : la boisson naturelle pour stimuler votre libido\u003c\/h2\u003e\n \u003cp class=\"hd-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire libido homme\u003c\/strong\u003e efficace et facile à prendre ?\u003c\/p\u003e\n \u003cdiv class=\"hd-highlight-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eHot Drink Bois Bandé Homme de Labophyto\u003c\/strong\u003e est une solution buvable au goût pêche associant des plantes reconnues pour leurs propriétés tonifiantes et aphrodisiaques. Formulée à base de \u003cstrong\u003ebois bandé\u003c\/strong\u003e (Muira Puama), de ginseng, de guarana et de vitamine C, cette boisson de 250 ml vous accompagne pendant une cure complète pour retrouver vitalité et désir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hd-section\"\u003e\n \u003ch2\u003ePourquoi choisir le bois bandé pour homme ?\u003c\/h2\u003e\n \u003cp class=\"hd-section-intro\"\u003eLe \u003cstrong\u003ebois bandé\u003c\/strong\u003e, ou Muira Puama, est un arbre originaire d'Amazonie utilisé depuis des siècles comme tonique naturel. Traditionnellement reconnu pour ses vertus stimulantes, il agit à plusieurs niveaux :\u003c\/p\u003e\n \u003cdiv class=\"hd-grid\"\u003e\n \u003cdiv class=\"hd-card\"\u003e\n \u003ch3\u003e🔥 Soutien de la libido\u003c\/h3\u003e\n \u003cp\u003eIl favorise le désir sexuel en stimulant le système nerveux central pour raviver la flamme naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-card\"\u003e\n \u003ch3\u003e💉 Amélioration de la circulation sanguine\u003c\/h3\u003e\n \u003cp\u003eIl contribue à un meilleur afflux sanguin, essentiel pour la performance masculine et une réponse physiologique optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-card\"\u003e\n \u003ch3\u003e💪 Effet tonique global\u003c\/h3\u003e\n \u003cp\u003eIl aide à lutter contre la fatigue physique et mentale, souvent responsable d'une baisse de désir et de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-tip\"\u003e\n \u003cspan class=\"hd-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eC'est cette richesse naturelle que Labophyto a concentrée dans \u003cstrong\u003eHot Drink Bois Bandé Homme\u003c\/strong\u003e, en l'associant à d'autres actifs complémentaires pour une action renforcée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hd-section\"\u003e\n \u003ch2\u003eUne formule complète aux actifs synergiques\u003c\/h2\u003e\n \u003cp class=\"hd-section-intro\"\u003eCe \u003cstrong\u003ecomplément libido homme\u003c\/strong\u003e ne se limite pas au bois bandé. Voici la composition pour une dose de 15 ml :\u003c\/p\u003e\n \u003cdiv class=\"hd-grid\"\u003e\n \u003cdiv class=\"hd-card\"\u003e\n \u003ch3\u003e🌳 Extrait de bois bandé\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e200 mg\u003c\/strong\u003e – Roupala montana (écorce). Tonifiant naturel, soutient le désir et la performance sexuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-card\"\u003e\n \u003ch3\u003e🔴 Extrait de ginseng\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e – Panax ginseng (racine). Plante adaptogène qui améliore l'endurance et la vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hd-card\"\u003e\n \u003ch3\u003e🌳 Extrait de Maca\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e375 mg\u003c\/strong\u003e. Tonifiant naturel, utilisée traditionnellement pour stimuler le désir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-card\"\u003e\n \u003ch3\u003e⚡ Extrait de guarana\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e45 mg\u003c\/strong\u003e – Paullinia cupana (graine). Stimulant naturel qui aide à réduire la fatigue et booste l'énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-card\"\u003e\n \u003ch3\u003e☕ Caféine\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e10 mg\u003c\/strong\u003e par dose. Contribue à maintenir la vigilance et la concentration tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-card\"\u003e\n \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e25 mg\u003c\/strong\u003e (31 % des AR). Antioxydant puissant qui réduit la fatigue et soutient le métabolisme énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-tip\"\u003e\n \u003cspan class=\"hd-tip-icon\"\u003e🏆\u003c\/span\u003e\n \u003cp\u003eCette synergie entre bois bandé, ginseng et guarana fait de ce produit l'un des \u003cstrong\u003emeilleurs compléments alimentaires libido homme\u003c\/strong\u003e disponibles sous forme liquide.\u003c\/p\u003e\n \u003c\/div\u003e\n \n\n \u003csection class=\"hd-section\"\u003e\n \u003ch2\u003eComment prendre Hot Drink Bois Bandé ?\u003c\/h2\u003e\n \u003cdiv class=\"hd-timeline\"\u003e\n \u003cdiv class=\"hd-timeline-item\"\u003e\n \u003cdiv class=\"hd-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hd-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e15 à 20 ml par jour\u003c\/strong\u003e, pure ou diluée dans un verre d'eau selon votre préférence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-timeline-item\"\u003e\n \u003cdiv class=\"hd-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hd-timeline-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eConsommez-la de préférence \u003cstrong\u003eavant un repas\u003c\/strong\u003e pour une meilleure absorption des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-timeline-item\"\u003e\n \u003cdiv class=\"hd-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hd-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eUne \u003cstrong\u003ecure de 2 à 3 semaines\u003c\/strong\u003e est recommandée pour des résultats durables et optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-timeline-item\"\u003e\n \u003cdiv class=\"hd-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hd-timeline-content\"\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp\u003eAgitez bien le flacon avant chaque utilisation et conservez au frais après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-tip\"\u003e\n \u003cspan class=\"hd-tip-icon\"\u003e🍑\u003c\/span\u003e\n \u003cp\u003eSon agréable \u003cstrong\u003esaveur pêche\u003c\/strong\u003e rend la prise quotidienne plaisante, contrairement à certaines solutions au goût amer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hd-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hd-accordion\"\u003e\n \u003cdetails class=\"hd-accordion-item\"\u003e\n \u003csummary class=\"hd-accordion-header\"\u003e👤 Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"hd-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'adulte. Contient de la caféine (10 mg par dose) : déconseillé aux femmes enceintes ou allaitantes et aux personnes sous traitement antidiabétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hd-accordion-item\"\u003e\n \u003csummary class=\"hd-accordion-header\"\u003e📏 Dosage et effets\u003c\/summary\u003e\n \u003cdiv class=\"hd-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Une consommation excessive peut avoir des effets laxatifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hd-accordion-item\"\u003e\n \u003csummary class=\"hd-accordion-header\"\u003e🧊 Conservation et stockage\u003c\/summary\u003e\n \u003cdiv class=\"hd-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"hd-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n \u003cdiv class=\"hd-cta-box\"\u003e\n \u003cp\u003e🇫🇷 \u003cstrong\u003eHot Drink Bois Bandé Homme\u003c\/strong\u003e est fabriqué en France par \u003cstrong\u003eLabophyto\u003c\/strong\u003e, expert en compléments alimentaires dédiés au bien-être intime. Chaque flacon est produit dans le respect des normes européennes de qualité et de sécurité.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003eSi vous recherchez un \u003cstrong\u003eaphrodisiaque bois bandé pour homme\u003c\/strong\u003e naturel, pratique et agréable, cette solution buvable est le choix idéal pour retrouver confiance et vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hd-cream: #faf6f4;\n --hd-white: #ffffff;\n --hd-primary: #d63031;\n --hd-primary-dark: #a02020;\n --hd-primary-light: #fdeaea;\n --hd-secondary: #e17055;\n --hd-accent: #ff7675;\n --hd-text: #1a1a1a;\n --hd-text-light: #5a5a5a;\n --hd-border: #e8e0dc;\n --hd-shadow: 0 4px 24px rgba(0,0,0,.08);\n --hd-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --hd-radius: 20px;\n --hd-radius-sm: 12px;\n}\n\n.hd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.hd-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.hd-hero {\n position: relative;\n background: linear-gradient(135deg, #a02020 0%, #d63031 40%, #e17055 100%);\n border-radius: var(--hd-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(--hd-shadow-lg);\n}\n\n.hd-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.hd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hd-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.hd-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.hd-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.hd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hd-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(--hd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hd-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.hd-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(--hd-primary), var(--hd-secondary));\n border-radius: 2px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.hd-highlight-box {\n background: var(--hd-white);\n border-radius: var(--hd-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hd-shadow);\n border-left: 4px solid var(--hd-primary);\n}\n\n.hd-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--hd-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.hd-card {\n background: var(--hd-white);\n border-radius: var(--hd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hd-shadow-lg);\n border-color: var(--hd-primary);\n}\n\n.hd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.hd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hd-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hd-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hd-primary), var(--hd-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.hd-timeline-content {\n flex: 1;\n background: var(--hd-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hd-radius-sm);\n box-shadow: var(--hd-shadow);\n}\n\n.hd-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hd-timeline-content p {\n font-size: 14px;\n color: var(--hd-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.hd-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hd-primary-light);\n border-radius: var(--hd-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hd-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hd-tip p {\n font-size: 14px;\n color: var(--hd-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.hd-accordion {\n background: var(--hd-white);\n border-radius: var(--hd-radius);\n box-shadow: var(--hd-shadow);\n overflow: hidden;\n}\n\n.hd-accordion-item {\n border-bottom: 1px solid var(--hd-border);\n margin: 0;\n padding: 0;\n}\n\n.hd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hd-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.hd-accordion-header:hover {\n background: var(--hd-primary-light);\n}\n\n.hd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hd-primary);\n transition: transform .2s ease;\n}\n\n.hd-accordion-item[open] .hd-accordion-header::after {\n content: '−';\n}\n\n.hd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hd-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hd-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.hd-cta-box {\n background: linear-gradient(135deg, var(--hd-primary) 0%, var(--hd-primary-dark) 100%);\n border-radius: var(--hd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hd-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.hd-disclaimer {\n font-size: 12px;\n color: var(--hd-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO === *\/\n.hd-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hd-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .hd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hd-card {\n padding: 1.125rem;\n }\n\n .hd-section {\n margin-bottom: 1.75rem;\n }\n\n .hd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hd-radius-sm);\n }\n\n .hd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hd-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hd-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hd-timeline-content h3 {\n font-size: 14px;\n }\n\n .hd-timeline-content p {\n font-size: 13px;\n }\n\n .hd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hd-highlight-box {\n padding: 1.25rem;\n }\n\n .hd-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hd-card {\n animation: hdFadeInUp .5s ease backwards;\n }\n .hd-card:nth-child(1) { animation-delay: .05s; }\n .hd-card:nth-child(2) { animation-delay: .1s; }\n .hd-card:nth-child(3) { animation-delay: .15s; }\n .hd-card:nth-child(4) { animation-delay: .2s; }\n .hd-card:nth-child(5) { animation-delay: .25s; }\n .hd-card:nth-child(6) { animation-delay: .3s; }\n\n .hd-timeline-item {\n animation: hdFadeInUp .5s ease backwards;\n }\n .hd-timeline-item:nth-child(1) { animation-delay: .05s; }\n .hd-timeline-item:nth-child(2) { animation-delay: .1s; }\n .hd-timeline-item:nth-child(3) { animation-delay: .15s; }\n .hd-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes hdFadeInUp {\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 .hd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e\n","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755025555613,"sku":"REF1054","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/hot-drink-homme-lapbophyto_11zon.jpg?v=1772626767"},{"product_id":"hot-drink-femme-bois-bande-solution-buvable-250-ml-labophyto","title":"Hot Drink Femme Bois Bandé - Solution Buvable 250 ml - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Hot Drink Femme Bois Bandé - Solution Buvable 250 ml - Labophyto\nPalette détectée:\n - Primaire: #E84B8A (rose vif\/hot pink dominant du packaging)\n - Secondaire: #6B6B6B (gris du bandeau courbe)\n - Accent: #F9C74F (doré\/ananas pour contraste)\nAmbiance: Féminin, sensuel, bien-être intime, moderne et décomplexé, packaging épuré rose\/blanc\nPréfixe CSS: hdf\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Hot Drink Femme Bois Bandé Labophyto : la boisson naturelle pour soutenir la libido féminine\"\n 2. \"Pourquoi choisir le bois bandé pour femme ?\"\n 3. \"Composition détaillée pour 15 ml (dose journalière)\"\n 4. \"Comment prendre le Hot Drink Bois Bandé Femme ?\"\n 5. \"À qui s'adresse ce complément alimentaire ?\"\n 6. \"Précautions d'emploi\"\n 7. \"Fabrication française et qualité Labophyto\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"hdf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"hdf-hero\"\u003e\n \u003cdiv class=\"hdf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hdf-hero-content\"\u003e\n \u003cdiv class=\"hdf-badges-top\"\u003e\n \u003cspan class=\"hdf-badge\"\u003e🍍 Goût ananas\u003c\/span\u003e\n \u003cspan class=\"hdf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"hdf-badge\"\u003e🌿 Plantes \u0026amp; vitamines\u003c\/span\u003e\n \u003cspan class=\"hdf-badge\"\u003e♀️ Libido féminine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hdf-hero-title\"\u003eHot Drink Femme Bois Bandé\u003c\/span\u003e\n \u003cp class=\"hdf-subtitle\"\u003eSolution buvable 250 ml — Labophyto\u003c\/p\u003e\n \u003cp class=\"hdf-description\"\u003eUn cocktail de plantes amazoniennes et de vitamines essentielles pour raviver le désir, l'énergie et l'épanouissement intime au féminin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"hdf-section\"\u003e\n \u003ch2\u003eHot Drink Femme Bois Bandé Labophyto : la boisson naturelle pour soutenir la libido féminine\u003c\/h2\u003e\n \u003cp class=\"hdf-section-intro\"\u003eVous ressentez une baisse de désir ou un manque de vitalité au quotidien ? Découvrez une solution naturelle, agréable et efficace.\u003c\/p\u003e\n \u003cdiv class=\"hdf-grid-compact\"\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e💧 Solution buvable\u003c\/h3\u003e\n \u003cp\u003eFormat liquide pratique, absorption rapide et goût ananas agréable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e🌿 Formule naturelle\u003c\/h3\u003e\n \u003cp\u003ePlantes reconnues et vitamines essentielles, sans colorants artificiels ni conservateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e♀️ Spécial femme\u003c\/h3\u003e\n \u003cp\u003eFormulé spécifiquement pour favoriser l'épanouissement intime féminin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e🏛️ Expertise française\u003c\/h3\u003e\n \u003cp\u003eConçu par Labophyto, laboratoire expert en santé sexuelle depuis des années.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"hdf-section\"\u003e\n \u003ch2\u003ePourquoi choisir le bois bandé pour femme ?\u003c\/h2\u003e\n \u003cdiv class=\"hdf-grid\"\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e🌳 Bois bandé (Muira Puama)\u003c\/h3\u003e\n \u003cp\u003ePlante originaire d'Amazonie utilisée depuis des siècles pour ses propriétés tonifiantes. Aide à maintenir de bonnes relations intimes en contribuant à l'\u003cstrong\u003eéquilibre hormonal féminin\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e🏔️ Maca péruvienne\u003c\/h3\u003e\n \u003cp\u003ePlante réputée pour \u003cstrong\u003estimuler le désir sexuel\u003c\/strong\u003e et soutenir la vitalité globale, un pilier de la phytothérapie traditionnelle andine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e🧘 Rhodiola rosea\u003c\/h3\u003e\n \u003cp\u003eAdaptogène puissant qui aide à \u003cstrong\u003egérer le stress\u003c\/strong\u003e — souvent responsable d'une libido en berne — pour une action sur plusieurs leviers complémentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"hdf-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 15 ml (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"hdf-grid\"\u003e\n \u003cdiv class=\"hdf-card hdf-card-ingredient\"\u003e\n \u003ch3\u003e🏔️ Extrait de Maca\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e375 mg\u003c\/strong\u003e — Lepidium meyenii (racine). Aide à stimuler le désir sexuel et soutient la vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card hdf-card-ingredient\"\u003e\n \u003ch3\u003e🌳 Extrait de Bois Bandé\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e125 mg\u003c\/strong\u003e — Roupala montana (écorce). Contribue à l'équilibre hormonal féminin et au maintien de bonnes relations sexuelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card hdf-card-ingredient\"\u003e\n \u003ch3\u003e🧘 Extrait de Rhodiola\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e — Rhodiola rosea (racine). Aide à réduire la fatigue et le stress, soutient la résistance physique et mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card hdf-card-ingredient\"\u003e\n \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e25 mg\u003c\/strong\u003e (31 % AR) — Antioxydant puissant, contribue à la réduction de la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card hdf-card-ingredient\"\u003e\n \u003ch3\u003e⚡ Vitamine B6\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1,4 mg\u003c\/strong\u003e (100 % AR) — Contribue à la régulation de l'activité hormonale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card hdf-card-ingredient\"\u003e\n \u003ch3\u003e💚 Vitamine B9\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e200 µg\u003c\/strong\u003e (100 % AR) — Acide folique, soutient la synthèse normale des acides aminés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-tip\"\u003e\n \u003cspan class=\"hdf-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003esans colorants artificiels ni conservateurs\u003c\/strong\u003e. Goût ananas agréable et facile à prendre au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"hdf-section\"\u003e\n \u003ch2\u003eComment prendre le Hot Drink Bois Bandé Femme ?\u003c\/h2\u003e\n \u003cdiv class=\"hdf-timeline\"\u003e\n \u003cdiv class=\"hdf-timeline-item\"\u003e\n \u003cdiv class=\"hdf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hdf-timeline-content\"\u003e\n \u003ch3\u003eSecouez la bouteille\u003c\/h3\u003e\n \u003cp\u003eAgitez bien le flacon avant chaque utilisation pour homogénéiser la solution.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-timeline-item\"\u003e\n \u003cdiv class=\"hdf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hdf-timeline-content\"\u003e\n \u003ch3\u003eDosez 15 à 20 ml par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin ou environ \u003cstrong\u003e30 minutes avant un moment intime\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-timeline-item\"\u003e\n \u003cdiv class=\"hdf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hdf-timeline-content\"\u003e\n \u003ch3\u003eBuvez pur ou dilué\u003c\/h3\u003e\n \u003cp\u003eSavourez la solution pure ou diluée dans un verre d'eau ou de jus de fruit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-timeline-item\"\u003e\n \u003cdiv class=\"hdf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hdf-timeline-content\"\u003e\n \u003ch3\u003eCure de 15 jours\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 250 ml offre environ \u003cstrong\u003e15 jours d'utilisation\u003c\/strong\u003e, idéal pour une cure complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"hdf-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément alimentaire ?\u003c\/h2\u003e\n \u003cdiv class=\"hdf-grid-compact\"\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eVous traversez une période de fatigue qui impacte votre énergie et votre désir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e😰 Stress quotidien\u003c\/h3\u003e\n \u003cp\u003eLe stress au travail ou personnel freine votre épanouissement intime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e🔄 Changements hormonaux\u003c\/h3\u003e\n \u003cp\u003ePériodes de transition hormonale affectant votre équilibre et votre bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e💫 Envie de renouveau\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez retrouver du désir, de l'énergie et un meilleur équilibre intime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"hdf-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hdf-accordion\"\u003e\n \u003cdetails class=\"hdf-accordion-item\"\u003e\n \u003csummary class=\"hdf-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"hdf-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'adulte. Tenir hors de portée des enfants. Ne pas dépasser la dose journalière recommandée. Une consommation excessive peut avoir des effets laxatifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hdf-accordion-item\"\u003e\n \u003csummary class=\"hdf-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hdf-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=\"hdf-accordion-item\"\u003e\n \u003csummary class=\"hdf-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"hdf-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=\"hdf-accordion-item\"\u003e\n \u003csummary class=\"hdf-accordion-header\"\u003e💊 Traitement médical\u003c\/summary\u003e\n \u003cdiv class=\"hdf-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médical ou de doute, consultez votre médecin avant utilisation. Ce complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"hdf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFabrication française et qualité Labophyto\u003c\/h2\u003e\n \u003cdiv class=\"hdf-cta-box\"\u003e\n \u003cp\u003e🇫🇷 \u003cstrong\u003eLabophyto\u003c\/strong\u003e, laboratoire français expert en santé sexuelle, élabore ses produits dans le respect des normes de qualité les plus strictes. Le \u003cstrong\u003eHot Drink Femme Bois Bandé\u003c\/strong\u003e est fabriqué en France, garantissant traçabilité, sécurité et conformité réglementaire. En choisissant cette boisson bois bandé, vous optez pour un produit \u003cstrong\u003efiable, naturel et pensé pour le bien-être féminin\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"hdf-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:root {\n --hdf-cream: #FFF5F9;\n --hdf-white: #ffffff;\n --hdf-primary: #E84B8A;\n --hdf-primary-dark: #C2356E;\n --hdf-primary-light: #FDEAF1;\n --hdf-secondary: #6B6B6B;\n --hdf-accent: #F9C74F;\n --hdf-text: #1a1a1a;\n --hdf-text-light: #5a5a5a;\n --hdf-border: #F0D4E0;\n --hdf-shadow: 0 4px 24px rgba(232, 75, 138, .08);\n --hdf-shadow-lg: 0 12px 48px rgba(232, 75, 138, .15);\n --hdf-radius: 20px;\n --hdf-radius-sm: 12px;\n}\n\n.hdf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hdf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hdf-hero {\n position: relative;\n background: linear-gradient(135deg, #E84B8A 0%, #D63B7A 40%, #C2356E 100%);\n border-radius: var(--hdf-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(--hdf-shadow-lg);\n}\n\n.hdf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(249,199,79,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.hdf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hdf-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.hdf-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.hdf-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.hdf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hdf-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(--hdf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hdf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hdf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hdf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hdf-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.hdf-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(--hdf-primary), var(--hdf-accent));\n border-radius: 2px;\n}\n\n.hdf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hdf-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.hdf-card {\n background: var(--hdf-white);\n border-radius: var(--hdf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hdf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hdf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hdf-shadow-lg);\n border-color: var(--hdf-primary);\n}\n\n.hdf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hdf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hdf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hdf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hdf-card-ingredient {\n border-left: 4px solid var(--hdf-primary);\n text-align: left;\n}\n\n.hdf-card-ingredient:hover {\n border-left-color: var(--hdf-accent);\n}\n\n\/* === GRILLES === *\/\n.hdf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hdf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hdf-grid-compact .hdf-card {\n padding: 1rem;\n}\n\n.hdf-grid-compact .hdf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hdf-grid-compact .hdf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hdf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hdf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hdf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hdf-primary), var(--hdf-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.hdf-timeline-content {\n flex: 1;\n background: var(--hdf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hdf-radius-sm);\n box-shadow: var(--hdf-shadow);\n}\n\n.hdf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hdf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hdf-timeline-content p {\n font-size: 14px;\n color: var(--hdf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.hdf-testimonial {\n background: var(--hdf-white);\n border-radius: var(--hdf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hdf-shadow);\n border-left: 4px solid var(--hdf-primary);\n}\n\n.hdf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hdf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.hdf-accordion {\n background: var(--hdf-white);\n border-radius: var(--hdf-radius);\n box-shadow: var(--hdf-shadow);\n overflow: hidden;\n}\n\n.hdf-accordion-item {\n border-bottom: 1px solid var(--hdf-border);\n margin: 0;\n padding: 0;\n}\n\n.hdf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hdf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hdf-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.hdf-accordion-header:hover {\n background: var(--hdf-primary-light);\n}\n\n.hdf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hdf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hdf-primary);\n transition: transform .2s ease;\n}\n\n.hdf-accordion-item[open] .hdf-accordion-header::after {\n content: '−';\n}\n\n.hdf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hdf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hdf-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.hdf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hdf-primary-light);\n border-radius: var(--hdf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hdf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hdf-tip p {\n font-size: 14px;\n color: var(--hdf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.hdf-cta-box {\n background: linear-gradient(135deg, var(--hdf-primary) 0%, var(--hdf-primary-dark) 100%);\n border-radius: var(--hdf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hdf-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.hdf-disclaimer {\n font-size: 12px;\n color: var(--hdf-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 .hdf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hdf-card {\n padding: 1.125rem;\n }\n\n .hdf-section {\n margin-bottom: 1.75rem;\n }\n\n .hdf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hdf-radius-sm);\n }\n\n .hdf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hdf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hdf-grid-compact {\n gap: .625rem;\n }\n\n .hdf-grid-compact .hdf-card {\n padding: .75rem;\n }\n\n .hdf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hdf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hdf-timeline-content h3 {\n font-size: 14px;\n }\n\n .hdf-timeline-content p {\n font-size: 13px;\n }\n\n .hdf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hdf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hdf-testimonial {\n padding: 1.25rem;\n }\n\n .hdf-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hdf-card {\n animation: hdfFadeInUp .5s ease backwards;\n }\n .hdf-card:nth-child(1) { animation-delay: .05s; }\n .hdf-card:nth-child(2) { animation-delay: .1s; }\n .hdf-card:nth-child(3) { animation-delay: .15s; }\n .hdf-card:nth-child(4) { animation-delay: .2s; }\n .hdf-card:nth-child(5) { animation-delay: .25s; }\n .hdf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hdfFadeInUp {\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 .hdf-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":45755025784989,"sku":"REF1055","price":17.68,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/hot-drink-bois-bande-femme-labophyto-min.jpg?v=1772528555"},{"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":"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":"vidanga-extrait-5-de-tanins-60-gelules-vegetales-ayurvana","title":"Vidanga Extrait 5% de Tanins - 60 Gélules végétales - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vidanga Extrait - Complément Ayurvédique\nPalette détectée:\n - Primaire: #C4D947 (vert chartreuse vif du packaging - fraîcheur et vitalité)\n - Secondaire: #8B9F2E (vert olive foncé - ancrage naturel)\n - Accent: #E8B05C (ocre doré des motifs paisley - chaleur ayurvédique)\nAmbiance: Ayurvéda authentique, tradition indienne, naturel et végétal, wellness holistique\nPréfixe CSS: vdg\n--\u003e\n\n\u003cdiv class=\"vdg-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"vdg-hero\"\u003e\n \u003cdiv class=\"vdg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vdg-hero-content\"\u003e\n \u003cdiv class=\"vdg-badges-top\"\u003e\n \u003cspan class=\"vdg-badge\"\u003e🌿 Ayurvéda traditionnel\u003c\/span\u003e\n \u003cspan class=\"vdg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"vdg-badge\"\u003e🌱 100% végétal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"vdg-hero-title\"\u003eVidanga extrait\u003c\/span\u003e\n \u003cp class=\"vdg-subtitle\"\u003eEmbelia ribes • 5% de tanins\u003c\/p\u003e\n \u003cp class=\"vdg-description\"\u003ePlante purifiante majeure de l'Ayurvéda, la Vidanga est utilisée depuis des millénaires pour soutenir les défenses naturelles et purifier l'organisme en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"vdg-section\"\u003e\n \u003ch2\u003e🌿 Les bienfaits de la Vidanga\u003c\/h2\u003e\n \u003cdiv class=\"vdg-grid\"\u003e\n \u003cdiv class=\"vdg-card\"\u003e\n \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eSoutient activement le système immunitaire et renforce les défenses de l'organisme face aux agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdg-card\"\u003e\n \u003ch3\u003e✨ Action purifiante\u003c\/h3\u003e\n \u003cp\u003ePropriétés détoxifiantes reconnues en Ayurvéda pour purifier le système digestif et éliminer les toxines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdg-card\"\u003e\n \u003ch3\u003e📜 Sagesse ancestrale\u003c\/h3\u003e\n \u003cp\u003ePlante vénérée depuis des siècles dans la médecine traditionnelle indienne pour ses vertus exceptionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdg-card\"\u003e\n \u003ch3\u003e🔬 Extrait titré\u003c\/h3\u003e\n \u003cp\u003eStandardisé à 5% de tanins pour garantir une concentration optimale en principes actifs à chaque prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdg-card\"\u003e\n \u003ch3\u003e🌱 100% végétal\u003c\/h3\u003e\n \u003cp\u003eGélules d'origine végétale convenant parfaitement aux régimes végétariens et végétaliens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdg-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre global\u003c\/h3\u003e\n \u003cp\u003eContribue à maintenir l'harmonie de l'organisme selon les principes holistiques de l'Ayurvéda.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"vdg-section\"\u003e\n \u003ch2\u003e🌰 Composition par gélule\u003c\/h2\u003e\n \u003cdiv class=\"vdg-composition-box\"\u003e\n \u003cdiv class=\"vdg-ingredient-main\"\u003e\n \u003cdiv class=\"vdg-ingredient-header\"\u003e\n \u003cspan class=\"vdg-ingredient-icon\"\u003e🌰\u003c\/span\u003e\n \u003cdiv class=\"vdg-ingredient-info\"\u003e\n \u003ch3\u003eEmbelia ribes (Vidanga)\u003c\/h3\u003e\n \u003cspan class=\"vdg-ingredient-type\"\u003eExtrait de fruit\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"vdg-ingredient-dose\"\u003e250 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdg-ingredient-detail\"\u003e\n \u003cspan class=\"vdg-titration\"\u003eStandardisé à 5% de tanins\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdg-ingredient-secondary\"\u003e\n \u003cspan\u003e💊\u003c\/span\u003e\n \u003cspan\u003eGélule végétale HPMC\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"vdg-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"vdg-usage-box\"\u003e\n \u003cdiv class=\"vdg-usage-main\"\u003e\n \u003cspan class=\"vdg-usage-dose\"\u003e1 à 2\u003c\/span\u003e\n \u003cspan class=\"vdg-usage-unit\"\u003egélules par jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdg-usage-details\"\u003e\n \u003cdiv class=\"vdg-usage-item\"\u003e\n \u003cspan\u003e⏰\u003c\/span\u003e\n \u003cspan\u003eAvant les repas\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdg-usage-item\"\u003e\n \u003cspan\u003e💧\u003c\/span\u003e\n \u003cspan\u003eAvec un grand verre d'eau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"vdg-section\"\u003e\n \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"vdg-grid\"\u003e\n \u003cdiv class=\"vdg-card\"\u003e\n \u003ch3\u003e💪 Immunité fragilisée\u003c\/h3\u003e\n \u003cp\u003ePersonnes souhaitant renforcer leurs défenses naturelles, notamment aux changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdg-card\"\u003e\n \u003ch3\u003e✨ Recherche de détox\u003c\/h3\u003e\n \u003cp\u003eIdéal pour purifier l'organisme et éliminer les toxines accumulées dans le système digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdg-card\"\u003e\n \u003ch3\u003e🧘 Adeptes de l'Ayurvéda\u003c\/h3\u003e\n \u003cp\u003eParfait pour ceux qui privilégient une approche naturelle et holistique de leur bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"vdg-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"vdg-grid-compact\"\u003e\n \u003cdiv class=\"vdg-card\"\u003e\n \u003ch3\u003e💊 Contenance\u003c\/h3\u003e\n \u003cp\u003e60 gélules végétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdg-card\"\u003e\n \u003ch3\u003e📅 Durée\u003c\/h3\u003e\n \u003cp\u003e1 à 2 mois de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdg-card\"\u003e\n \u003ch3\u003e🌍 Origine plante\u003c\/h3\u003e\n \u003cp\u003eInde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdg-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n \u003csection class=\"vdg-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"vdg-accordion\"\u003e\n \u003cdetails class=\"vdg-accordion-item\"\u003e\n \u003csummary class=\"vdg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"vdg-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit sec et frais, à l'abri de la lumière et de l'humidité. Bien refermer le flacon après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vdg-accordion-item\"\u003e\n \u003csummary class=\"vdg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"vdg-accordion-content\"\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 et équilibrée ni à un mode de vie sain. Tenir hors de portée des jeunes enfants. Consulter un professionnel de santé en cas de grossesse, d'allaitement ou de traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vdg-accordion-item\"\u003e\n \u003csummary class=\"vdg-accordion-header\"\u003e🏭 Fabricant\u003c\/summary\u003e\n \u003cdiv class=\"vdg-accordion-content\"\u003e\n \u003cp\u003eAyurVana - Laboratoire français spécialisé dans les compléments alimentaires ayurvédiques de haute qualité, formulés selon les principes de la médecine traditionnelle indienne.\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=\"vdg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"vdg-cta-box\"\u003e\n \u003cp\u003e🌿 Découvrez la puissance purifiante de la \u003cstrong\u003eVidanga\u003c\/strong\u003e, trésor de l'Ayurvéda millénaire, pour soutenir vos défenses naturelles et retrouver un organisme purifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --vdg-cream: #fdfbf7;\n --vdg-white: #ffffff;\n --vdg-primary: #C4D947;\n --vdg-primary-dark: #8B9F2E;\n --vdg-primary-light: #f0f5d8;\n --vdg-secondary: #E8B05C;\n --vdg-accent: #A67B5B;\n --vdg-text: #1a1a1a;\n --vdg-text-light: #5a5a5a;\n --vdg-border: #e0e0e0;\n --vdg-shadow: 0 4px 24px rgba(139,159,46,.08);\n --vdg-shadow-lg: 0 12px 48px rgba(139,159,46,.15);\n --vdg-radius: 20px;\n --vdg-radius-sm: 12px;\n}\n\n.vdg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vdg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vdg-hero {\n position: relative;\n background: linear-gradient(135deg, #C4D947 0%, #a8c03a 50%, #8B9F2E 100%);\n border-radius: var(--vdg-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(--vdg-shadow-lg);\n}\n\n.vdg-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-4 8-12 12-20 10 2 8 10 14 20 14s18-6 20-14c-8 2-16-2-20-10z' fill='%23fff' fill-opacity='.05'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.vdg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.vdg-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.vdg-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(--vdg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vdg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.vdg-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.vdg-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n}\n\n.vdg-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.vdg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vdg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vdg-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.vdg-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(--vdg-primary), var(--vdg-secondary));\n border-radius: 2px;\n}\n\n.vdg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.vdg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vdg-card {\n background: var(--vdg-white);\n border-radius: var(--vdg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vdg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vdg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vdg-shadow-lg);\n border-color: var(--vdg-primary);\n}\n\n.vdg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vdg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vdg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vdg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Composition *\/\n.vdg-composition-box {\n background: var(--vdg-white);\n border-radius: var(--vdg-radius);\n box-shadow: var(--vdg-shadow);\n overflow: hidden;\n}\n\n.vdg-ingredient-main {\n background: linear-gradient(135deg, var(--vdg-primary-light) 0%, #fdfde8 100%);\n padding: clamp(1.5rem, 4vw, 2rem);\n border-bottom: 2px solid var(--vdg-primary);\n}\n\n.vdg-ingredient-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.vdg-ingredient-icon {\n font-size: 40px;\n}\n\n.vdg-ingredient-info {\n flex: 1;\n min-width: 150px;\n}\n\n.vdg-ingredient-info h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--vdg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.vdg-ingredient-type {\n font-size: 13px;\n color: var(--vdg-text-light);\n}\n\n.vdg-ingredient-dose {\n font-size: clamp(24px, 5vw, 32px);\n font-weight: 900;\n color: var(--vdg-primary-dark);\n}\n\n.vdg-ingredient-detail {\n margin-top: 1rem;\n}\n\n.vdg-titration {\n display: inline-block;\n background: var(--vdg-primary);\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: .5px;\n}\n\n.vdg-ingredient-secondary {\n display: flex;\n align-items: center;\n gap: .75rem;\n padding: 1rem clamp(1.5rem, 4vw, 2rem);\n font-size: 14px;\n color: var(--vdg-text-light);\n}\n\n\/* Usage *\/\n.vdg-usage-box {\n background: var(--vdg-white);\n border-radius: var(--vdg-radius);\n box-shadow: var(--vdg-shadow);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n text-align: center;\n}\n\n.vdg-usage-main {\n margin-bottom: 1.5rem;\n}\n\n.vdg-usage-dose {\n display: block;\n font-size: clamp(48px, 10vw, 72px);\n font-weight: 900;\n color: var(--vdg-primary);\n line-height: 1;\n}\n\n.vdg-usage-unit {\n font-size: clamp(16px, 3vw, 20px);\n color: var(--vdg-text);\n font-weight: 600;\n}\n\n.vdg-usage-details {\n display: flex;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n}\n\n.vdg-usage-item {\n display: flex;\n align-items: center;\n gap: .5rem;\n font-size: 14px;\n color: var(--vdg-text-light);\n}\n\n\/* Accordéon *\/\n.vdg-accordion {\n background: var(--vdg-white);\n border-radius: var(--vdg-radius);\n box-shadow: var(--vdg-shadow);\n overflow: hidden;\n}\n\n.vdg-accordion-item {\n border-bottom: 1px solid var(--vdg-border);\n margin: 0;\n padding: 0;\n}\n\n.vdg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vdg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vdg-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.vdg-accordion-header:hover {\n background: var(--vdg-primary-light);\n}\n\n.vdg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vdg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vdg-primary);\n transition: transform .2s ease;\n}\n\n.vdg-accordion-item[open] .vdg-accordion-header::after {\n content: '−';\n}\n\n.vdg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vdg-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.vdg-accordion-content p {\n margin: 0;\n}\n\n\/* CTA *\/\n.vdg-cta-box {\n background: linear-gradient(135deg, var(--vdg-primary) 0%, var(--vdg-primary-dark) 100%);\n border-radius: var(--vdg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vdg-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.vdg-cta-box strong {\n font-weight: 800;\n}\n\n\/* Responsive *\/\n@media (max-width: 767px) {\n .vdg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .vdg-grid-compact {\n gap: .625rem;\n }\n \n .vdg-grid-compact .vdg-card {\n padding: .75rem;\n }\n \n .vdg-grid-compact .vdg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .vdg-grid-compact .vdg-card p {\n font-size: 12px;\n }\n \n .vdg-card {\n padding: 1.125rem;\n }\n \n .vdg-section {\n margin-bottom: 1.75rem;\n }\n \n .vdg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vdg-radius-sm);\n }\n \n .vdg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .vdg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .vdg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .vdg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .vdg-ingredient-header {\n flex-direction: column;\n text-align: center;\n }\n \n .vdg-usage-details {\n gap: 1rem;\n }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n .vdg-card {\n animation: fadeInUp .5s ease backwards;\n }\n .vdg-card:nth-child(1) { animation-delay: .05s; }\n .vdg-card:nth-child(2) { animation-delay: .1s; }\n .vdg-card:nth-child(3) { animation-delay: .15s; }\n .vdg-card:nth-child(4) { animation-delay: .2s; }\n .vdg-card:nth-child(5) { animation-delay: .25s; }\n .vdg-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 .vdg-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":45755111080093,"sku":"AY9924","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vidanga-extrait_60-gelules_ayurvana_11zon.jpg?v=1767975517"},{"product_id":"tulsi-basilic-sacre-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Tulsi (basilic Sacré) Bio - Poudre 150 grammes - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tulsi (Basilic Sacré) Bio - Poudre 150g AyurVana\nPalette détectée:\n - Primaire: #E87B2A (orange vif du bandeau et accents)\n - Secondaire: #4A7C59 (vert naturel\/feuilles de tulsi)\n - Accent: #D4A574 (beige kraft du sachet)\n - Tertiaire: #1E6B8A (bleu turquoise des motifs paisley)\nAmbiance: Ayurvédique, naturel\/bio, traditionnel indien, chaleureux, authentique\nPréfixe CSS: tulsi\n--\u003e\n\n\u003cdiv class=\"tulsi-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"tulsi-hero\"\u003e\n \u003cdiv class=\"tulsi-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tulsi-hero-content\"\u003e\n \u003cdiv class=\"tulsi-badges-top\"\u003e\n \u003cspan class=\"tulsi-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"tulsi-badge\"\u003e🇮🇳 Origine Inde\u003c\/span\u003e\n \u003cspan class=\"tulsi-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"tulsi-badge\"\u003e✨ Adaptogène\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tulsi-hero-title\"\u003eTulsi Bio en poudre\u003c\/span\u003e\n \u003cp class=\"tulsi-subtitle\"\u003eLe basilic sacré de l'Ayurveda\u003c\/p\u003e\n \u003cp class=\"tulsi-description\"\u003ePlante vénérée depuis des millénaires en Inde, le Tulsi (Ocimum sanctum) est votre allié naturel pour une respiration apaisée, un système immunitaire renforcé et une gestion optimale du stress.\u003c\/p\u003e\n \u003cdiv class=\"tulsi-hero-specs\"\u003e\n \u003cdiv class=\"tulsi-spec\"\u003e\n \u003cspan class=\"tulsi-spec-value\"\u003e150g\u003c\/span\u003e\n \u003cspan class=\"tulsi-spec-label\"\u003ePoudre pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-spec\"\u003e\n \u003cspan class=\"tulsi-spec-value\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"tulsi-spec-label\"\u003eFeuilles de Tulsi\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-spec\"\u003e\n \u003cspan class=\"tulsi-spec-value\"\u003eBio\u003c\/span\u003e\n \u003cspan class=\"tulsi-spec-label\"\u003eCertifié AB\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 SANTÉ --\u003e\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003e🌺 Les bienfaits ancestraux du tulsi\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-grid\"\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n \u003cp\u003eLe Tulsi renforce naturellement les défenses de l'organisme et soutient le système immunitaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e🧘\u003c\/div\u003e\n \u003ch3\u003eAdaptogène puissant\u003c\/h3\u003e\n \u003cp\u003eAide à mieux gérer le stress et favorise l'équilibre mental et physique grâce à ses propriétés adaptogènes reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e💨\u003c\/div\u003e\n \u003ch3\u003eRespiration apaisée\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisé pour apaiser les voies respiratoires et favoriser un confort respiratoire optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eAntioxydant naturel\u003c\/h3\u003e\n \u003cp\u003eContribue à la protection des cellules contre les dommages oxydatifs grâce à sa richesse en antioxydants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e🍃\u003c\/div\u003e\n \u003ch3\u003eDigestion harmonieuse\u003c\/h3\u003e\n \u003cp\u003eSoutient une digestion saine et aide à maintenir le confort digestif au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e⚖️\u003c\/div\u003e\n \u003ch3\u003eAnti-inflammatoire\u003c\/h3\u003e\n \u003cp\u003ePropriétés anti-inflammatoires traditionnellement reconnues pour le 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!-- COMPOSITION --\u003e\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003e🌱 Une composition pure et simple\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-composition-box\"\u003e\n \u003cdiv class=\"tulsi-composition-main\"\u003e\n \u003cdiv class=\"tulsi-composition-content\"\u003e\n \u003ch3\u003eFeuilles de Tulsi (Ocimum sanctum)\u003c\/h3\u003e\n \u003cp\u003e100% poudre de feuilles de basilic sacré issues de l'agriculture biologique\u003c\/p\u003e\n \u003cdiv class=\"tulsi-composition-tags\"\u003e\n \u003cspan class=\"tulsi-tag\"\u003eSans additifs\u003c\/span\u003e\n \u003cspan class=\"tulsi-tag\"\u003eSans conservateurs\u003c\/span\u003e\n \u003cspan class=\"tulsi-tag\"\u003eSans OGM\u003c\/span\u003e\n \u003cspan class=\"tulsi-tag\"\u003eSans pesticides\u003c\/span\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=\"tulsi-section\"\u003e\n \u003ch2\u003e📖 Comment utiliser votre tulsi\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-usage-grid\"\u003e\n \u003cdiv class=\"tulsi-usage-card\"\u003e\n \u003cdiv class=\"tulsi-usage-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tulsi-usage-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003e1 à 2 cuillères à café de poudre par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-usage-card\"\u003e\n \u003cdiv class=\"tulsi-usage-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tulsi-usage-content\"\u003e\n \u003ch3\u003eEn boisson\u003c\/h3\u003e\n \u003cp\u003eAjoutez à vos infusions, smoothies ou jus chauds ou froids\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-usage-card\"\u003e\n \u003cdiv class=\"tulsi-usage-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tulsi-usage-content\"\u003e\n \u003ch3\u003eEn cuisine\u003c\/h3\u003e\n \u003cp\u003eIncorporez dans vos soupes, plats mijotés et préparations culinaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-usage-card\"\u003e\n \u003cdiv class=\"tulsi-usage-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tulsi-usage-content\"\u003e\n \u003ch3\u003eBien mélanger\u003c\/h3\u003e\n \u003cp\u003eAssurez une bonne répartition de la poudre dans votre préparation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ORIGINE --\u003e\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003e🇮🇳 Origine et savoir-faire\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-origin-box\"\u003e\n \u003cdiv class=\"tulsi-origin-content\"\u003e\n \u003cdiv class=\"tulsi-origin-icon\"\u003e🏔️\u003c\/div\u003e\n \u003ch3\u003eCultivé avec soin en Inde\u003c\/h3\u003e\n \u003cp\u003eNotre Tulsi bio provient de fermes biologiques soigneusement sélectionnées en Inde, berceau de l'Ayurveda où le basilic sacré est vénéré et utilisé depuis des millénaires.\u003c\/p\u003e\n \u003cdiv class=\"tulsi-origin-steps\"\u003e\n \u003cdiv class=\"tulsi-origin-step\"\u003e\n \u003cspan class=\"tulsi-step-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan\u003eCulture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-origin-step\"\u003e\n \u003cspan class=\"tulsi-step-icon\"\u003e✋\u003c\/span\u003e\n \u003cspan\u003eRécolte à la main\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-origin-step\"\u003e\n \u003cspan class=\"tulsi-step-icon\"\u003e☀️\u003c\/span\u003e\n \u003cspan\u003eSéchage naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-origin-step\"\u003e\n \u003cspan class=\"tulsi-step-icon\"\u003e⚙️\u003c\/span\u003e\n \u003cspan\u003eBroyage fin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-origin-step\"\u003e\n \u003cspan class=\"tulsi-step-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan\u003eContrôle qualité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003e👥 Pour qui est ce produit ?\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-grid tulsi-grid-3\"\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e😰\u003c\/div\u003e\n \u003ch3\u003ePersonnes stressées\u003c\/h3\u003e\n \u003cp\u003eCherchant un soutien naturel pour mieux gérer le stress quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e🤧\u003c\/div\u003e\n \u003ch3\u003eVoies respiratoires sensibles\u003c\/h3\u003e\n \u003cp\u003eSouhaitant apaiser et soutenir leur confort respiratoire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e🧘‍♀️\u003c\/div\u003e\n \u003ch3\u003eAdeptes de l'Ayurveda\u003c\/h3\u003e\n \u003cp\u003eIntégrant les plantes sacrées indiennes dans leur routine bien-être\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eImmunité fragile\u003c\/h3\u003e\n \u003cp\u003eDésireux de renforcer naturellement leurs défenses immunitaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e🍵\u003c\/div\u003e\n \u003ch3\u003eAmateurs de thés \u0026amp; infusions\u003c\/h3\u003e\n \u003cp\u003eÀ la recherche de nouvelles saveurs aux vertus bienfaisantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e🥗\u003c\/div\u003e\n \u003ch3\u003eCuisiniers créatifs\u003c\/h3\u003e\n \u003cp\u003eSouhaitant enrichir leurs plats d'une touche ayurvédique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CERTIFICATIONS --\u003e\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003e🏆 Certifications et qualité\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-certif-grid\"\u003e\n \u003cdiv class=\"tulsi-certif-card\"\u003e\n \u003cspan class=\"tulsi-certif-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"tulsi-certif-label\"\u003eAgriculture Biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-certif-card\"\u003e\n \u003cspan class=\"tulsi-certif-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"tulsi-certif-label\"\u003e100% Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-certif-card\"\u003e\n \u003cspan class=\"tulsi-certif-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"tulsi-certif-label\"\u003eSans OGM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-certif-card\"\u003e\n \u003cspan class=\"tulsi-certif-icon\"\u003e✨\u003c\/span\u003e\n \u003cspan class=\"tulsi-certif-label\"\u003eSans pesticides\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-info-grid\"\u003e\n \u003cdiv class=\"tulsi-info-item\"\u003e\n \u003cspan class=\"tulsi-info-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cdiv class=\"tulsi-info-text\"\u003e\n \u003cspan class=\"tulsi-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"tulsi-info-value\"\u003e150 grammes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-info-item\"\u003e\n \u003cspan class=\"tulsi-info-icon\"\u003e📍\u003c\/span\u003e\n \u003cdiv class=\"tulsi-info-text\"\u003e\n \u003cspan class=\"tulsi-info-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"tulsi-info-value\"\u003eInde\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-info-item\"\u003e\n \u003cspan class=\"tulsi-info-icon\"\u003e📋\u003c\/span\u003e\n \u003cdiv class=\"tulsi-info-text\"\u003e\n \u003cspan class=\"tulsi-info-label\"\u003eForme\u003c\/span\u003e\n \u003cspan class=\"tulsi-info-value\"\u003ePoudre pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-info-item\"\u003e\n \u003cspan class=\"tulsi-info-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cdiv class=\"tulsi-info-text\"\u003e\n \u003cspan class=\"tulsi-info-label\"\u003eConservation\u003c\/span\u003e\n \u003cspan class=\"tulsi-info-value\"\u003eAu sec, à l'abri de la lumière\u003c\/span\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=\"tulsi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tulsi-cta-box\"\u003e\n \u003cdiv class=\"tulsi-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tulsi-cta-content\"\u003e\n \u003cp\u003eOffrez à votre corps et à votre esprit les bienfaits millénaires du basilic sacré. Avec le Tulsi Bio AyurVana, adoptez un remède ancestral, naturellement efficace, pour votre bien-être quotidien.\u003c\/p\u003e\n \u003cdiv class=\"tulsi-cta-tagline\"\u003eLa sagesse de l'Ayurveda à votre portée\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 \/* Couleurs principales *\/\n --tulsi-cream: #FDF8F3;\n --tulsi-white: #ffffff;\n --tulsi-primary: #E87B2A;\n --tulsi-primary-dark: #C45D10;\n --tulsi-primary-light: #FFF4EC;\n --tulsi-secondary: #4A7C59;\n --tulsi-secondary-light: #E8F5E9;\n --tulsi-accent: #1E6B8A;\n --tulsi-kraft: #D4A574;\n\n \/* Textes *\/\n --tulsi-text: #2C2C2C;\n --tulsi-text-light: #5D5D5D;\n\n \/* Effets *\/\n --tulsi-border: #E8E0D8;\n --tulsi-shadow: 0 4px 24px rgba(0,0,0,.08);\n --tulsi-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --tulsi-radius: 20px;\n --tulsi-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tulsi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tulsi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--tulsi-text);\n line-height: 1.6;\n}\n\n.tulsi-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.tulsi-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tulsi-primary) 0%, var(--tulsi-primary-dark) 50%, #A84D08 100%);\n border-radius: var(--tulsi-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(--tulsi-shadow-lg);\n}\n\n.tulsi-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-5 8-15 12-15 20s10 15 15 20c5-5 15-12 15-20S35 13 30 5z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n background-size: 80px 80px;\n opacity: 0.6;\n}\n\n.tulsi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tulsi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.tulsi-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(--tulsi-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tulsi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tulsi-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.tulsi-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 font-style: italic;\n}\n\n.tulsi-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto 2rem;\n line-height: 1.7;\n}\n\n.tulsi-hero-specs {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.tulsi-spec {\n text-align: center;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n padding: 1rem 1.5rem;\n border-radius: var(--tulsi-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.tulsi-spec-value {\n display: block;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: white;\n}\n\n.tulsi-spec-label {\n display: block;\n font-size: 13px;\n color: rgba(255,255,255,.85);\n font-weight: 500;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.tulsi-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tulsi-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--tulsi-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.tulsi-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(--tulsi-primary), var(--tulsi-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.tulsi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.tulsi-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n}\n\n\/* === CARDS BÉNÉFICES === *\/\n.tulsi-card {\n background: var(--tulsi-white);\n border-radius: var(--tulsi-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tulsi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.tulsi-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tulsi-shadow-lg);\n border-color: var(--tulsi-primary);\n}\n\n.tulsi-card-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tulsi-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--tulsi-text);\n margin: 0 0 0.75rem 0;\n}\n\n.tulsi-card p {\n font-size: 15px;\n color: var(--tulsi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tulsi-card-benefit {\n text-align: center;\n}\n\n.tulsi-card-benefit:hover .tulsi-card-icon {\n animation: bounce .5s ease;\n}\n\n\/* === COMPOSITION BOX === *\/\n.tulsi-composition-box {\n background: linear-gradient(135deg, var(--tulsi-secondary-light) 0%, var(--tulsi-white) 100%);\n border-radius: var(--tulsi-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--tulsi-secondary);\n box-shadow: var(--tulsi-shadow);\n}\n\n.tulsi-composition-main {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n flex-wrap: wrap;\n}\n\n.tulsi-composition-icon {\n font-size: 60px;\n flex-shrink: 0;\n}\n\n.tulsi-composition-content {\n flex: 1;\n min-width: 250px;\n}\n\n.tulsi-composition-content h3 {\n font-size: clamp(20px, 3vw, 24px);\n font-weight: 800;\n color: var(--tulsi-secondary);\n margin: 0 0 0.5rem 0;\n}\n\n.tulsi-composition-content \u003e p {\n font-size: 16px;\n color: var(--tulsi-text-light);\n margin: 0 0 1.5rem 0;\n}\n\n.tulsi-composition-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.tulsi-tag {\n display: inline-flex;\n align-items: center;\n padding: 6px 14px;\n background: var(--tulsi-white);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--tulsi-secondary);\n border: 1px solid var(--tulsi-secondary);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.tulsi-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.tulsi-usage-card {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--tulsi-white);\n border-radius: var(--tulsi-radius);\n padding: 1.5rem;\n box-shadow: var(--tulsi-shadow);\n transition: all .3s ease;\n}\n\n.tulsi-usage-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--tulsi-shadow-lg);\n}\n\n.tulsi-usage-number {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--tulsi-primary), var(--tulsi-primary-dark));\n color: white;\n font-size: 20px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.tulsi-usage-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tulsi-text);\n margin: 0 0 0.25rem 0;\n}\n\n.tulsi-usage-content p {\n font-size: 14px;\n color: var(--tulsi-text-light);\n margin: 0;\n}\n\n\/* === ORIGINE === *\/\n.tulsi-origin-box {\n background: linear-gradient(135deg, var(--tulsi-primary-light) 0%, var(--tulsi-white) 100%);\n border-radius: var(--tulsi-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--tulsi-kraft);\n box-shadow: var(--tulsi-shadow);\n text-align: center;\n}\n\n.tulsi-origin-icon {\n font-size: 50px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tulsi-origin-content h3 {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 800;\n color: var(--tulsi-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.tulsi-origin-content \u003e p {\n font-size: 16px;\n color: var(--tulsi-text-light);\n max-width: 700px;\n margin: 0 auto 2rem;\n line-height: 1.7;\n}\n\n.tulsi-origin-steps {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n}\n\n.tulsi-origin-step {\n display: flex;\n align-items: center;\n gap: 8px;\n background: var(--tulsi-white);\n padding: 10px 18px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n color: var(--tulsi-text);\n box-shadow: 0 2px 8px rgba(0,0,0,.06);\n}\n\n.tulsi-step-icon {\n font-size: 18px;\n}\n\n\/* === CERTIFICATIONS === *\/\n.tulsi-certif-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.tulsi-certif-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n background: var(--tulsi-white);\n border-radius: var(--tulsi-radius);\n padding: 1.5rem;\n box-shadow: var(--tulsi-shadow);\n border: 2px solid var(--tulsi-border);\n transition: all .3s ease;\n}\n\n.tulsi-certif-card:hover {\n border-color: var(--tulsi-secondary);\n transform: translateY(-4px);\n}\n\n.tulsi-certif-icon {\n font-size: 36px;\n}\n\n.tulsi-certif-label {\n font-size: 14px;\n font-weight: 700;\n color: var(--tulsi-text);\n text-align: center;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.tulsi-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.tulsi-info-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--tulsi-white);\n border-radius: var(--tulsi-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--tulsi-shadow);\n border-left: 4px solid var(--tulsi-primary);\n}\n\n.tulsi-info-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.tulsi-info-text {\n display: flex;\n flex-direction: column;\n}\n\n.tulsi-info-label {\n font-size: 12px;\n color: var(--tulsi-text-light);\n text-transform: uppercase;\n letter-spacing: .5px;\n font-weight: 600;\n}\n\n.tulsi-info-value {\n font-size: 15px;\n font-weight: 700;\n color: var(--tulsi-text);\n}\n\n\/* === CTA FINAL === *\/\n.tulsi-cta-box {\n background: linear-gradient(135deg, var(--tulsi-secondary) 0%, #3A6249 100%);\n border-radius: var(--tulsi-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--tulsi-shadow-lg);\n}\n\n.tulsi-cta-pattern {\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%3Cpath d='M20 2c-4 6-12 10-12 16s8 12 12 16c4-4 12-10 12-16S24 8 20 2z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n}\n\n.tulsi-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.tulsi-cta-icon {\n font-size: 50px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.tulsi-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.7;\n font-weight: 500;\n max-width: 700px;\n margin: 0 auto 1.5rem;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.tulsi-cta-tagline {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 12px 28px;\n border-radius: 999px;\n color: white;\n font-size: 15px;\n font-weight: 700;\n letter-spacing: .5px;\n}\n\n\/* === ANIMATIONS === *\/\n@keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .tulsi-card,\n .tulsi-usage-card,\n .tulsi-certif-card,\n .tulsi-info-item {\n animation: fadeInUp .6s ease backwards;\n }\n .tulsi-card:nth-child(1), .tulsi-usage-card:nth-child(1) { animation-delay: .1s; }\n .tulsi-card:nth-child(2), .tulsi-usage-card:nth-child(2) { animation-delay: .2s; }\n .tulsi-card:nth-child(3), .tulsi-usage-card:nth-child(3) { animation-delay: .3s; }\n .tulsi-card:nth-child(4), .tulsi-usage-card:nth-child(4) { animation-delay: .4s; }\n .tulsi-card:nth-child(5) { animation-delay: .5s; }\n .tulsi-card:nth-child(6) { animation-delay: .6s; }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .tulsi-grid,\n .tulsi-grid-3 {\n grid-template-columns: 1fr;\n }\n \n .tulsi-hero-specs {\n flex-direction: column;\n align-items: center;\n }\n \n .tulsi-spec {\n width: 100%;\n max-width: 200px;\n }\n \n .tulsi-composition-main {\n flex-direction: column;\n text-align: center;\n }\n \n .tulsi-composition-tags {\n justify-content: center;\n }\n \n .tulsi-origin-steps {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .tulsi-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .tulsi-card,\n .tulsi-usage-card,\n .tulsi-certif-card,\n .tulsi-info-item {\n border: 2px solid var(--tulsi-text);\n }\n \n .tulsi-badge {\n border: 2px solid var(--tulsi-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755111506077,"sku":"AY9933","price":10.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tulsi-basilic-sacre-bio-150-grammes-de-poudre-en-sachet-ayurvana-827581.jpg?v=1732722036"},{"product_id":"triphala-boisson-bio-flacon-de-500-ml-ayurvana","title":"Triphala Boisson Minceur Bio - Flacon de 500 ml - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Triphala Boisson Minceur Bio\nPalette détectée:\n - Primaire: #A8B96E (Vert olive\/anis du bandeau - naturel, bio)\n - Secondaire: #8B7355 (Brun ambré de la bouteille - ayurvédique, terre)\n - Accent: #6B8E23 (Vert foncé - bio, santé)\n - Crème: #F5F3E8 (Beige clair de l'étiquette - naturel, doux)\nAmbiance: Naturel\/Ayurvédique, Bio authentique, Bien-être traditionnel, Médecine douce\nPréfixe CSS: tr\n--\u003e\n\n\u003cdiv class=\"tr-premium\"\u003e\n \u003cdiv class=\"tr-hero\"\u003e\n \u003cdiv class=\"tr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tr-hero-content\"\u003e\n \u003cdiv class=\"tr-badges-top\"\u003e\n \u003cspan class=\"tr-badge\"\u003e🌿 100% bio\u003c\/span\u003e\n \u003cspan class=\"tr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"tr-badge\"\u003e🍃 3 fruits sacrés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tr-hero-title\"\u003eTriphala bio d'Ayurvana\u003c\/span\u003e\n \u003cp class=\"tr-subtitle\"\u003eLa boisson ayurvédique ancestrale pour un bien-être digestif naturel\u003c\/p\u003e\n \u003cp class=\"tr-description\"\u003eDécouvrez la sagesse millénaire de l'Ayurveda concentrée dans ce flacon de 500 ml. Une synergie unique de trois fruits sacrés pour accompagner votre équilibre intestinal au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"tr-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de la triphala\u003c\/h2\u003e\n \u003cdiv class=\"tr-grid\"\u003e\n \u003cdiv class=\"tr-card tr-benefit\"\u003e\n \u003cdiv class=\"tr-icon\"\u003e🌸\u003c\/div\u003e\n \u003cdiv class=\"tr-card-title\"\u003eÉquilibre digestif\u003c\/div\u003e\n \u003cp\u003eFavorise un transit intestinal harmonieux grâce à l'action synergique des trois fruits ayurvédiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-card tr-benefit\"\u003e\n \u003cdiv class=\"tr-icon\"\u003e💚\u003c\/div\u003e\n \u003cdiv class=\"tr-card-title\"\u003ePurification douce\u003c\/div\u003e\n \u003cp\u003eAccompagne la détoxification naturelle de l'organisme en douceur et sans agressivité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-card tr-benefit\"\u003e\n \u003cdiv class=\"tr-icon\"\u003e⚖️\u003c\/div\u003e\n \u003cdiv class=\"tr-card-title\"\u003eBien-être général\u003c\/div\u003e\n \u003cp\u003eContribue à l'équilibre global du système digestif selon la tradition ayurvédique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-card tr-benefit\"\u003e\n \u003cdiv class=\"tr-icon\"\u003e🍃\u003c\/div\u003e\n \u003cdiv class=\"tr-card-title\"\u003e100% naturel\u003c\/div\u003e\n \u003cp\u003eSans additif chimique ni conservateur, uniquement des extraits de fruits bio et eau purifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tr-section\"\u003e\n \u003ch2\u003e🌿 Les trois fruits sacrés de l'Ayurveda\u003c\/h2\u003e\n \u003cdiv class=\"tr-grid\"\u003e\n \u003cdiv class=\"tr-card tr-ingredient\"\u003e\n \u003cdiv class=\"tr-fruit-badge\"\u003eAmalaki\u003c\/div\u003e\n \u003cdiv class=\"tr-fruit-icon\"\u003e🍋\u003c\/div\u003e\n \u003cdiv class=\"tr-fruit-name\"\u003eEmblica officinalis\u003c\/div\u003e\n \u003cp\u003eAussi appelé groseille indienne, ce fruit est vénéré en Ayurveda pour sa richesse en vitamine C naturelle et ses propriétés régénérantes. Il soutient l'équilibre des doshas et favorise la vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-card tr-ingredient\"\u003e\n \u003cdiv class=\"tr-fruit-badge\"\u003eBibhitaki\u003c\/div\u003e\n \u003cdiv class=\"tr-fruit-icon\"\u003e🥜\u003c\/div\u003e\n \u003cdiv class=\"tr-fruit-name\"\u003eTerminalia bellirica\u003c\/div\u003e\n \u003cp\u003eReconnu pour son action purifiante, le bibhitaki aide à éliminer les toxines accumulées et soutient le fonctionnement optimal du système digestif selon la médecine traditionnelle indienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-card tr-ingredient\"\u003e\n \u003cdiv class=\"tr-fruit-badge\"\u003eHaritaki\u003c\/div\u003e\n \u003cdiv class=\"tr-fruit-icon\"\u003e🌰\u003c\/div\u003e\n \u003cdiv class=\"tr-fruit-name\"\u003eTerminalia chebula\u003c\/div\u003e\n \u003cp\u003eConsidéré comme le \"roi des plantes\" en Ayurveda, l'haritaki est traditionnellement utilisé pour harmoniser le transit intestinal et favoriser l'élimination naturelle des déchets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-synergy-box\"\u003e\n \u003cdiv class=\"tr-synergy-icon\"\u003e⚡\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eLa puissance de la synergie :\u003c\/strong\u003e Ces trois fruits travaillent ensemble pour créer une formule équilibrée qui respecte la philosophie ayurvédique des trois doshas (Vata, Pitta, Kapha).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tr-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tr-usage-container\"\u003e\n \u003cdiv class=\"tr-usage-step\"\u003e\n \u003cdiv class=\"tr-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tr-step-content\"\u003e\n \u003cdiv class=\"tr-step-title\"\u003eDosage recommandé\u003c\/div\u003e\n \u003cp\u003eMesurez \u003cstrong\u003e25 ml\u003c\/strong\u003e de triphala bio à l'aide du bouchon doseur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-usage-step\"\u003e\n \u003cdiv class=\"tr-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tr-step-content\"\u003e\n \u003cdiv class=\"tr-step-title\"\u003eDilution\u003c\/div\u003e\n \u003cp\u003eDiluez dans un grand verre d'eau (200-250 ml) et mélangez bien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-usage-step\"\u003e\n \u003cdiv class=\"tr-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tr-step-content\"\u003e\n \u003cdiv class=\"tr-step-title\"\u003eMoment idéal\u003c\/div\u003e\n \u003cp\u003eÀ consommer le \u003cstrong\u003ematin à jeun\u003c\/strong\u003e ou le \u003cstrong\u003esoir avant le coucher\u003c\/strong\u003e pour optimiser les effets\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-usage-step\"\u003e\n \u003cdiv class=\"tr-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tr-step-content\"\u003e\n \u003cdiv class=\"tr-step-title\"\u003eRégularité\u003c\/div\u003e\n \u003cp\u003ePrenez votre triphala quotidiennement pour des résultats optimaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-tip-box\"\u003e\n \u003cspan class=\"tr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Agitez bien le flacon avant chaque utilisation. Une fois ouvert, conservez au réfrigérateur et consommez dans les 30 jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tr-section\"\u003e\n \u003ch2\u003e🎯 Pour qui est cette boisson ?\u003c\/h2\u003e\n \u003cdiv class=\"tr-grid\"\u003e\n \u003cdiv class=\"tr-card tr-target\"\u003e\n \u003cdiv class=\"tr-target-icon\"\u003e🧘\u003c\/div\u003e\n \u003cdiv class=\"tr-target-title\"\u003eAmateurs d'Ayurveda\u003c\/div\u003e\n \u003cp\u003eVous cherchez à intégrer les principes de la médecine traditionnelle indienne dans votre quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-card tr-target\"\u003e\n \u003cdiv class=\"tr-target-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"tr-target-title\"\u003eAdeptes du bio\u003c\/div\u003e\n \u003cp\u003eVous privilégiez des produits naturels, biologiques et sans additifs chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-card tr-target\"\u003e\n \u003cdiv class=\"tr-target-icon\"\u003e⚖️\u003c\/div\u003e\n \u003cdiv class=\"tr-target-title\"\u003eRecherche d'équilibre\u003c\/div\u003e\n \u003cp\u003eVous souhaitez soutenir votre transit intestinal de manière douce et naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-card tr-target\"\u003e\n \u003cdiv class=\"tr-target-icon\"\u003e🔄\u003c\/div\u003e\n \u003cdiv class=\"tr-target-title\"\u003eDétox régulière\u003c\/div\u003e\n \u003cp\u003eVous désirez accompagner votre organisme dans son processus de purification naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tr-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tr-warning-box\"\u003e\n \u003cdiv class=\"tr-warning-content\"\u003e\n \u003cdiv class=\"tr-warning-item\"\u003e\n \u003cspan class=\"tr-warning-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-warning-item\"\u003e\n \u003cspan class=\"tr-warning-icon\"\u003e💊\u003c\/span\u003e\n \u003cp\u003eEn cas de traitement médical, consultez votre médecin avant utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-warning-item\"\u003e\n \u003cspan class=\"tr-warning-icon\"\u003e📏\u003c\/span\u003e\n \u003cp\u003eRespectez la dose journalière recommandée de 25 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-warning-item\"\u003e\n \u003cspan class=\"tr-warning-icon\"\u003e🥗\u003c\/span\u003e\n \u003cp\u003eCe produit ne remplace pas une alimentation variée et équilibrée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-warning-item\"\u003e\n \u003cspan class=\"tr-warning-icon\"\u003e❄️\u003c\/span\u003e\n \u003cp\u003eConservez au réfrigérateur après ouverture et consommez sous 30 jours\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-warning-item\"\u003e\n \u003cspan class=\"tr-warning-icon\"\u003e🔒\u003c\/span\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tr-section\"\u003e\n \u003ch2\u003e📦 Composition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"tr-composition-card\"\u003e\n \u003cdiv class=\"tr-comp-header\"\u003e\n \u003cspan class=\"tr-comp-badge\"\u003e🌿 Formule 100% naturelle\u003c\/span\u003e\n \u003cspan class=\"tr-comp-badge\"\u003e✅ Agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-comp-list\"\u003e\n \u003cdiv class=\"tr-comp-item\"\u003e\n \u003cspan class=\"tr-comp-check\"\u003e✓\u003c\/span\u003e\n \u003cdiv class=\"tr-comp-detail\"\u003e\n \u003cstrong\u003eExtrait d'Amalaki bio\u003c\/strong\u003e\n \u003cspan\u003e(Emblica officinalis)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-comp-item\"\u003e\n \u003cspan class=\"tr-comp-check\"\u003e✓\u003c\/span\u003e\n \u003cdiv class=\"tr-comp-detail\"\u003e\n \u003cstrong\u003eExtrait de Bibhitaki bio\u003c\/strong\u003e\n \u003cspan\u003e(Terminalia bellirica)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-comp-item\"\u003e\n \u003cspan class=\"tr-comp-check\"\u003e✓\u003c\/span\u003e\n \u003cdiv class=\"tr-comp-detail\"\u003e\n \u003cstrong\u003eExtrait d'Haritaki bio\u003c\/strong\u003e\n \u003cspan\u003e(Terminalia chebula)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-comp-item\"\u003e\n \u003cspan class=\"tr-comp-check\"\u003e✓\u003c\/span\u003e\n \u003cdiv class=\"tr-comp-detail\"\u003e\n \u003cstrong\u003eEau purifiée\u003c\/strong\u003e\n \u003cspan\u003e(base liquide)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-comp-footer\"\u003e\n \u003cp\u003e❌ Sans additif chimique • Sans conservateur • Sans pesticide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tr-section\"\u003e\n \u003ch2\u003e🏭 Origine et qualité\u003c\/h2\u003e\n \u003cdiv class=\"tr-grid tr-grid-2\"\u003e\n \u003cdiv class=\"tr-card tr-quality\"\u003e\n \u003cdiv class=\"tr-quality-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"tr-quality-title\"\u003eFabriqué en France\u003c\/div\u003e\n \u003cp\u003eProduction française respectant les normes les plus strictes de qualité et de sécurité. Un savoir-faire local au service de la tradition ayurvédique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-card tr-quality\"\u003e\n \u003cdiv class=\"tr-quality-icon\"\u003e🌾\u003c\/div\u003e\n \u003cdiv class=\"tr-quality-title\"\u003eAgriculture biologique\u003c\/div\u003e\n \u003cp\u003eTous les fruits sont issus de cultures biologiques certifiées, cultivés sans pesticides ni produits chimiques pour une pureté maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-card tr-quality\"\u003e\n \u003cdiv class=\"tr-quality-icon\"\u003e🌍\u003c\/div\u003e\n \u003cdiv class=\"tr-quality-title\"\u003eDémarche éthique\u003c\/div\u003e\n \u003cp\u003eAyurVana privilégie des procédés de fabrication durables et respectueux de l'environnement, dans une logique de développement responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-card tr-quality\"\u003e\n \u003cdiv class=\"tr-quality-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"tr-quality-title\"\u003eContrôle qualité\u003c\/div\u003e\n \u003cp\u003eChaque lot est rigoureusement testé et contrôlé pour garantir l'efficacité, la pureté et la sécurité du produit fini.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tr-section\"\u003e\n \u003ch2\u003eℹ️ Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"tr-grid tr-grid-3\"\u003e\n \u003cdiv class=\"tr-info-card\"\u003e\n \u003cdiv class=\"tr-info-icon\"\u003e📏\u003c\/div\u003e\n \u003cdiv class=\"tr-info-label\"\u003eContenance\u003c\/div\u003e\n \u003cdiv class=\"tr-info-value\"\u003e500 ml\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-info-card\"\u003e\n \u003cdiv class=\"tr-info-icon\"\u003e🥄\u003c\/div\u003e\n \u003cdiv class=\"tr-info-label\"\u003eDose journalière\u003c\/div\u003e\n \u003cdiv class=\"tr-info-value\"\u003e25 ml\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-info-card\"\u003e\n \u003cdiv class=\"tr-info-icon\"\u003e📅\u003c\/div\u003e\n \u003cdiv class=\"tr-info-label\"\u003eDurée d'utilisation\u003c\/div\u003e\n \u003cdiv class=\"tr-info-value\"\u003e20 jours\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tr-info-card\"\u003e\n \u003cdiv class=\"tr-info-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv class=\"tr-info-label\"\u003eCertification\u003c\/div\u003e\n \u003cdiv class=\"tr-info-value\"\u003eBio AB \u0026amp; UE\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tr-cta-box\"\u003e\n \u003cdiv class=\"tr-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tr-cta-content\"\u003e\n \u003cdiv class=\"tr-cta-icon\"\u003e🌟\u003c\/div\u003e\n \u003cp\u003eOffrez à votre corps la sagesse millénaire de l'Ayurveda. Le triphala bio d'Ayurvana vous accompagne naturellement vers un bien-être digestif harmonieux, jour après jour.\u003c\/p\u003e\n \u003cdiv class=\"tr-cta-features\"\u003e\n \u003cspan class=\"tr-cta-feature\"\u003e✓ 100% bio certifié\u003c\/span\u003e\n \u003cspan class=\"tr-cta-feature\"\u003e✓ Made in France\u003c\/span\u003e\n \u003cspan class=\"tr-cta-feature\"\u003e✓ 3 fruits sacrés\u003c\/span\u003e\n \u003c\/div\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 --tr-cream: #FAF8F3;\n --tr-white: #ffffff;\n --tr-primary: #A8B96E;\n --tr-primary-dark: #7A8E4A;\n --tr-primary-light: #E8F0D5;\n --tr-secondary: #8B7355;\n --tr-accent: #6B8E23;\n --tr-text: #1a1a1a;\n --tr-text-light: #5a5a5a;\n --tr-border: #e0e0e0;\n --tr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --tr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --tr-radius: 20px;\n --tr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--tr-text);\n}\n\n\/* === HERO === *\/\n.tr-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tr-primary) 0%, var(--tr-accent) 50%, var(--tr-primary-dark) 100%);\n border-radius: var(--tr-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(--tr-shadow-lg);\n}\n\n.tr-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.2) 35px, rgba(255,255,255,.2) 70px);\n}\n\n.tr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tr-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.tr-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(--tr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0,0,0,.15);\n}\n\n.tr-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.tr-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.tr-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 text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.tr-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tr-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--tr-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.tr-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(--tr-primary), var(--tr-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.tr-card {\n background: var(--tr-white);\n border-radius: var(--tr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n height: 100%;\n}\n\n.tr-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tr-shadow-lg);\n border-color: var(--tr-primary);\n}\n\n\/* === GRILLES === *\/\n.tr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.tr-grid-2 {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.tr-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n}\n\n\/* === BÉNÉFICES === *\/\n.tr-benefit .tr-icon {\n font-size: clamp(40px, 8vw, 56px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.tr-benefit .tr-card-title {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--tr-primary-dark);\n margin-bottom: .75rem;\n}\n\n.tr-benefit p {\n color: var(--tr-text-light);\n font-size: 15px;\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === INGRÉDIENTS === *\/\n.tr-ingredient {\n text-align: center;\n position: relative;\n}\n\n.tr-fruit-badge {\n position: absolute;\n top: 15px;\n right: 15px;\n background: var(--tr-primary);\n color: white;\n font-size: 12px;\n font-weight: 700;\n padding: 6px 12px;\n border-radius: 999px;\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n.tr-fruit-icon {\n font-size: 64px;\n margin: 1rem 0;\n display: block;\n filter: drop-shadow(0 4px 12px rgba(0,0,0,.1));\n}\n\n.tr-fruit-name {\n font-size: 18px;\n font-weight: 800;\n color: var(--tr-accent);\n font-style: italic;\n margin-bottom: .75rem;\n}\n\n.tr-ingredient p {\n color: var(--tr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin: 0;\n}\n\n.tr-synergy-box {\n margin-top: 2rem;\n background: linear-gradient(135deg, var(--tr-primary-light) 0%, rgba(255,255,255,.5) 100%);\n border-left: 4px solid var(--tr-primary);\n border-radius: var(--tr-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n.tr-synergy-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.tr-synergy-box p {\n margin: 0;\n color: var(--tr-text);\n font-size: 15px;\n line-height: 1.7;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.tr-usage-container {\n display: grid;\n gap: 1.5rem;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.tr-usage-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--tr-white);\n border-radius: var(--tr-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--tr-shadow);\n transition: all .3s ease;\n}\n\n.tr-usage-step:hover {\n transform: translateX(8px);\n box-shadow: var(--tr-shadow-lg);\n}\n\n.tr-step-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--tr-primary), var(--tr-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(168, 185, 110, .3);\n}\n\n.tr-step-content {\n flex: 1;\n}\n\n.tr-step-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--tr-primary-dark);\n margin-bottom: .5rem;\n}\n\n.tr-step-content p {\n color: var(--tr-text-light);\n font-size: 15px;\n line-height: 1.7;\n margin: 0;\n}\n\n.tr-tip-box {\n margin-top: 2rem;\n background: linear-gradient(135deg, #FFF9E6 0%, #FFFBF0 100%);\n border: 2px solid #FFD700;\n border-radius: var(--tr-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n}\n\n.tr-tip-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.tr-tip-box p {\n margin: 0;\n color: var(--tr-text);\n font-size: 15px;\n line-height: 1.7;\n}\n\n\/* === CIBLES === *\/\n.tr-target {\n text-align: center;\n}\n\n.tr-target-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tr-target-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--tr-primary-dark);\n margin-bottom: .75rem;\n}\n\n.tr-target p {\n color: var(--tr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.tr-warning-box {\n background: linear-gradient(135deg, #FFF5F5 0%, #FFEBEB 100%);\n border: 2px solid #FFA07A;\n border-radius: var(--tr-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--tr-shadow);\n}\n\n.tr-warning-content {\n display: grid;\n gap: 1.25rem;\n}\n\n.tr-warning-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n}\n\n.tr-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.tr-warning-item p {\n margin: 0;\n color: var(--tr-text);\n font-size: 15px;\n line-height: 1.7;\n font-weight: 600;\n}\n\n\/* === COMPOSITION === *\/\n.tr-composition-card {\n background: var(--tr-white);\n border-radius: var(--tr-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--tr-shadow-lg);\n border: 2px solid var(--tr-primary-light);\n}\n\n.tr-comp-header {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 2rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px solid var(--tr-primary-light);\n}\n\n.tr-comp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: var(--tr-primary-light);\n color: var(--tr-primary-dark);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n}\n\n.tr-comp-list {\n display: grid;\n gap: 1.25rem;\n margin-bottom: 2rem;\n}\n\n.tr-comp-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1rem;\n background: var(--tr-cream);\n border-radius: var(--tr-radius-sm);\n transition: all .3s ease;\n}\n\n.tr-comp-item:hover {\n background: var(--tr-primary-light);\n transform: translateX(8px);\n}\n\n.tr-comp-check {\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n background: var(--tr-primary);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 18px;\n}\n\n.tr-comp-detail {\n display: flex;\n flex-direction: column;\n gap: .25rem;\n}\n\n.tr-comp-detail strong {\n color: var(--tr-text);\n font-size: 16px;\n font-weight: 800;\n}\n\n.tr-comp-detail span {\n color: var(--tr-text-light);\n font-size: 14px;\n font-style: italic;\n}\n\n.tr-comp-footer {\n text-align: center;\n padding-top: 1.5rem;\n border-top: 2px solid var(--tr-primary-light);\n}\n\n.tr-comp-footer p {\n margin: 0;\n color: var(--tr-text);\n font-size: 15px;\n font-weight: 700;\n}\n\n\/* === QUALITÉ === *\/\n.tr-quality {\n text-align: center;\n}\n\n.tr-quality-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tr-quality-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--tr-primary-dark);\n margin-bottom: .75rem;\n}\n\n.tr-quality p {\n color: var(--tr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.tr-info-card {\n background: var(--tr-white);\n border-radius: var(--tr-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--tr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.tr-info-card:hover {\n transform: translateY(-4px);\n border-color: var(--tr-primary);\n box-shadow: var(--tr-shadow-lg);\n}\n\n.tr-info-icon {\n font-size: 40px;\n margin-bottom: .75rem;\n display: block;\n}\n\n.tr-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--tr-text-light);\n text-transform: uppercase;\n letter-spacing: .5px;\n margin-bottom: .5rem;\n}\n\n.tr-info-value {\n font-size: 20px;\n font-weight: 900;\n color: var(--tr-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.tr-cta-box {\n background: linear-gradient(135deg, var(--tr-primary) 0%, var(--tr-accent) 50%, var(--tr-primary-dark) 100%);\n border-radius: var(--tr-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--tr-shadow-lg);\n}\n\n.tr-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.tr-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.tr-cta-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tr-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 1.5rem 0;\n}\n\n.tr-cta-features {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n}\n\n.tr-cta-feature {\n display: inline-flex;\n align-items: center;\n padding: 8px 16px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border: 2px solid rgba(255,255,255,.3);\n border-radius: 999px;\n color: white;\n font-size: 14px;\n font-weight: 700;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .tr-grid,\n .tr-grid-2,\n .tr-grid-3 {\n grid-template-columns: 1fr;\n }\n \n .tr-usage-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .tr-usage-step:hover {\n transform: translateY(-4px);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tr-card {\n animation: fadeInUp .6s ease backwards;\n }\n .tr-card:nth-child(1) { animation-delay: .1s; }\n .tr-card:nth-child(2) { animation-delay: .2s; }\n .tr-card:nth-child(3) { animation-delay: .3s; }\n .tr-card:nth-child(4) { animation-delay: .4s; }\n .tr-card:nth-child(5) { animation-delay: .5s; }\n .tr-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 .tr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .tr-premium {\n --tr-text: #000000;\n --tr-border: #000000;\n }\n \n .tr-card {\n border: 2px solid var(--tr-border);\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755111932061,"sku":"AY9026","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/triphala-boisson-minceur-bio-flacon-de-500-ml-ayur-vana-560320.jpg?v=1774339620"},{"product_id":"shatavari-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Shatavari Bio en poudre - 150g - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shatavari Bio en poudre - 150g - Ayur-Vana\nPalette détectée:\n - Primaire: #E91E8C (rose fuchsia\/magenta du bandeau et accents)\n - Secondaire: #8B6914 (brun kraft du packaging)\n - Accent: #4A9B4E (vert nature\/bio des motifs)\n - Tertiaire: #5E4B8B (violet\/bleu des motifs paisley)\nAmbiance: Ayurvédique, féminin, naturel\/bio, tradition indienne, douceur, bien-être holistique\nPréfixe CSS: shata\n--\u003e\n\n\u003cdiv class=\"shata-premium\"\u003e\n \n \u003cdiv class=\"shata-hero\"\u003e\n \u003cdiv class=\"shata-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"shata-hero-content\"\u003e\n \u003cdiv class=\"shata-badges-top\"\u003e\n \u003cspan class=\"shata-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"shata-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"shata-badge\"\u003e🌸 Équilibre féminin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"shata-hero-title\"\u003eShatavari Bio en poudre\u003c\/span\u003e\n \u003cp class=\"shata-subtitle\"\u003eLa plante ayurvédique au service de votre féminité\u003c\/p\u003e\n \u003cp class=\"shata-description\"\u003eStimulant féminin naturel • Désir et santé • 150g de racine pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"shata-section\"\u003e\n \u003ch2\u003e✨ Ce que le shatavari peut faire pour vous\u003c\/h2\u003e\n \u003cdiv class=\"shata-intro-box\"\u003e\n \u003cp\u003eÀ certaines périodes de votre vie, votre corps réclame un coup de pouce plus doux, plus à l'écoute. C'est là que le \u003cstrong\u003eShatavari Bio Ayur-Vana\u003c\/strong\u003e entre en scène. Recommandé depuis des siècles dans la tradition ayurvédique, il est particulièrement apprécié pour soutenir l'équilibre hormonal, adoucir les moments sensibles, et nourrir en profondeur votre énergie vitale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"shata-section\"\u003e\n \u003ch2\u003e💜 Les bienfaits que vous allez adorer\u003c\/h2\u003e\n \u003cdiv class=\"shata-grid\"\u003e\n \u003cdiv class=\"shata-card\"\u003e\n \u003cdiv class=\"shata-card-icon\"\u003e🌙\u003c\/div\u003e\n \u003ch3\u003eUn allié pour vos hormones\u003c\/h3\u003e\n \u003cp\u003eSi vos cycles sont irréguliers ou que la ménopause chamboule tout, le shatavari peut vous aider à retrouver un peu de sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shata-card\"\u003e\n \u003cdiv class=\"shata-card-icon\"\u003e🌺\u003c\/div\u003e\n \u003ch3\u003eFertilité et vitalité féminine\u003c\/h3\u003e\n \u003cp\u003eIl est souvent utilisé en soutien naturel lorsqu'un bébé se fait attendre… ou simplement pour renforcer votre énergie cyclique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shata-card\"\u003e\n \u003cdiv class=\"shata-card-icon\"\u003e💪\u003c\/div\u003e\n \u003ch3\u003eUn petit plus pour les hommes aussi\u003c\/h3\u003e\n \u003cp\u003eMême s'il est plus connu pour ses effets chez la femme, le shatavari soutient aussi la vitalité masculine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shata-card\"\u003e\n \u003cdiv class=\"shata-card-icon\"\u003e☕\u003c\/div\u003e\n \u003ch3\u003eFacile à intégrer\u003c\/h3\u003e\n \u003cp\u003eUn smoothie le matin, une tisane le soir… Pas besoin de changer toutes vos habitudes pour en profiter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"shata-section\"\u003e\n \u003ch2\u003e📝 Comment l'utiliser au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"shata-usage-box\"\u003e\n \u003cdiv class=\"shata-usage-steps\"\u003e\n \u003cdiv class=\"shata-step\"\u003e\n \u003cdiv class=\"shata-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"shata-step-content\"\u003e\n \u003ch4\u003eDosez\u003c\/h4\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 cuillère à café\u003c\/strong\u003e de poudre (environ 3g)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shata-step\"\u003e\n \u003cdiv class=\"shata-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"shata-step-content\"\u003e\n \u003ch4\u003eMélangez\u003c\/h4\u003e\n \u003cp\u003eDans un jus, une boisson végétale ou une infusion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shata-step\"\u003e\n \u003cdiv class=\"shata-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"shata-step-content\"\u003e\n \u003ch4\u003eRépétez\u003c\/h4\u003e\n \u003cp\u003e\u003cstrong\u003e1 à 2 fois par jour\u003c\/strong\u003e selon votre ressenti\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shata-tip\"\u003e\n \u003cspan class=\"shata-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCertaines préfèrent en cure d'un mois, d'autres sur le long terme — écoutez votre corps, c'est lui le meilleur guide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"shata-section\"\u003e\n \u003ch2\u003e🌱 Une composition ultra simple\u003c\/h2\u003e\n \u003cdiv class=\"shata-compo-card\"\u003e\n \u003cdiv class=\"shata-compo-visual\"\u003e\n \u003cdiv class=\"shata-plant-icon\"\u003e🌿\u003c\/div\u003e\n \u003cspan class=\"shata-compo-title\"\u003eRacine de shatavari\u003c\/span\u003e\n \u003cspan class=\"shata-compo-badge\"\u003e100% Bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shata-compo-text\"\u003e\n \u003cp\u003ePas de liste d'ingrédients à rallonge ici. Juste \u003cstrong\u003ede la racine de shatavari pure, 100% bio\u003c\/strong\u003e, rien d'autre.\u003c\/p\u003e\n \u003cdiv class=\"shata-compo-checks\"\u003e\n \u003cspan\u003e✓ Pas d'additifs\u003c\/span\u003e\n \u003cspan\u003e✓ Pas de conservateurs\u003c\/span\u003e\n \u003cspan\u003e✓ Transparence totale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"shata-section\"\u003e\n \u003ch2\u003e🏔️ D'où vient cette poudre ?\u003c\/h2\u003e\n \u003cdiv class=\"shata-origin-grid\"\u003e\n \u003cdiv class=\"shata-origin-item\"\u003e\n \u003cspan class=\"shata-origin-icon\"\u003e🌾\u003c\/span\u003e\n \u003ch4\u003eCulture biologique\u003c\/h4\u003e\n \u003cp\u003eCultivée en respectant les règles strictes de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shata-origin-item\"\u003e\n \u003cspan class=\"shata-origin-icon\"\u003e☀️\u003c\/span\u003e\n \u003ch4\u003eSéchage doux\u003c\/h4\u003e\n \u003cp\u003eSéchée doucement pour garder intacts ses précieux actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shata-origin-item\"\u003e\n \u003cspan class=\"shata-origin-icon\"\u003e🕉️\u003c\/span\u003e\n \u003ch4\u003eTradition ayurvédique\u003c\/h4\u003e\n \u003cp\u003eSelon la méthode traditionnelle, comme depuis des générations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shata-origin-item\"\u003e\n \u003cspan class=\"shata-origin-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003ch4\u003eSavoir-faire Ayur-Vana\u003c\/h4\u003e\n \u003cp\u003eConditionné en France avec le plus grand soin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"shata-section\"\u003e\n \u003ch2\u003e👩 Pourquoi tant de femmes l'adoptent\u003c\/h2\u003e\n \u003cdiv class=\"shata-why-box\"\u003e\n \u003cp\u003eParce qu'il fait du bien. Sans vous bousculer. Le shatavari est une plante douce, qui agit en profondeur sur le long terme. Il ne fait pas de promesses miracles, mais offre un \u003cstrong\u003esoutien réel et naturel\u003c\/strong\u003e pour celles qui veulent traverser les étapes de leur vie féminine avec plus de confort et de stabilité.\u003c\/p\u003e\n \u003cdiv class=\"shata-profiles\"\u003e\n \u003cdiv class=\"shata-profile\"\u003e\n \u003cspan class=\"shata-profile-icon\"\u003e🌸\u003c\/span\u003e\n \u003cspan\u003eCycles irréguliers\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shata-profile\"\u003e\n \u003cspan class=\"shata-profile-icon\"\u003e🦋\u003c\/span\u003e\n \u003cspan\u003eMénopause\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shata-profile\"\u003e\n \u003cspan class=\"shata-profile-icon\"\u003e👶\u003c\/span\u003e\n \u003cspan\u003eProjet bébé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shata-profile\"\u003e\n \u003cspan class=\"shata-profile-icon\"\u003e💫\u003c\/span\u003e\n \u003cspan\u003eMieux-être général\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"shata-section\"\u003e\n \u003ch2\u003e❓ Vos questions, nos réponses honnêtes\u003c\/h2\u003e\n \u003cdiv class=\"shata-faq\"\u003e\n \u003cdetails class=\"shata-faq-item\"\u003e\n \u003csummary\u003eEst-ce que c'est un produit « miracle » ?\u003c\/summary\u003e\n \u003cp\u003eNon, et c'est tant mieux. Il s'agit d'un soutien naturel, doux mais profond. Les résultats sont progressifs et souvent liés à une utilisation régulière.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"shata-faq-item\"\u003e\n \u003csummary\u003eComment savoir si le shatavari est fait pour moi ?\u003c\/summary\u003e\n \u003cp\u003eVous ressentez des déséquilibres hormonaux, vous êtes en période de transition (périménopause, post-partum…), ou simplement à la recherche d'un mieux-être ? Cela peut valoir le coup d'essayer.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"shata-faq-item\"\u003e\n \u003csummary\u003eY a-t-il des contre-indications ?\u003c\/summary\u003e\n \u003cp\u003eOui, comme tout complément. Mieux vaut éviter si vous êtes enceinte (sauf avis médical), en cours de traitement hormonal, ou allergique à l'asperge. Un petit tour chez votre médecin, au moindre doute.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"shata-faq-item\"\u003e\n \u003csummary\u003ePuis-je faire une cure longue durée ?\u003c\/summary\u003e\n \u003cp\u003eAbsolument, sur 1 à 3 mois en général. Mais toujours avec écoute de soi. Faites des pauses, observez les effets… votre corps saura vous parler.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"shata-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"shata-info-grid\"\u003e\n \u003cdiv class=\"shata-info-item\"\u003e\n \u003cspan class=\"shata-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"shata-info-value\"\u003e150g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shata-info-item\"\u003e\n \u003cspan class=\"shata-info-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"shata-info-value\"\u003ePoudre pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shata-info-item\"\u003e\n \u003cspan class=\"shata-info-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"shata-info-value\"\u003eAgriculture Bio\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"shata-info-item\"\u003e\n \u003cspan class=\"shata-info-label\"\u003eDurée cure\u003c\/span\u003e\n \u003cspan class=\"shata-info-value\"\u003e~50 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"shata-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"shata-cta-box\"\u003e\n \u003cdiv class=\"shata-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"shata-cta-content\"\u003e\n \u003cspan class=\"shata-cta-emoji\"\u003e🌸\u003c\/span\u003e\n \u003cp\u003eOffrez à votre corps le soutien doux et naturel qu'il mérite.\u003cbr\u003e\u003cstrong\u003e150g de pureté ayurvédique\u003c\/strong\u003e pour accompagner votre féminité au quotidien.\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 --shata-cream: #FDF8F3;\n --shata-white: #ffffff;\n --shata-primary: #E91E8C;\n --shata-primary-dark: #C4177A;\n --shata-primary-light: #FCE4F0;\n --shata-secondary: #8B6914;\n --shata-accent: #4A9B4E;\n --shata-violet: #7B5EA7;\n --shata-text: #2D2A32;\n --shata-text-light: #6B6574;\n --shata-border: #E8DFD5;\n --shata-shadow: 0 4px 24px rgba(233,30,140,.08);\n --shata-shadow-lg: 0 12px 48px rgba(233,30,140,.15);\n --shata-radius: 20px;\n --shata-radius-sm: 12px;\n}\n\n.shata-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--shata-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--shata-text);\n line-height: 1.6;\n}\n\n.shata-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.shata-hero {\n position: relative;\n background: linear-gradient(135deg, var(--shata-primary) 0%, var(--shata-violet) 50%, var(--shata-primary-dark) 100%);\n border-radius: var(--shata-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(--shata-shadow-lg);\n}\n\n.shata-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 14 8 0 14 6 16 14 2-8 8-14 16-14-8 0-14-6-16-14z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .6;\n}\n\n.shata-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.shata-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.shata-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(--shata-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.shata-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.shata-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.shata-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.shata-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2vw, 16px);\n margin: 0;\n font-weight: 500;\n}\n\n\/* === SECTIONS === *\/\n.shata-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.shata-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--shata-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.shata-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(--shata-primary), var(--shata-violet));\n border-radius: 2px;\n}\n\n\/* === INTRO BOX === *\/\n.shata-intro-box {\n background: var(--shata-white);\n border-radius: var(--shata-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--shata-shadow);\n border-left: 4px solid var(--shata-primary);\n}\n\n.shata-intro-box p {\n font-size: clamp(16px, 2.5vw, 18px);\n line-height: 1.8;\n color: var(--shata-text);\n margin: 0;\n}\n\n.shata-intro-box strong {\n color: var(--shata-primary-dark);\n}\n\n\/* === CARDS GRID === *\/\n.shata-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.shata-card {\n background: var(--shata-white);\n border-radius: var(--shata-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--shata-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.shata-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--shata-shadow-lg);\n border-color: var(--shata-primary);\n}\n\n.shata-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.shata-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--shata-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.shata-card p {\n font-size: 15px;\n color: var(--shata-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === USAGE BOX === *\/\n.shata-usage-box {\n background: var(--shata-white);\n border-radius: var(--shata-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--shata-shadow);\n}\n\n.shata-usage-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.shata-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n}\n\n.shata-step-number {\n width: 48px;\n height: 48px;\n min-width: 48px;\n background: linear-gradient(135deg, var(--shata-primary), var(--shata-violet));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(233,30,140,.3);\n}\n\n.shata-step-content h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--shata-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.shata-step-content p {\n font-size: 14px;\n color: var(--shata-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.shata-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--shata-primary-light);\n border-radius: var(--shata-radius-sm);\n padding: 1rem 1.25rem;\n}\n\n.shata-tip-icon {\n font-size: 24px;\n}\n\n.shata-tip p {\n font-size: 14px;\n color: var(--shata-primary-dark);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.shata-compo-card {\n background: linear-gradient(135deg, var(--shata-accent) 0%, #3D8240 100%);\n border-radius: var(--shata-radius);\n padding: clamp(2rem, 4vw, 3rem);\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 2rem;\n align-items: center;\n color: white;\n box-shadow: 0 8px 32px rgba(74,155,78,.3);\n}\n\n.shata-compo-visual {\n text-align: center;\n}\n\n.shata-plant-icon {\n font-size: 64px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.shata-compo-title {\n display: block;\n font-size: 18px;\n font-weight: 700;\n margin-bottom: .5rem;\n}\n\n.shata-compo-badge {\n display: inline-block;\n background: rgba(255,255,255,.2);\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n}\n\n.shata-compo-text p {\n font-size: 16px;\n line-height: 1.7;\n margin: 0 0 1rem 0;\n}\n\n.shata-compo-checks {\n display: flex;\n flex-wrap: wrap;\n gap: .75rem;\n}\n\n.shata-compo-checks span {\n background: rgba(255,255,255,.2);\n padding: 6px 12px;\n border-radius: var(--shata-radius-sm);\n font-size: 13px;\n font-weight: 600;\n}\n\n\/* === ORIGIN === *\/\n.shata-origin-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.shata-origin-item {\n background: var(--shata-white);\n border-radius: var(--shata-radius);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--shata-shadow);\n transition: all .3s ease;\n}\n\n.shata-origin-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--shata-shadow-lg);\n}\n\n.shata-origin-icon {\n font-size: 40px;\n display: block;\n margin-bottom: .75rem;\n}\n\n.shata-origin-item h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--shata-secondary);\n margin: 0 0 .5rem 0;\n}\n\n.shata-origin-item p {\n font-size: 14px;\n color: var(--shata-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === WHY BOX === *\/\n.shata-why-box {\n background: var(--shata-white);\n border-radius: var(--shata-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--shata-shadow);\n text-align: center;\n}\n\n.shata-why-box \u003e p {\n font-size: clamp(16px, 2.5vw, 18px);\n line-height: 1.8;\n color: var(--shata-text);\n margin: 0 0 2rem 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.shata-why-box strong {\n color: var(--shata-primary-dark);\n}\n\n.shata-profiles {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n}\n\n.shata-profile {\n display: flex;\n align-items: center;\n gap: .5rem;\n background: var(--shata-primary-light);\n padding: 10px 18px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: var(--shata-primary-dark);\n transition: all .3s ease;\n}\n\n.shata-profile:hover {\n transform: scale(1.05);\n background: var(--shata-primary);\n color: white;\n}\n\n.shata-profile-icon {\n font-size: 18px;\n}\n\n\/* === FAQ === *\/\n.shata-faq {\n max-width: 800px;\n margin: 0 auto;\n}\n\n.shata-faq-item {\n background: var(--shata-white);\n border: 2px solid var(--shata-border);\n border-radius: var(--shata-radius-sm);\n margin-bottom: 12px;\n overflow: hidden;\n transition: all .3s ease;\n}\n\n.shata-faq-item[open] {\n border-color: var(--shata-primary);\n box-shadow: var(--shata-shadow);\n}\n\n.shata-faq-item summary {\n padding: 1.25rem 3rem 1.25rem 1.5rem;\n font-weight: 700;\n font-size: 16px;\n color: var(--shata-text);\n cursor: pointer;\n position: relative;\n list-style: none;\n transition: all .3s ease;\n}\n\n.shata-faq-item summary::-webkit-details-marker {\n display: none;\n}\n\n.shata-faq-item summary::after {\n content: '+';\n position: absolute;\n right: 1.25rem;\n top: 50%;\n transform: translateY(-50%);\n font-size: 24px;\n font-weight: 300;\n color: var(--shata-primary);\n transition: transform .3s ease;\n}\n\n.shata-faq-item[open] summary::after {\n transform: translateY(-50%) rotate(45deg);\n}\n\n.shata-faq-item summary:hover {\n color: var(--shata-primary-dark);\n}\n\n.shata-faq-item p {\n padding: 0 1.5rem 1.25rem 1.5rem;\n margin: 0;\n font-size: 15px;\n line-height: 1.7;\n color: var(--shata-text-light);\n}\n\n\/* === INFO GRID === *\/\n.shata-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.shata-info-item {\n background: var(--shata-white);\n border-radius: var(--shata-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--shata-shadow);\n border-top: 3px solid var(--shata-primary);\n}\n\n.shata-info-label {\n display: block;\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: .05em;\n color: var(--shata-text-light);\n margin-bottom: .5rem;\n font-weight: 600;\n}\n\n.shata-info-value {\n display: block;\n font-size: 18px;\n font-weight: 800;\n color: var(--shata-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.shata-cta-box {\n background: linear-gradient(135deg, var(--shata-primary) 0%, var(--shata-violet) 100%);\n border-radius: var(--shata-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.shata-cta-pattern {\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='3' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n}\n\n.shata-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.shata-cta-emoji {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.shata-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.shata-cta-box strong {\n color: rgba(255,255,255,1);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .shata-grid {\n grid-template-columns: 1fr;\n }\n \n .shata-compo-card {\n grid-template-columns: 1fr;\n text-align: center;\n }\n \n .shata-usage-steps {\n grid-template-columns: 1fr;\n }\n \n .shata-step {\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 .shata-card,\n .shata-origin-item,\n .shata-info-item {\n animation: shataFadeInUp .6s ease backwards;\n }\n \n .shata-card:nth-child(1),\n .shata-origin-item:nth-child(1),\n .shata-info-item:nth-child(1) { animation-delay: .1s; }\n .shata-card:nth-child(2),\n .shata-origin-item:nth-child(2),\n .shata-info-item:nth-child(2) { animation-delay: .2s; }\n .shata-card:nth-child(3),\n .shata-origin-item:nth-child(3),\n .shata-info-item:nth-child(3) { animation-delay: .3s; }\n .shata-card:nth-child(4),\n .shata-origin-item:nth-child(4),\n .shata-info-item:nth-child(4) { animation-delay: .4s; }\n .shata-info-item:nth-child(5) { animation-delay: .5s; }\n .shata-info-item:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes shataFadeInUp {\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 .shata-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .shata-card,\n .shata-faq-item {\n border: 2px solid var(--shata-text);\n }\n \n .shata-hero-title,\n .shata-subtitle {\n text-shadow: none;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755112358045,"sku":"AY9928","price":21.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ayur-vana_shatavari_poudre_150g.webp?v=1749648643"},{"product_id":"programme-poids-ideal-avec-layurveda-6-triphala-bio-60-gelules-1-trikatu-3-trimada-et-3-guggul-ayurvana","title":"Programme Ayurvédique Poids Idéal : Triphala Bio, Trikatu, Trimada et Guggul | AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Programme Ayurvédique Poids Idéal (4 produits AyurVana)\nPalette détectée:\n - Primaire: #6B9B7B (vert sauge naturel du Triphala, dominante)\n - Secondaire: #4A8B8F (vert-turquoise du Guggul)\n - Accent: #C85757 (rouge terracotta du Trimada)\n - Support: #6FA8C4 (bleu ciel du Trikatu)\n - Base: #F5F3EE (beige clair naturel\/bio)\nAmbiance: Naturelle, bio, ayurvédique, holistique, authentique\nStyle: Santé naturelle, wellness premium, médecine douce\nType: Programme de compléments alimentaires ayurvédiques\nPréfixe CSS: ayur\n--\u003e\n\u003cdiv class=\"ayur-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"ayur-hero\"\u003e\n\u003cdiv class=\"ayur-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ayur-hero-content\"\u003e\n\u003cdiv class=\"ayur-badges-top\"\u003e\n\u003cspan class=\"ayur-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"ayur-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"ayur-badge\"\u003e🌱 Bio certifié\u003c\/span\u003e \u003cspan class=\"ayur-badge\"\u003e⏱️ Programme 90 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ayur-hero-title\"\u003eProgramme ayurvédique poids idéal\u003c\/span\u003e\n\u003cp class=\"ayur-subtitle\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eLa solution holistique pour retrouver votre équilibre naturel\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"ayur-description\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eUn protocole complet de 4 formules synergiques qui accompagnent les 3 phases clés du métabolisme : digestion, régulation et élimination. Une approche millénaire pour des résultats durables.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- COMPOSITION DU PROGRAMME --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003ch2\u003e🎯 Votre programme complet en 4 formules\u003c\/h2\u003e\n\u003cdiv class=\"ayur-grid ayur-grid-4\"\u003e\n\u003cdiv class=\"ayur-card ayur-card-triphala\"\u003e\n\u003cdiv class=\"ayur-card-header\"\u003e\n\u003cspan class=\"ayur-quantity\"\u003ex6\u003c\/span\u003e\n\u003cdiv class=\"ayur-icon\"\u003e🌿\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eTriphala Bio\u003c\/h3\u003e\n\u003cp class=\"ayur-card-subtitle\"\u003eDigestion \u0026amp; élimination\u003c\/p\u003e\n\u003cul class=\"ayur-list\" style=\"list-style:none;\"\u003e\n\u003cli\u003e3 fruits ayurvédiques sacrés\u003c\/li\u003e\n\u003cli\u003eÉlimination douce et efficace\u003c\/li\u003e\n\u003cli\u003eCertifié bio\u003c\/li\u003e\n\u003cli\u003e60 gélules végétales\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"ayur-dosage\"\u003e2 gélules\/jour pendant 90 jours\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-card ayur-card-guggul\"\u003e\n\u003cdiv class=\"ayur-card-header\"\u003e\n\u003cspan class=\"ayur-quantity\"\u003ex3\u003c\/span\u003e\n\u003cdiv class=\"ayur-icon\"\u003e💚\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eGuggul\u003c\/h3\u003e\n\u003cp class=\"ayur-card-subtitle\"\u003eRégulation lipidique\u003c\/p\u003e\n\u003cul class=\"ayur-list\" style=\"list-style:none;\"\u003e\n\u003cli\u003eMaintient les taux de lipides sains\u003c\/li\u003e\n\u003cli\u003eFavorise le bon cholestérol\u003c\/li\u003e\n\u003cli\u003eRésine précieuse purifiée\u003c\/li\u003e\n\u003cli\u003e60 gélules végétales\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"ayur-dosage\"\u003e1 gélule\/jour pendant 60 jours\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-card ayur-card-trikatu\"\u003e\n\u003cdiv class=\"ayur-card-header\"\u003e\n\u003cspan class=\"ayur-quantity\"\u003ex1\u003c\/span\u003e\n\u003cdiv class=\"ayur-icon\"\u003e🔥\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eTrikatu\u003c\/h3\u003e\n\u003cp class=\"ayur-card-subtitle\"\u003eDigestion optimale\u003c\/p\u003e\n\u003cul class=\"ayur-list\" style=\"list-style:none;\"\u003e\n\u003cli\u003e3 épices chauffantes\u003c\/li\u003e\n\u003cli\u003eStimule le feu digestif\u003c\/li\u003e\n\u003cli\u003eActive le métabolisme\u003c\/li\u003e\n\u003cli\u003e60 gélules végétales\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"ayur-dosage\"\u003e2 gélules\/jour pendant 15 jours\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-card ayur-card-trimada\"\u003e\n\u003cdiv class=\"ayur-card-header\"\u003e\n\u003cspan class=\"ayur-quantity\"\u003ex3\u003c\/span\u003e\n\u003cdiv class=\"ayur-icon\"\u003e🍃\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eTrimada\u003c\/h3\u003e\n\u003cp class=\"ayur-card-subtitle\"\u003eÉlimination des lipides\u003c\/p\u003e\n\u003cul class=\"ayur-list\" style=\"list-style:none;\"\u003e\n\u003cli\u003eRégule le métabolisme lipidique\u003c\/li\u003e\n\u003cli\u003eCible les zones de stockage\u003c\/li\u003e\n\u003cli\u003eAction ciblée\u003c\/li\u003e\n\u003cli\u003e60 gélules végétales\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"ayur-dosage\"\u003e1 gélule\/jour pendant 60 jours\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LES 3 PHASES --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003ch2\u003e⚡ Les 3 phases du métabolisme optimisé\u003c\/h2\u003e\n\u003cdiv class=\"ayur-phases\"\u003e\n\u003cdiv class=\"ayur-phase ayur-phase-1\"\u003e\n\u003cdiv class=\"ayur-phase-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ayur-phase-content\"\u003e\n\u003ch3\u003e🔥 Phase 1 : digestion stimulée\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAction du Trikatu\u003c\/strong\u003e – Ce complexe de trois épices chauffantes réveille votre feu digestif (Agni en sanskrit). Une mauvaise digestion se manifeste par une langue chargée, un manque d'énergie après les repas, voire un assoupissement. Le Trikatu transforme cette torpeur en énergie.\u003c\/p\u003e\n\u003cdiv class=\"ayur-highlight\"\u003e⏱️ Jours 1 à 15 : phase d'activation\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-phase ayur-phase-2\"\u003e\n\u003cdiv class=\"ayur-phase-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ayur-phase-content\"\u003e\n\u003ch3\u003e⚖️ Phase 2 : métabolisme régulé\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAction du Trimada\u003c\/strong\u003e – Cette formule intervient sur le métabolisme des lipides. Les graisses non métabolisées ont tendance à s'accumuler sur les fesses et les cuisses chez les femmes, et sur le ventre chez les hommes. Le Trimada empêche ces dépôts de s'installer durablement.\u003c\/p\u003e\n\u003cdiv class=\"ayur-highlight\"\u003e⏱️ Jours 1 à 60 : régulation active\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-phase ayur-phase-3\"\u003e\n\u003cdiv class=\"ayur-phase-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ayur-phase-content\"\u003e\n\u003ch3\u003e🌊 Phase 3 : élimination harmonieuse\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAction du Triphala Bio\u003c\/strong\u003e – Composé de trois fruits ayurvédiques (Amalaki, Bibhitaki, Haritaki), il assure une élimination douce, régulière et efficace. Contrairement aux laxatifs agressifs, le Triphala respecte votre organisme tout en nettoyant en profondeur.\u003c\/p\u003e\n\u003cdiv class=\"ayur-highlight\"\u003e⏱️ Jours 1 à 90 : élimination continue\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-info-box\"\u003e\n\u003cstrong\u003e💚 Le Guggul\u003c\/strong\u003e : formule complémentaire qui maintient des niveaux sains de lipides sanguins et favorise le bon cholestérol tout au long du programme.\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BÉNÉFICES --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits de ce programme holistique\u003c\/h2\u003e\n\u003cdiv class=\"ayur-grid ayur-grid-3\"\u003e\n\u003cdiv class=\"ayur-benefit-card\"\u003e\n\u003cdiv class=\"ayur-benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eApproche globale\u003c\/h3\u003e\n\u003cp\u003eNe se contente pas de masquer les symptômes : agit sur les trois phases du métabolisme pour des résultats durables et harmonieux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-benefit-card\"\u003e\n\u003cdiv class=\"ayur-benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003e100% naturel\u003c\/h3\u003e\n\u003cp\u003eFormules issues de la pharmacopée ayurvédique millénaire, sans additifs chimiques, certifiées bio et fabriquées en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-benefit-card\"\u003e\n\u003cdiv class=\"ayur-benefit-icon\"\u003e⚖️\u003c\/div\u003e\n\u003ch3\u003eÉquilibre restauré\u003c\/h3\u003e\n\u003cp\u003eRetrouvez légèreté et vitalité en régulant naturellement votre poids sans frustration ni effet yo-yo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-benefit-card\"\u003e\n\u003cdiv class=\"ayur-benefit-icon\"\u003e💪\u003c\/div\u003e\n\u003ch3\u003eÉnergie retrouvée\u003c\/h3\u003e\n\u003cp\u003eFini la lourdeur après les repas : une digestion optimale libère votre énergie pour vos activités quotidiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-benefit-card\"\u003e\n\u003cdiv class=\"ayur-benefit-icon\"\u003e🧘\u003c\/div\u003e\n\u003ch3\u003eBien-être global\u003c\/h3\u003e\n\u003cp\u003eAu-delà du poids, c'est tout votre système digestif et métabolique qui retrouve son équilibre naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-benefit-card\"\u003e\n\u003cdiv class=\"ayur-benefit-icon\"\u003e📅\u003c\/div\u003e\n\u003ch3\u003eProgramme structuré\u003c\/h3\u003e\n\u003cp\u003eUn protocole clair de 90 jours avec un dosage précis pour chaque formule, pour des résultats optimaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003ch2\u003e📋 Comment suivre votre programme\u003c\/h2\u003e\n\u003cdiv class=\"ayur-timeline\"\u003e\n\u003cdiv class=\"ayur-timeline-item\"\u003e\n\u003cdiv class=\"ayur-timeline-marker\"\u003eJours\u003cbr\u003e1-15\u003c\/div\u003e\n\u003cdiv class=\"ayur-timeline-content\"\u003e\n\u003ch3\u003e🔥 Phase d'activation\u003c\/h3\u003e\n\u003cdiv class=\"ayur-posology\"\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eTriphala Bio\u003c\/strong\u003e : 2 gélules\/jour (midi et soir)\u003c\/div\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eTrikatu\u003c\/strong\u003e : 2 gélules\/jour (midi et soir)\u003c\/div\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eTrimada\u003c\/strong\u003e : 1 gélule\/jour (matin, midi ou soir)\u003c\/div\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eGuggul\u003c\/strong\u003e : 1 gélule\/jour (matin, midi ou soir)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-timeline-item\"\u003e\n\u003cdiv class=\"ayur-timeline-marker\"\u003eJour\u003cbr\u003e16-60\u003c\/div\u003e\n\u003cdiv class=\"ayur-timeline-content\"\u003e\n\u003ch3\u003e⚖️ Phase de régulation\u003c\/h3\u003e\n\u003cdiv class=\"ayur-posology\"\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eTriphala Bio\u003c\/strong\u003e : 2 gélules\/jour (midi et soir)\u003c\/div\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eTrimada\u003c\/strong\u003e : 1 gélule\/jour (matin, midi ou soir)\u003c\/div\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eGuggul\u003c\/strong\u003e : 1 gélule\/jour (matin, midi ou soir)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-timeline-item\"\u003e\n\u003cdiv class=\"ayur-timeline-marker\"\u003eJour\u003cbr\u003e61-90\u003c\/div\u003e\n\u003cdiv class=\"ayur-timeline-content\"\u003e\n\u003ch3\u003e🌊 Phase de stabilisation\u003c\/h3\u003e\n\u003cdiv class=\"ayur-posology\"\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eTriphala Bio\u003c\/strong\u003e : 2 gélules\/jour (midi et soir)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ayur-note\"\u003e💡 Continuez le Triphala seul pour maintenir une élimination douce et régulière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CONSEILS --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003ch2\u003e💡 Conseils pour optimiser vos résultats\u003c\/h2\u003e\n\u003cdiv class=\"ayur-tips-grid\"\u003e\n\u003cdiv class=\"ayur-tip-card\"\u003e\n\u003cdiv class=\"ayur-tip-icon\"\u003e🍽️\u003c\/div\u003e\n\u003ch3\u003eAlimentation consciente\u003c\/h3\u003e\n\u003cp\u003eMangez en pleine conscience, sans masquer un mal-être. L'important n'est pas seulement ce que vous mangez, mais pourquoi et comment vous le mangez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-tip-card\"\u003e\n\u003cdiv class=\"ayur-tip-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eHydratation optimale\u003c\/h3\u003e\n\u003cp\u003eBuvez 1,5 à 2 litres d'eau par jour, de préférence chaude ou tiède, pour faciliter l'élimination et soutenir votre métabolisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-tip-card\"\u003e\n\u003cdiv class=\"ayur-tip-icon\"\u003e🚶\u003c\/div\u003e\n\u003ch3\u003eActivité régulière\u003c\/h3\u003e\n\u003cp\u003eUne marche quotidienne de 30 minutes active la digestion et le métabolisme. Pas besoin de sport intense, la régularité prime.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-tip-card\"\u003e\n\u003cdiv class=\"ayur-tip-icon\"\u003e😴\u003c\/div\u003e\n\u003ch3\u003eSommeil réparateur\u003c\/h3\u003e\n\u003cp\u003eUn sommeil de qualité est essentiel à la régulation métabolique. Couchez-vous avant 23h pour respecter votre rythme circadien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-tip-card\"\u003e\n\u003cdiv class=\"ayur-tip-icon\"\u003e🧘\u003c\/div\u003e\n\u003ch3\u003eGestion du stress\u003c\/h3\u003e\n\u003cp\u003eLe stress favorise le stockage des graisses. Pratiquez la respiration profonde, la méditation ou le yoga pour apaiser votre mental.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-tip-card\"\u003e\n\u003cdiv class=\"ayur-tip-icon\"\u003e⏰\u003c\/div\u003e\n\u003ch3\u003eRégularité des prises\u003c\/h3\u003e\n\u003cp\u003ePrenez vos gélules aux mêmes heures chaque jour pour créer une routine et maximiser l'efficacité du programme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003ch2\u003e👤 Ce programme est fait pour vous si...\u003c\/h2\u003e\n\u003cdiv class=\"ayur-grid ayur-grid-3\"\u003e\n\u003cdiv class=\"ayur-profile-card\"\u003e\n\u003cdiv class=\"ayur-profile-icon\"\u003e🎯\u003c\/div\u003e\n\u003cp\u003eVous souhaitez retrouver votre poids de forme de manière naturelle et durable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-profile-card\"\u003e\n\u003cdiv class=\"ayur-profile-icon\"\u003e😓\u003c\/div\u003e\n\u003cp\u003eVous vous sentez lourd après les repas avec une digestion laborieuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-profile-card\"\u003e\n\u003cdiv class=\"ayur-profile-icon\"\u003e📊\u003c\/div\u003e\n\u003cp\u003eVos analyses montrent des taux de lipides ou de cholestérol à surveiller\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-profile-card\"\u003e\n\u003cdiv class=\"ayur-profile-icon\"\u003e🔄\u003c\/div\u003e\n\u003cp\u003eVous avez essayé des régimes yo-yo sans succès durable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-profile-card\"\u003e\n\u003cdiv class=\"ayur-profile-icon\"\u003e🌿\u003c\/div\u003e\n\u003cp\u003eVous recherchez une approche holistique respectueuse de votre corps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-profile-card\"\u003e\n\u003cdiv class=\"ayur-profile-icon\"\u003e💪\u003c\/div\u003e\n\u003cp\u003eVous voulez retrouver légèreté, énergie et vitalité au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003cdiv class=\"ayur-warning-box\"\u003e\n\u003cdiv class=\"ayur-warning-content\"\u003e\n\u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eCe programme ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain\u003c\/li\u003e\n\u003cli\u003eDéconseillé aux femmes enceintes et allaitantes sans avis médical\u003c\/li\u003e\n\u003cli\u003eEn cas de traitement médical, consultez votre médecin avant de commencer\u003c\/li\u003e\n\u003cli\u003eRespectez les dosages recommandés pour une utilisation optimale\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n\u003cli\u003eCe produit n'est pas un médicament mais un complément alimentaire\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"ayur-grid ayur-grid-3\"\u003e\n\u003cdiv class=\"ayur-info-card\"\u003e\n\u003cdiv class=\"ayur-info-icon\"\u003e📏\u003c\/div\u003e\n\u003ch3\u003eContenance\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e13 boîtes au total :\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e6x Triphala Bio (60 gél.)\u003c\/li\u003e\n\u003cli\u003e3x Guggul (60 gél.)\u003c\/li\u003e\n\u003cli\u003e3x Trimada (60 gél.)\u003c\/li\u003e\n\u003cli\u003e1x Trikatu (60 gél.)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-info-card\"\u003e\n\u003cdiv class=\"ayur-info-icon\"\u003e⏱️\u003c\/div\u003e\n\u003ch3\u003eDurée\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eProgramme complet de 90 jours\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e3 mois pour restaurer l'équilibre métabolique en profondeur et obtenir des résultats durables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-info-card\"\u003e\n\u003cdiv class=\"ayur-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eFabrication\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eProduits AyurVana, certification bio, gélules 100% végétales, contrôles qualité rigoureux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-info-card\"\u003e\n\u003cdiv class=\"ayur-info-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eComposition\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e100% végétal\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003ePlantes ayurvédiques authentiques, sans OGM, sans gluten, gélules végétales (pullulane)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-info-card\"\u003e\n\u003cdiv class=\"ayur-info-icon\"\u003e📦\u003c\/div\u003e\n\u003ch3\u003eConservation\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eÀ l'abri de la lumière\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eConservez dans un endroit sec et frais, à l'abri de la lumière directe et de l'humidité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-info-card\"\u003e\n\u003cdiv class=\"ayur-info-icon\"\u003e✅\u003c\/div\u003e\n\u003ch3\u003eCertifications\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLabel Bio officiel\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eLe Triphala est certifié Agriculture Biologique par Ecocert selon le référentiel européen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LA PHILOSOPHIE AYURVÉDIQUE --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003cdiv class=\"ayur-philosophy-box\"\u003e\n\u003ch2\u003e🕉️ La sagesse ayurvédique au service de votre équilibre\u003c\/h2\u003e\n\u003cdiv class=\"ayur-philosophy-content\"\u003e\n\u003cp\u003eL'Ayurvéda, médecine traditionnelle indienne vieille de plus de 5000 ans, considère que le poids idéal n'est pas une question de calories, mais d'\u003cstrong\u003eéquilibre énergétique\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eSelon cette science millénaire, la prise de poids résulte d'un déséquilibre entre les trois doshas (Vata, Pitta, Kapha) et d'un affaiblissement du feu digestif (Agni). Lorsque Agni est faible, les aliments ne sont pas correctement métabolisés et créent de l'Ama (toxines), qui s'accumulent dans les tissus.\u003c\/p\u003e\n\u003cp\u003eCe programme ne propose \u003cstrong\u003epas de solution miracle\u003c\/strong\u003e, mais une approche respectueuse de votre physiologie. Il accompagne les trois grandes phases du métabolisme selon l'Ayurvéda :\u003c\/p\u003e\n\u003cdiv class=\"ayur-philosophy-steps\"\u003e\n\u003cdiv class=\"ayur-philosophy-step\"\u003e\n\u003cstrong\u003e1. Réveiller le feu digestif\u003c\/strong\u003e (avec le Trikatu) pour transformer efficacement les aliments en énergie\u003c\/div\u003e\n\u003cdiv class=\"ayur-philosophy-step\"\u003e\n\u003cstrong\u003e2. Réguler le métabolisme\u003c\/strong\u003e (avec le Trimada et le Guggul) pour empêcher l'accumulation de graisses\u003c\/div\u003e\n\u003cdiv class=\"ayur-philosophy-step\"\u003e\n\u003cstrong\u003e3. Éliminer les toxines\u003c\/strong\u003e (avec le Triphala) pour purifier l'organisme en douceur\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ayur-philosophy-quote\"\u003e💫 \u003cem\u003e\"Lorsque la digestion est pure, le corps est pur. Lorsque le corps est pur, l'esprit est clair.\"\u003c\/em\u003e – Sagesse ayurvédique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"ayur-section\"\u003e\n\u003cdiv class=\"ayur-cta-box\"\u003e\n\u003cdiv class=\"ayur-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ayur-cta-content\"\u003e\n\u003ch2\u003e🌟 Retrouvez votre équilibre naturel\u003c\/h2\u003e\n\u003cp\u003eCe programme ayurvédique complet de 90 jours vous accompagne vers votre poids idéal de manière holistique et durable. Plus qu'une simple cure minceur, c'est un véritable rééquilibrage métabolique qui vous redonne légèreté, vitalité et bien-être.\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e\u003cstrong\u003eUn investissement dans votre santé pour des résultats qui durent.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"ayur-cta-features\"\u003e\n\u003cspan\u003e✓ Programme complet 90 jours\u003c\/span\u003e \u003cspan\u003e✓ 4 formules synergiques\u003c\/span\u003e \u003cspan\u003e✓ 100% naturel \u0026amp; bio\u003c\/span\u003e \u003cspan\u003e✓ Made in France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --ayur-cream: #FDF8F1;\n --ayur-white: #ffffff;\n --ayur-primary: #6B9B7B;\n --ayur-primary-dark: #4A6B5A;\n --ayur-primary-light: #E8F0EB;\n --ayur-secondary: #4A8B8F;\n --ayur-accent: #C85757;\n --ayur-blue: #6FA8C4;\n \n \/* Couleurs spécifiques produits *\/\n --ayur-triphala: #7FAF6E;\n --ayur-guggul: #4A8B8F;\n --ayur-trikatu: #6FA8C4;\n --ayur-trimada: #C85757;\n\n \/* Textes *\/\n --ayur-text: #1a1a1a;\n --ayur-text-light: #5a5a5a;\n\n \/* Effets *\/\n --ayur-border: #e0e0e0;\n --ayur-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ayur-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ayur-radius: 20px;\n --ayur-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ayur-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ayur-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--ayur-text);\n line-height: 1.7;\n}\n\n\/* === HERO === *\/\n.ayur-hero {\n position: relative;\n background: linear-gradient(135deg, #6B9B7B 0%, #4A8B8F 50%, #5A7B8F 100%);\n border-radius: var(--ayur-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(--ayur-shadow-lg);\n}\n\n.ayur-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .07;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.05) 35px, rgba(255,255,255,.05) 70px);\n}\n\n.ayur-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ayur-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.ayur-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(--ayur-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ayur-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.ayur-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 line-height: 1.15;\n}\n\n.ayur-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 12px rgba(0,0,0,.15);\n}\n\n.ayur-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 text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.ayur-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.ayur-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--ayur-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.ayur-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(--ayur-primary), var(--ayur-secondary));\n border-radius: 2px;\n}\n\n.ayur-premium h3 {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--ayur-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.ayur-premium p {\n margin-bottom: 1rem;\n color: var(--ayur-text);\n}\n\n.ayur-premium strong {\n color: var(--ayur-primary-dark);\n font-weight: 700;\n}\n\n\/* === GRILLES === *\/\n.ayur-grid {\n display: grid;\n gap: 1.5rem;\n}\n\n.ayur-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n.ayur-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n\/* === CARDS PRODUITS === *\/\n.ayur-card {\n background: var(--ayur-white);\n border-radius: var(--ayur-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ayur-shadow);\n border: 3px solid transparent;\n transition: all .3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.ayur-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 6px;\n opacity: 0;\n transition: opacity .3s ease;\n}\n\n.ayur-card-triphala::before {\n background: linear-gradient(90deg, var(--ayur-triphala), #8BC978);\n}\n\n.ayur-card-guggul::before {\n background: linear-gradient(90deg, var(--ayur-guggul), #5AA5AA);\n}\n\n.ayur-card-trikatu::before {\n background: linear-gradient(90deg, var(--ayur-trikatu), #85BCDB);\n}\n\n.ayur-card-trimada::before {\n background: linear-gradient(90deg, var(--ayur-trimada), #DD6B6B);\n}\n\n.ayur-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--ayur-shadow-lg);\n}\n\n.ayur-card:hover::before {\n opacity: 1;\n}\n\n.ayur-card-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1.5rem;\n}\n\n.ayur-quantity {\n background: var(--ayur-primary-light);\n color: var(--ayur-primary-dark);\n font-weight: 900;\n font-size: 20px;\n padding: 8px 16px;\n border-radius: 999px;\n}\n\n.ayur-icon {\n font-size: 32px;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.ayur-card-subtitle {\n color: var(--ayur-secondary);\n font-weight: 700;\n font-size: 14px;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 1rem;\n}\n\n.ayur-list {\n list-style: none;\n padding: 0;\n margin: 1.5rem 0;\n}\n\n.ayur-list li {\n position: relative;\n padding-left: 28px;\n margin-bottom: .75rem;\n color: var(--ayur-text);\n font-size: 15px;\n}\n\n.ayur-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--ayur-primary);\n font-weight: 900;\n font-size: 18px;\n}\n\n.ayur-dosage {\n background: var(--ayur-primary-light);\n color: var(--ayur-primary-dark);\n padding: 12px 16px;\n border-radius: var(--ayur-radius-sm);\n font-weight: 700;\n font-size: 14px;\n text-align: center;\n margin-top: 1.5rem;\n border-left: 4px solid var(--ayur-primary);\n}\n\n\/* === PHASES === *\/\n.ayur-phases {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n}\n\n.ayur-phase {\n display: flex;\n gap: 2rem;\n background: var(--ayur-white);\n border-radius: var(--ayur-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ayur-shadow);\n border-left: 6px solid var(--ayur-primary);\n transition: all .3s ease;\n}\n\n.ayur-phase:hover {\n transform: translateX(8px);\n box-shadow: var(--ayur-shadow-lg);\n}\n\n.ayur-phase-1 {\n border-left-color: var(--ayur-trimada);\n}\n\n.ayur-phase-2 {\n border-left-color: var(--ayur-guggul);\n}\n\n.ayur-phase-3 {\n border-left-color: var(--ayur-triphala);\n}\n\n.ayur-phase-number {\n flex-shrink: 0;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 32px;\n font-weight: 900;\n background: linear-gradient(135deg, var(--ayur-primary), var(--ayur-secondary));\n color: white;\n border-radius: 50%;\n box-shadow: 0 4px 16px rgba(107, 155, 123, .3);\n}\n\n.ayur-phase-content {\n flex: 1;\n}\n\n.ayur-highlight {\n display: inline-block;\n background: var(--ayur-primary-light);\n color: var(--ayur-primary-dark);\n padding: 8px 16px;\n border-radius: 999px;\n font-weight: 700;\n font-size: 13px;\n margin-top: 1rem;\n}\n\n\/* === INFO BOX === *\/\n.ayur-info-box {\n background: linear-gradient(135deg, var(--ayur-primary-light) 0%, rgba(74, 139, 143, .1) 100%);\n border-radius: var(--ayur-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-top: 2rem;\n border-left: 4px solid var(--ayur-secondary);\n font-size: 16px;\n line-height: 1.8;\n}\n\n\/* === BENEFIT CARDS === *\/\n.ayur-benefit-card {\n background: var(--ayur-white);\n border-radius: var(--ayur-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ayur-shadow);\n text-align: center;\n transition: all .3s ease;\n border-top: 4px solid transparent;\n}\n\n.ayur-benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--ayur-shadow-lg);\n border-top-color: var(--ayur-primary);\n}\n\n.ayur-benefit-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.ayur-benefit-card h3 {\n margin-bottom: 1rem;\n}\n\n.ayur-benefit-card p {\n font-size: 15px;\n color: var(--ayur-text-light);\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.ayur-timeline {\n position: relative;\n padding-left: 2rem;\n}\n\n.ayur-timeline::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 4px;\n background: linear-gradient(180deg, var(--ayur-primary) 0%, var(--ayur-secondary) 100%);\n border-radius: 2px;\n}\n\n.ayur-timeline-item {\n position: relative;\n margin-bottom: 2.5rem;\n}\n\n.ayur-timeline-item:last-child {\n margin-bottom: 0;\n}\n\n.ayur-timeline-marker {\n position: absolute;\n left: -2rem;\n top: 0;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--ayur-primary), var(--ayur-secondary));\n color: white;\n padding: 6px 12px;\n border-radius: 999px;\n font-weight: 800;\n font-size: 12px;\n white-space: nowrap;\n box-shadow: 0 2px 12px rgba(107, 155, 123, .3);\n}\n\n.ayur-timeline-content {\n background: var(--ayur-white);\n border-radius: var(--ayur-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ayur-shadow);\n margin-left: 1rem;\n}\n\n.ayur-posology {\n display: grid;\n gap: .75rem;\n margin-top: 1.5rem;\n}\n\n.ayur-posology-item {\n background: var(--ayur-primary-light);\n padding: 12px 16px;\n border-radius: var(--ayur-radius-sm);\n font-size: 14px;\n border-left: 3px solid var(--ayur-primary);\n}\n\n.ayur-note {\n background: rgba(74, 139, 143, .1);\n padding: 12px 16px;\n border-radius: var(--ayur-radius-sm);\n font-size: 14px;\n margin-top: 1rem;\n border-left: 3px solid var(--ayur-secondary);\n}\n\n\/* === TIPS GRID === *\/\n.ayur-tips-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.ayur-tip-card {\n background: var(--ayur-white);\n border-radius: var(--ayur-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ayur-shadow);\n transition: all .3s ease;\n border-left: 4px solid var(--ayur-primary);\n}\n\n.ayur-tip-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ayur-shadow-lg);\n border-left-width: 6px;\n}\n\n.ayur-tip-icon {\n font-size: 36px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n\/* === PROFILE CARDS === *\/\n.ayur-profile-card {\n background: var(--ayur-white);\n border-radius: var(--ayur-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ayur-shadow);\n text-align: center;\n transition: all .3s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n}\n\n.ayur-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--ayur-shadow-lg);\n background: var(--ayur-primary-light);\n}\n\n.ayur-profile-icon {\n font-size: 40px;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.ayur-profile-card p {\n margin: 0;\n font-size: 15px;\n line-height: 1.6;\n}\n\n\/* === WARNING BOX === *\/\n.ayur-warning-box {\n background: linear-gradient(135deg, #FFF8F0 0%, #FFF3E6 100%);\n border-radius: var(--ayur-radius);\n padding: clamp(2rem, 4vw, 3rem);\n display: flex;\n gap: 2rem;\n border: 2px solid #FFE0B2;\n box-shadow: var(--ayur-shadow);\n}\n\n.ayur-warning-icon {\n flex-shrink: 0;\n font-size: 48px;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.ayur-warning-content h3 {\n color: #E65100;\n margin-bottom: 1rem;\n}\n\n.ayur-warning-content ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.ayur-warning-content li {\n position: relative;\n padding-left: 28px;\n margin-bottom: .75rem;\n color: var(--ayur-text);\n}\n\n.ayur-warning-content li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: #FF9800;\n font-weight: 900;\n}\n\n\/* === INFO CARDS === *\/\n.ayur-info-card {\n background: var(--ayur-white);\n border-radius: var(--ayur-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ayur-shadow);\n transition: all .3s ease;\n text-align: center;\n}\n\n.ayur-info-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ayur-shadow-lg);\n}\n\n.ayur-info-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.ayur-info-card h3 {\n margin-bottom: 1rem;\n}\n\n.ayur-info-card ul {\n text-align: left;\n list-style: none;\n padding: 0;\n margin: 1rem 0 0 0;\n}\n\n.ayur-info-card li {\n position: relative;\n padding-left: 24px;\n margin-bottom: .5rem;\n font-size: 14px;\n}\n\n.ayur-info-card li::before {\n content: '•';\n position: absolute;\n left: 8px;\n color: var(--ayur-primary);\n font-weight: 900;\n}\n\n\/* === PHILOSOPHY BOX === *\/\n.ayur-philosophy-box {\n background: linear-gradient(135deg, var(--ayur-primary-light) 0%, rgba(74, 139, 143, .15) 100%);\n border-radius: var(--ayur-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n box-shadow: var(--ayur-shadow);\n border: 3px solid var(--ayur-primary);\n}\n\n.ayur-philosophy-box h2 {\n text-align: left;\n padding-bottom: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.ayur-philosophy-box h2::after {\n left: 0;\n transform: none;\n}\n\n.ayur-philosophy-content p {\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.8;\n margin-bottom: 1.5rem;\n}\n\n.ayur-philosophy-steps {\n display: grid;\n gap: 1rem;\n margin: 2rem 0;\n}\n\n.ayur-philosophy-step {\n background: var(--ayur-white);\n padding: 1.5rem;\n border-radius: var(--ayur-radius-sm);\n border-left: 4px solid var(--ayur-primary);\n box-shadow: 0 2px 12px rgba(0,0,0,.05);\n}\n\n.ayur-philosophy-quote {\n font-size: clamp(16px, 2.8vw, 20px);\n font-style: italic;\n color: var(--ayur-primary-dark);\n text-align: center;\n padding: 2rem;\n background: var(--ayur-white);\n border-radius: var(--ayur-radius-sm);\n margin-top: 2rem;\n box-shadow: 0 4px 20px rgba(0,0,0,.08);\n}\n\n\/* === CTA FINAL === *\/\n.ayur-cta-box {\n background: linear-gradient(135deg, var(--ayur-primary) 0%, var(--ayur-secondary) 100%);\n border-radius: var(--ayur-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--ayur-shadow-lg);\n}\n\n.ayur-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.15) 30px, rgba(255,255,255,.15) 60px);\n}\n\n.ayur-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.ayur-cta-box h2 {\n color: white;\n text-shadow: 0 2px 16px rgba(0,0,0,.2);\n margin-bottom: 1.5rem;\n}\n\n.ayur-cta-box h2::after {\n background: white;\n}\n\n.ayur-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-bottom: 1.5rem;\n}\n\n.ayur-cta-features {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem;\n justify-content: center;\n margin-top: 2rem;\n}\n\n.ayur-cta-features span {\n background: rgba(255,255,255,.95);\n color: var(--ayur-primary-dark);\n padding: 10px 20px;\n border-radius: 999px;\n font-weight: 800;\n font-size: 14px;\n box-shadow: 0 4px 16px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.ayur-cta-features span:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 6px 24px rgba(0,0,0,.2);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .ayur-grid,\n .ayur-grid-3,\n .ayur-grid-4,\n .ayur-tips-grid {\n grid-template-columns: 1fr;\n }\n \n .ayur-phase {\n flex-direction: column;\n gap: 1rem;\n }\n \n .ayur-timeline {\n padding-left: 1.5rem;\n }\n \n .ayur-timeline-marker {\n left: -1.5rem;\n font-size: 11px;\n padding: 4px 8px;\n }\n \n .ayur-warning-box {\n flex-direction: column;\n gap: 1rem;\n }\n \n .ayur-cta-features {\n flex-direction: column;\n align-items: stretch;\n }\n \n .ayur-cta-features span {\n text-align: center;\n }\n}\n\n@media (max-width: 480px) {\n .ayur-badges-top {\n flex-direction: column;\n align-items: stretch;\n }\n \n .ayur-badge {\n justify-content: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ayur-card,\n .ayur-benefit-card,\n .ayur-profile-card,\n .ayur-info-card,\n .ayur-tip-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .ayur-card:nth-child(1),\n .ayur-benefit-card:nth-child(1),\n .ayur-profile-card:nth-child(1),\n .ayur-info-card:nth-child(1),\n .ayur-tip-card:nth-child(1) { animation-delay: .1s; }\n \n .ayur-card:nth-child(2),\n .ayur-benefit-card:nth-child(2),\n .ayur-profile-card:nth-child(2),\n .ayur-info-card:nth-child(2),\n .ayur-tip-card:nth-child(2) { animation-delay: .2s; }\n \n .ayur-card:nth-child(3),\n .ayur-benefit-card:nth-child(3),\n .ayur-profile-card:nth-child(3),\n .ayur-info-card:nth-child(3),\n .ayur-tip-card:nth-child(3) { animation-delay: .3s; }\n \n .ayur-card:nth-child(4),\n .ayur-benefit-card:nth-child(4),\n .ayur-profile-card:nth-child(4),\n .ayur-info-card:nth-child(4),\n .ayur-tip-card:nth-child(4) { animation-delay: .4s; }\n \n .ayur-card:nth-child(5),\n .ayur-benefit-card:nth-child(5),\n .ayur-profile-card:nth-child(5),\n .ayur-info-card:nth-child(5),\n .ayur-tip-card:nth-child(5) { animation-delay: .5s; }\n \n .ayur-card:nth-child(6),\n .ayur-benefit-card:nth-child(6),\n .ayur-profile-card:nth-child(6),\n .ayur-info-card:nth-child(6),\n .ayur-tip-card:nth-child(6) { animation-delay: .6s; }\n \n .ayur-phase {\n animation: slideInLeft .6s ease backwards;\n }\n \n .ayur-phase:nth-child(1) { animation-delay: .1s; }\n .ayur-phase:nth-child(2) { animation-delay: .2s; }\n .ayur-phase:nth-child(3) { animation-delay: .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 slideInLeft {\n from {\n opacity: 0;\n transform: translateX(-40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ayur-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .ayur-premium {\n --ayur-shadow: 0 4px 24px rgba(0,0,0,.2);\n --ayur-shadow-lg: 0 12px 48px rgba(0,0,0,.3);\n }\n \n .ayur-card,\n .ayur-benefit-card,\n .ayur-info-card,\n .ayur-profile-card,\n .ayur-tip-card {\n border: 2px solid var(--ayur-border);\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .ayur-premium {\n background: white;\n padding: 0;\n }\n \n .ayur-hero,\n .ayur-cta-box {\n background: white;\n color: black;\n border: 2px solid black;\n }\n \n .ayur-hero-title,\n .ayur-subtitle,\n .ayur-description,\n .ayur-cta-box p {\n color: black;\n text-shadow: none;\n }\n \n .ayur-card,\n .ayur-benefit-card,\n .ayur-info-card {\n box-shadow: none;\n border: 1px solid #ccc;\n page-break-inside: avoid;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755112947869,"sku":"AY1010.1","price":223.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Programme-poids-ideal-avec-l-Ayurveda-6-Triphala-Bio-60-658509.jpg?v=1732721517"},{"product_id":"jus-de-tamarin-bio-flacon-de-500-ml-ayurvana","title":"Jus de Tamarin Bio - Flacon de 500 ml - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Jus de Tamarin Bio AyurVana\nPalette détectée:\n - Primaire: #E8A23D (doré\/orange chaud du cadre de l'étiquette)\n - Secondaire: #8B4513 (brun tamarin\/terracotta)\n - Accent: #6B8E23 (vert bio des labels)\nAmbiance: Naturel\/ayurvédique, chaleureux, authentique, bio premium\nStyle: Naturel organique avec touches dorées, wellness traditionnel\nPréfixe CSS: tam\n--\u003e\n\n\u003cdiv class=\"tam-premium\"\u003e\n \u003cdiv class=\"tam-hero\"\u003e\n \u003cdiv class=\"tam-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tam-hero-content\"\u003e\n \u003cdiv class=\"tam-badges-top\"\u003e\n \u003cspan class=\"tam-badge\"\u003e🌿 100% bio\u003c\/span\u003e\n \u003cspan class=\"tam-badge\"\u003e✨ Ayurvéda\u003c\/span\u003e\n \u003cspan class=\"tam-badge\"\u003e🍃 Sans additifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tam-hero-title\"\u003eJus de Tamarin Bio\u003c\/span\u003e\n \u003cp class=\"tam-subtitle\"\u003eL'élixir ayurvédique pour un transit harmonieux\u003c\/p\u003e\n \u003cp class=\"tam-description\"\u003eDécouvrez la puissance ancestrale du tamarin, ce fruit exotique utilisé depuis des millénaires dans la médecine ayurvédique pour apaiser les troubles digestifs et dynamiser votre vitalité naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"tam-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits du tamarin\u003c\/h2\u003e\n \u003cdiv class=\"tam-grid\"\u003e\n \u003cdiv class=\"tam-card tam-benefit\"\u003e\n \u003cdiv class=\"tam-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"tam-card-content\"\u003e\n \u003cspan class=\"tam-card-title\"\u003eTransit régulé\u003c\/span\u003e\n \u003cp\u003ePropriétés laxatives douces qui régulent naturellement le transit intestinal et soulagent la constipation en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tam-card tam-benefit\"\u003e\n \u003cdiv class=\"tam-icon\"\u003e💫\u003c\/div\u003e\n \u003cdiv class=\"tam-card-content\"\u003e\n \u003cspan class=\"tam-card-title\"\u003eDigestion optimisée\u003c\/span\u003e\n \u003cp\u003eApaise les troubles digestifs et favorise une meilleure assimilation des nutriments pour un confort quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tam-card tam-benefit\"\u003e\n \u003cdiv class=\"tam-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"tam-card-content\"\u003e\n \u003cspan class=\"tam-card-title\"\u003eVitalité renforcée\u003c\/span\u003e\n \u003cp\u003eRiche en vitamines et minéraux essentiels qui dynamisent votre organisme et soutiennent votre bien-être général.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tam-card tam-benefit\"\u003e\n \u003cdiv class=\"tam-icon\"\u003e🍋\u003c\/div\u003e\n \u003cdiv class=\"tam-card-content\"\u003e\n \u003cspan class=\"tam-card-title\"\u003eGoût unique\u003c\/span\u003e\n \u003cp\u003eSaveur légèrement acidulée et rafraîchissante qui rend cette boisson aussi agréable que bénéfique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tam-section\"\u003e\n \u003ch2\u003e🌿 Composition 100% naturelle\u003c\/h2\u003e\n \u003cdiv class=\"tam-composition-box\"\u003e\n \u003cdiv class=\"tam-composition-main\"\u003e\n \u003cdiv class=\"tam-ingredient-hero\"\u003e\n \u003cspan class=\"tam-ingredient-icon\"\u003e🌳\u003c\/span\u003e\n \u003cdiv class=\"tam-ingredient-info\"\u003e\n \u003cspan class=\"tam-ingredient-name\"\u003eJus de tamarin biologique\u003c\/span\u003e\n \u003cspan class=\"tam-ingredient-desc\"\u003e100% pur et naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tam-ingredient-badge\"\u003e★ Ingrédient unique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tam-grid tam-grid-3\"\u003e\n \u003cdiv class=\"tam-quality-item\"\u003e\n \u003cspan class=\"tam-quality-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"tam-quality-text\"\u003eSans conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tam-quality-item\"\u003e\n \u003cspan class=\"tam-quality-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"tam-quality-text\"\u003eSans additifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tam-quality-item\"\u003e\n \u003cspan class=\"tam-quality-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"tam-quality-text\"\u003eSans sucre ajouté\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"tam-composition-note\"\u003e\n \u003cstrong\u003eFruits fraîchement récoltés\u003c\/strong\u003e et transformés dans le respect des traditions ayurvédiques pour préserver l'intégrité naturelle du tamarin et tous ses bienfaits.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tam-section\"\u003e\n \u003ch2\u003e📋 Mode d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"tam-usage-container\"\u003e\n \u003cdiv class=\"tam-usage-step\"\u003e\n \u003cdiv class=\"tam-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tam-step-content\"\u003e\n \u003cspan class=\"tam-step-title\"\u003eAgiter le flacon\u003c\/span\u003e\n \u003cp\u003eBien secouer avant chaque utilisation pour mélanger les nutriments naturellement présents\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tam-usage-step\"\u003e\n \u003cdiv class=\"tam-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tam-step-content\"\u003e\n \u003cspan class=\"tam-step-title\"\u003eDoser avec précision\u003c\/span\u003e\n \u003cp\u003eVerser 1 à 2 cuillères à soupe de jus pur ou dilué dans un verre d'eau ou de jus de fruits\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tam-usage-step\"\u003e\n \u003cdiv class=\"tam-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tam-step-content\"\u003e\n \u003cspan class=\"tam-step-title\"\u003eConsommer au bon moment\u003c\/span\u003e\n \u003cp\u003eDe préférence le matin à jeun ou avant les repas principaux pour une efficacité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tam-tip-box\"\u003e\n \u003cspan class=\"tam-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce bien-être :\u003c\/strong\u003e Pour une cure complète, consommez quotidiennement pendant 3 à 4 semaines. Vous pouvez également l'intégrer dans vos smoothies ou jus detox matinaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tam-section\"\u003e\n \u003ch2\u003e🌍 Origine et engagement qualité\u003c\/h2\u003e\n \u003cdiv class=\"tam-grid\"\u003e\n \u003cdiv class=\"tam-card tam-origin\"\u003e\n \u003cdiv class=\"tam-card-header\"\u003e\n \u003cspan class=\"tam-origin-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"tam-card-title\"\u003eAgriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eFruits de tamarin récoltés de manière durable et biologique, dans le respect de l'environnement et des communautés locales.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tam-card tam-origin\"\u003e\n \u003cdiv class=\"tam-card-header\"\u003e\n \u003cspan class=\"tam-origin-icon\"\u003e⚗️\u003c\/span\u003e\n \u003cspan class=\"tam-card-title\"\u003eTransformation rigoureuse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eProcessus de fabrication qui préserve toutes les propriétés nutritives et les bienfaits naturels du fruit de tamarin.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tam-card tam-origin\"\u003e\n \u003cdiv class=\"tam-card-header\"\u003e\n \u003cspan class=\"tam-origin-icon\"\u003e🏺\u003c\/span\u003e\n \u003cspan class=\"tam-card-title\"\u003eEmbouteillage premium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eConditionné en flacons de verre de 500 ml pour garantir la pureté, la fraîcheur et la conservation optimale du jus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tam-section\"\u003e\n \u003ch2\u003e🎯 Pour qui est ce jus ?\u003c\/h2\u003e\n \u003cdiv class=\"tam-grid tam-grid-4\"\u003e\n \u003cdiv class=\"tam-target-card\"\u003e\n \u003cspan class=\"tam-target-emoji\"\u003e🧘\u003c\/span\u003e\n \u003cspan class=\"tam-target-label\"\u003eAdeptes du bien-être naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tam-target-card\"\u003e\n \u003cspan class=\"tam-target-emoji\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"tam-target-label\"\u003eAmateurs d'ayurvéda\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tam-target-card\"\u003e\n \u003cspan class=\"tam-target-emoji\"\u003e💚\u003c\/span\u003e\n \u003cspan class=\"tam-target-label\"\u003ePersonnes cherchant un transit régulier\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tam-target-card\"\u003e\n \u003cspan class=\"tam-target-emoji\"\u003e✨\u003c\/span\u003e\n \u003cspan class=\"tam-target-label\"\u003eCeux qui veulent booster leur vitalité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tam-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"tam-grid tam-grid-3\"\u003e\n \u003cdiv class=\"tam-info-box\"\u003e\n \u003cspan class=\"tam-info-icon\"\u003e🍾\u003c\/span\u003e\n \u003cspan class=\"tam-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"tam-info-value\"\u003e500 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tam-info-box\"\u003e\n \u003cspan class=\"tam-info-icon\"\u003e🌍\u003c\/span\u003e\n \u003cspan class=\"tam-info-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"tam-info-value\"\u003eAgriculture biologique UE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tam-info-box\"\u003e\n \u003cspan class=\"tam-info-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cspan class=\"tam-info-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"tam-info-value\"\u003eAyurVana\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tam-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tam-cta-box\"\u003e\n \u003cdiv class=\"tam-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tam-cta-content\"\u003e\n \u003cspan class=\"tam-cta-emoji\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAdoptez le Jus de Tamarin Bio AyurVana dans votre routine de bien-être\u003c\/strong\u003e et ressentez rapidement les effets positifs sur votre digestion et votre vitalité. Faites confiance aux merveilles de l'ayurvéda pour une approche naturelle et holistique de la santé.\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 \/* Couleurs principales *\/\n --tam-cream: #faf8f5;\n --tam-white: #ffffff;\n --tam-primary: #E8A23D;\n --tam-primary-dark: #d89020;\n --tam-primary-light: #fef5e7;\n --tam-secondary: #8B4513;\n --tam-accent: #6B8E23;\n\n \/* Textes *\/\n --tam-text: #2c2416;\n --tam-text-light: #6b5d4f;\n\n \/* Effets *\/\n --tam-border: #e8dfd5;\n --tam-shadow: 0 4px 24px rgba(139, 69, 19, 0.08);\n --tam-shadow-lg: 0 12px 48px rgba(139, 69, 19, 0.15);\n --tam-radius: 20px;\n --tam-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tam-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tam-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--tam-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.tam-hero {\n position: relative;\n background: linear-gradient(135deg, #E8A23D 0%, #d89020 50%, #8B4513 100%);\n border-radius: var(--tam-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(--tam-shadow-lg);\n}\n\n.tam-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.06;\n background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.tam-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tam-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.tam-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(--tam-secondary);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.tam-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.tam-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.tam-subtitle {\n display: block;\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.tam-description {\n color: rgba(255, 255, 255, 0.92);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.tam-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tam-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--tam-secondary);\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.tam-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(--tam-primary), var(--tam-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.tam-card {\n background: var(--tam-white);\n border-radius: var(--tam-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tam-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n height: 100%;\n}\n\n.tam-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tam-shadow-lg);\n border-color: var(--tam-primary);\n}\n\n.tam-benefit {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n}\n\n.tam-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(232, 162, 61, 0.3));\n}\n\n.tam-card-content {\n flex: 1;\n}\n\n.tam-card-title {\n display: block;\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--tam-secondary);\n margin-bottom: 0.75rem;\n letter-spacing: -0.02em;\n}\n\n.tam-card p {\n font-size: clamp(14px, 1.8vw, 16px);\n color: var(--tam-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.tam-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.tam-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.tam-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n}\n\n\/* === COMPOSITION === *\/\n.tam-composition-box {\n background: linear-gradient(135deg, var(--tam-primary-light) 0%, var(--tam-white) 100%);\n border-radius: var(--tam-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 3px solid var(--tam-primary);\n box-shadow: var(--tam-shadow-lg);\n}\n\n.tam-ingredient-hero {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: var(--tam-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--tam-radius-sm);\n margin-bottom: 2rem;\n box-shadow: 0 4px 16px rgba(232, 162, 61, 0.15);\n flex-wrap: wrap;\n}\n\n.tam-ingredient-icon {\n font-size: 56px;\n filter: drop-shadow(0 4px 12px rgba(232, 162, 61, 0.3));\n}\n\n.tam-ingredient-info {\n flex: 1;\n min-width: 200px;\n}\n\n.tam-ingredient-name {\n display: block;\n font-size: clamp(19px, 2.8vw, 24px);\n font-weight: 800;\n color: var(--tam-secondary);\n margin-bottom: 0.25rem;\n}\n\n.tam-ingredient-desc {\n display: block;\n font-size: clamp(14px, 1.8vw, 16px);\n color: var(--tam-text-light);\n font-weight: 600;\n}\n\n.tam-ingredient-badge {\n padding: 8px 16px;\n background: linear-gradient(135deg, var(--tam-primary), var(--tam-primary-dark));\n color: white;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n white-space: nowrap;\n}\n\n.tam-quality-item {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 1rem;\n background: var(--tam-white);\n border-radius: var(--tam-radius-sm);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n}\n\n.tam-quality-icon {\n font-size: 24px;\n}\n\n.tam-quality-text {\n font-size: clamp(14px, 1.8vw, 16px);\n font-weight: 700;\n color: var(--tam-secondary);\n}\n\n.tam-composition-note {\n margin-top: 1.5rem;\n padding: 1.25rem;\n background: var(--tam-white);\n border-radius: var(--tam-radius-sm);\n border-left: 4px solid var(--tam-accent);\n font-size: clamp(14px, 1.8vw, 16px);\n color: var(--tam-text-light);\n margin-bottom: 0;\n}\n\n.tam-composition-note strong {\n color: var(--tam-secondary);\n}\n\n\/* === MODE D'UTILISATION === *\/\n.tam-usage-container {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.tam-usage-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--tam-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--tam-radius);\n box-shadow: var(--tam-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.tam-usage-step:hover {\n border-color: var(--tam-primary);\n transform: translateX(8px);\n box-shadow: var(--tam-shadow-lg);\n}\n\n.tam-step-number {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, var(--tam-primary), var(--tam-primary-dark));\n color: white;\n font-size: 24px;\n font-weight: 900;\n border-radius: 50%;\n box-shadow: 0 4px 16px rgba(232, 162, 61, 0.3);\n}\n\n.tam-step-content {\n flex: 1;\n}\n\n.tam-step-title {\n display: block;\n font-size: clamp(17px, 2.3vw, 20px);\n font-weight: 800;\n color: var(--tam-secondary);\n margin-bottom: 0.5rem;\n}\n\n.tam-step-content p {\n margin: 0;\n color: var(--tam-text-light);\n font-size: clamp(14px, 1.8vw, 16px);\n}\n\n.tam-tip-box {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, var(--tam-primary-light) 0%, #fff9f0 100%);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--tam-radius);\n border: 2px solid var(--tam-primary);\n}\n\n.tam-tip-icon {\n font-size: 32px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(232, 162, 61, 0.3));\n}\n\n.tam-tip-box p {\n margin: 0;\n color: var(--tam-text);\n font-size: clamp(14px, 1.8vw, 16px);\n}\n\n.tam-tip-box strong {\n color: var(--tam-secondary);\n}\n\n\/* === ORIGINE === *\/\n.tam-origin {\n text-align: center;\n}\n\n.tam-card-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n margin-bottom: 1rem;\n}\n\n.tam-origin-icon {\n font-size: 48px;\n filter: drop-shadow(0 4px 12px rgba(232, 162, 61, 0.3));\n}\n\n\/* === POUR QUI === *\/\n.tam-target-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n padding: clamp(1.5rem, 3vw, 2rem);\n background: var(--tam-white);\n border-radius: var(--tam-radius);\n box-shadow: var(--tam-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.tam-target-card:hover {\n transform: translateY(-8px);\n border-color: var(--tam-primary);\n box-shadow: var(--tam-shadow-lg);\n}\n\n.tam-target-emoji {\n font-size: 48px;\n filter: drop-shadow(0 4px 12px rgba(232, 162, 61, 0.3));\n}\n\n.tam-target-label {\n font-size: clamp(14px, 1.8vw, 16px);\n font-weight: 700;\n color: var(--tam-secondary);\n line-height: 1.4;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.tam-info-box {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n padding: clamp(1.5rem, 3vw, 2rem);\n background: var(--tam-white);\n border-radius: var(--tam-radius);\n box-shadow: var(--tam-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.tam-info-box:hover {\n border-color: var(--tam-primary);\n transform: scale(1.05);\n}\n\n.tam-info-icon {\n font-size: 40px;\n filter: drop-shadow(0 4px 12px rgba(232, 162, 61, 0.3));\n}\n\n.tam-info-label {\n font-size: clamp(13px, 1.5vw, 15px);\n color: var(--tam-text-light);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.tam-info-value {\n font-size: clamp(16px, 2vw, 19px);\n font-weight: 800;\n color: var(--tam-secondary);\n}\n\n\/* === CTA FINAL === *\/\n.tam-cta-box {\n position: relative;\n background: linear-gradient(135deg, var(--tam-primary) 0%, var(--tam-primary-dark) 50%, var(--tam-secondary) 100%);\n border-radius: var(--tam-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n overflow: hidden;\n box-shadow: var(--tam-shadow-lg);\n}\n\n.tam-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.06;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.tam-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.tam-cta-emoji {\n display: block;\n font-size: 64px;\n margin-bottom: 1.5rem;\n filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.2));\n}\n\n.tam-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, 0.15);\n margin: 0;\n}\n\n.tam-cta-box strong {\n font-weight: 800;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .tam-grid,\n .tam-grid-3,\n .tam-grid-4 {\n grid-template-columns: 1fr;\n }\n\n .tam-ingredient-hero {\n justify-content: center;\n text-align: center;\n }\n\n .tam-ingredient-info {\n min-width: 100%;\n }\n\n .tam-usage-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n .tam-usage-step:hover {\n transform: translateY(-8px);\n }\n\n .tam-tip-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 .tam-card,\n .tam-usage-step,\n .tam-target-card,\n .tam-info-box {\n animation: fadeInUp 0.6s ease backwards;\n }\n\n .tam-card:nth-child(1),\n .tam-usage-step:nth-child(1) { animation-delay: 0.1s; }\n .tam-card:nth-child(2),\n .tam-usage-step:nth-child(2) { animation-delay: 0.2s; }\n .tam-card:nth-child(3),\n .tam-usage-step:nth-child(3) { animation-delay: 0.3s; }\n .tam-card:nth-child(4) { animation-delay: 0.4s; }\n .tam-card:nth-child(5) { animation-delay: 0.5s; }\n .tam-card:nth-child(6) { animation-delay: 0.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 .tam-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .tam-card,\n .tam-usage-step,\n .tam-info-box,\n .tam-target-card {\n border: 3px solid var(--tam-secondary);\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755113439389,"sku":"AY9042","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/jus_de_tamarin_bio_ayurvana_11zon.jpg?v=1766325404"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/vignette-complement-alimentaire-bien-etre.jpg?v=1735822290","url":"https:\/\/www.naturellement-bio.com\/collections\/complements-alimentaires-bien-etre.oembed?page=10","provider":"Naturellement Bio","version":"1.0","type":"link"}