{"title":"Femmes","description":"\u003ch2\u003eFAQ sur les compléments alimentaires pour femme\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuels sont les compléments alimentaires essentiels pour les femmes ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eLes besoins varient selon l’âge et le mode de vie, mais certains nutriments sont particulièrement importants :\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eLe fer\u003c\/strong\u003e : Essentiel en cas de règles abondantes ou de fatigue chronique.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eLe magnésium\u003c\/strong\u003e : Aide à gérer le stress et la fatigue.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eLa vitamine B9\u003c\/strong\u003e : Indispensable en période de grossesse.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eLe collagène\u003c\/strong\u003e : Utile après 30 ans pour préserver la fermeté de la peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuels compléments alimentaires privilégier pour la fertilité ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003ePour soutenir la fertilité, certains actifs sont recommandés :\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eVitamine B9 (acide folique)\u003c\/strong\u003e : Favorise la formation du tube neural chez le fœtus.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eOméga-3\u003c\/strong\u003e : Améliore la qualité des membranes cellulaires, y compris celles des ovules.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eZinc et sélénium\u003c\/strong\u003e : Soutiennent l’équilibre hormonal.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e👉 Explorez nos \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/fertilite-femme\"\u003ecompléments alimentaires Fertilité Femme\u003c\/a\u003e.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuels compléments pour réduire les douleurs menstruelles ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eCertains nutriments et extraits de plantes sont reconnus pour apaiser les règles douloureuses :\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eMagnésium\u003c\/strong\u003e : Aide à détendre les muscles utérins.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eGattilier\u003c\/strong\u003e : Régule les fluctuations hormonales.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eAchillée millefeuille\u003c\/strong\u003e : Traditionnellement utilisée pour soulager les crampes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e👉 Découvrez notre sélection \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/regles-douloureuses\"\u003eDouleurs de Règles\u003c\/a\u003e.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuels compléments alimentaires prendre après l’accouchement ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eAprès l’accouchement, l’organisme a besoin de se régénérer :\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eFer et vitamine C\u003c\/strong\u003e : Pour retrouver de l’énergie.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eProbiotiques\u003c\/strong\u003e : Aident à restaurer l’équilibre digestif.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eOméga-3\u003c\/strong\u003e : Favorisent une récupération post-partum optimale.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e👉 Retrouvez nos \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/post-partum\"\u003ecompléments post-partum\u003c\/a\u003e.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eComment atténuer les symptômes de la ménopause avec les compléments ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eCertains actifs naturels peuvent accompagner la transition ménopausique :\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eSoja et houblon\u003c\/strong\u003e : Contiennent des phyto-œstrogènes qui atténuent les bouffées de chaleur.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eMagnésium\u003c\/strong\u003e : Aide à réduire l’irritabilité et l’anxiété.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔ \u003cstrong\u003eCalcium et vitamine D\u003c\/strong\u003e : Préviennent la déminéralisation osseuse.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e👉 Découvrez nos \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/menopause\"\u003ecompléments pour la Ménopause\u003c\/a\u003e.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003cp class=\"mt-2\"\u003eLes besoins nutritionnels d’une femme évoluent tout au long de sa vie. Du cycle menstruel à la ménopause, en passant par la grossesse, l’allaitement ou encore la fertilité, chaque période impose des besoins spécifiques en vitamines, minéraux et actifs naturels. Le stress, la charge mentale et les fluctuations hormonales jouent également un rôle clé dans l’équilibre du bien-être féminin.\u003c\/p\u003e\n\u003cp\u003eQue vous cherchiez à \u003cstrong\u003esoutenir votre énergie, favoriser une grossesse, soulager les douleurs menstruelles ou préserver votre vitalité après 50 ans\u003c\/strong\u003e, nos \u003cstrong\u003ecompléments alimentaires pour femme\u003c\/strong\u003e vous accompagnent naturellement.\u003c\/p\u003e\n\u003cp\u003e💡 Retrouvez une sélection rigoureusement choisie de produits à base de plantes, vitamines et nutriments essentiels, conçus pour répondre aux besoins des femmes à chaque étape de leur vie.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePourquoi prendre des compléments alimentaires si vous êtes une femme ?\u003c\/h2\u003e\n\u003cp\u003eLes besoins en nutriments varient en fonction des périodes de la vie et des défis spécifiques au corps féminin. Un déséquilibre hormonal, une carence en fer ou un manque d’oméga-3 peuvent impacter votre énergie, votre peau, vos cheveux et même votre humeur ! Voici donc quelques bonnes raisons d'acheter des compléments alimentaires pour femmes : \u003c\/p\u003e\n\u003ch3\u003e⚖️ Pour répondre aux besoins nutritionnels influencés par les cycles féminins\u003c\/h3\u003e\n\u003cp\u003eVoici quelques facteurs qui augmentent les besoins en compléments alimentaires chez les femmes :\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eLe cycle menstruel\u003c\/strong\u003e : La perte de fer lors des règles peut entraîner fatigue et fragilité capillaire.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eLa grossesse et le post-partum\u003c\/strong\u003e : La demande en acide folique, fer et DHA augmente considérablement.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eLa ménopause\u003c\/strong\u003e : La diminution des œstrogènes impacte la peau, les os et l’énergie globale.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eLe stress et la fatigue chronique\u003c\/strong\u003e : Un mode de vie actif peut épuiser les réserves de magnésium et de vitamines B.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e🌱 Pour une complémentation ciblée pour une meilleure vitalité\u003c\/h3\u003e\n\u003cp\u003eLes compléments alimentaires ne remplacent pas une alimentation équilibrée, mais ils permettent de :\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔️ Préserver l’équilibre hormonal avec des plantes adaptogènes comme le gattilier ou le safran.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ Favoriser la fertilité grâce aux vitamines B9 et D, ainsi qu’aux acides gras essentiels.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ Améliorer l’éclat de la peau et la force des cheveux avec du zinc, de la biotine et du collagène.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ Soutenir la transition hormonale de la ménopause avec du magnésium et de la maca.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eLes différents types de compléments alimentaires dédiés aux femmes\u003c\/h2\u003e\n\u003cp\u003eEn tant que femme, nous traversons au cours de notre vie plusieurs phases qui influencent nos besoins nutritionnels. Qu’il s’agisse de soutenir notre fertilité, d’accompagner une grossesse, d’améliorer notre bien-être menstruel ou de vivre sereinement la ménopause, il existe des solutions adaptées à chaque moment.\u003c\/p\u003e\n\u003ch3\u003e🤰 Grossesse, post-partum et allaitement\u003c\/h3\u003e\n\u003cp\u003ePendant la grossesse et après l’accouchement, le corps puise dans ses réserves pour assurer le bon développement du bébé et récupérer après l’accouchement. Les besoins en \u003cstrong\u003efer, acide folique, DHA et calcium\u003c\/strong\u003e sont alors accrus.\u003c\/p\u003e\n\u003cp\u003e💡 Durant la grossesse, des compléments spécifiques peuvent apporter un soutien essentiel en vitamines et minéraux. Après l’accouchement, le post-partum est une phase clé où l’organisme a besoin d’un regain d’énergie et d’un soutien hormonal.\u003c\/p\u003e\n\u003cp\u003e👉 Découvrez nos sélections de produits naturels dédiées : \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/grossesse\"\u003ecompléments alimentaires Grossesse\u003c\/a\u003e, \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/allaitement\"\u003ecompléments alimentaires Allaitement\u003c\/a\u003e et \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/post-partum\"\u003ecompléments alimentaires Post-partum\u003c\/a\u003e.\u003c\/p\u003e\n\u003ch3\u003e💖 Fertilité et libido\u003c\/h3\u003e\n\u003cp\u003eLe système hormonal féminin est un équilibre subtil influencé par le cycle menstruel, l’environnement et le stress. Certaines plantes et micronutriments, comme le gattilier, le zinc et la maca, peuvent favoriser l’ovulation et la fertilité en régulant les hormones.\u003c\/p\u003e\n\u003cp\u003e💡 En période de conception, un apport en \u003cstrong\u003evitamine B9\u003c\/strong\u003e est particulièrement recommandé pour optimiser la fertilité et préparer l’organisme à une grossesse. \u003cmeta charset=\"utf-8\"\u003e👉 Si c'est votre cas, explorez notre gammee de \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/fertilite-femme\"\u003ecomplément alimentaire Fertilité Femme\u003c\/a\u003e \u003c\/p\u003e\n\u003cp\u003ePar ailleurs, votre libido féminine peut être affectée par des variations hormonales. Des actifs naturels comme le ginseng rouge, la damiana et le safran sont connus pour leur action stimulante. Ces derniers sont présents dans nos \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/libido-femme\"\u003ecompléments alimentaires pour la Libido des Femmes\u003c\/a\u003e.\u003c\/p\u003e\n\u003ch3\u003e🌿 Cycle menstruel et douleurs de règles\u003c\/h3\u003e\n\u003cp\u003eLes menstruations peuvent être accompagnées de douleurs, d’inconfort digestif ou de fluctuations d’humeur. Des plantes comme le framboisier, l’achillée millefeuille et la mélisse sont traditionnellement utilisées pour soulager les douleurs menstruelles et les déséquilibres hormonaux.\u003c\/p\u003e\n\u003cp\u003e💡 Un apport en magnésium peut également aider à réduire les crampes et améliorer le bien-être émotionnel pendant cette période.\u003c\/p\u003e\n\u003cp\u003e👉 Découvrez nos solutions naturelles pour apaiser les douleurs menstruelles dans notre sélection de \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/regles-douloureuses\"\u003ecompléments alimentaires Douleurs de Règles\u003c\/a\u003e.\u003c\/p\u003e\n\u003ch3\u003e💎 Beauté et vitalité des cheveux\u003c\/h3\u003e\n\u003cp\u003eChangements hormonaux, stress, carences en fer… De nombreux facteurs influencent la santé des cheveux et peuvent entraîner des chutes importantes. Pour fortifier la fibre capillaire, les compléments à base de biotine, zinc, silicium et kératine sont particulièrement recommandés.\u003c\/p\u003e\n\u003cp\u003e💡 Après une grossesse ou en période de stress, il est courant de constater une chute de cheveux plus marquée. Un apport ciblé en nutriments essentiels peut aider à redonner force et densité à la chevelure.\u003c\/p\u003e\n\u003cp\u003e👉 Retrouvez tous nos compléments dédiés dans la gamme \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/complements-alimentaires-chute-cheveux\"\u003ecompléments contre la chute de cheveux chez la Femme\u003c\/a\u003e.\u003c\/p\u003e\n\u003ch3\u003e🕊️ Ménopause et bien-être après 50 ans\u003c\/h3\u003e\n\u003cp\u003eLa ménopause marque un tournant important dans la vie d’une femme. La baisse des œstrogènes peut provoquer des bouffées de chaleur, une fatigue accrue et une perte de densité osseuse. Des actifs naturels comme le soja, la sauge et le houblon permettent de soutenir cette transition.\u003c\/p\u003e\n\u003cp\u003e💡 Pour limiter les désagréments liés à la ménopause, il est essentiel d’adopter une approche holistique combinant une alimentation riche en antioxydants, une activité physique régulière et des compléments spécifiques.\u003c\/p\u003e\n\u003cp\u003e👉 Découvrez nos solutions adaptées dans notre gamme \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/menopause\"\u003eCompléments alimentaires Ménopause\u003c\/a\u003e.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eTrouvez le complément alimentaire adapté à votre bien-être féminin\u003c\/h2\u003e\n\u003cp\u003eQue vous souhaitiez \u003cstrong\u003esoutenir votre énergie, réguler votre cycle, préparer une grossesse ou apaiser les symptômes de la ménopause\u003c\/strong\u003e, nos compléments alimentaires vous accompagnent à chaque étape de votre vie.\u003c\/p\u003e\n\u003cp\u003eNotre sélection est spécialement conçue pour répondre aux besoins féminins, avec des formules naturelles, efficaces et rigoureusement sélectionnées.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBesoin de conseils personnalisés ?\u003c\/strong\u003e Contactez-nous, nous serons ravis de vous guider vers les produits les plus adaptés à vos besoins ! :D \u003c\/p\u003e","products":[{"product_id":"onagre-bourrache-200-capsules-superdiet","title":"Huiles onagre \u0026 bourrache (beauté de la peau) - 200 capsules - Superdiet","description":"\u003cdiv class=\"ob-premium\"\u003e\n \u003cdiv class=\"ob-hero\"\u003e\n \u003cdiv class=\"ob-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ob-hero-content\"\u003e\n \u003cdiv class=\"ob-badges-top\"\u003e\n \u003cspan class=\"ob-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003cspan class=\"ob-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n \u003cspan class=\"ob-badge\"\u003e♻️ Éco-conçu\u003c\/span\u003e\n \u003cspan class=\"ob-badge\"\u003e💊 200 capsules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ob-hero-title\"\u003eHuile d'Onagre \u0026amp; Bourrache\u003c\/span\u003e\n \u003cp class=\"ob-subtitle\"\u003eBeauté de la peau · 40 à 66 jours de cure\u003c\/p\u003e\n \u003cp class=\"ob-description\"\u003eEnvie d'une \u003cstrong\u003epeau souple, hydratée et lumineuse\u003c\/strong\u003e au fil des saisons ? Deux plantes emblématiques associées en synergie végétale, pour prendre soin de votre peau de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ob-section\"\u003e\n \u003ch2\u003ePourquoi associer huile d'onagre et bourrache ?\u003c\/h2\u003e\n \u003cp class=\"ob-section-intro\"\u003eL'huile d'onagre et bourrache est une référence incontournable en phytothérapie dédiée à la \u003cstrong\u003ebeauté de la peau\u003c\/strong\u003e. Ces deux huiles végétales sont naturellement riches en \u003cstrong\u003eacides gras essentiels oméga-6\u003c\/strong\u003e, notamment en acide gamma-linolénique (GLA), que notre organisme ne sait pas fabriquer seul.\u003c\/p\u003e\n \u003cdiv class=\"ob-grid\"\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e🌼 L'Onagre\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eOenothera biennis\u003c\/em\u003e — Contribue au maintien d'une peau normale, souple et confortable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e💙 La Bourrache\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eBorago officinalis\u003c\/em\u003e — Son huile, extraite des graines, est l'une des plus concentrées en GLA du règne végétal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e✨ La synergie\u003c\/h3\u003e\n \u003cp\u003eUn allié de choix pour les peaux matures, sèches, réactives ou qui tiraillent avec le temps qui passe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ob-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile onagre et bourrache\u003c\/h2\u003e\n \u003cp class=\"ob-section-intro\"\u003ePrise en cure régulière, la gélule d'huile d'onagre et bourrache participe à :\u003c\/p\u003e\n \u003cdiv class=\"ob-grid-compact\"\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e💧 Souplesse\u003c\/h3\u003e\n \u003cp\u003ePréserve l'élasticité cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e🌿 Confort\u003c\/h3\u003e\n \u003cp\u003eLimite les tiraillements et la sécheresse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e✨ Éclat\u003c\/h3\u003e\n \u003cp\u003eSoutient l'éclat du teint au fil des saisons\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e🌸 Vitalité\u003c\/h3\u003e\n \u003cp\u003eApporte un confort aux peaux matures\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-tip\"\u003e\n \u003cspan class=\"ob-tip-icon\"\u003e🌷\u003c\/span\u003e\n \u003cp\u003eDe nombreuses femmes utilisent aussi l'\u003cstrong\u003ehuile de bourrache et onagre à la ménopause\u003c\/strong\u003e pour accompagner leur confort au quotidien et soutenir la vitalité de leur peau durant cette période de transition hormonale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ob-section\"\u003e\n \u003ch2\u003eComposition pour 3 capsules\u003c\/h2\u003e\n \u003cdiv class=\"ob-grid\"\u003e\n \u003cdiv class=\"ob-card ob-card-highlight\"\u003e\n \u003ch3\u003e💙 Huile de bourrache vierge\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 200 mg\u003c\/strong\u003e\u003cbr\u003edont 240 mg de GLA\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card ob-card-highlight\"\u003e\n \u003ch3\u003e🌼 Huile d'onagre vierge\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e\u003cbr\u003edont 30 mg de GLA\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card ob-card-highlight\"\u003e\n \u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003eAntioxydant protégeant la qualité des huiles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-tip\"\u003e\n \u003cspan class=\"ob-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eLes huiles sont obtenues par \u003cstrong\u003epremière pression à froid, sans solvant chimique\u003c\/strong\u003e, pour préserver toute la richesse nutritionnelle des graines. Enveloppe : gélatine de poisson, glycérine végétale, eau purifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ob-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"ob-timeline\"\u003e\n \u003cdiv class=\"ob-timeline-item\"\u003e\n \u003cdiv class=\"ob-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ob-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e3 à 5 capsules par jour\u003c\/strong\u003e, à avaler avec un grand verre d'eau au moment des repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-timeline-item\"\u003e\n \u003cdiv class=\"ob-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ob-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003ePour des résultats visibles, une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e minimum est recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-timeline-item\"\u003e\n \u003cdiv class=\"ob-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ob-timeline-content\"\u003e\n \u003ch3\u003eRenouvellement\u003c\/h3\u003e\n \u003cp\u003eIdéalement à renouveler au \u003cstrong\u003echangement de saison\u003c\/strong\u003e pour accompagner votre peau toute l'année.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-tip\"\u003e\n \u003cspan class=\"ob-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, ainsi qu'aux personnes sous traitement anticoagulant. Demandez conseil à votre médecin ou pharmacien en cas de doute. \u003cstrong\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un traitement médical.\u003c\/strong\u003e Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ob-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"ob-accordion\"\u003e\n \u003cdetails class=\"ob-accordion-item\"\u003e\n \u003csummary class=\"ob-accordion-header\"\u003e🕐 Quand prendre l'huile d'onagre et bourrache ?\u003c\/summary\u003e\n \u003cdiv class=\"ob-accordion-content mt-3\"\u003e\n \u003cp\u003eDe préférence au cours des repas, pour optimiser l'absorption des acides gras. Une prise matin, midi et soir répartit au mieux les apports sur la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ob-accordion-item\"\u003e\n \u003csummary class=\"ob-accordion-header\"\u003e⏳ Au bout de combien de temps voit-on les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"ob-accordion-content mt-3\"\u003e\n \u003cp\u003eLes acides gras essentiels agissent progressivement : comptez environ \u003cstrong\u003e6 à 8 semaines\u003c\/strong\u003e pour ressentir un réel confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ob-accordion-item\"\u003e\n \u003csummary class=\"ob-accordion-header\"\u003e🌿 Quelle différence entre onagre et bourrache ?\u003c\/summary\u003e\n \u003cdiv class=\"ob-accordion-content mt-3\"\u003e\n \u003cp\u003eLa bourrache est plus riche en GLA, l'onagre apporte un profil lipidique complémentaire. Les associer permet de profiter du meilleur des deux plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ob-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn produit éco-conçu, fabriqué en France\u003c\/h2\u003e\n \u003cdiv class=\"ob-cta-box\"\u003e\n \u003cp\u003eSuperdiet sélectionne des plantes de qualité contrôlée et conditionne ses capsules en France, dans un \u003cstrong\u003eflacon en matière recyclée et recyclable\u003c\/strong\u003e. Un engagement cohérent avec votre démarche bien-être et respectueux de la planète. 🌍\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --ob-cream: #fdf7f9;\n --ob-white: #ffffff;\n --ob-primary: #e91e63;\n --ob-primary-dark: #a5174a;\n --ob-primary-light: #fce4ec;\n --ob-secondary: #4a7c3a;\n --ob-accent: #f9d547;\n --ob-text: #1a1a1a;\n --ob-text-light: #5a5a5a;\n --ob-border: #f0e0e6;\n --ob-shadow: 0 4px 24px rgba(233,30,99,.08);\n --ob-shadow-lg: 0 12px 48px rgba(233,30,99,.15);\n --ob-radius: 20px;\n --ob-radius-sm: 12px;\n }\n\n .ob-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ob-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--ob-text);\n line-height: 1.6;\n }\n\n .ob-hero {\n position: relative;\n background: linear-gradient(135deg, #f48fb1 0%, #e91e63 50%, #a5174a 100%);\n border-radius: var(--ob-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ob-shadow-lg);\n }\n\n .ob-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, #fff 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, #fff 0%, transparent 40%);\n }\n\n .ob-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .ob-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n }\n\n .ob-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n }\n\n .ob-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n }\n\n .ob-description strong {\n color: white;\n font-weight: 700;\n }\n\n .ob-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\n }\n\n .ob-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ob-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .ob-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .ob-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .ob-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ob-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n }\n\n .ob-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ob-primary), var(--ob-secondary));\n border-radius: 2px;\n }\n\n .ob-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ob-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .ob-section-intro strong {\n color: var(--ob-primary-dark);\n }\n\n .ob-card {\n background: var(--ob-white);\n border-radius: var(--ob-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ob-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .ob-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ob-shadow-lg);\n border-color: var(--ob-primary);\n }\n\n .ob-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ob-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .ob-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ob-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .ob-card-highlight {\n background: linear-gradient(135deg, #fff 0%, var(--ob-primary-light) 100%);\n border: 2px solid var(--ob-border);\n }\n\n .ob-card-highlight strong {\n color: var(--ob-primary);\n font-size: 1.15em;\n font-weight: 900;\n }\n\n .ob-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .ob-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .ob-grid-compact .ob-card {\n padding: 1rem;\n }\n\n .ob-grid-compact .ob-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .ob-grid-compact .ob-card p {\n font-size: 12px;\n }\n\n .ob-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .ob-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .ob-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ob-primary), var(--ob-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(233,30,99,.25);\n }\n\n .ob-timeline-content {\n flex: 1;\n background: var(--ob-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ob-radius-sm);\n box-shadow: var(--ob-shadow);\n }\n\n .ob-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ob-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .ob-timeline-content p {\n font-size: 14px;\n color: var(--ob-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .ob-accordion {\n background: var(--ob-white);\n border-radius: var(--ob-radius);\n box-shadow: var(--ob-shadow);\n overflow: hidden;\n }\n\n .ob-accordion-item {\n border-bottom: 1px solid var(--ob-border);\n margin: 0;\n padding: 0;\n }\n\n .ob-accordion-item:last-child {\n border-bottom: none;\n }\n\n .ob-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ob-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n }\n\n .ob-accordion-header:hover {\n background: var(--ob-primary-light);\n }\n\n .ob-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .ob-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--ob-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n }\n\n .ob-accordion-item[open] .ob-accordion-header::after {\n content: '−';\n }\n\n .ob-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ob-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .ob-accordion-content p {\n margin: 0;\n }\n\n .ob-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ob-primary-light);\n border-radius: var(--ob-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--ob-primary);\n }\n\n .ob-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .ob-tip p {\n font-size: 14px;\n color: var(--ob-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .ob-cta-box {\n background: linear-gradient(135deg, var(--ob-primary) 0%, var(--ob-primary-dark) 100%);\n border-radius: var(--ob-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--ob-shadow-lg);\n }\n\n .ob-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n }\n\n .ob-cta-box strong {\n color: #fff;\n font-weight: 800;\n }\n\n @media (max-width: 767px) {\n .ob-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .ob-card {\n padding: 1.125rem;\n }\n .ob-section {\n margin-bottom: 1.75rem;\n }\n .ob-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ob-radius-sm);\n }\n .ob-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .ob-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .ob-grid-compact {\n gap: .625rem;\n }\n .ob-grid-compact .ob-card {\n padding: .75rem;\n }\n .ob-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .ob-timeline-content {\n padding: .875rem 1rem;\n }\n .ob-timeline-content h3 {\n font-size: 14px;\n }\n .ob-timeline-content p {\n font-size: 13px;\n }\n .ob-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .ob-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .ob-card {\n animation: obFadeInUp .5s ease backwards;\n }\n .ob-card:nth-child(1) { animation-delay: .05s; }\n .ob-card:nth-child(2) { animation-delay: .1s; }\n .ob-card:nth-child(3) { animation-delay: .15s; }\n .ob-card:nth-child(4) { animation-delay: .2s; }\n }\n\n @keyframes obFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .ob-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754696925341,"sku":"NBAISUP0035","price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huiles-onagre-bourrache-beaute-de-la-peau-200-capsules-super-packshothd.webp?v=1776425590"},{"product_id":"gem-nocte-11-bio-50-ml-alphagem","title":"Gem-Nocte 11 Bio - 50 Ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gem-Nocte 11 Bio - Complexe Sommeil\nPalette détectée:\n - Primaire: #4A7C59 (vert forêt du logo AlphaGem)\n - Secondaire: #2B5E3F (vert foncé du bandeau produit)\n - Accent: #8BC34A (vert clair des feuilles)\n - Support: #5D4E37 (brun ambré du flacon)\nAmbiance: Naturel\/bio, apaisant, nuit\/sommeil, végétal, bien-être\nPréfixe CSS: gn\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Gem-Nocte 11 Bio : votre allié naturel pour retrouver un sommeil réparateur\"\n 2. \"Pourquoi choisir la gemmothérapie pour améliorer votre sommeil ?\"\n 3. \"La synergie de trois bourgeons pour des nuits sereines\"\n 4. \"Composition complète du Gem-Nocte 11 Bio\"\n 5. \"Comment prendre le Gem-Nocte pour des résultats optimaux ?\"\n 6. \"À qui s'adresse ce complexe de gemmothérapie ?\"\n 7. \"Alphagem : l'expertise belge en gemmothérapie bio\"\n 8. \"Précautions d'emploi et recommandations\"\n 9. \"Nos conseils pour optimiser votre sommeil\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gn-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"gn-hero\"\u003e\n \u003cdiv class=\"gn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gn-hero-content\"\u003e\n \u003cdiv class=\"gn-badges-top\"\u003e\n \u003cspan class=\"gn-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"gn-badge\"\u003e🌙 Complexe sommeil\u003c\/span\u003e\n \u003cspan class=\"gn-badge\"\u003e🇧🇪 Expertise belge\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gn-hero-title\"\u003eGem-Nocte 11 Bio\u003c\/span\u003e\n \u003cp class=\"gn-subtitle\"\u003eGemmo-Complexe Sommeil par Alphagem\u003c\/p\u003e\n \u003cp class=\"gn-description\"\u003eLa puissance de 3 bourgeons bio pour retrouver des nuits paisibles et régénératrices, sans accoutumance ni somnolence au réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"gn-section\"\u003e\n \u003ch2\u003eGem-Nocte 11 Bio : votre allié naturel pour retrouver un sommeil réparateur\u003c\/h2\u003e\n \u003cp class=\"gn-section-intro\"\u003eVous connaissez ces nuits où le sommeil vous échappe, où votre esprit refuse de se calmer ? Le \u003cstrong\u003eGem-Nocte 11 Bio d'Alphagem\u003c\/strong\u003e est un \u003cstrong\u003ecomplexe de gemmothérapie biologique\u003c\/strong\u003e spécialement conçu pour vous aider à retrouver des nuits paisibles et régénératrices.\u003c\/p\u003e\n \u003cdiv class=\"gn-grid-compact\"\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e😴 Endormissement facilité\u003c\/h3\u003e\n \u003cp\u003eApaise l'esprit pour s'endormir naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🌟 Sommeil réparateur\u003c\/h3\u003e\n \u003cp\u003eAméliore la qualité de vos nuits\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🚫 Sans accoutumance\u003c\/h3\u003e\n \u003cp\u003eAlternative douce aux somnifères\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e☀️ Réveil frais\u003c\/h3\u003e\n \u003cp\u003eAucune somnolence au matin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"gn-section\"\u003e\n \u003ch2\u003ePourquoi choisir la gemmothérapie pour améliorer votre sommeil ?\u003c\/h2\u003e\n \u003cdiv class=\"gn-testimonial\"\u003e\n \u003cp class=\"gn-testimonial-text\"\u003e\"La gemmothérapie utilise l'énergie vitale concentrée dans les bourgeons des plantes. Ces tissus embryonnaires renferment toute la puissance de l'arbre à naître : hormones de croissance, vitamines, oligo-éléments et principes actifs à leur maximum de concentration.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-tip\"\u003e\n \u003cspan class=\"gn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement aux somnifères classiques, le Gem-Nocte ne provoque ni accoutumance ni somnolence au réveil. Vous vous endormez naturellement et vous réveillez reposé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"gn-section\"\u003e\n \u003ch2\u003eLa synergie de trois bourgeons pour des nuits sereines\u003c\/h2\u003e\n \u003cdiv class=\"gn-grid\"\u003e\n \u003cdiv class=\"gn-card gn-card-featured\"\u003e\n \u003ch3\u003e🌳 Figuier (Ficus carica)\u003c\/h3\u003e\n \u003cp class=\"gn-card-subtitle\"\u003eL'apaisant du système nerveux\u003c\/p\u003e\n \u003cul class=\"gn-list\"\u003e\n \u003cli\u003eCalme les ruminations mentales\u003c\/li\u003e\n \u003cli\u003eRéduit stress et anxiété\u003c\/li\u003e\n \u003cli\u003eApaise les tensions émotionnelles\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card gn-card-featured\"\u003e\n \u003ch3\u003e🌸 Tilleul (Tilia tomentosa)\u003c\/h3\u003e\n \u003cp class=\"gn-card-subtitle\"\u003eLa douceur qui invite au repos\u003c\/p\u003e\n \u003cul class=\"gn-list\"\u003e\n \u003cli\u003ePropriétés calmantes reconnues\u003c\/li\u003e\n \u003cli\u003eFavorise la détente musculaire\u003c\/li\u003e\n \u003cli\u003ePrépare le corps au sommeil\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card gn-card-featured\"\u003e\n \u003ch3\u003e🌺 Aubépine (Crataegus laevigata)\u003c\/h3\u003e\n \u003cp class=\"gn-card-subtitle\"\u003eL'équilibre du cœur et de l'esprit\u003c\/p\u003e\n \u003cul class=\"gn-list\"\u003e\n \u003cli\u003eAgit sur le système cardiovasculaire\u003c\/li\u003e\n \u003cli\u003eCalme les palpitations de stress\u003c\/li\u003e\n \u003cli\u003eRelaxation profonde\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"gn-section\"\u003e\n \u003ch2\u003eComposition complète du Gem-Nocte 11 Bio\u003c\/h2\u003e\n \u003cdiv class=\"gn-composition-box\"\u003e\n \u003cp class=\"gn-composition-title\"\u003eIngrédients pour 15 gouttes (dose journalière maximale) :\u003c\/p\u003e\n \u003cdiv class=\"gn-grid\"\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🌳 Macérât de Figuier\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e18,8 mg\u003c\/strong\u003e de bourgeons bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🌸 Macérât de Tilleul\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e11,6 mg\u003c\/strong\u003e de bourgeons bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🌺 Macérât d'Aubépine\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e7,2 mg\u003c\/strong\u003e de bourgeons bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-grid-compact\" style=\"margin-top: 1rem;\"\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🧴 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eE422\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e50 ml\u003c\/strong\u003e - Alcool 35% vol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-tip\"\u003e\n \u003cspan class=\"gn-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eTous les bourgeons sont issus de l'\u003cstrong\u003eagriculture biologique certifiée\u003c\/strong\u003e, garantissant l'absence de pesticides et une qualité optimale des principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"gn-section\"\u003e\n \u003ch2\u003eComment prendre le Gem-Nocte pour des résultats optimaux ?\u003c\/h2\u003e\n \u003cdiv class=\"gn-timeline\"\u003e\n \u003cdiv class=\"gn-timeline-item\"\u003e\n \u003cspan class=\"gn-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"gn-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e5 à 15 gouttes par jour\u003c\/strong\u003e — commencez par 5 gouttes et augmentez progressivement si nécessaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-timeline-item\"\u003e\n \u003cspan class=\"gn-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"gn-timeline-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eLe soir, 30 minutes avant le coucher\u003c\/strong\u003e — pour laisser le temps aux bourgeons d'agir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-timeline-item\"\u003e\n \u003cspan class=\"gn-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"gn-timeline-content\"\u003e\n \u003ch3\u003eMode d'administration\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eDirectement sous la langue\u003c\/strong\u003e ou diluées dans un peu d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-timeline-item\"\u003e\n \u003cspan class=\"gn-timeline-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"gn-timeline-content\"\u003e\n \u003ch3\u003eAvant utilisation\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eBien secouer le flacon\u003c\/strong\u003e pour homogénéiser les principes actifs\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=\"gn-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complexe de gemmothérapie ?\u003c\/h2\u003e\n \u003cdiv class=\"gn-grid\"\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e😫 Difficultés d'endormissement\u003c\/h3\u003e\n \u003cp\u003ePour ceux qui restent éveillés malgré la fatigue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🌃 Réveils nocturnes\u003c\/h3\u003e\n \u003cp\u003ePour ceux qui se réveillent fréquemment la nuit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e😴 Sommeil léger\u003c\/h3\u003e\n \u003cp\u003ePour ceux dont le sommeil est peu réparateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e😰 Stress et anxiété\u003c\/h3\u003e\n \u003cp\u003ePour les périodes de tension émotionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🌱 Alternative naturelle\u003c\/h3\u003e\n \u003cp\u003ePour ceux qui veulent éviter les somnifères\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e👩 Femmes 50 ans+\u003c\/h3\u003e\n \u003cp\u003eIdéal en période de ménopause\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"gn-section\"\u003e\n \u003ch2\u003eAlphagem : l'expertise belge en gemmothérapie bio\u003c\/h2\u003e\n \u003cdiv class=\"gn-grid-compact\"\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🌱 Bourgeons frais\u003c\/h3\u003e\n \u003cp\u003eRécoltés au moment optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eNi conservateurs artificiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e📜 Tradition\u003c\/h3\u003e\n \u003cp\u003ePrincipes traditionnels respectés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"gn-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et recommandations\u003c\/h2\u003e\n \u003cdiv class=\"gn-accordion\"\u003e\n \u003cdetails class=\"gn-accordion-item\"\u003e\n \u003csummary class=\"gn-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gn-accordion-content\"\u003e\n \u003cul class=\"gn-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux femmes enceintes et allaitantes\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux enfants de moins de 12 ans sans avis médical\u003c\/li\u003e\n \u003cli\u003eContient de l'alcool (35% vol.)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gn-accordion-item\"\u003e\n \u003csummary class=\"gn-accordion-header\"\u003e📋 Recommandations d'usage\u003c\/summary\u003e\n \u003cdiv class=\"gn-accordion-content\"\u003e\n \u003cul class=\"gn-list\"\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n \u003cli\u003eConserver à l'abri de la lumière et de la chaleur\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gn-accordion-item\"\u003e\n \u003csummary class=\"gn-accordion-header\"\u003e⚠️ Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"gn-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas un traitement médical. Si vos troubles du sommeil persistent, consultez un professionnel de santé. Un 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 \u003c!-- SECTION 9 --\u003e\n \u003csection class=\"gn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eNos conseils pour optimiser votre sommeil\u003c\/h2\u003e\n \u003cdiv class=\"gn-grid\"\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🕐 Horaires réguliers\u003c\/h3\u003e\n \u003cp\u003eMaintenez des heures de coucher constantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e📵 Déconnexion\u003c\/h3\u003e\n \u003cp\u003eÉvitez les écrans 1h avant le coucher\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🌡️ Environnement idéal\u003c\/h3\u003e\n \u003cp\u003eChambre fraîche, obscure et calme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e☕ Limitez la caféine\u003c\/h3\u003e\n \u003cp\u003ePlus de café après 14h\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🧘 Activité relaxante\u003c\/h3\u003e\n \u003cp\u003eLecture, méditation, étirements doux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-card\"\u003e\n \u003ch3\u003e🌙 Gem-Nocte\u003c\/h3\u003e\n \u003cp\u003eVotre soutien naturel chaque soir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gn-cta-box\"\u003e\n \u003cp\u003eAvec le \u003cstrong\u003eGem-Nocte 11 Bio d'Alphagem\u003c\/strong\u003e, offrez à votre corps le repos qu'il mérite. Retrouvez des nuits réparatrices, naturellement. 🌙\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gn-disclaimer\"\u003eComplément alimentaire. Ne pas dépasser la dose recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gn-cream: #f8f9f5;\n --gn-white: #ffffff;\n --gn-primary: #4A7C59;\n --gn-primary-dark: #2B5E3F;\n --gn-primary-light: #e8f2eb;\n --gn-secondary: #8BC34A;\n --gn-accent: #1a3a2a;\n --gn-night: #1e3d59;\n --gn-text: #1a1a1a;\n --gn-text-light: #5a5a5a;\n --gn-border: #e0e0e0;\n --gn-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gn-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gn-radius: 20px;\n --gn-radius-sm: 12px;\n}\n\n.gn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gn-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gn-night) 0%, var(--gn-primary-dark) 50%, var(--gn-primary) 100%);\n border-radius: var(--gn-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(--gn-shadow-lg);\n}\n\n.gn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(139,195,74,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(139,195,74,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.gn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gn-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(--gn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gn-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,.3);\n}\n\n.gn-subtitle {\n color: var(--gn-secondary);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.gn-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.gn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gn-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.gn-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(--gn-primary), var(--gn-secondary));\n border-radius: 2px;\n}\n\n.gn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gn-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.gn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.gn-card {\n background: var(--gn-white);\n border-radius: var(--gn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gn-shadow-lg);\n border-color: var(--gn-primary);\n}\n\n.gn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gn-card-featured {\n text-align: left;\n}\n\n.gn-card-subtitle {\n font-size: 13px !important;\n color: var(--gn-primary) !important;\n font-weight: 600 !important;\n margin-bottom: .75rem !important;\n}\n\n.gn-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.gn-list li {\n position: relative;\n padding-left: 1.25rem;\n margin-bottom: .5rem;\n font-size: 14px;\n color: var(--gn-text-light);\n line-height: 1.5;\n}\n\n.gn-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--gn-secondary);\n font-weight: 700;\n}\n\n.gn-grid-compact .gn-card {\n padding: 1rem;\n}\n\n.gn-grid-compact .gn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gn-grid-compact .gn-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.gn-composition-box {\n background: var(--gn-primary-light);\n border-radius: var(--gn-radius);\n padding: 1.5rem;\n margin-bottom: 1rem;\n}\n\n.gn-composition-title {\n font-weight: 700;\n color: var(--gn-primary-dark);\n text-align: center;\n margin-bottom: 1rem;\n font-size: 15px;\n}\n\n.gn-composition-box .gn-card {\n background: var(--gn-white);\n}\n\n\/* === TIMELINE === *\/\n.gn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gn-primary), var(--gn-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,124,89,.3);\n}\n\n.gn-timeline-content {\n flex: 1;\n background: var(--gn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gn-radius-sm);\n box-shadow: var(--gn-shadow);\n}\n\n.gn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gn-timeline-content p {\n font-size: 14px;\n color: var(--gn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gn-testimonial {\n background: var(--gn-white);\n border-radius: var(--gn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gn-shadow);\n border-left: 4px solid var(--gn-primary);\n margin-bottom: 1rem;\n}\n\n.gn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gn-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gn-primary-light);\n border-radius: var(--gn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gn-tip p {\n font-size: 14px;\n color: var(--gn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.gn-accordion {\n background: var(--gn-white);\n border-radius: var(--gn-radius);\n box-shadow: var(--gn-shadow);\n overflow: hidden;\n}\n\n.gn-accordion-item {\n border-bottom: 1px solid var(--gn-border);\n margin: 0;\n padding: 0;\n}\n\n.gn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gn-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.gn-accordion-header:hover {\n background: var(--gn-primary-light);\n}\n\n.gn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gn-primary);\n transition: transform .2s ease;\n}\n\n.gn-accordion-item[open] .gn-accordion-header::after {\n content: '−';\n}\n\n.gn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gn-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.gn-accordion-content p {\n margin: 0;\n}\n\n.gn-accordion-content .gn-list li {\n margin-bottom: .35rem;\n}\n\n\/* === CTA === *\/\n.gn-cta-box {\n background: linear-gradient(135deg, var(--gn-primary) 0%, var(--gn-primary-dark) 100%);\n border-radius: var(--gn-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.gn-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.gn-disclaimer {\n font-size: 12px;\n color: var(--gn-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .gn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .gn-card {\n padding: 1.125rem;\n }\n \n .gn-card-featured {\n text-align: center;\n }\n \n .gn-card-featured .gn-list {\n text-align: left;\n max-width: 250px;\n margin: 0 auto;\n }\n \n .gn-section {\n margin-bottom: 1.75rem;\n }\n \n .gn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gn-radius-sm);\n }\n \n .gn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .gn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .gn-grid-compact {\n gap: .625rem;\n }\n \n .gn-grid-compact .gn-card {\n padding: .75rem;\n }\n \n .gn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .gn-timeline-content {\n padding: .875rem 1rem;\n }\n \n .gn-timeline-content h3 {\n font-size: 14px;\n }\n \n .gn-timeline-content p {\n font-size: 13px;\n }\n \n .gn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .gn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .gn-testimonial {\n padding: 1.25rem;\n }\n \n .gn-testimonial-text {\n font-size: 14px;\n }\n \n .gn-composition-box {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gn-card {\n animation: fadeInUp .5s ease backwards;\n }\n .gn-card:nth-child(1) { animation-delay: .05s; }\n .gn-card:nth-child(2) { animation-delay: .1s; }\n .gn-card:nth-child(3) { animation-delay: .15s; }\n .gn-card:nth-child(4) { animation-delay: .2s; }\n .gn-card:nth-child(5) { animation-delay: .25s; }\n .gn-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 .gn-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":45754884423837,"sku":"GE0015","price":25.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gem-nocte-11-bio-50-ml-alphagem-packshothd.webp?v=1791468880"},{"product_id":"framboisier-bio-15-ml-alphagem","title":"Macérat de bourgeon de Framboisier Bio - 15 ml - Alphagem","description":"\u003cdiv class=\"fb-premium\"\u003e\n\n \u003cdiv class=\"fb-hero\"\u003e\n \u003cdiv class=\"fb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fb-hero-content\"\u003e\n \u003cdiv class=\"fb-badges-top\"\u003e\n \u003cspan class=\"fb-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🇧🇪 Laboratoire belge\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e💧 15 ml – 35 % vol.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"fb-subtitle\"\u003eMacérat de bourgeons de Rubus idaeus\u003c\/p\u003e\n \u003cp class=\"fb-description\"\u003eToute la vitalité des jeunes pousses de framboisier bio, concentrée dans un flacon. Un allié précieux de la gemmothérapie traditionnelle pour le bien-être féminin au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eMacérat de bourgeon de Framboisier Bio, la gemmothérapie par Alphagem\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003eLe \u003cstrong\u003eFramboisier Bio 15 ml d'Alphagem\u003c\/strong\u003e est un \u003cstrong\u003emacérat de bourgeons de framboisier\u003c\/strong\u003e élaboré selon les principes de la gemmothérapie traditionnelle. Issu des jeunes pousses de \u003cem\u003eRubus idaeus\u003c\/em\u003e, cet extrait concentré capture toute la vitalité du \u003cstrong\u003eframboisier en gemmothérapie\u003c\/strong\u003e, une approche reconnue pour exploiter le potentiel régénérant des tissus embryonnaires végétaux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003ePourquoi choisir la gemmothérapie de framboisier ?\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003eLe framboisier est un arbrisseau de la famille des Rosacées, apprécié bien au-delà de ses fruits savoureux. En phytothérapie, les \u003cstrong\u003efeuilles de framboisier bio\u003c\/strong\u003e sont traditionnellement utilisées en tisane pour le confort féminin. La \u003cstrong\u003egemmothérapie framboisier\u003c\/strong\u003e va encore plus loin : elle utilise les bourgeons et jeunes pousses, là où se concentre l'ensemble du patrimoine actif de la plante — minéraux, enzymes, hormones de croissance végétales et acides aminés.\u003c\/p\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌸 Équilibre hormonal féminin\u003c\/h3\u003e\n \u003cp\u003eSoutient l'équilibre hormonal tout au long du cycle, naturellement et en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌙 Confort prémenstruel\u003c\/h3\u003e\n \u003cp\u003eAccompagne les périodes de transition hormonale et le confort prémenstruel au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e✨ Bien-être gynécologique\u003c\/h3\u003e\n \u003cp\u003eContribue au bien-être global de la sphère gynécologique à chaque étape de la vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-tip\"\u003e\n \u003cspan class=\"fb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement à une simple \u003cstrong\u003etisane de feuilles de framboisier bio\u003c\/strong\u003e, le macérat concentré offre une prise plus pratique et un spectre d'actifs plus complet grâce au procédé d'extraction spécifique de la gemmothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid-compact\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌱 Jeunes pousses de framboisier\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRubus idaeus\u003c\/em\u003e bio — ingrédient principal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🧴 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eSolvant naturel de macération, issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🍷 Alcool 35 % vol.\u003c\/h3\u003e\n \u003cp\u003eConservateur naturel, issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n \u003cp\u003eBase du macérât glycériné\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"fb-disclaimer\"\u003eCertifié bio par \u003cstrong\u003eCertisys BE-BIO-01\u003c\/strong\u003e. Sans additif, sans conservateur artificiel, sans OGM.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"fb-timeline\"\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eCommencez en douceur\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e5 gouttes par jour\u003c\/strong\u003e le matin à jeun, diluées dans un fond d'eau ou directement sous la langue pour une absorption rapide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eAugmentez progressivement\u003c\/h3\u003e\n \u003cp\u003eSelon votre ressenti, montez jusqu'à \u003cstrong\u003e15 gouttes par jour\u003c\/strong\u003e pour un effet optimal adapté à vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eSuivez une cure de 3 semaines\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, suivez une \u003cstrong\u003ecure de 3 semaines\u003c\/strong\u003e suivie d'une semaine de pause avant de renouveler. Le flacon de 15 ml dure environ 3 à 4 semaines à raison de 10 gouttes\/jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-3\"\u003e\n \u003cp\u003eConsultez un professionnel de santé avant utilisation si vous êtes enceinte, allaitante ou sous traitement médical. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical adapté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eLa qualité Alphagem\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003eAlphagem est un laboratoire belge spécialisé en gemmothérapie depuis de nombreuses années. Leur devise, \u003cem\u003e« De l'arbre au flacon »\u003c\/em\u003e, résume parfaitement leur démarche.\u003c\/p\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🤚 Récolte à la main\u003c\/h3\u003e\n \u003cp\u003eLes jeunes pousses de framboisier bio sont cueillies manuellement dans des zones naturelles préservées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🔬 Procédé traditionnel\u003c\/h3\u003e\n \u003cp\u003eMacération selon un savoir-faire ancestral qui préserve l'intégralité des principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e✅ Traçabilité totale\u003c\/h3\u003e\n \u003cp\u003eUn engagement fort envers la qualité biologique certifiée et le respect de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est fait ce macérat ?\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003eCe macérat s'adresse à toute personne souhaitant découvrir les bienfaits de la gemmothérapie, et tout particulièrement aux femmes en quête d'un soutien naturel pour leur confort hormonal. Si vous appréciez déjà les \u003cstrong\u003efeuilles de framboisier bio\u003c\/strong\u003e en infusion, ce concentré de bourgeons vous offre une approche complémentaire, plus ciblée et plus pratique au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"fb-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez-vous le meilleur de la nature avec ce \u003cstrong\u003eFramboisier Bio Alphagem\u003c\/strong\u003e, un allié précieux issu du savoir-faire de la gemmothérapie européenne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fb-cream: #f5f7f2;\n --fb-white: #ffffff;\n --fb-primary: #4a8c3f;\n --fb-primary-dark: #2d5e24;\n --fb-primary-light: #e8f2e5;\n --fb-secondary: #6db85a;\n --fb-accent: #3b7a8c;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #dde6d9;\n --fb-shadow: 0 4px 24px rgba(45,94,36,.08);\n --fb-shadow-lg: 0 12px 48px rgba(45,94,36,.15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5e24 0%, #4a8c3f 45%, #3b7a8c 100%);\n border-radius: var(--fb-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(--fb-shadow-lg);\n}\n\n.fb-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.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-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.fb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n font-style: italic;\n margin: 0 0 1.25rem 0;\n}\n\n.fb-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.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fb-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(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-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.fb-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(--fb-primary), var(--fb-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.fb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-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.fb-section-intro strong {\n color: var(--fb-text);\n}\n\n\/* === CARDS === *\/\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fb-grid-compact .fb-card {\n padding: 1rem;\n}\n\n.fb-grid-compact .fb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fb-grid-compact .fb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-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.fb-timeline-content {\n flex: 1;\n background: var(--fb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fb-radius-sm);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-timeline-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fb-testimonial {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-primary);\n}\n\n.fb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.fb-accordion {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n box-shadow: var(--fb-shadow);\n overflow: hidden;\n}\n\n.fb-accordion-item {\n border-bottom: 1px solid var(--fb-border);\n margin: 0;\n padding: 0;\n}\n\n.fb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fb-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.fb-accordion-header:hover {\n background: var(--fb-primary-light);\n}\n\n.fb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fb-primary);\n transition: transform .2s ease;\n}\n\n.fb-accordion-item[open] .fb-accordion-header::after {\n content: '−';\n}\n\n.fb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fb-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fb-tip p {\n font-size: 14px;\n color: var(--fb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-primary-dark) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fb-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.fb-disclaimer {\n font-size: 12px;\n color: var(--fb-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 .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fb-card {\n padding: 1.125rem;\n }\n\n .fb-section {\n margin-bottom: 1.75rem;\n }\n\n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n\n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fb-grid-compact {\n gap: .625rem;\n }\n\n .fb-grid-compact .fb-card {\n padding: .75rem;\n }\n\n .fb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fb-timeline-content h3 {\n font-size: 14px;\n }\n\n .fb-timeline-content p {\n font-size: 13px;\n }\n\n .fb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fb-testimonial {\n padding: 1.25rem;\n }\n\n .fb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fbFadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4) { animation-delay: .2s; }\n .fb-card:nth-child(5) { animation-delay: .25s; }\n .fb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fbFadeInUp {\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 .fb-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":45754884849821,"sku":"5009","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/macerat-de-bourgeon-de-framboisier-bio-15-ml-alphagem-packshothd_667fb234-7517-4617-b08f-6156ddd5eb9b.webp?v=1791468889"},{"product_id":"gem-femme-21-bio-50-ml-alphagem","title":"Gem-Femme 21 Bio - 50 ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gem-Femme 21 Bio - 50 ml - Alphagem\nPalette détectée:\n - Primaire: #c41f6e (rose\/fuchsia du bandeau \"GEM-♀\" sur l'étiquette)\n - Secondaire: #6ab04c (vert feuille du logo AlphaGem)\n - Accent: #8e1a52 (rose foncé profond)\nAmbiance: Féminin, naturel\/bio, doux et bienveillant, gemmothérapie\/herboristerie\nPréfixe CSS: gf\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Gem-Femme 21 Bio Alphagem : le complexe de gemmothérapie dédié au confort féminin\"\n 2. \"À qui s'adresse ce complément alimentaire ?\"\n 3. \"Composition détaillée du Gem-Femme 21 Bio\"\n 4. \"Conseils d'utilisation et posologie\"\n 5. \"Pourquoi choisir Alphagem ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gf-hero\"\u003e\n \u003cdiv class=\"gf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gf-hero-content\"\u003e\n \u003cdiv class=\"gf-badges-top\"\u003e\n \u003cspan class=\"gf-badge\"\u003e🌿 Gemmothérapie Bio\u003c\/span\u003e\n \u003cspan class=\"gf-badge\"\u003e♀ Confort féminin\u003c\/span\u003e\n \u003cspan class=\"gf-badge\"\u003e🇧🇪 Laboratoire belge\u003c\/span\u003e\n \u003cspan class=\"gf-badge\"\u003e💧 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gf-hero-title\"\u003eGem-Femme 21 Bio\u003c\/span\u003e\n \u003cp class=\"gf-subtitle\"\u003eAlphagem — Gemmo-complexe n°21\u003c\/p\u003e\n \u003cp class=\"gf-description\"\u003e5 actifs végétaux biologiques réunis pour accompagner chaque femme dans son équilibre hormonal, du cycle menstruel à la ménopause.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"gf-section\"\u003e\n \u003ch2\u003eGem-Femme 21 Bio Alphagem : le complexe de gemmothérapie dédié au confort féminin\u003c\/h2\u003e\n \u003cp class=\"gf-section-intro\"\u003eVous traversez des périodes d'inconfort liées à votre cycle menstruel ou à la ménopause ? Le \u003cstrong\u003eGem-Femme 21 Bio d'Alphagem\u003c\/strong\u003e est un \u003cstrong\u003ecomplément alimentaire femme\u003c\/strong\u003e formulé à partir de jeunes pousses, de jeunes écorces, d'une teinture-mère et d'un hydrolat biologiques, spécialement conçu pour accompagner les femmes à chaque étape de leur vie hormonale.\u003c\/p\u003e\n \u003cdiv class=\"gf-grid-compact\"\u003e\n \u003cdiv class=\"gf-card\"\u003e\n \u003ch3\u003e🌸 Cycles apaisés\u003c\/h3\u003e\n \u003cp\u003eAide à réduire les douleurs menstruelles et les syndromes prémenstruels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-card\"\u003e\n \u003ch3\u003e🌡️ Ménopause sereine\u003c\/h3\u003e\n \u003cp\u003eAtténue les bouffées de chaleur et l'irritabilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre hormonal\u003c\/h3\u003e\n \u003cp\u003e5 actifs synergiques pour la régulation hormonale naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-card\"\u003e\n \u003ch3\u003e🌱 100 % biologique\u003c\/h3\u003e\n \u003cp\u003eSans pesticides ni additifs chimiques, certifié bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"gf-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément alimentaire ?\u003c\/h2\u003e\n \u003cp class=\"gf-section-intro\"\u003eLe Gem-Femme 21 Bio convient à toutes les femmes qui recherchent un soutien naturel face aux \u003cstrong\u003edéséquilibres hormonaux\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"gf-grid\"\u003e\n \u003cdiv class=\"gf-card\"\u003e\n \u003ch3\u003e😣 Règles douloureuses\u003c\/h3\u003e\n \u003cp\u003eVous souffrez de crampes, de douleurs pelviennes ou de flux abondants à chaque cycle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-card\"\u003e\n \u003ch3\u003e😤 Syndrome prémenstruel\u003c\/h3\u003e\n \u003cp\u003eIrritabilité, sautes d'humeur, tensions mammaires : le SPM impacte votre quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-card\"\u003e\n \u003ch3\u003e🔥 Bouffées de chaleur\u003c\/h3\u003e\n \u003cp\u003eLa ménopause ou la préménopause provoque des désagréments que vous souhaitez atténuer naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-card\"\u003e\n \u003ch3\u003e🌿 Approche naturelle\u003c\/h3\u003e\n \u003cp\u003eVous vous intéressez à la gemmothérapie comme approche douce et complémentaire, ou recherchez un \u003cstrong\u003ecomplément fertilité femme\u003c\/strong\u003e d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"gf-section\"\u003e\n \u003ch2\u003eComposition détaillée du Gem-Femme 21 Bio\u003c\/h2\u003e\n \u003cp class=\"gf-section-intro\"\u003eCe flacon de \u003cstrong\u003e50 ml\u003c\/strong\u003e (alcool 35 % vol.) contient cinq actifs végétaux issus de l'agriculture biologique (pour 15 gouttes, équivalent poids sec) :\u003c\/p\u003e\n \u003cdiv class=\"gf-grid\"\u003e\n \u003cdiv class=\"gf-card gf-card-ingredient\"\u003e\n \u003ch3\u003e🫐 Airelle\u003c\/h3\u003e\n \u003cp class=\"gf-card-latin\"\u003eVaccinium vitis-idaea — jeunes pousses de feuilles, 12,4 mg\u003c\/p\u003e\n \u003cp\u003eActif majeur de la sphère féminine, traditionnellement utilisé pour contribuer à la régulation hormonale et atténuer les symptômes de la ménopause.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-card gf-card-ingredient\"\u003e\n \u003ch3\u003e🍇 Framboisier\u003c\/h3\u003e\n \u003cp class=\"gf-card-latin\"\u003eRubus idaeus — jeunes pousses de feuilles, 7,9 mg\u003c\/p\u003e\n \u003cp\u003eIncontournable de la gemmothérapie féminine : il aide à apaiser les douleurs menstruelles et favorise l'équilibre du cycle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-card gf-card-ingredient\"\u003e\n \u003ch3\u003e🍋 Citronnier\u003c\/h3\u003e\n \u003cp class=\"gf-card-latin\"\u003eCitrus limon — jeunes écorces, 7,1 mg\u003c\/p\u003e\n \u003cp\u003eSoutient la circulation sanguine et contribue à fluidifier le sang, utile en cas de jambes lourdes liées au cycle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-card gf-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Alchémille\u003c\/h3\u003e\n \u003cp class=\"gf-card-latin\"\u003eAlchemilla vulgaris — teinture-mère, 11,4 mg\u003c\/p\u003e\n \u003cp\u003ePlante historiquement associée au bien-être féminin, elle aide à réguler les flux menstruels et à réduire les inconforts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-card gf-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Gattilier\u003c\/h3\u003e\n \u003cp class=\"gf-card-latin\"\u003eVitex agnus-castus — hydrolat, 19,5 mg\u003c\/p\u003e\n \u003cp\u003eUtilisé depuis des siècles pour son action régulatrice sur le système hormonal féminin, notamment en cas de syndrome prémenstruel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-tip\"\u003e\n \u003cspan class=\"gf-tip-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e glycérine végétale bio (stabilisant), alcool bio (35 % vol.), eau. Produit certifié biologique, sans pesticides ni additifs chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"gf-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"gf-timeline\"\u003e\n \u003cdiv class=\"gf-timeline-item\"\u003e\n \u003cdiv class=\"gf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gf-timeline-content\"\u003e\n \u003ch3\u003eCommencez doucement\u003c\/h3\u003e\n \u003cp\u003eDébutez par \u003cstrong\u003e5 gouttes par jour\u003c\/strong\u003e, pures ou diluées dans un peu d'eau de source, entre les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-timeline-item\"\u003e\n \u003cdiv class=\"gf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gf-timeline-content\"\u003e\n \u003ch3\u003eAugmentez progressivement\u003c\/h3\u003e\n \u003cp\u003eSelon votre ressenti, montez jusqu'à \u003cstrong\u003e15 gouttes par jour\u003c\/strong\u003e pour atteindre le dosage optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-timeline-item\"\u003e\n \u003cdiv class=\"gf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gf-timeline-content\"\u003e\n \u003ch3\u003eRespectez les cycles de cure\u003c\/h3\u003e\n \u003cp\u003ePrivilégiez une cure de \u003cstrong\u003etrois mois\u003c\/strong\u003e en respectant \u003cstrong\u003ela dose journalière recommandée\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-timeline-item\"\u003e\n \u003cdiv class=\"gf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gf-timeline-content\"\u003e\n \u003ch3\u003eFaites-vous accompagner\u003c\/h3\u003e\n \u003cp\u003eN'hésitez pas à consulter un naturopathe ou votre professionnel de santé pour adapter la posologie à votre situation personnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"gf-accordion-item\"\u003e\n \u003csummary class=\"gf-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"gf-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas un traitement médical ni une alimentation variée et équilibrée. \u003cstrong\u003eNe pas utiliser en cas de grossesse ou d'allaitement.\u003c\/strong\u003e En cas de traitement hormonal, demandez conseil à votre médecin avant toute prise. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"gf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Alphagem ?\u003c\/h2\u003e\n \u003cp class=\"gf-section-intro\"\u003eAlphagem est un laboratoire belge spécialisé en \u003cstrong\u003egemmothérapie biologique\u003c\/strong\u003e depuis de nombreuses années. Leur devise « de l'arbre au flacon » reflète une exigence de traçabilité totale.\u003c\/p\u003e\n \u003cdiv class=\"gf-grid\"\u003e\n \u003cdiv class=\"gf-card\"\u003e\n \u003ch3\u003e✋ Récolte à la main\u003c\/h3\u003e\n \u003cp\u003eLes bourgeons sont récoltés manuellement dans des zones préservées pour garantir leur qualité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-card\"\u003e\n \u003ch3\u003e🌿 Transformation à l'état frais\u003c\/h3\u003e\n \u003cp\u003eLes bourgeons sont transformés frais pour conserver l'intégralité de leurs principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-card\"\u003e\n \u003ch3\u003e🔬 Contrôles rigoureux\u003c\/h3\u003e\n \u003cp\u003eChaque lot est rigoureusement contrôlé pour garantir pureté et efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gf-cta-box\"\u003e\n \u003cp\u003eEn choisissant le Gem-Femme 21 Bio, vous optez pour un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e bien-être global qui respecte autant votre corps que l'environnement. Un allié naturel précieux pour traverser chaque phase de votre vie de femme avec plus de confort et de confiance. 🌸\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gf-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.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gf-cream: #fdf6f8;\n --gf-white: #ffffff;\n --gf-primary: #c41f6e;\n --gf-primary-dark: #8e1a52;\n --gf-primary-light: #fce8f0;\n --gf-secondary: #6ab04c;\n --gf-accent: #d4488a;\n --gf-text: #1a1a1a;\n --gf-text-light: #5a5a5a;\n --gf-border: #f0d6e0;\n --gf-shadow: 0 4px 24px rgba(196, 31, 110, .07);\n --gf-shadow-lg: 0 12px 48px rgba(142, 26, 82, .13);\n --gf-radius: 20px;\n --gf-radius-sm: 12px;\n}\n\n.gf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gf-hero {\n position: relative;\n background: linear-gradient(135deg, #c41f6e 0%, #d4488a 40%, #8e1a52 100%);\n border-radius: var(--gf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gf-shadow-lg);\n}\n\n.gf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.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(106,176,76,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.gf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gf-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: .03em;\n text-transform: uppercase;\n}\n\n.gf-description {\n color: rgba(255,255,255,.92);\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.gf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.gf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gf-primary), var(--gf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.gf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gf-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.gf-section-intro strong {\n color: var(--gf-primary-dark);\n}\n\n\/* === CARDS === *\/\n.gf-card {\n background: var(--gf-white);\n border-radius: var(--gf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gf-shadow-lg);\n border-color: var(--gf-primary);\n}\n\n.gf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT VARIANT === *\/\n.gf-card-ingredient .gf-card-latin {\n font-style: italic;\n font-size: 13px;\n color: var(--gf-primary);\n margin-bottom: .5rem;\n font-weight: 500;\n}\n\n\/* === GRILLES === *\/\n.gf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gf-grid-compact .gf-card {\n padding: 1rem;\n}\n\n.gf-grid-compact .gf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gf-grid-compact .gf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gf-primary), var(--gf-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(196, 31, 110, .25);\n}\n\n.gf-timeline-content {\n flex: 1;\n background: var(--gf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gf-radius-sm);\n box-shadow: var(--gf-shadow);\n}\n\n.gf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gf-timeline-content p {\n font-size: 14px;\n color: var(--gf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gf-timeline-content p strong {\n color: var(--gf-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.gf-accordion {\n background: var(--gf-white);\n border-radius: var(--gf-radius);\n box-shadow: var(--gf-shadow);\n overflow: hidden;\n}\n\n.gf-accordion-item {\n border-bottom: 1px solid var(--gf-border);\n margin: 0;\n padding: 0;\n}\n\n.gf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gf-accordion-header:hover {\n background: var(--gf-primary-light);\n}\n\n.gf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gf-primary);\n transition: transform .2s ease;\n}\n\n.gf-accordion-item[open] .gf-accordion-header::after {\n content: '−';\n}\n\n.gf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gf-accordion-content p {\n margin: 0;\n}\n\n.gf-accordion-content p strong {\n color: var(--gf-text);\n}\n\n\/* === TIP BOX === *\/\n.gf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gf-primary-light);\n border-radius: var(--gf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gf-tip p {\n font-size: 14px;\n color: var(--gf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.gf-cta-box {\n background: linear-gradient(135deg, var(--gf-primary) 0%, var(--gf-primary-dark) 100%);\n border-radius: var(--gf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.gf-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,.08) 0%, transparent 50%);\n}\n\n.gf-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.gf-cta-box p strong {\n color: #ffe0ee;\n}\n\n\/* === DISCLAIMER === *\/\n.gf-disclaimer {\n font-size: 12px;\n color: var(--gf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gf-card {\n padding: 1.125rem;\n }\n\n .gf-section {\n margin-bottom: 1.75rem;\n }\n\n .gf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gf-radius-sm);\n }\n\n .gf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gf-grid-compact {\n gap: .625rem;\n }\n\n .gf-grid-compact .gf-card {\n padding: .75rem;\n }\n\n .gf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gf-timeline-content h3 {\n font-size: 14px;\n }\n\n .gf-timeline-content p {\n font-size: 13px;\n }\n\n .gf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gf-tip {\n padding: .875rem 1rem;\n }\n\n .gf-tip-icon {\n font-size: 20px;\n }\n\n .gf-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gf-card {\n animation: gfFadeInUp .5s ease backwards;\n }\n .gf-card:nth-child(1) { animation-delay: .05s; }\n .gf-card:nth-child(2) { animation-delay: .1s; }\n .gf-card:nth-child(3) { animation-delay: .15s; }\n .gf-card:nth-child(4) { animation-delay: .2s; }\n .gf-card:nth-child(5) { animation-delay: .25s; }\n .gf-card:nth-child(6) { animation-delay: .3s; }\n\n .gf-timeline-item {\n animation: gfFadeInUp .5s ease backwards;\n }\n .gf-timeline-item:nth-child(1) { animation-delay: .05s; }\n .gf-timeline-item:nth-child(2) { animation-delay: .12s; }\n .gf-timeline-item:nth-child(3) { animation-delay: .19s; }\n .gf-timeline-item:nth-child(4) { animation-delay: .26s; }\n}\n\n@keyframes gfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":45754892091549,"sku":"REF703","price":25.54,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gem-femme-21-bio-50-ml-alphagem-packshothd.webp?v=1791469141"},{"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-desire-stimulant-libido-femme-100-naturel-labophyto-packshothd.webp?v=1785938829"},{"product_id":"top-bust-poitrine-60-gelules-labophyto","title":"Top Bust Poitrine - 60 gélules - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Top Bust Poitrine - Complément alimentaire poitrine féminine\nPalette détectée:\n - Primaire: #8B6BA8 (violet\/mauve du packaging - dominante élégante et féminine)\n - Secondaire: #6A4E8A (violet plus profond pour contraste)\n - Accent: #C9A8D4 (mauve clair pour backgrounds doux)\nAmbiance: Féminin, élégant, bien-être, naturel-premium\nUnivers: Santé féminine avec codes visuels doux et sophistiqués\nPréfixe CSS: tb (top-bust)\n--\u003e\n\u003cdiv class=\"tb-premium\"\u003e\n\u003cdiv class=\"tb-hero\"\u003e\n\u003cdiv class=\"tb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"tb-hero-content\"\u003e\n\u003cdiv class=\"tb-badges-top\"\u003e\n\u003cspan class=\"tb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"tb-badge\"\u003e🌿 100% naturel \u0026amp; bio\u003c\/span\u003e \u003cspan class=\"tb-badge\"\u003e👩 Spécial femmes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"tb-hero-title\"\u003eTop Bust Poitrine\u003c\/span\u003e\n\u003cp class=\"tb-subtitle\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eLa solution naturelle pour sublimer votre silhouette\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"tb-description\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eUn complément alimentaire unique qui révèle la beauté naturelle de votre poitrine grâce à une formule bio enrichie en plantes et vitamines essentielles.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits de Top Bust\u003c\/h2\u003e\n\u003cdiv class=\"tb-grid\"\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-card-icon\"\u003e🌸\u003c\/div\u003e\n\u003ch3\u003eGalbe naturel\u003c\/h3\u003e\n\u003cp\u003eContribue à améliorer le volume et la forme de votre poitrine de manière naturelle et harmonieuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-card-icon\"\u003e💪\u003c\/div\u003e\n\u003ch3\u003eFermeté renforcée\u003c\/h3\u003e\n\u003cp\u003eLe collagène marin et les plantes sélectionnées aident à tonifier et raffermir les tissus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-card-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eÉclat retrouvé\u003c\/h3\u003e\n\u003cp\u003eDes seins plus rebondis et galbés pour une silhouette féminine et gracieuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-card-icon\"\u003e🔒\u003c\/div\u003e\n\u003ch3\u003eConfiance en soi\u003c\/h3\u003e\n\u003cp\u003eRetrouvez votre féminité et votre assurance grâce à une formule qui respecte votre corps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e🌿 Une formule naturelle d'exception\u003c\/h2\u003e\n\u003cdiv class=\"tb-composition-intro\"\u003e\n\u003cp\u003eChaque gélule concentre le meilleur de la nature pour prendre soin de votre poitrine. Une synergie unique de plantes bio et de nutriments essentiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-grid\"\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🌾\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFenugrec\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e600 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003ePlante traditionnellement utilisée pour favoriser le galbe naturel de la poitrine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🍃\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eSauge officinale\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e280 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eExtrait sec reconnu pour son action sur l'équilibre hormonal féminin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🐟\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eCollagène marin\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e200 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eHydrolysat de poisson pour la fermeté et l'élasticité de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🌼\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFenouil\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e200 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003ePlante aux propriétés bénéfiques pour la santé mammaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🌿\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eOrigan\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e160 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eExtrait naturel aux vertus tonifiantes et protectrices\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eAneth\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e160 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003ePlante complémentaire pour optimiser l'action de la formule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🍺\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eHoublon\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e140 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eRiche en phytoestrogènes naturels pour soutenir le galbe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e💊\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eVitamines B5, B6, B9\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e100% AR\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eTrio de vitamines essentielles + iode pour compléter l'action\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi simple et efficace\u003c\/h2\u003e\n\u003cdiv class=\"tb-usage-grid\"\u003e\n\u003cdiv class=\"tb-usage-card\"\u003e\n\u003cdiv class=\"tb-usage-number\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence le matin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-usage-card\"\u003e\n\u003cdiv class=\"tb-usage-number\"\u003e2\u003c\/div\u003e\n\u003ch3\u003eDurée de cure\u003c\/h3\u003e\n\u003cp\u003eSuivre une cure de \u003cstrong\u003e3 mois minimum\u003c\/strong\u003e pour observer des effets significatifs et durables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-usage-card\"\u003e\n\u003cdiv class=\"tb-usage-number\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eRégularité\u003c\/h3\u003e\n\u003cp\u003ePrendre tous les jours à la même heure pour une efficacité optimale et des résultats visibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e⏱️ Résultats attendus dans le temps\u003c\/h2\u003e\n\u003cdiv class=\"tb-timeline\"\u003e\n\u003cdiv class=\"tb-timeline-item\"\u003e\n\u003cdiv class=\"tb-timeline-marker\" style=\"text-align: center;\"\u003e1 mois\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-content\"\u003e\n\u003ch3\u003ePremiers effets\u003c\/h3\u003e\n\u003cp\u003eLes tissus commencent à se nourrir des actifs naturels, sensation de confort améliorée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-item\"\u003e\n\u003cdiv class=\"tb-timeline-marker\" style=\"text-align: center;\"\u003e2 mois\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-content\"\u003e\n\u003ch3\u003eAmélioration visible\u003c\/h3\u003e\n\u003cp\u003eLa poitrine gagne en fermeté, le galbe commence à s'améliorer progressivement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-item\"\u003e\n\u003cdiv class=\"tb-timeline-marker\" style=\"text-align: center;\"\u003e3 mois\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-content\"\u003e\n\u003ch3\u003eRésultats optimaux\u003c\/h3\u003e\n\u003cp\u003eSeins plus fermes, galbés et rebondis - silhouette harmonieuse et confiance retrouvée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e🎯 Pour qui est ce produit ?\u003c\/h2\u003e\n\u003cdiv class=\"tb-grid\"\u003e\n\u003cdiv class=\"tb-target-card\"\u003e\n\u003cdiv class=\"tb-target-icon\"\u003e👩\u003c\/div\u003e\n\u003ch3\u003eFemmes adultes\u003c\/h3\u003e\n\u003cp\u003eSouhaitant améliorer naturellement le galbe et la fermeté de leur poitrine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-target-card\"\u003e\n\u003cdiv class=\"tb-target-icon\"\u003e💭\u003c\/div\u003e\n\u003ch3\u003eEn quête de confiance\u003c\/h3\u003e\n\u003cp\u003eDésireuses de retrouver une silhouette harmonieuse et leur féminité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-target-card\"\u003e\n\u003cdiv class=\"tb-target-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eAdeptes du naturel\u003c\/h3\u003e\n\u003cp\u003ePrivilégiant les solutions bio et sans produits chimiques agressifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-target-card\"\u003e\n\u003cdiv class=\"tb-target-icon\"\u003e⏳\u003c\/div\u003e\n\u003ch3\u003eAprès grossesse ou perte de poids\u003c\/h3\u003e\n\u003cp\u003ePour retrouver tonicité et volume de façon progressive et saine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e🏭 Origine et fabrication française\u003c\/h2\u003e\n\u003cdiv class=\"tb-quality-box\"\u003e\n\u003cdiv class=\"tb-quality-grid\"\u003e\n\u003cdiv class=\"tb-quality-item\"\u003e\n\u003cdiv class=\"tb-quality-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n\u003cp\u003eLaboratoire Labophyto, expert reconnu en compléments alimentaires de bien-être\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-quality-item\"\u003e\n\u003cdiv class=\"tb-quality-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eIngrédients bio certifiés\u003c\/h3\u003e\n\u003cp\u003ePlantes cultivées selon les normes biologiques les plus strictes, sans OGM ni pesticides\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-quality-item\"\u003e\n\u003cdiv class=\"tb-quality-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3\u003eContrôles rigoureux\u003c\/h3\u003e\n\u003cp\u003eChaque étape de production est minutieusement contrôlée pour garantir qualité et sécurité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-quality-item\"\u003e\n\u003cdiv class=\"tb-quality-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eGélules végétales\u003c\/h3\u003e\n\u003cp\u003eEnveloppe 100% végétale adaptée aux régimes végétariens et végans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"tb-warning-box\"\u003e\n\u003cdiv class=\"tb-warning-grid\"\u003e\n\u003cdiv class=\"tb-warning-item\"\u003e\n\u003cspan class=\"tb-warning-icon\"\u003e🚫\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux femmes enceintes ou allaitantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-warning-item\"\u003e\n\u003cspan class=\"tb-warning-icon\"\u003e👨⚕️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConsultez votre médecin\u003c\/strong\u003e en cas de prise de médicaments (anticoagulants, antihypertenseurs, antidiabétiques, antidépresseurs)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-warning-item\"\u003e\n\u003cspan class=\"tb-warning-icon\"\u003e📏\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eNe pas dépasser\u003c\/strong\u003e la dose journalière recommandée de 2 gélules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-warning-item\"\u003e\n\u003cspan class=\"tb-warning-icon\"\u003e🔞\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRéservé aux adultes\u003c\/strong\u003e - tenir hors de portée des enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"tb-warning-footer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Conservez dans un endroit frais et sec.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"tb-grid\"\u003e\n\u003cdiv class=\"tb-info-card\"\u003e\n\u003cdiv class=\"tb-info-icon\"\u003e💊\u003c\/div\u003e\n\u003ch3\u003eContenance\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e\u003cbr\u003eCure d'1 mois\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-info-card\"\u003e\n\u003cdiv class=\"tb-info-icon\"\u003e🏭\u003c\/div\u003e\n\u003ch3\u003eFabricant\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLabophyto\u003c\/strong\u003e\u003cbr\u003eFabricant français de bien-être\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-info-card\"\u003e\n\u003cdiv class=\"tb-info-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eComposition\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e100% naturelle\u003c\/strong\u003e\u003cbr\u003eCertifiée bio, sans OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"tb-cta-box\"\u003e\n\u003cdiv class=\"tb-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"tb-cta-content\"\u003e\n\u003cp\u003e🌸 \u003cstrong\u003e\u003cspan style=\"color: white;\"\u003eRévélez votre beauté naturelle\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eFaites confiance à Top Bust Poitrine pour sublimer votre silhouette de manière naturelle et saine. Une formule unique qui respecte votre corps et valorise votre féminité.\u003c\/p\u003e\n\u003cp\u003e✨ Retrouvez confiance et harmonie avec un complément 100% naturel, fabriqué en France selon les plus hauts standards de qualité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --tb-cream: #faf8f9;\n --tb-white: #ffffff;\n --tb-primary: #8B6BA8;\n --tb-primary-dark: #6A4E8A;\n --tb-primary-light: #e8dff0;\n --tb-secondary: #C9A8D4;\n --tb-accent: #b88fd1;\n --tb-text: #1a1a1a;\n --tb-text-light: #5a5a5a;\n --tb-border: #e0e0e0;\n --tb-shadow: 0 4px 24px rgba(139, 107, 168, 0.08);\n --tb-shadow-lg: 0 12px 48px rgba(139, 107, 168, 0.15);\n --tb-radius: 20px;\n --tb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--tb-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.tb-hero {\n position: relative;\n background: linear-gradient(135deg, #8B6BA8 0%, #A884C4 50%, #C9A8D4 100%);\n border-radius: var(--tb-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(--tb-shadow-lg);\n}\n\n.tb-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 radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 70%, white 2px, transparent 2px),\n radial-gradient(circle at 40% 80%, white 1px, transparent 1px),\n radial-gradient(circle at 70% 20%, white 1.5px, transparent 1.5px);\n background-size: 80px 80px, 100px 100px, 60px 60px, 90px 90px;\n background-position: 0 0, 40px 40px, 20px 20px, 60px 60px;\n}\n\n.tb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tb-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.tb-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(--tb-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.tb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n}\n\n.tb-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.tb-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n}\n\n.tb-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2.2vw, 18px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n text-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.tb-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tb-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--tb-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.tb-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(--tb-primary), var(--tb-secondary));\n border-radius: 2px;\n}\n\n.tb-premium h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 700;\n color: var(--tb-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.tb-premium p {\n margin: 0 0 1rem 0;\n color: var(--tb-text);\n line-height: 1.7;\n}\n\n.tb-premium strong {\n color: var(--tb-primary-dark);\n font-weight: 700;\n}\n\n\/* === GRILLES === *\/\n.tb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.tb-card {\n background: var(--tb-white);\n border-radius: var(--tb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tb-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.tb-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tb-shadow-lg);\n border-color: var(--tb-primary);\n}\n\n.tb-card-icon {\n font-size: clamp(36px, 5vw, 48px);\n margin-bottom: 1rem;\n}\n\n.tb-card h3 {\n margin-bottom: 0.75rem;\n}\n\n.tb-card p {\n margin: 0;\n font-size: 15px;\n color: var(--tb-text-light);\n}\n\n\/* === COMPOSITION === *\/\n.tb-composition-intro {\n background: var(--tb-primary-light);\n border-radius: var(--tb-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 2rem;\n text-align: center;\n border-left: 4px solid var(--tb-primary);\n}\n\n.tb-composition-intro p {\n margin: 0;\n font-size: clamp(15px, 2.2vw, 17px);\n font-weight: 500;\n color: var(--tb-primary-dark);\n}\n\n.tb-ingredient-card {\n background: var(--tb-white);\n border-radius: var(--tb-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--tb-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.tb-ingredient-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tb-shadow-lg);\n border-color: var(--tb-secondary);\n}\n\n.tb-ingredient-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 0.75rem;\n}\n\n.tb-ingredient-emoji {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.tb-ingredient-header h3 {\n margin: 0 0 4px 0;\n font-size: 17px;\n}\n\n.tb-dosage {\n display: block;\n font-size: 13px;\n font-weight: 700;\n color: var(--tb-primary);\n background: var(--tb-primary-light);\n padding: 2px 8px;\n border-radius: 6px;\n display: inline-block;\n}\n\n.tb-ingredient-card p {\n margin: 0;\n font-size: 14px;\n color: var(--tb-text-light);\n line-height: 1.5;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.tb-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.tb-usage-card {\n background: linear-gradient(135deg, var(--tb-white) 0%, var(--tb-primary-light) 100%);\n border-radius: var(--tb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tb-shadow);\n border: 2px solid var(--tb-primary);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.tb-usage-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tb-shadow-lg);\n}\n\n.tb-usage-number {\n position: absolute;\n top: -10px;\n right: 15px;\n font-size: 80px;\n font-weight: 900;\n color: var(--tb-primary);\n opacity: 0.1;\n line-height: 1;\n}\n\n.tb-usage-card h3 {\n position: relative;\n z-index: 1;\n margin-bottom: 0.75rem;\n color: var(--tb-primary-dark);\n}\n\n.tb-usage-card p {\n position: relative;\n z-index: 1;\n margin: 0;\n font-size: 15px;\n}\n\n\/* === TIMELINE === *\/\n.tb-timeline {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n padding-left: 40px;\n}\n\n.tb-timeline::before {\n content: '';\n position: absolute;\n left: 15px;\n top: 0;\n bottom: 0;\n width: 3px;\n background: linear-gradient(180deg, var(--tb-primary), var(--tb-secondary));\n border-radius: 2px;\n}\n\n.tb-timeline-item {\n position: relative;\n padding-bottom: 2.5rem;\n}\n\n.tb-timeline-item:last-child {\n padding-bottom: 0;\n}\n\n.tb-timeline-marker {\n position: absolute;\n left: -40px;\n top: 0;\n width: 44px;\n height: 44px;\n background: var(--tb-primary);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n font-weight: 700;\n box-shadow: 0 0 0 4px var(--tb-cream), 0 4px 12px rgba(139, 107, 168, 0.3);\n z-index: 1;\n}\n\n.tb-timeline-content {\n background: var(--tb-white);\n border-radius: var(--tb-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--tb-shadow);\n border-left: 3px solid var(--tb-primary);\n}\n\n.tb-timeline-content h3 {\n margin-bottom: 0.5rem;\n color: var(--tb-primary);\n}\n\n.tb-timeline-content p {\n margin: 0;\n font-size: 15px;\n color: var(--tb-text-light);\n}\n\n\/* === TARGET CARDS === *\/\n.tb-target-card {\n background: var(--tb-white);\n border-radius: var(--tb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tb-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.tb-target-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tb-shadow-lg);\n border-color: var(--tb-secondary);\n}\n\n.tb-target-icon {\n font-size: clamp(40px, 6vw, 56px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.tb-target-card h3 {\n margin-bottom: 0.75rem;\n color: var(--tb-primary-dark);\n}\n\n.tb-target-card p {\n margin: 0;\n font-size: 15px;\n color: var(--tb-text-light);\n}\n\n\/* === QUALITY BOX === *\/\n.tb-quality-box {\n background: linear-gradient(135deg, var(--tb-primary-light) 0%, var(--tb-white) 100%);\n border-radius: var(--tb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--tb-secondary);\n box-shadow: var(--tb-shadow);\n}\n\n.tb-quality-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 2rem;\n}\n\n.tb-quality-item {\n text-align: center;\n}\n\n.tb-quality-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tb-quality-item h3 {\n margin-bottom: 0.5rem;\n color: var(--tb-primary-dark);\n font-size: 18px;\n}\n\n.tb-quality-item p {\n margin: 0;\n font-size: 14px;\n color: var(--tb-text-light);\n}\n\n\/* === WARNING BOX === *\/\n.tb-warning-box {\n background: #fff9f0;\n border-radius: var(--tb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border-left: 5px solid #ff9800;\n box-shadow: var(--tb-shadow);\n}\n\n.tb-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.tb-warning-item {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n}\n\n.tb-warning-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tb-warning-item p {\n margin: 0;\n font-size: 14px;\n line-height: 1.6;\n}\n\n.tb-warning-footer {\n margin: 0;\n padding-top: 1rem;\n border-top: 2px solid #ffe0b3;\n font-size: 13px;\n font-style: italic;\n color: var(--tb-text-light);\n text-align: center;\n}\n\n\/* === INFO CARDS === *\/\n.tb-info-card {\n background: var(--tb-white);\n border-radius: var(--tb-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--tb-shadow);\n text-align: center;\n border: 2px solid var(--tb-primary-light);\n transition: all 0.3s ease;\n}\n\n.tb-info-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tb-shadow-lg);\n border-color: var(--tb-primary);\n}\n\n.tb-info-icon {\n font-size: 36px;\n margin-bottom: 0.75rem;\n display: block;\n}\n\n.tb-info-card h3 {\n margin-bottom: 0.5rem;\n color: var(--tb-primary);\n font-size: 16px;\n}\n\n.tb-info-card p {\n margin: 0;\n font-size: 14px;\n color: var(--tb-text-light);\n line-height: 1.6;\n}\n\n\/* === CTA BOX === *\/\n.tb-cta-box {\n background: linear-gradient(135deg, var(--tb-primary) 0%, var(--tb-primary-dark) 100%);\n border-radius: var(--tb-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--tb-shadow-lg);\n}\n\n.tb-cta-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 20px, white 20px, white 21px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, white 20px, white 21px);\n}\n\n.tb-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.tb-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.1);\n margin-bottom: 1rem;\n}\n\n.tb-cta-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .tb-grid,\n .tb-usage-grid,\n .tb-quality-grid,\n .tb-warning-grid {\n grid-template-columns: 1fr;\n }\n\n .tb-timeline {\n padding-left: 30px;\n }\n\n .tb-timeline-marker {\n left: -30px;\n width: 28px;\n height: 28px;\n font-size: 10px;\n }\n\n .tb-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tb-card,\n .tb-ingredient-card,\n .tb-usage-card,\n .tb-target-card,\n .tb-info-card,\n .tb-timeline-item {\n animation: fadeInUp 0.6s ease backwards;\n }\n\n .tb-card:nth-child(1),\n .tb-ingredient-card:nth-child(1),\n .tb-timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .tb-card:nth-child(2),\n .tb-ingredient-card:nth-child(2),\n .tb-timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .tb-card:nth-child(3),\n .tb-ingredient-card:nth-child(3),\n .tb-timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .tb-card:nth-child(4),\n .tb-ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n .tb-card:nth-child(5),\n .tb-ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n .tb-card:nth-child(6),\n .tb-ingredient-card:nth-child(6) { animation-delay: 0.6s; }\n .tb-card:nth-child(7),\n .tb-ingredient-card:nth-child(7) { animation-delay: 0.7s; }\n .tb-card:nth-child(8),\n .tb-ingredient-card:nth-child(8) { animation-delay: 0.8s; }\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 .tb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .tb-premium {\n --tb-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);\n --tb-shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.4);\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .tb-premium {\n background: white;\n padding: 1rem;\n }\n\n .tb-hero {\n break-inside: avoid;\n }\n\n .tb-card,\n .tb-ingredient-card,\n .tb-usage-card {\n break-inside: avoid;\n box-shadow: none;\n border: 1px solid #ccc;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755024769181,"sku":"REF1050","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/top-bust-labophyto-60-gelules-min.jpg?v=1772627071"},{"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-femme-bois-bande-solution-buvable-250-ml-labophyto-packshothd.webp?v=1785939531"},{"product_id":"fertitop-femme-fertilite-60-gelules-labophyto","title":"Fertitop Femme Fertilité - 60 Gélules - Labophyto","description":"\u003cdiv class=\"ft-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ft-hero\"\u003e\n \u003cdiv class=\"ft-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ft-hero-content\"\u003e\n \u003cdiv class=\"ft-badges-top\"\u003e\n \u003cspan class=\"ft-badge\"\u003e🌿 Maca + Inositol\u003c\/span\u003e\n \u003cspan class=\"ft-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003cspan class=\"ft-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"ft-badge\"\u003e🍃 Sans gluten · Sans lactose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ft-hero-title\"\u003eFertitop Femme Fertilité\u003c\/span\u003e\n \u003cp class=\"ft-subtitle\"\u003ePar Labophyto — Expert en bien-être intime\u003c\/p\u003e\n \u003cp class=\"ft-description\"\u003eLa synergie naturelle de maca, myo-inositol et vitamines B pour accompagner votre projet bébé en douceur et soutenir chaque étape de la conception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eFertitop Femme : le complément fertilité femme à base de maca, inositol et vitamines B\u003c\/h2\u003e\n \u003cp class=\"ft-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire fertilité femme\u003c\/strong\u003e naturel et complet ?\u003c\/p\u003e\n \u003cdiv class=\"ft-highlight-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eFertitop Femme\u003c\/strong\u003e de Labophyto réunit dans une seule gélule végétale les actifs les plus étudiés pour soutenir la conception : \u003cstrong\u003emaca\u003c\/strong\u003e, \u003cstrong\u003emyo-inositol\u003c\/strong\u003e, \u003cstrong\u003evitamine B9\u003c\/strong\u003e (acide folique), vitamines B5, B6, B12 et vitamine E. Cette synergie accompagne votre projet bébé en agissant sur l'équilibre hormonal, la qualité de l'ovulation et la vitalité globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003ePourquoi ces ingrédients sont essentiels pour la fertilité féminine\u003c\/h2\u003e\n \u003cp class=\"ft-section-intro\"\u003eChaque actif de Fertitop Femme joue un rôle précis dans le soutien à la conception.\u003c\/p\u003e\n \u003cdiv class=\"ft-grid\"\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🌱 Maca (380 mg)\u003c\/h3\u003e\n \u003cp\u003eRacine péruvienne traditionnellement utilisée pour soutenir l'énergie et l'équilibre hormonal. Dosée de façon optimale pour contribuer à un cycle régulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🧬 Inositol (240 mg)\u003c\/h3\u003e\n \u003cp\u003eAussi appelé myo-inositol, il participe à la signalisation de l'insuline et favorise une ovulation de qualité. L'un des actifs les plus recommandés pour la conception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🍊 Vitamine B9 (200 µg – 100 % VNR)\u003c\/h3\u003e\n \u003cp\u003eIndispensable avant et pendant la grossesse, elle contribue à la croissance des tissus maternels et au développement normal du tube neural du fœtus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E (12 mg – 100 % VNR)\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant, elle protège les cellules du stress oxydatif et soutient la qualité ovocytaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e⚡ Vitamines B5, B6, B12\u003c\/h3\u003e\n \u003cp\u003eElles réduisent la fatigue, participent à la régulation hormonale et soutiennent le métabolisme énergétique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🌹 Extrait de rose pâle (25 mg)\u003c\/h3\u003e\n \u003cp\u003eApporte des polyphénols aux propriétés apaisantes pour un bien-être global et une sérénité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eComposition complète pour 2 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"ft-composition-table\"\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eExtrait sec de Maca (\u003cem\u003eLepidium meyenii\u003c\/em\u003e, racine)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e380 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eInositol\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e240 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eExtrait sec de Rose pâle (\u003cem\u003eRosa centifolia\u003c\/em\u003e, fleur)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e25 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eVitamine E (acétate de D-alpha-tocophéryle)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e12 mg \u003csmall\u003e(100 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eVitamine B5 (D-pantothénate de calcium)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e6 mg \u003csmall\u003e(100 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eVitamine B6 (chlorhydrate de pyridoxine)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e1,4 mg \u003csmall\u003e(100 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eVitamine B9 (acide ptéroylmonoglutamique)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e200 µg \u003csmall\u003e(100 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eVitamine B12 (cyanocobalamine)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e2,5 µg \u003csmall\u003e(100 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-tip\"\u003e\n \u003cspan class=\"ft-tip-icon\"\u003eℹ️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eExcipients :\u003c\/strong\u003e carbonate de magnésium, sels de magnésium d'acides gras. \u003cstrong\u003eGélule végétale\u003c\/strong\u003e en hydroxypropylméthylcellulose. \u003cstrong\u003eSans gluten, sans lactose\u003c\/strong\u003e, sans additif synthétique. Fabrication française – Laboratoire Labophyto.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"ft-timeline\"\u003e\n \u003cdiv class=\"ft-timeline-item\"\u003e\n \u003cdiv class=\"ft-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence le matin au petit-déjeuner.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-item\"\u003e\n \u003cdiv class=\"ft-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-content\"\u003e\n \u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, une \u003cstrong\u003ecure de 3 mois\u003c\/strong\u003e est recommandée, correspondant au cycle naturel de maturation ovocytaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-item\"\u003e\n \u003cdiv class=\"ft-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-content\"\u003e\n \u003ch3\u003eMode de vie associé\u003c\/h3\u003e\n \u003cp\u003eAssociez cette cure à une alimentation équilibrée et une bonne gestion du stress pour maximiser les bénéfices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément alimentaire pour fertilité femme ?\u003c\/h2\u003e\n \u003cp class=\"ft-section-intro\"\u003eFertitop Femme convient aux femmes en âge de procréer qui souhaitent :\u003c\/p\u003e\n \u003cdiv class=\"ft-grid-compact\"\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🌸 Préparation naturelle\u003c\/h3\u003e\n \u003cp\u003ePréparer leur corps à la conception de façon naturelle et sereine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🔄 Cycle régulier\u003c\/h3\u003e\n \u003cp\u003eSoutenir un cycle menstruel régulier et une ovulation de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e💊 Apport vitaminique\u003c\/h3\u003e\n \u003cp\u003eCompléter leur apport en vitamines clés avant la grossesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e⚡ Énergie \u0026amp; vitalité\u003c\/h3\u003e\n \u003cp\u003eRetrouver énergie et vitalité pendant leur parcours de conception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ft-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ft-accordion\"\u003e\n \u003cdetails class=\"ft-accordion-item\"\u003e\n \u003csummary class=\"ft-accordion-header\"\u003e⚠️ Avertissements généraux\u003c\/summary\u003e\n \u003cdiv class=\"ft-accordion-content mt-3\"\u003e\n \u003cp\u003eNe remplace pas une alimentation variée, équilibrée, ni un mode de vie sain. Ne pas dépasser la dose journalière de 2 gélules. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ft-accordion-item\"\u003e\n \u003csummary class=\"ft-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"ft-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez l'avis de votre médecin avant toute prise de ce complément alimentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ft-accordion-item\"\u003e\n \u003csummary class=\"ft-accordion-header\"\u003e💊 Traitement médical en cours\u003c\/summary\u003e\n \u003cdiv class=\"ft-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médical ou de pathologie, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"ft-disclaimer\"\u003eCe complément alimentaire ne constitue pas un traitement médical et ne saurait se substituer à un suivi médical adapté.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ft-cream: #f9f5fb;\n --ft-white: #ffffff;\n --ft-primary: #7b2d8e;\n --ft-primary-dark: #5a1a6b;\n --ft-primary-light: #f3e8f9;\n --ft-secondary: #a855c7;\n --ft-accent: #d4a5e8;\n --ft-text: #1a1a1a;\n --ft-text-light: #5a5a5a;\n --ft-border: #e8dced;\n --ft-shadow: 0 4px 24px rgba(123,45,142,.08);\n --ft-shadow-lg: 0 12px 48px rgba(123,45,142,.15);\n --ft-radius: 20px;\n --ft-radius-sm: 12px;\n}\n\n.ft-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ft-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ft-hero {\n position: relative;\n background: linear-gradient(135deg, #5a1a6b 0%, #7b2d8e 40%, #a855c7 80%, #d4a5e8 100%);\n border-radius: var(--ft-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ft-shadow-lg);\n}\n\n.ft-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(212,165,232,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ft-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ft-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ft-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ft-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ft-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ft-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ft-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ft-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ft-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ft-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ft-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.ft-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ft-primary), var(--ft-secondary));\n border-radius: 2px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ft-highlight-box {\n background: var(--ft-white);\n border-radius: var(--ft-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ft-shadow);\n border-left: 4px solid var(--ft-primary);\n}\n\n.ft-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--ft-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.ft-card {\n background: var(--ft-white);\n border-radius: var(--ft-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ft-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ft-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ft-shadow-lg);\n border-color: var(--ft-primary);\n}\n\n.ft-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ft-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ft-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ft-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ft-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ft-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ft-grid-compact .ft-card {\n padding: 1rem;\n}\n\n.ft-grid-compact .ft-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ft-grid-compact .ft-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.ft-composition-table {\n background: var(--ft-white);\n border-radius: var(--ft-radius);\n box-shadow: var(--ft-shadow);\n overflow: hidden;\n}\n\n.ft-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--ft-border);\n gap: 1rem;\n}\n\n.ft-compo-row:last-child {\n border-bottom: none;\n}\n\n.ft-compo-row:nth-child(even) {\n background: var(--ft-primary-light);\n}\n\n.ft-compo-name {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ft-text);\n font-weight: 500;\n flex: 1;\n line-height: 1.4;\n}\n\n.ft-compo-name em {\n color: var(--ft-text-light);\n}\n\n.ft-compo-dose {\n font-size: clamp(13px, 2vw, 15px);\n font-weight: 800;\n color: var(--ft-primary-dark);\n white-space: nowrap;\n text-align: right;\n}\n\n.ft-compo-dose small {\n font-weight: 600;\n color: var(--ft-secondary);\n font-size: 11px;\n}\n\n\/* === TIMELINE === *\/\n.ft-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ft-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ft-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ft-primary), var(--ft-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ft-timeline-content {\n flex: 1;\n background: var(--ft-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ft-radius-sm);\n box-shadow: var(--ft-shadow);\n}\n\n.ft-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ft-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ft-timeline-content p {\n font-size: 14px;\n color: var(--ft-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDION === *\/\n.ft-accordion {\n background: var(--ft-white);\n border-radius: var(--ft-radius);\n box-shadow: var(--ft-shadow);\n overflow: hidden;\n}\n\n.ft-accordion-item {\n border-bottom: 1px solid var(--ft-border);\n margin: 0;\n padding: 0;\n}\n\n.ft-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ft-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ft-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ft-accordion-header:hover {\n background: var(--ft-primary-light);\n}\n\n.ft-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ft-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ft-primary);\n transition: transform .2s ease;\n}\n\n.ft-accordion-item[open] .ft-accordion-header::after {\n content: '−';\n}\n\n.ft-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ft-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ft-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ft-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ft-primary-light);\n border-radius: var(--ft-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ft-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ft-tip p {\n font-size: 14px;\n color: var(--ft-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ft-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ft-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === DISCLAIMER === *\/\n.ft-disclaimer {\n font-size: 12px;\n color: var(--ft-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ft-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ft-card {\n padding: 1.125rem;\n }\n\n .ft-section {\n margin-bottom: 1.75rem;\n }\n\n .ft-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ft-radius-sm);\n }\n\n .ft-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ft-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ft-grid-compact {\n gap: .625rem;\n }\n\n .ft-grid-compact .ft-card {\n padding: .75rem;\n }\n\n .ft-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ft-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ft-timeline-content h3 {\n font-size: 14px;\n }\n\n .ft-timeline-content p {\n font-size: 13px;\n }\n\n .ft-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ft-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ft-highlight-box {\n padding: 1.25rem;\n }\n\n .ft-compo-row {\n padding: .75rem 1rem;\n flex-direction: column;\n align-items: flex-start;\n gap: .25rem;\n }\n\n .ft-compo-dose {\n text-align: left;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ft-card {\n animation: ftFadeInUp .5s ease backwards;\n }\n .ft-card:nth-child(1) { animation-delay: .05s; }\n .ft-card:nth-child(2) { animation-delay: .1s; }\n .ft-card:nth-child(3) { animation-delay: .15s; }\n .ft-card:nth-child(4) { animation-delay: .2s; }\n .ft-card:nth-child(5) { animation-delay: .25s; }\n .ft-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ftFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ft-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755026374813,"sku":"REF1057","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Fertitop60gellules_1d1e0240-7652-4974-a31b-4938d9840251.webp?v=1772624460"},{"product_id":"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":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shatavari-bio-en-poudre-150g-ayur-vana-packshothd.webp?v=1788447196"},{"product_id":"ashwagandha-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Ashwagandha Bio - 150 g de Poudre en Sachet - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Ashwagandha Bio - 150 g de Poudre en Sachet - Ayur-Vana\nPalette détectée:\n - Primaire: #4BA3C3 (bleu azur\/turquoise du bandeau)\n - Secondaire: #D4A574 (kraft\/beige naturel du sachet)\n - Accent: #7CB342 (vert feuillage de la plante)\n - Neutre: #F5F0E8 (crème naturel)\nAmbiance: Naturel\/Ayurvédique, Bio, Authentique, Bien-être, Tradition indienne\nPréfixe CSS: ash\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"L'Ashwagandha Bio en poudre : votre allié naturel contre le stress au quotidien\"\n 2. \"Qu'est-ce que l'Ashwagandha et pourquoi est-elle si prisée ?\"\n 3. \"Les bienfaits de la poudre d'Ashwagandha Bio\"\n 4. \"Composition de l'Ashwagandha Bio Ayur-Vana\"\n 5. \"Comment utiliser la poudre d'Ashwagandha ? Posologie et conseils pratiques\"\n 6. \"Origine et engagements qualité Ayur-Vana\"\n 7. \"Pour qui est destinée l'Ashwagandha Bio en poudre ?\"\n 8. \"Précautions d'emploi et contre-indications\"\n 9. \"Conservation\"\n 10. \"Questions fréquentes sur l'Ashwagandha en poudre\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ash-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ash-hero\"\u003e\n \u003cdiv class=\"ash-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ash-hero-content\"\u003e\n \u003cdiv class=\"ash-badges-top\"\u003e\n \u003cspan class=\"ash-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"ash-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ash-badge\"\u003e⏱️ 50 jours d'utilisation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ash-hero-title\"\u003eAshwagandha Bio en Poudre\u003c\/span\u003e\n \u003cp class=\"ash-subtitle\"\u003eLe ginseng indien pour retrouver sérénité et vitalité\u003c\/p\u003e\n \u003cp class=\"ash-description\"\u003e150 g de poudre pure • Tradition ayurvédique millénaire • Adaptogène naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003eL'Ashwagandha Bio en poudre : votre allié naturel contre le stress au quotidien\u003c\/h2\u003e\n \u003cp class=\"ash-section-intro\"\u003eVous cherchez une solution naturelle pour mieux gérer le stress et retrouver votre vitalité ? L'Ashwagandha Bio en poudre d'Ayur-Vana est exactement ce qu'il vous faut.\u003c\/p\u003e\n \u003cdiv class=\"ash-grid-compact\"\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🧘 Adaptogène millénaire\u003c\/h3\u003e\n \u003cp\u003eUtilisée depuis plus de 3000 ans dans la tradition ayurvédique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e😌 Anti-stress naturel\u003c\/h3\u003e\n \u003cp\u003eAide l'organisme à gérer le stress au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e⚡ Vitalité retrouvée\u003c\/h3\u003e\n \u003cp\u003eSoutient votre énergie et votre endurance ; traditionnellement utilisé en Ayurvéda pour la vitalité et le désir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e💤 Sommeil de qualité\u003c\/h3\u003e\n \u003cp\u003eFavorise un repos véritablement réparateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003eQu'est-ce que l'Ashwagandha et pourquoi est-elle si prisée ?\u003c\/h2\u003e\n \u003cdiv class=\"ash-info-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003eashwagandha\u003c\/strong\u003e (\u003cem\u003eWithania somnifera\u003c\/em\u003e) fait partie des plantes adaptogènes les plus étudiées au monde. Son nom sanskrit signifie littéralement « odeur du cheval », en référence à la force et à la vitalité qu'elle confère traditionnellement.\u003c\/p\u003e\n \u003cp\u003eContrairement aux stimulants classiques qui épuisent l'organisme sur le long terme, cette racine précieuse aide votre corps à \u003cstrong\u003es'adapter naturellement aux différentes formes de stress\u003c\/strong\u003e : physique, émotionnel ou environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-tip\"\u003e\n \u003cspan class=\"ash-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eC'est cette capacité unique d'adaptation qui fait de l'ashwagandha bio un complément si apprécié des personnes actives, stressées ou simplement soucieuses de leur bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003eLes bienfaits de la poudre d'Ashwagandha Bio\u003c\/h2\u003e\n \u003cp class=\"ash-section-intro\"\u003eLa consommation régulière d'ashwagandha en poudre offre de nombreux bienfaits reconnus par la tradition ayurvédique et confirmés par des études scientifiques modernes.\u003c\/p\u003e\n \u003cdiv class=\"ash-grid\"\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🧠 Gestion du stress et de l'anxiété\u003c\/h3\u003e\n \u003cp\u003eAide à réguler le cortisol, l'hormone du stress, favorisant un état d'esprit plus serein tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🌙 Amélioration du sommeil\u003c\/h3\u003e\n \u003cp\u003ePrise le soir, l'ashwagandha favorise l'endormissement et un repos véritablement réparateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e💪 Soutien de la vitalité physique\u003c\/h3\u003e\n \u003cp\u003eContribue à maintenir votre énergie et votre endurance, particulièrement appréciée des sportifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🎯 Équilibre mental et cognitif\u003c\/h3\u003e\n \u003cp\u003eAide à maintenir la concentration, la mémoire et la clarté d'esprit au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🛡️ Renforcement des défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eSes propriétés antioxydantes participent au 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 4 --\u003e\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003eComposition de l'Ashwagandha Bio Ayur-Vana\u003c\/h2\u003e\n \u003cdiv class=\"ash-composition-box\"\u003e\n \u003cdiv class=\"ash-composition-highlight\"\u003e\n \u003cdiv class=\"ash-composition-text\"\u003e\n \u003cstrong\u003e🌱 Ingrédient unique\u003c\/strong\u003e\n \u003cp\u003e100% poudre de racine d'Ashwagandha* (\u003cem\u003eWithania somnifera\u003c\/em\u003e)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"ash-bio-mention\"\u003e*Ingrédient issu de l'agriculture biologique certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-purity-badges\"\u003e\n \u003cspan class=\"ash-purity-badge\"\u003e❌ Aucun additif\u003c\/span\u003e\n \u003cspan class=\"ash-purity-badge\"\u003e❌ Aucun excipient\u003c\/span\u003e\n \u003cspan class=\"ash-purity-badge\"\u003e❌ Aucun conservateur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-tip\"\u003e\n \u003cspan class=\"ash-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eCette formule minimaliste est un véritable gage de qualité : vous bénéficiez uniquement de la pureté de la plante, dans le respect de la tradition ayurvédique authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003eComment utiliser la poudre d'Ashwagandha ? Posologie et conseils pratiques\u003c\/h2\u003e\n \u003cdiv class=\"ash-dosage-box\"\u003e\n \u003cdiv class=\"ash-dosage-text\"\u003e\n \u003cstrong\u003ePosologie recommandée\u003c\/strong\u003e\n \u003cp\u003e1 cuillère à café rase (environ 3 g) par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ch3 class=\"ash-subsection-title\"\u003eModes de consommation\u003c\/h3\u003e\n \u003cdiv class=\"ash-grid-compact\"\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e💧 Dans l'eau\u003c\/h3\u003e\n \u003cp\u003eDiluée dans un grand verre d'eau tiède ou froide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🥛 Moon milk\u003c\/h3\u003e\n \u003cp\u003eMélangée à un lait végétal pour un moment relaxant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🥤 Smoothies\u003c\/h3\u003e\n \u003cp\u003eIncorporée dans vos smoothies, jus ou yaourts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🍲 Cuisine\u003c\/h3\u003e\n \u003cp\u003eAjoutée à vos soupes, porridges ou energy balls\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ch3 class=\"ash-subsection-title\"\u003eMoment idéal de prise\u003c\/h3\u003e\n \u003cdiv class=\"ash-timeline\"\u003e\n \u003cdiv class=\"ash-timeline-item\"\u003e\n \u003cspan class=\"ash-timeline-number\"\u003e☀️\u003c\/span\u003e\n \u003cdiv class=\"ash-timeline-content\"\u003e\n \u003ch3\u003eLe matin\u003c\/h3\u003e\n \u003cp\u003ePour soutenir votre énergie et votre concentration tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-timeline-item\"\u003e\n \u003cspan class=\"ash-timeline-number\"\u003e🌙\u003c\/span\u003e\n \u003cdiv class=\"ash-timeline-content\"\u003e\n \u003ch3\u003eLe soir\u003c\/h3\u003e\n \u003cp\u003e30 minutes avant le coucher pour favoriser un sommeil paisible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ash-tip\"\u003e\n \u003cspan class=\"ash-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e le goût de l'ashwagandha est terreux et légèrement amer. Si vous le trouvez trop prononcé, associez-la à une cuillère de miel ou à une boisson cacaotée pour l'adoucir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003eOrigine et engagements qualité Ayur-Vana\u003c\/h2\u003e\n \u003cp class=\"ash-section-intro\"\u003eAyur-Vana sélectionne ses racines d'ashwagandha auprès de producteurs indiens engagés dans l'agriculture biologique. Les plantes sont cultivées dans leur terroir d'origine, où le climat et les sols leur permettent de développer toute leur richesse en principes actifs.\u003c\/p\u003e\n \u003cdiv class=\"ash-grid\"\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🌿 Certification Agriculture Biologique\u003c\/h3\u003e\n \u003cp\u003eCulture sans pesticides ni engrais chimiques de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eConditionnement et contrôles qualité réalisés sur le territoire français\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n \u003cp\u003eChaque lot est analysé pour garantir pureté et conformité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e📦 Sachet refermable\u003c\/h3\u003e\n \u003cp\u003eConservation optimale de la fraîcheur et des propriétés de la poudre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003ePour qui est destinée l'Ashwagandha Bio en poudre ?\u003c\/h2\u003e\n \u003cp class=\"ash-section-intro\"\u003eCette poudre d'ashwagandha bio conviendra particulièrement si vous :\u003c\/p\u003e\n \u003cdiv class=\"ash-grid\"\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e😰 Périodes de stress intense\u003c\/h3\u003e\n \u003cp\u003eStress professionnel, personnel, examens ou surcharge mentale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e😴 Troubles du sommeil\u003c\/h3\u003e\n \u003cp\u003eDifficultés d'endormissement ou sommeil non réparateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🔋 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eÉpuisement malgré un repos suffisant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eOptimisation de la récupération et de l'endurance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e📚 Besoin de concentration\u003c\/h3\u003e\n \u003cp\u003eSoutien naturel des capacités cognitives et de mémorisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e👨‍🍳 Amateurs de cuisine\u003c\/h3\u003e\n \u003cp\u003ePour une utilisation culinaire créative et personnalisée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 \u0026 9 : ACCORDÉON --\u003e\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n \u003cdiv class=\"ash-accordion\"\u003e\n \u003cdetails class=\"ash-accordion-item\"\u003e\n \u003csummary class=\"ash-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"ash-accordion-content\"\u003e\n \u003cul\u003e\n \u003cli\u003eDéconseillé aux femmes enceintes ou allaitantes\u003c\/li\u003e\n \u003cli\u003eNe pas utiliser en cas d'hyperthyroïdie ou de troubles thyroïdiens sans avis médical\u003c\/li\u003e\n \u003cli\u003eDéconseillé aux personnes sous traitement immunosuppresseur ou sédatif\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ash-accordion-item\"\u003e\n \u003csummary class=\"ash-accordion-header\"\u003e📋 Recommandations d'usage\u003c\/summary\u003e\n \u003cdiv class=\"ash-accordion-content\"\u003e\n \u003cul\u003e\n \u003cli\u003eRespecter la dose journalière recommandée\u003c\/li\u003e\n \u003cli\u003eNe se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ash-accordion-item\"\u003e\n \u003csummary class=\"ash-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"ash-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace en aucun cas un traitement médical. En cas de doute ou de traitement en cours, consultez votre médecin ou votre pharmacien avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003eConservation\u003c\/h2\u003e\n \u003cdiv class=\"ash-conservation-box\"\u003e\n \u003cp\u003eConservez votre sachet d'ashwagandha poudre bio dans un endroit \u003cstrong\u003efrais, sec et à l'abri de la lumière\u003c\/strong\u003e. Refermez soigneusement le sachet après chaque utilisation pour préserver toutes les qualités de la poudre. À consommer de préférence avant la date indiquée sur l'emballage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ash-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ash-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre corps le soutien naturel qu'il mérite avec l'Ashwagandha Bio Ayur-Vana : \u003cstrong\u003e150 g de pureté ayurvédique\u003c\/strong\u003e pour retrouver sérénité, vitalité et un sommeil réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ash-disclaimer\"\u003eComplément alimentaire. Ne pas dépasser la dose journalière recommandée. Ne se substitue pas à une alimentation variée et équilibrée 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\/* === VARIABLES CSS === *\/\n:root {\n \/* Couleurs principales *\/\n --ash-cream: #F5F0E8;\n --ash-white: #ffffff;\n --ash-primary: #4BA3C3;\n --ash-primary-dark: #2E7D99;\n --ash-primary-light: #E8F4F8;\n --ash-secondary: #D4A574;\n --ash-accent: #7CB342;\n\n \/* Textes *\/\n --ash-text: #1a1a1a;\n --ash-text-light: #5a5a5a;\n\n \/* Effets *\/\n --ash-border: #e0e0e0;\n --ash-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ash-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ash-radius: 20px;\n --ash-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ash-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ash-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ash-hero {\n position: relative;\n background: linear-gradient(135deg, #4BA3C3 0%, #2E7D99 50%, #7CB342 100%);\n border-radius: var(--ash-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(--ash-shadow-lg);\n}\n\n.ash-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 15-20 15 8 0 16 7 20 15 4-8 12-15 20-15-8 0-16-7-20-15z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.ash-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ash-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.ash-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.ash-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n}\n\n\/* === BADGES === *\/\n.ash-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ash-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(--ash-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ash-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ash-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ash-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ash-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.ash-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(--ash-primary), var(--ash-accent));\n border-radius: 2px;\n}\n\n.ash-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ash-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.ash-subsection-title {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 700;\n color: var(--ash-primary-dark);\n margin: 1.5rem 0 1rem 0;\n text-align: center;\n}\n\n\/* === CARDS === *\/\n.ash-card {\n background: var(--ash-white);\n border-radius: var(--ash-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ash-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ash-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ash-shadow-lg);\n border-color: var(--ash-primary);\n}\n\n.ash-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ash-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ash-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ash-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ash-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ash-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ash-grid-compact .ash-card {\n padding: 1rem;\n}\n\n.ash-grid-compact .ash-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ash-grid-compact .ash-card p {\n font-size: 12px;\n}\n\n\/* === INFO BOX === *\/\n.ash-info-box {\n background: var(--ash-white);\n border-radius: var(--ash-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ash-shadow);\n margin-bottom: 1.25rem;\n}\n\n.ash-info-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ash-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.ash-info-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ash-composition-box {\n background: var(--ash-white);\n border-radius: var(--ash-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ash-shadow);\n text-align: center;\n margin-bottom: 1.25rem;\n}\n\n.ash-composition-highlight {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .75rem;\n}\n\n.ash-composition-icon {\n font-size: 48px;\n}\n\n.ash-composition-text strong {\n display: block;\n font-size: clamp(16px, 3vw, 20px);\n color: var(--ash-primary-dark);\n margin-bottom: .25rem;\n}\n\n.ash-composition-text p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ash-text-light);\n margin: 0;\n}\n\n.ash-bio-mention {\n font-size: 13px;\n color: var(--ash-accent);\n font-style: italic;\n margin-top: 1rem;\n}\n\n.ash-purity-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-bottom: 1.25rem;\n}\n\n.ash-purity-badge {\n background: var(--ash-primary-light);\n color: var(--ash-primary-dark);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n}\n\n\/* === DOSAGE BOX === *\/\n.ash-dosage-box {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--ash-primary) 0%, var(--ash-primary-dark) 100%);\n border-radius: var(--ash-radius);\n padding: 1.25rem 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.ash-dosage-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.ash-dosage-text strong {\n display: block;\n color: white;\n font-size: clamp(14px, 2.5vw, 16px);\n margin-bottom: .25rem;\n}\n\n.ash-dosage-text p {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 700;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.ash-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ash-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ash-timeline-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--ash-primary), var(--ash-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n}\n\n.ash-timeline-content {\n flex: 1;\n background: var(--ash-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ash-radius-sm);\n box-shadow: var(--ash-shadow);\n}\n\n.ash-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ash-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ash-timeline-content p {\n font-size: 14px;\n color: var(--ash-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ash-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ash-primary-light);\n border-radius: var(--ash-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ash-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ash-tip p {\n font-size: 14px;\n color: var(--ash-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CONSERVATION BOX === *\/\n.ash-conservation-box {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ash-white);\n border-radius: var(--ash-radius);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--ash-shadow);\n border-left: 4px solid var(--ash-accent);\n}\n\n.ash-conservation-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.ash-conservation-box p {\n font-size: clamp(14px, 2.5vw, 15px);\n color: var(--ash-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === ACCORDÉON === *\/\n.ash-accordion {\n background: var(--ash-white);\n border-radius: var(--ash-radius);\n box-shadow: var(--ash-shadow);\n overflow: hidden;\n}\n\n.ash-accordion-item {\n border-bottom: 1px solid var(--ash-border);\n margin: 0;\n padding: 0;\n}\n\n.ash-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ash-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ash-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.ash-accordion-header:hover {\n background: var(--ash-primary-light);\n}\n\n.ash-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ash-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ash-primary);\n transition: transform .2s ease;\n}\n\n.ash-accordion-item[open] .ash-accordion-header::after {\n content: '−';\n}\n\n.ash-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ash-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ash-accordion-content p {\n margin: 0;\n}\n\n.ash-accordion-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.ash-accordion-content li {\n margin-bottom: .5rem;\n}\n\n.ash-accordion-content li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ash-cta-box {\n background: linear-gradient(135deg, var(--ash-primary) 0%, var(--ash-primary-dark) 100%);\n border-radius: var(--ash-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ash-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.ash-disclaimer {\n font-size: 12px;\n color: var(--ash-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 .ash-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ash-card {\n padding: 1.125rem;\n }\n \n .ash-section {\n margin-bottom: 1.75rem;\n }\n \n .ash-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ash-radius-sm);\n }\n \n .ash-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ash-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ash-grid-compact {\n gap: .625rem;\n }\n \n .ash-grid-compact .ash-card {\n padding: .75rem;\n }\n \n .ash-timeline-number {\n width: 40px;\n height: 40px;\n font-size: 20px;\n }\n \n .ash-timeline-content {\n padding: .875rem 1rem;\n }\n \n .ash-timeline-content h3 {\n font-size: 14px;\n }\n \n .ash-timeline-content p {\n font-size: 13px;\n }\n \n .ash-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ash-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ash-dosage-box {\n flex-direction: column;\n text-align: center;\n padding: 1rem;\n }\n \n .ash-conservation-box {\n flex-direction: column;\n text-align: center;\n }\n \n .ash-info-box {\n padding: 1.25rem;\n }\n \n .ash-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ash-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ash-card:nth-child(1) { animation-delay: .05s; }\n .ash-card:nth-child(2) { animation-delay: .1s; }\n .ash-card:nth-child(3) { animation-delay: .15s; }\n .ash-card:nth-child(4) { animation-delay: .2s; }\n .ash-card:nth-child(5) { animation-delay: .25s; }\n .ash-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 .ash-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":45755114324125,"sku":"AY9931","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Ashwagandha-Bio-150-grammes-de-poudre-en-sachet-694903.jpg?v=1732719467"},{"product_id":"maca-poudre-bio-75-g-sol-semilla","title":"Maca Poudre Bio - 75 g - Sol Semilla","description":"\u003cdiv class=\"mc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mc-hero\"\u003e\n \u003cdiv class=\"mc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mc-hero-content\"\u003e\n \u003cdiv class=\"mc-badges-top\"\u003e\n \u003cspan class=\"mc-badge\"\u003e🌿 Bio certifié AB\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🇵🇪 Origine Pérou – Andes\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🥬 Vegan \u0026amp; RAW\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🏔️ +4 000 m d'altitude\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mc-hero-title\"\u003eMaca poudre bio\u003c\/span\u003e\n \u003cp class=\"mc-subtitle\"\u003eSol Semilla · Superaliments · 75 g\u003c\/p\u003e\n \u003cp class=\"mc-description\"\u003eLe superaliment ancestral des Andes pour réveiller votre énergie, soutenir votre vitalité et accompagner votre équilibre hormonal au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eMaca en poudre bio Sol Semilla : le superaliment des Andes pour votre vitalité\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eOriginaire des hauts plateaux péruviens, la \u003cstrong\u003emaca bio\u003c\/strong\u003e est l'un des superaliments les plus prisés au monde. Avec cette \u003cstrong\u003epoudre de maca\u003c\/strong\u003e signée Sol Semilla, vous profitez d'un produit \u003cstrong\u003ecru, vegan et certifié biologique\u003c\/strong\u003e, issu de racines cultivées à plus de 4 000 mètres d'altitude dans les Andes. Un concentré de nature, pur et sans aucun additif.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eBienfaits de la poudre de maca bio\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de la poudre de maca\u003c\/strong\u003e sont documentés depuis des siècles par les populations andines. Considérée comme une \u003cstrong\u003eplante adaptogène\u003c\/strong\u003e, elle aide votre organisme à mieux faire face aux sollicitations du quotidien.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⚡ Énergie et endurance\u003c\/h3\u003e\n \u003cp\u003eLa maca en poudre est réputée pour son effet tonifiant naturel, idéal en cas de fatigue passagère ou de baisse de régime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e❤️ Sexualité et fertilité\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour soutenir la libido et l'équilibre reproductif, tant chez l'homme que chez la femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌙 Équilibre hormonal\u003c\/h3\u003e\n \u003cp\u003eElle accompagne les femmes durant les périodes de fluctuations hormonales comme la ménopause ou les cycles irréguliers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧘 Résistance au stress\u003c\/h3\u003e\n \u003cp\u003eEn tant qu'adaptogène, la maca favorise une meilleure gestion du stress et soutient la clarté mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🥗 Richesse nutritionnelle\u003c\/h3\u003e\n \u003cp\u003eNaturellement pourvue en protéines, fibres, vitamines (C, B6) et minéraux (fer, calcium, potassium).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"mc-composition-box\"\u003e\n \u003cdiv class=\"mc-composition-highlight\"\u003e\n \u003cspan class=\"mc-composition-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"mc-composition-value\"\u003e100 % poudre de racine de maca biologique\u003c\/span\u003e\n \u003cspan class=\"mc-composition-latin\"\u003e\u003cem\u003eLepidium meyenii\u003c\/em\u003e · Origine Pérou – Andes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌱 Partie utilisée\u003c\/h3\u003e\n \u003cp\u003eRacine séchée naturellement puis réduite en poudre fine à basse température (qualité crue – RAW)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur, aucun excipient, aucun arôme ajouté. Vegan et sans gluten.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComment utiliser la maca poudre bio ?\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eLa \u003cstrong\u003epoudre maca bio\u003c\/strong\u003e de Sol Semilla se distingue par sa saveur douce, légèrement caramélisée, avec des notes de noisette. Elle s'intègre très facilement à votre alimentation :\u003c\/p\u003e\n \u003cdiv class=\"mc-timeline\"\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003e🥤 Smoothie ou jus de fruits\u003c\/h3\u003e\n \u003cp\u003eAjoutez une cuillère dans votre smoothie pour un petit-déjeuner revitalisant et gourmand.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003e🥣 Porridge et yaourt\u003c\/h3\u003e\n \u003cp\u003eSaupoudrez sur un porridge, un yaourt ou un bol de céréales pour un boost nutritionnel discret.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003e🥛 Lait végétal\u003c\/h3\u003e\n \u003cp\u003eMélangez dans un lait végétal chaud ou froid pour une boisson tonique réconfortante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003e🧁 Pâtisseries maison\u003c\/h3\u003e\n \u003cp\u003eIncorporez dans vos energy balls, pancakes ou gâteaux pour un supplément d'énergie naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-tip\"\u003e\n \u003cspan class=\"mc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eDosage conseillé :\u003c\/strong\u003e commencez par ½ cuillère à café par jour, puis augmentez progressivement jusqu'à 1 à 2 cuillères à café selon votre ressenti. Consommez de préférence le matin ou en début d'après-midi pour profiter pleinement de son effet stimulant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePourquoi choisir la maca Sol Semilla ?\u003c\/h2\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e✅ Certifiée AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique européenne : cultivée sans pesticides ni engrais chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌡️ Qualité crue (RAW)\u003c\/h3\u003e\n \u003cp\u003eSéchage à basse température préservant l'intégralité des nutriments et enzymes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité irréprochable\u003c\/h3\u003e\n \u003cp\u003eContrôlée et élaborée par l'équipe Sol Semilla, spécialiste français des superaliments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🤝 Engagement éthique\u003c\/h3\u003e\n \u003cp\u003eFilière équitable soutenant les producteurs andins dans le respect de leur savoir-faire ancestral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e📦 Format pratique\u003c\/h3\u003e\n \u003cp\u003eSachet refermable de 75 g, idéal pour découvrir la maca ou l'emporter partout avec vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. En cas de traitement hormonal ou de pathologie particulière, consultez votre professionnel de santé avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"mc-disclaimer\"\u003eLes informations fournies ne se substituent pas à l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mc-cream: #faf6f0;\n --mc-white: #ffffff;\n --mc-primary: #c0623a;\n --mc-primary-dark: #8b3a1f;\n --mc-primary-light: #f5ebe3;\n --mc-secondary: #d4944a;\n --mc-accent: #5a8a3c;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #e6ddd3;\n --mc-shadow: 0 4px 24px rgba(139, 58, 31, .08);\n --mc-shadow-lg: 0 12px 48px rgba(139, 58, 31, .15);\n --mc-radius: 20px;\n --mc-radius-sm: 12px;\n}\n\n.mc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n position: relative;\n background: linear-gradient(135deg, #8b3a1f 0%, #c0623a 45%, #d4944a 100%);\n border-radius: var(--mc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mc-shadow-lg);\n}\n\n.mc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .03em;\n text-transform: uppercase;\n}\n\n.mc-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 620px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mc-primary), var(--mc-secondary));\n border-radius: 2px;\n}\n\n.mc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mc-card {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mc-shadow-lg);\n border-color: var(--mc-primary);\n}\n\n.mc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.mc-composition-box {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.mc-composition-highlight {\n background: linear-gradient(135deg, var(--mc-primary-light) 0%, var(--mc-white) 100%);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n text-align: center;\n border: 2px solid var(--mc-primary);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-composition-label {\n display: block;\n font-size: 12px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: var(--mc-primary);\n margin-bottom: .5rem;\n}\n\n.mc-composition-value {\n display: block;\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: var(--mc-primary-dark);\n margin-bottom: .5rem;\n line-height: 1.3;\n}\n\n.mc-composition-latin {\n display: block;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mc-primary), var(--mc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mc-timeline-content {\n flex: 1;\n background: var(--mc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mc-radius-sm);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mc-timeline-content p {\n font-size: 14px;\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mc-primary-light);\n border-radius: var(--mc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mc-tip p {\n font-size: 14px;\n color: var(--mc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.mc-testimonial {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mc-shadow);\n border-left: 4px solid var(--mc-primary);\n}\n\n.mc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n}\n\n.mc-accordion-item {\n border-bottom: 1px solid var(--mc-border);\n margin: 0;\n padding: 0;\n}\n\n.mc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mc-accordion-header:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mc-primary);\n transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n content: '−';\n}\n\n.mc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mc-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mc-disclaimer {\n font-size: 12px;\n color: var(--mc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mc-card {\n padding: 1.125rem;\n }\n\n .mc-section {\n margin-bottom: 1.75rem;\n }\n\n .mc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mc-radius-sm);\n }\n\n .mc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mc-grid-compact {\n gap: .625rem;\n }\n\n .mc-grid-compact .mc-card {\n padding: .75rem;\n }\n\n .mc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mc-timeline-content h3 {\n font-size: 14px;\n }\n\n .mc-timeline-content p {\n font-size: 13px;\n }\n\n .mc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mc-testimonial {\n padding: 1.25rem;\n }\n\n .mc-testimonial-text {\n font-size: 14px;\n }\n\n .mc-composition-highlight {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mc-card {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-card:nth-child(1) { animation-delay: .05s; }\n .mc-card:nth-child(2) { animation-delay: .1s; }\n .mc-card:nth-child(3) { animation-delay: .15s; }\n .mc-card:nth-child(4) { animation-delay: .2s; }\n .mc-card:nth-child(5) { animation-delay: .25s; }\n .mc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755130970269,"sku":"REF1365","price":6.65,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/maca-poudre-bio-75-g-sol-semilla-lifestyle_b7ac1786-f639-441c-9d0f-cd369534bae8.webp?v=1772724476"},{"product_id":"oleoceane-omega-3-citron-250-ml-jade-recherche","title":"Oléocéane Oméga 3 Citron - 250 Ml - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Oléocéane Oméga 3 Citron - Jade Recherche\nPalette détectée:\n - Primaire: #F7D000 (jaune vif du packaging, dominante principale)\n - Secondaire: #2E8B3D (vert du texte \"Oléocéane Oméga3\")\n - Accent: #E8A000 (orange\/doré de la goutte d'huile et du bouchon)\n - Fond foncé: #1A3A5C (bleu marine de l'huile\/bouteille)\nAmbiance: Fraîcheur méditerranéenne, naturel, familial, santé au quotidien\nStyle: Naturel\/frais avec touches ensoleillées, citronné et océanique\nPréfixe CSS: oleo\n--\u003e\n\n\u003cdiv class=\"oleo-premium\"\u003e\n \n \u003cdiv class=\"oleo-hero\"\u003e\n \u003cdiv class=\"oleo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"oleo-hero-content\"\u003e\n \u003cdiv class=\"oleo-badges-top\"\u003e\n \u003cspan class=\"oleo-badge\"\u003e🍋 Goût citron agréable\u003c\/span\u003e\n \u003cspan class=\"oleo-badge\"\u003e🐟 98,5% huile de poisson\u003c\/span\u003e\n \u003cspan class=\"oleo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"oleo-hero-title\"\u003eOléocéane Oméga 3 Citron\u003c\/span\u003e\n \u003cp class=\"oleo-subtitle\"\u003eL'huile de poisson que toute la famille va adorer\u003c\/p\u003e\n \u003cp class=\"oleo-description\"\u003eConcentrée en EPA et DHA, subtilement parfumée au citron pour éliminer tout arrière-goût de poisson. Même les enfants l'apprécient !\u003c\/p\u003e\n \u003cdiv class=\"oleo-hero-stats\"\u003e\n \u003cdiv class=\"oleo-stat\"\u003e\n \u003cspan class=\"oleo-stat-number\"\u003e1380mg\u003c\/span\u003e\n \u003cspan class=\"oleo-stat-label\"\u003eOméga 3 \/ dose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-stat\"\u003e\n \u003cspan class=\"oleo-stat-number\"\u003e850mg\u003c\/span\u003e\n \u003cspan class=\"oleo-stat-label\"\u003eEPA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-stat\"\u003e\n \u003cspan class=\"oleo-stat-number\"\u003e550mg\u003c\/span\u003e\n \u003cspan class=\"oleo-stat-label\"\u003eDHA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e🧠 Pourquoi les oméga 3 sont essentiels ?\u003c\/h2\u003e\n \u003cdiv class=\"oleo-intro-box\"\u003e\n \u003cp\u003eLes acides gras oméga 3, notamment l'\u003cstrong\u003eEPA\u003c\/strong\u003e et le \u003cstrong\u003eDHA\u003c\/strong\u003e, sont des nutriments que votre corps ne peut pas fabriquer lui-même. Notre alimentation moderne, souvent pauvre en poissons gras, crée des carences fréquentes.\u003c\/p\u003e\n \u003cp class=\"oleo-highlight\"\u003eLes bienfaits sont reconnus par l'Autorité européenne de sécurité des aliments (EFSA) qui a validé plusieurs allégations santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits validés scientifiquement\u003c\/h2\u003e\n \u003cdiv class=\"oleo-grid\"\u003e\n \u003cdiv class=\"oleo-card\"\u003e\n \u003cdiv class=\"oleo-card-icon\"\u003e🧠\u003c\/div\u003e\n \u003ch3\u003eFonction cérébrale\u003c\/h3\u003e\n \u003cp\u003eÀ partir de \u003cstrong\u003e250 mg de DHA\/jour\u003c\/strong\u003e, contribue au maintien d'une fonction cérébrale normale.\u003c\/p\u003e\n \u003cspan class=\"oleo-dose\"\u003e½ cuillère à café suffit\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-card\"\u003e\n \u003cdiv class=\"oleo-card-icon\"\u003e👁️\u003c\/div\u003e\n \u003ch3\u003eVision normale\u003c\/h3\u003e\n \u003cp\u003eLe DHA contribue au maintien d'une \u003cstrong\u003evision normale\u003c\/strong\u003e. Idéal pour préserver vos yeux au quotidien.\u003c\/p\u003e\n \u003cspan class=\"oleo-dose\"\u003e250 mg DHA\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-card\"\u003e\n \u003cdiv class=\"oleo-card-icon\"\u003e❤️\u003c\/div\u003e\n \u003ch3\u003eSanté cardiaque\u003c\/h3\u003e\n \u003cp\u003eL'association EPA + DHA à partir de 250 mg\/jour contribue à une \u003cstrong\u003efonction cardiaque normale\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cspan class=\"oleo-dose\"\u003e½ cuillère à café\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-card\"\u003e\n \u003cdiv class=\"oleo-card-icon\"\u003e💓\u003c\/div\u003e\n \u003ch3\u003eTension artérielle\u003c\/h3\u003e\n \u003cp\u003eÀ partir de \u003cstrong\u003e3 g d'EPA et DHA\/jour\u003c\/strong\u003e, contribue au maintien d'une pression sanguine normale.\u003c\/p\u003e\n \u003cspan class=\"oleo-dose\"\u003e3 cuillères à café\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-card\"\u003e\n \u003cdiv class=\"oleo-card-icon\"\u003e📊\u003c\/div\u003e\n \u003ch3\u003eTriglycérides\u003c\/h3\u003e\n \u003cp\u003eÀ partir de \u003cstrong\u003e2 g d'EPA et DHA\/jour\u003c\/strong\u003e, contribue à une concentration normale de triglycérides.\u003c\/p\u003e\n \u003cspan class=\"oleo-dose\"\u003e2 cuillères à café\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-card\"\u003e\n \u003cdiv class=\"oleo-card-icon\"\u003e🤰\u003c\/div\u003e\n \u003ch3\u003eGrossesse \u0026amp; allaitement\u003c\/h3\u003e\n \u003cp\u003eLe DHA maternel contribue au \u003cstrong\u003edéveloppement normal\u003c\/strong\u003e du cerveau et des yeux du bébé.\u003c\/p\u003e\n \u003cspan class=\"oleo-dose\"\u003eSur avis médical\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e🍋 Ce qui rend Oléocéane unique\u003c\/h2\u003e\n \u003cdiv class=\"oleo-unique-box\"\u003e\n \u003cdiv class=\"oleo-unique-content\"\u003e\n \u003cdiv class=\"oleo-unique-problem\"\u003e\n \u003cspan class=\"oleo-unique-emoji\"\u003e😖\u003c\/span\u003e\n \u003ch4\u003eLe problème habituel\u003c\/h4\u003e\n \u003cp\u003eGoût de poisson prononcé, renvois désagréables, enfants qui refusent...\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-unique-arrow\"\u003e→\u003c\/div\u003e\n \u003cdiv class=\"oleo-unique-solution\"\u003e\n \u003cspan class=\"oleo-unique-emoji\"\u003e😋\u003c\/span\u003e\n \u003ch4\u003eLa solution Oléocéane\u003c\/h4\u003e\n \u003cp\u003eEssence de citron naturelle qui masque \u003cstrong\u003etotalement\u003c\/strong\u003e le goût de poisson !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"oleo-unique-result\"\u003eRésultat ? Une huile légère et fraîche à ajouter sur vos salades, crudités ou plats froids. \u003cstrong\u003eVos enfants n'y verront que du feu !\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e🧪 Composition premium\u003c\/h2\u003e\n \u003cdiv class=\"oleo-composition-grid\"\u003e\n \u003cdiv class=\"oleo-ingredient-card oleo-ingredient-main\"\u003e\n \u003cdiv class=\"oleo-ingredient-icon\"\u003e🐟\u003c\/div\u003e\n \u003cdiv class=\"oleo-ingredient-info\"\u003e\n \u003ch4\u003eHuile de poisson\u003c\/h4\u003e\n \u003cspan class=\"oleo-ingredient-percent\"\u003e98,5%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eSource concentrée d'acides gras essentiels EPA et DHA de haute qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-ingredient-card\"\u003e\n \u003cdiv class=\"oleo-ingredient-icon\"\u003e🍋\u003c\/div\u003e\n \u003cdiv class=\"oleo-ingredient-info\"\u003e\n \u003ch4\u003eEssence de citron\u003c\/h4\u003e\n \u003cspan class=\"oleo-ingredient-percent\"\u003eNaturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003ePour un goût frais et agréable sans arrière-goût de poisson\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"oleo-nutrition-table\"\u003e\n \u003ch4\u003eValeurs nutritionnelles\u003c\/h4\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-header\"\u003e\n \u003cspan\u003ePour 1 cuillère à café (5 ml)\u003c\/span\u003e\n \u003cspan\u003eApports\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row\"\u003e\n \u003cspan\u003eÉnergie\u003c\/span\u003e\n \u003cspan\u003e188 kJ \/ 42 Kcal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row\"\u003e\n \u003cspan\u003eMatières grasses\u003c\/span\u003e\n \u003cspan\u003e4,6 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub\"\u003e\n \u003cspan\u003e↳ Acides gras saturés\u003c\/span\u003e\n \u003cspan\u003e1,2 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub\"\u003e\n \u003cspan\u003e↳ Acides gras mono-insaturés\u003c\/span\u003e\n \u003cspan\u003e1 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub\"\u003e\n \u003cspan\u003e↳ Acides gras polyinsaturés\u003c\/span\u003e\n \u003cspan\u003e1,8 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-highlight\"\u003e\n \u003cspan\u003e🔥 Oméga 3 totaux\u003c\/span\u003e\n \u003cspan\u003e≥ 1380 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub oleo-nutrition-omega\"\u003e\n \u003cspan\u003e↳ EPA\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e850 mg\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub oleo-nutrition-omega\"\u003e\n \u003cspan\u003e↳ DHA\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e550 mg\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e📝 Comment utiliser Oléocéane ?\u003c\/h2\u003e\n \u003cdiv class=\"oleo-usage-grid\"\u003e\n \u003cdiv class=\"oleo-usage-card\"\u003e\n \u003cdiv class=\"oleo-usage-dose\"\u003e\n \u003cspan class=\"oleo-dose-icon\"\u003e🥄\u003c\/span\u003e\n \u003cspan class=\"oleo-dose-amount\"\u003e½ c. à café\u003c\/span\u003e\n \u003cspan class=\"oleo-dose-ml\"\u003e2,5 ml\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch4\u003eDose d'entretien\u003c\/h4\u003e\n \u003cp\u003ePour les bienfaits sur la fonction cérébrale, visuelle et cardiaque au quotidien.\u003c\/p\u003e\n \u003cul class=\"oleo-dose-benefits\"\u003e\n \u003cli\u003e690 mg d'oméga 3\u003c\/li\u003e\n \u003cli\u003e425 mg EPA + 275 mg DHA\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-usage-card oleo-usage-optimal\"\u003e\n \u003cdiv class=\"oleo-usage-dose\"\u003e\n \u003cspan class=\"oleo-dose-icon\"\u003e🥄🥄\u003c\/span\u003e\n \u003cspan class=\"oleo-dose-amount\"\u003e1 à 2 c. à café\u003c\/span\u003e\n \u003cspan class=\"oleo-dose-ml\"\u003e5 à 10 ml\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch4\u003eDose optimale\u003c\/h4\u003e\n \u003cp\u003eSelon vos besoins spécifiques pour un effet renforcé.\u003c\/p\u003e\n \u003cul class=\"oleo-dose-benefits\"\u003e\n \u003cli\u003e1380 à 2760 mg d'oméga 3\u003c\/li\u003e\n \u003cli\u003eSoutien cardiovasculaire intensif\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"oleo-tips\"\u003e\n \u003ch4\u003e💡 Nos conseils d'utilisation\u003c\/h4\u003e\n \u003cdiv class=\"oleo-tips-grid\"\u003e\n \u003cdiv class=\"oleo-tip\"\u003e\n \u003cspan class=\"oleo-tip-icon\"\u003e🥗\u003c\/span\u003e\n \u003cp\u003eVersez directement sur vos \u003cstrong\u003esalades, légumes vapeur tièdes\u003c\/strong\u003e ou tartines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-tip\"\u003e\n \u003cspan class=\"oleo-tip-icon\"\u003e🥤\u003c\/span\u003e\n \u003cp\u003eAjoutez dans vos \u003cstrong\u003esmoothies\u003c\/strong\u003e pour un boost nutritionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-tip\"\u003e\n \u003cspan class=\"oleo-tip-icon\"\u003e🚫🔥\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas chauffer\u003c\/strong\u003e pour préserver la qualité des acides gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-tip\"\u003e\n \u003cspan class=\"oleo-tip-icon\"\u003e🦐\u003c\/span\u003e\n \u003cp\u003eS'accorde parfaitement avec le \u003cstrong\u003epoisson et les fruits de mer\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e👥 Pour qui est cette huile ?\u003c\/h2\u003e\n \u003cdiv class=\"oleo-profiles-grid\"\u003e\n \u003cdiv class=\"oleo-profile\"\u003e\n \u003cspan class=\"oleo-profile-icon\"\u003e👶\u003c\/span\u003e\n \u003ch4\u003eLes enfants\u003c\/h4\u003e\n \u003cp\u003eQui refusent de manger du poisson\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-profile\"\u003e\n \u003cspan class=\"oleo-profile-icon\"\u003e📚\u003c\/span\u003e\n \u003ch4\u003eLes étudiants\u003c\/h4\u003e\n \u003cp\u003eEn période d'examens pour soutenir les fonctions cognitives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-profile\"\u003e\n \u003cspan class=\"oleo-profile-icon\"\u003e💼\u003c\/span\u003e\n \u003ch4\u003eLes actifs\u003c\/h4\u003e\n \u003cp\u003eSoucieux de leur santé cardiovasculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-profile\"\u003e\n \u003cspan class=\"oleo-profile-icon\"\u003e👴\u003c\/span\u003e\n \u003ch4\u003eLes seniors\u003c\/h4\u003e\n \u003cp\u003eSouhaitant préserver mémoire et vision\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-profile\"\u003e\n \u003cspan class=\"oleo-profile-icon\"\u003e🤰\u003c\/span\u003e\n \u003ch4\u003eFemmes enceintes\u003c\/h4\u003e\n \u003cp\u003ePour le bon développement de bébé (avis médical)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-profile\"\u003e\n \u003cspan class=\"oleo-profile-icon\"\u003e🏃\u003c\/span\u003e\n \u003ch4\u003eLes sportifs\u003c\/h4\u003e\n \u003cp\u003ePour favoriser une bonne récupération musculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e⚠️ Précautions \u0026amp; conservation\u003c\/h2\u003e\n \u003cdiv class=\"oleo-precautions\"\u003e\n \u003cdiv class=\"oleo-precaution-item\"\u003e\n \u003cspan class=\"oleo-precaution-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eConserver à l'abri de la lumière, au sec, \u0026lt; 25°C\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-precaution-item\"\u003e\n \u003cspan class=\"oleo-precaution-icon\"\u003e❄️\u003c\/span\u003e\n \u003cp\u003eAprès ouverture : réfrigérateur, consommer sous 3 mois\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-precaution-item\"\u003e\n \u003cspan class=\"oleo-precaution-icon\"\u003e💊\u003c\/span\u003e\n \u003cp\u003eTraitement anticoagulant ? Consultez votre médecin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003csection class=\"oleo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"oleo-cta-box\"\u003e\n \u003cdiv class=\"oleo-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"oleo-cta-content\"\u003e\n \u003cspan class=\"oleo-cta-emoji\"\u003e🍋🐟\u003c\/span\u003e\n \u003cp\u003eProfitez enfin des \u003cstrong\u003ebienfaits des oméga 3\u003c\/strong\u003e sans compromis sur le goût. Une solution pratique et savoureuse pour toute la famille, validée par les autorités européennes de santé.\u003c\/p\u003e\n \u003cdiv class=\"oleo-cta-badge\"\u003e\n \u003cspan\u003eJade Recherche\u003c\/span\u003e\n \u003cspan\u003e•\u003c\/span\u003e\n \u003cspan\u003eQualité française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --oleo-cream: #FFFDF5;\n --oleo-white: #ffffff;\n --oleo-primary: #F7D000;\n --oleo-primary-dark: #C5A600;\n --oleo-primary-light: #FFF8D6;\n --oleo-secondary: #2E8B3D;\n --oleo-secondary-light: #E8F5EA;\n --oleo-accent: #E8A000;\n --oleo-ocean: #1A3A5C;\n --oleo-ocean-light: #E8F0F8;\n --oleo-text: #1a1a1a;\n --oleo-text-light: #5a5a5a;\n --oleo-border: #e8e4d8;\n --oleo-shadow: 0 4px 24px rgba(26,58,92,.08);\n --oleo-shadow-lg: 0 12px 48px rgba(26,58,92,.15);\n --oleo-radius: 20px;\n --oleo-radius-sm: 12px;\n}\n\n.oleo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--oleo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--oleo-text);\n line-height: 1.6;\n}\n\n.oleo-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.oleo-hero {\n position: relative;\n background: linear-gradient(135deg, var(--oleo-ocean) 0%, #2A5A7C 40%, var(--oleo-secondary) 100%);\n border-radius: var(--oleo-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--oleo-shadow-lg);\n}\n\n.oleo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(247,208,0,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(247,208,0,.1) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-1.5 0-3 2-3 5s1.5 5 3 5 3-2 3-5-1.5-5-3-5zm0 40c-1.5 0-3 2-3 5s1.5 5 3 5 3-2 3-5-1.5-5-3-5z' fill='%23F7D000' fill-opacity='.05'\/%3E%3C\/svg%3E\");\n opacity: .8;\n}\n\n.oleo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.oleo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.oleo-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--oleo-ocean);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.oleo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(247,208,0,.3);\n}\n\n.oleo-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.oleo-subtitle {\n color: var(--oleo-primary);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.oleo-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.oleo-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.oleo-stat {\n text-align: center;\n background: rgba(255,255,255,.1);\n backdrop-filter: blur(10px);\n padding: 1rem 1.5rem;\n border-radius: var(--oleo-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.oleo-stat-number {\n display: block;\n color: var(--oleo-primary);\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n}\n\n.oleo-stat-label {\n display: block;\n color: rgba(255,255,255,.8);\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.oleo-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.oleo-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--oleo-ocean);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.oleo-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--oleo-primary), var(--oleo-secondary));\n border-radius: 2px;\n}\n\n\/* === INTRO BOX === *\/\n.oleo-intro-box {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--oleo-shadow);\n border-left: 5px solid var(--oleo-primary);\n max-width: 900px;\n margin: 0 auto;\n}\n\n.oleo-intro-box p {\n font-size: clamp(15px, 2vw, 17px);\n color: var(--oleo-text);\n margin: 0 0 1rem 0;\n}\n\n.oleo-intro-box p:last-child {\n margin-bottom: 0;\n}\n\n.oleo-highlight {\n background: var(--oleo-primary-light);\n padding: 1rem 1.5rem;\n border-radius: var(--oleo-radius-sm);\n font-weight: 600;\n color: var(--oleo-ocean) !important;\n}\n\n\/* === GRILLES === *\/\n.oleo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS BÉNÉFICES === *\/\n.oleo-card {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--oleo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.oleo-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--oleo-shadow-lg);\n border-color: var(--oleo-primary);\n}\n\n.oleo-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.oleo-card h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0 0 .75rem 0;\n}\n\n.oleo-card p {\n font-size: 15px;\n color: var(--oleo-text-light);\n margin: 0 0 1rem 0;\n line-height: 1.6;\n}\n\n.oleo-dose {\n display: inline-block;\n background: var(--oleo-secondary-light);\n color: var(--oleo-secondary);\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n}\n\n\/* === UNIQUE BOX === *\/\n.oleo-unique-box {\n background: linear-gradient(135deg, var(--oleo-ocean-light) 0%, var(--oleo-primary-light) 100%);\n border-radius: var(--oleo-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--oleo-shadow);\n}\n\n.oleo-unique-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n}\n\n.oleo-unique-problem,\n.oleo-unique-solution {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius-sm);\n padding: 1.5rem;\n flex: 1;\n min-width: 250px;\n max-width: 350px;\n text-align: center;\n}\n\n.oleo-unique-problem {\n border: 2px dashed #e0e0e0;\n}\n\n.oleo-unique-solution {\n border: 2px solid var(--oleo-secondary);\n box-shadow: 0 4px 20px rgba(46,139,61,.15);\n}\n\n.oleo-unique-emoji {\n font-size: 40px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.oleo-unique-box h4 {\n font-size: 16px;\n font-weight: 800;\n margin: 0 0 .5rem 0;\n color: var(--oleo-ocean);\n}\n\n.oleo-unique-problem p,\n.oleo-unique-solution p {\n font-size: 14px;\n color: var(--oleo-text-light);\n margin: 0;\n}\n\n.oleo-unique-arrow {\n font-size: 32px;\n color: var(--oleo-secondary);\n font-weight: 900;\n}\n\n.oleo-unique-result {\n text-align: center;\n font-size: clamp(16px, 2vw, 18px);\n color: var(--oleo-ocean);\n margin: 0;\n padding: 1.5rem;\n background: var(--oleo-white);\n border-radius: var(--oleo-radius-sm);\n}\n\n\/* === COMPOSITION === *\/\n.oleo-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.oleo-ingredient-card {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: 1.5rem;\n box-shadow: var(--oleo-shadow);\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.oleo-ingredient-card:hover {\n border-color: var(--oleo-primary);\n transform: translateY(-4px);\n}\n\n.oleo-ingredient-main {\n background: linear-gradient(135deg, var(--oleo-ocean-light) 0%, var(--oleo-white) 100%);\n border-color: var(--oleo-ocean);\n}\n\n.oleo-ingredient-icon {\n font-size: 48px;\n margin-bottom: .5rem;\n}\n\n.oleo-ingredient-info {\n margin-bottom: .75rem;\n}\n\n.oleo-ingredient-info h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0;\n}\n\n.oleo-ingredient-percent {\n display: inline-block;\n background: var(--oleo-primary);\n color: var(--oleo-ocean);\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 800;\n margin-top: 6px;\n}\n\n.oleo-ingredient-card p {\n font-size: 14px;\n color: var(--oleo-text-light);\n margin: 0;\n}\n\n\/* === TABLEAU NUTRITIONNEL === *\/\n.oleo-nutrition-table {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--oleo-shadow);\n max-width: 600px;\n margin: 0 auto;\n}\n\n.oleo-nutrition-table h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.oleo-nutrition-row {\n display: flex;\n justify-content: space-between;\n padding: 10px 0;\n border-bottom: 1px solid var(--oleo-border);\n font-size: 15px;\n}\n\n.oleo-nutrition-row:last-child {\n border-bottom: none;\n}\n\n.oleo-nutrition-header {\n font-weight: 700;\n color: var(--oleo-ocean);\n background: var(--oleo-ocean-light);\n margin: 0 -1.5rem;\n padding: 12px 1.5rem;\n border-radius: var(--oleo-radius-sm) var(--oleo-radius-sm) 0 0;\n}\n\n.oleo-nutrition-sub {\n padding-left: 1rem;\n font-size: 14px;\n color: var(--oleo-text-light);\n}\n\n.oleo-nutrition-highlight {\n background: var(--oleo-primary-light);\n margin: .5rem -1.5rem;\n padding: 12px 1.5rem;\n font-weight: 700;\n color: var(--oleo-ocean);\n}\n\n.oleo-nutrition-omega {\n background: var(--oleo-secondary-light);\n margin: 0 -1.5rem;\n padding: 10px 1.5rem 10px 2.5rem;\n color: var(--oleo-secondary);\n}\n\n\/* === USAGE === *\/\n.oleo-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.oleo-usage-card {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--oleo-shadow);\n border: 2px solid var(--oleo-border);\n transition: all .3s ease;\n}\n\n.oleo-usage-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--oleo-shadow-lg);\n}\n\n.oleo-usage-optimal {\n border-color: var(--oleo-secondary);\n background: linear-gradient(135deg, var(--oleo-secondary-light) 0%, var(--oleo-white) 100%);\n}\n\n.oleo-usage-dose {\n text-align: center;\n margin-bottom: 1rem;\n padding-bottom: 1rem;\n border-bottom: 2px dashed var(--oleo-border);\n}\n\n.oleo-dose-icon {\n font-size: 32px;\n display: block;\n margin-bottom: .25rem;\n}\n\n.oleo-dose-amount {\n display: block;\n font-size: 22px;\n font-weight: 900;\n color: var(--oleo-ocean);\n}\n\n.oleo-dose-ml {\n display: block;\n font-size: 14px;\n color: var(--oleo-text-light);\n}\n\n.oleo-usage-card h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0 0 .5rem 0;\n text-align: center;\n}\n\n.oleo-usage-card \u003e p {\n font-size: 14px;\n color: var(--oleo-text-light);\n text-align: center;\n margin: 0 0 1rem 0;\n}\n\n.oleo-dose-benefits {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.oleo-dose-benefits li {\n padding: 6px 0 6px 24px;\n position: relative;\n font-size: 14px;\n color: var(--oleo-text);\n}\n\n.oleo-dose-benefits li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--oleo-secondary);\n font-weight: 700;\n}\n\n\/* === TIPS === *\/\n.oleo-tips {\n background: var(--oleo-primary-light);\n border-radius: var(--oleo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n}\n\n.oleo-tips h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0 0 1.5rem 0;\n text-align: center;\n}\n\n.oleo-tips-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n}\n\n.oleo-tip {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius-sm);\n padding: 1rem;\n text-align: center;\n transition: all .3s ease;\n}\n\n.oleo-tip:hover {\n transform: translateY(-4px);\n box-shadow: var(--oleo-shadow);\n}\n\n.oleo-tip-icon {\n font-size: 32px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.oleo-tip p {\n font-size: 14px;\n color: var(--oleo-text);\n margin: 0;\n}\n\n\/* === PROFILES === *\/\n.oleo-profiles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.oleo-profile {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: 1.5rem 1rem;\n text-align: center;\n box-shadow: var(--oleo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.oleo-profile:hover {\n border-color: var(--oleo-primary);\n transform: translateY(-4px);\n}\n\n.oleo-profile-icon {\n font-size: 40px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.oleo-profile h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0 0 .25rem 0;\n}\n\n.oleo-profile p {\n font-size: 13px;\n color: var(--oleo-text-light);\n margin: 0;\n line-height: 1.4;\n}\n\n\/* === FAQ === *\/\n.oleo-faq {\n max-width: 800px;\n margin: 0 auto;\n}\n\n.oleo-faq-item {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 1rem;\n box-shadow: var(--oleo-shadow);\n border-left: 4px solid var(--oleo-primary);\n}\n\n.oleo-faq-item:last-child {\n margin-bottom: 0;\n}\n\n.oleo-faq-item h4 {\n font-size: 17px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0 0 .75rem 0;\n}\n\n.oleo-faq-item p {\n font-size: 15px;\n color: var(--oleo-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.oleo-precautions {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1rem;\n background: #FFF8F0;\n border-radius: var(--oleo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid #FFE4CC;\n}\n\n.oleo-precaution-item {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.oleo-precaution-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.oleo-precaution-item p {\n font-size: 14px;\n color: var(--oleo-text);\n margin: 0;\n}\n\n\/* === PRODUCT INFO === *\/\n.oleo-product-info {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1rem;\n}\n\n.oleo-info-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--oleo-white);\n border-radius: var(--oleo-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--oleo-shadow);\n}\n\n.oleo-info-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.oleo-info-item strong {\n display: block;\n font-size: 14px;\n color: var(--oleo-ocean);\n margin-bottom: 2px;\n}\n\n.oleo-info-item p {\n font-size: 14px;\n color: var(--oleo-text-light);\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.oleo-cta-box {\n background: linear-gradient(135deg, var(--oleo-ocean) 0%, #2A5A7C 50%, var(--oleo-secondary) 100%);\n border-radius: var(--oleo-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.oleo-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(247,208,0,.15) 0%, transparent 50%);\n}\n\n.oleo-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.oleo-cta-emoji {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.oleo-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n}\n\n.oleo-cta-badge {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n padding: 10px 24px;\n border-radius: 999px;\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.oleo-cta-badge span {\n color: var(--oleo-primary);\n font-size: 14px;\n font-weight: 700;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .oleo-grid {\n grid-template-columns: 1fr;\n }\n \n .oleo-hero-stats {\n gap: 1rem;\n }\n \n .oleo-stat {\n padding: .75rem 1rem;\n }\n \n .oleo-unique-arrow {\n transform: rotate(90deg);\n }\n \n .oleo-profiles-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .oleo-nutrition-header,\n .oleo-nutrition-highlight,\n .oleo-nutrition-omega {\n margin-left: -1rem;\n margin-right: -1rem;\n padding-left: 1rem;\n padding-right: 1rem;\n }\n \n .oleo-nutrition-table {\n padding: 1rem;\n }\n}\n\n@media (max-width: 480px) {\n .oleo-profiles-grid {\n grid-template-columns: 1fr;\n }\n \n .oleo-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .oleo-card,\n .oleo-profile,\n .oleo-ingredient-card,\n .oleo-usage-card,\n .oleo-faq-item,\n .oleo-info-item {\n animation: oleoFadeInUp .6s ease backwards;\n }\n \n .oleo-card:nth-child(1), .oleo-profile:nth-child(1) { animation-delay: .1s; }\n .oleo-card:nth-child(2), .oleo-profile:nth-child(2) { animation-delay: .15s; }\n .oleo-card:nth-child(3), .oleo-profile:nth-child(3) { animation-delay: .2s; }\n .oleo-card:nth-child(4), .oleo-profile:nth-child(4) { animation-delay: .25s; }\n .oleo-card:nth-child(5), .oleo-profile:nth-child(5) { animation-delay: .3s; }\n .oleo-card:nth-child(6), .oleo-profile:nth-child(6) { animation-delay: .35s; }\n}\n\n@keyframes oleoFadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .oleo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .oleo-card,\n .oleo-profile,\n .oleo-faq-item {\n border: 2px solid var(--oleo-text);\n }\n \n .oleo-badge {\n border: 2px solid var(--oleo-ocean);\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755216691357,"sku":"JADEOLEO250","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/oleoceane-omega-3-citron-250-ml-jade-recherche-packshothd.webp?v=1786012222"},{"product_id":"shatavari-bio-stimulant-feminin-60-ayurvana","title":"Shatavari Bio - Stimulant Feminin - 60 gélules - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shatavari Bio - Stimulant Féminin\nPalette détectée:\n - Primaire: #D4567C (rose fuchsia du packaging)\n - Secondaire: #7FBB45 (vert naturel des feuilles)\n - Accent: #F5D5A8 (crème\/beige du fond packaging)\nAmbiance: Féminin, naturel, ayurvédique, doux et chaleureux\nPréfixe CSS: stv\n--\u003e\n\n\u003cdiv class=\"stv-premium\"\u003e\n\n\u003cdiv class=\"stv-hero\"\u003e\n\u003cdiv class=\"stv-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"stv-hero-content\"\u003e\n\u003cdiv class=\"stv-badges-top\"\u003e\n\u003cspan class=\"stv-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n\u003cspan class=\"stv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"stv-badge\"\u003e♀️ Bien-être féminin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"stv-hero-title\"\u003eShatavari Bio\u003c\/span\u003e\n\u003cp class=\"stv-subtitle\"\u003e« Celle qui possède cent maris » — Le trésor ayurvédique de la féminité\u003c\/p\u003e\n\u003cp class=\"stv-description\"\u003eDepuis plus de 4500 ans, le Shatavari accompagne les femmes à chaque étape de leur vie. Plante adaptogène exceptionnelle pour l'équilibre hormonal et la vitalité intime.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits pour votre bien-être\u003c\/h2\u003e\n\u003cdiv class=\"stv-grid\"\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre hormonal\u003c\/h3\u003e\n\u003cp\u003eAccompagne naturellement les cycles irréguliers, le syndrome prémenstruel et les bouleversements de la périménopause.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e❄️ Effet rafraîchissant\u003c\/h3\u003e\n\u003cp\u003eApaise les sensations de chaleur excessive et les bouffées de chaleur qui perturbent le quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e💕 Stimulation de la libido\u003c\/h3\u003e\n\u003cp\u003eFavorise naturellement le désir et la vitalité intime en nourrissant les tissus reproducteurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e💧 Hydratation des muqueuses\u003c\/h3\u003e\n\u003cp\u003eRiche en mucilages naturels, contribue au confort intime, particulièrement lors de la ménopause.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e🌱 Composition pure et naturelle\u003c\/h2\u003e\n\u003cdiv class=\"stv-compo-grid\"\u003e\n\u003cdiv class=\"stv-card stv-compo-card\"\u003e\n\u003cdiv class=\"stv-dosage\"\u003e1300 mg\u003c\/div\u003e\n\u003ch3\u003e🌿 Racine de Shatavari bio\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eAsparagus racemosus\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003eRacines issues de l'agriculture biologique en Inde, concentrant saponines, mucilages et flavonoïdes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card stv-compo-card\"\u003e\n\u003cdiv class=\"stv-dosage\"\u003e100%\u003c\/div\u003e\n\u003ch3\u003e🍃 Gélule végétale\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eHPMC\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003eEnveloppe 100% végétale sans gélatine animale. Convient aux végétariens et végans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"stv-usage\"\u003e\n\u003cdiv class=\"stv-usage-step\"\u003e\n\u003cdiv class=\"stv-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"stv-step-content\"\u003e\n\u003ch3\u003e☀️ Midi\u003c\/h3\u003e\n\u003cp\u003e2 gélules avec un verre d'eau avant le repas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-usage-step\"\u003e\n\u003cdiv class=\"stv-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"stv-step-content\"\u003e\n\u003ch3\u003e🌙 Soir\u003c\/h3\u003e\n\u003cp\u003e2 gélules avec un verre d'eau avant le repas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-usage-step\"\u003e\n\u003cdiv class=\"stv-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"stv-step-content\"\u003e\n\u003ch3\u003e📅 Durée\u003c\/h3\u003e\n\u003cp\u003eCure de 1 à 3 mois pour des résultats optimaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-tip-box\"\u003e\n\u003cp\u003e💡 \u003cstrong\u003e1 pilulier = 15 jours de cure.\u003c\/strong\u003e Premiers effets ressentis après 2 à 3 semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e👩 Pour qui est ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"stv-grid\"\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e🌙 Cycles perturbés\u003c\/h3\u003e\n\u003cp\u003eRègles douloureuses, irrégulières ou syndrome prémenstruel impactant le quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e🔥 Ménopause\u003c\/h3\u003e\n\u003cp\u003eBouffées de chaleur, sautes d'humeur et inconforts de cette période de transition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e💝 Baisse de désir\u003c\/h3\u003e\n\u003cp\u003eRetrouver une vitalité intime naturelle sans hormones de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e🤱 Projet bébé\u003c\/h3\u003e\n\u003cp\u003ePréparer son corps à la conception en nourrissant les tissus reproducteurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e🏃‍♀️ Femmes actives\u003c\/h3\u003e\n\u003cp\u003eSoutenir l'énergie et la récupération tout en maintenant l'équilibre hormonal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eSolutions bio et ayurvédiques, pures et sans additifs chimiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e🕉️ La sagesse ayurvédique\u003c\/h2\u003e\n\u003cdiv class=\"stv-card stv-ayurveda-card\"\u003e\n\u003cdiv class=\"stv-ayurveda-grid\"\u003e\n\u003cdiv class=\"stv-ayurveda-item\"\u003e\n\u003cspan\u003e⚖️\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eÉquilibre des doshas\u003c\/h3\u003e\n\u003cp\u003eApaise Pitta et Vata, souvent en excès chez les femmes modernes stressées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-ayurveda-item\"\u003e\n\u003cspan\u003e🔄\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003ePlante adaptogène\u003c\/h3\u003e\n\u003cp\u003eS'adapte au stress physique et émotionnel selon vos besoins spécifiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-ayurveda-item\"\u003e\n\u003cspan\u003e💎\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eRasayana féminin\u003c\/h3\u003e\n\u003cp\u003eÉlixir de jouvence qui régénère l'appareil reproducteur féminin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-ayurveda-item\"\u003e\n\u003cspan\u003e🌊\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eNourrit Rasa Dhatu\u003c\/h3\u003e\n\u003cp\u003ePremier tissu corporel, responsable de l'hydratation et de la vitalité reproductive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"stv-accordion\"\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e🤰 Peut-on le prendre pendant la grossesse ?\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003eBien que traditionnellement utilisé en Inde pour soutenir la lactation, nous recommandons de consulter votre médecin ou sage-femme avant toute supplémentation pendant la grossesse ou l'allaitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e💇 Aide-t-il contre la chute de cheveux ?\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003eLe Shatavari n'est pas spécifiquement dédié à la chute de cheveux, mais en soutenant l'équilibre hormonal, il peut indirectement contribuer à la santé capillaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e⏱️ Combien de temps pour ressentir les effets ?\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003eLes premiers bienfaits se font généralement sentir après 2 à 4 semaines de prise régulière. Pour des résultats durables, une cure de 2 à 3 mois est recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e🌿 Peut-on l'associer à d'autres plantes ?\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003eOui, le Shatavari se marie parfaitement avec l'Ashwagandha pour le stress, le Tribulus pour la vitalité ou le Gingembre pour la digestion. En cas de traitement médical, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e🏆 Nos garanties qualité\u003c\/h2\u003e\n\u003cdiv class=\"stv-grid-compact\"\u003e\n\u003cdiv class=\"stv-card stv-quality-card\"\u003e\n\u003ch3\u003e🌿 Bio Ecocert\u003c\/h3\u003e\n\u003cp\u003eFR-BIO-01\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card stv-quality-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eNormes strictes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card stv-quality-card\"\u003e\n\u003ch3\u003e🇮🇳 Origine Inde\u003c\/h3\u003e\n\u003cp\u003eTerroir ancestral\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card stv-quality-card\"\u003e\n\u003ch3\u003e🔬 Contrôlé\u003c\/h3\u003e\n\u003cp\u003eChaque lot testé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"stv-accordion\"\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e📦 Contenance et format\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e de 423 mg chacune • Poids net : 25,4 g • 15 jours de cure à 4 gélules\/jour\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003eNe pas dépasser 4 gélules par jour. Déconseillé aux femmes enceintes et allaitantes sans avis médical. Ne se substitue pas à une alimentation variée et équilibrée. En cas de traitement hormonal, consulter votre médecin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"stv-cta-box\"\u003e\n\u003cp class=\"stv-cta-title\"\u003e🌸 Offrez à votre corps la sagesse millénaire de l'Ayurveda\u003c\/p\u003e\n\u003cp\u003eLe Shatavari Bio est bien plus qu'un complément alimentaire : c'est un véritable allié pour votre équilibre hormonal et votre épanouissement à chaque étape de votre vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --stv-cream: #FDF8F3;\n --stv-white: #ffffff;\n --stv-primary: #D4567C;\n --stv-primary-dark: #B8456A;\n --stv-primary-light: #FFF0F5;\n --stv-secondary: #7FBB45;\n --stv-secondary-light: #F0F9E8;\n --stv-accent: #F5D5A8;\n --stv-text: #1a1a1a;\n --stv-text-light: #5a5a5a;\n --stv-border: #e8e0d8;\n --stv-shadow: 0 4px 24px rgba(212,86,124,.08);\n --stv-shadow-lg: 0 12px 48px rgba(212,86,124,.15);\n --stv-radius: 20px;\n --stv-radius-sm: 12px;\n}\n\n.stv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--stv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.stv-hero {\n position: relative;\n background: linear-gradient(135deg, var(--stv-primary) 0%, #E88BA3 50%, var(--stv-secondary) 100%);\n border-radius: var(--stv-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(--stv-shadow-lg);\n}\n\n.stv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .06;\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}\n\n.stv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.stv-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: .75rem;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.stv-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(--stv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.stv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.stv-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 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.stv-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 font-style: italic;\n}\n\n.stv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.stv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.stv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--stv-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.stv-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(--stv-primary), var(--stv-secondary));\n border-radius: 2px;\n}\n\n.stv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.stv-card {\n background: var(--stv-white);\n border-radius: var(--stv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--stv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.stv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--stv-shadow-lg);\n border-color: var(--stv-primary);\n}\n\n.stv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--stv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.stv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--stv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.stv-compo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.stv-compo-card {\n background: linear-gradient(135deg, var(--stv-secondary-light) 0%, var(--stv-white) 100%);\n}\n\n.stv-dosage {\n font-size: 36px;\n font-weight: 900;\n color: var(--stv-secondary);\n margin-bottom: .5rem;\n}\n\n.stv-compo-card em {\n color: var(--stv-text-light);\n font-size: 13px;\n}\n\n.stv-usage {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.stv-usage-step {\n background: var(--stv-white);\n border-radius: var(--stv-radius-sm);\n padding: 1.25rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n box-shadow: var(--stv-shadow);\n}\n\n.stv-step-num {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--stv-primary), var(--stv-secondary));\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.stv-step-content h3 {\n font-size: 15px;\n font-weight: 800;\n color: var(--stv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.stv-step-content p {\n font-size: 13px;\n color: var(--stv-text-light);\n margin: 0;\n}\n\n.stv-tip-box {\n background: var(--stv-accent);\n border-radius: var(--stv-radius-sm);\n padding: 1rem 1.25rem;\n text-align: center;\n}\n\n.stv-tip-box p {\n margin: 0;\n font-size: 14px;\n color: var(--stv-text);\n}\n\n.stv-ayurveda-card {\n background: linear-gradient(135deg, var(--stv-primary-light) 0%, var(--stv-secondary-light) 100%);\n}\n\n.stv-ayurveda-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.stv-ayurveda-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n text-align: left;\n}\n\n.stv-ayurveda-item \u003e span {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.stv-ayurveda-item h3 {\n font-size: 15px;\n margin: 0 0 .25rem 0;\n}\n\n.stv-ayurveda-item p {\n font-size: 13px;\n margin: 0;\n}\n\n.stv-accordion {\n background: var(--stv-white);\n border-radius: var(--stv-radius);\n box-shadow: var(--stv-shadow);\n overflow: hidden;\n}\n\n.stv-accordion-item {\n border-bottom: 1px solid var(--stv-border);\n margin: 0;\n padding: 0;\n}\n\n.stv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.stv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--stv-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.stv-accordion-header:hover {\n background: var(--stv-primary-light);\n}\n\n.stv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.stv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--stv-primary);\n transition: transform .2s ease;\n}\n\n.stv-accordion-item[open] .stv-accordion-header::after {\n content: '−';\n}\n\n.stv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--stv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.stv-accordion-content p {\n margin: 0;\n}\n\n.stv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.stv-quality-card {\n padding: 1rem;\n}\n\n.stv-quality-card h3 {\n font-size: 14px;\n margin-bottom: .25rem;\n}\n\n.stv-quality-card p {\n font-size: 12px;\n}\n\n.stv-cta-box {\n background: linear-gradient(135deg, var(--stv-primary) 0%, var(--stv-primary-dark) 100%);\n border-radius: var(--stv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.stv-cta-title {\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: white;\n margin-bottom: 1rem;\n}\n\n.stv-cta-box p {\n color: white;\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n font-weight: 500;\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .stv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .stv-compo-grid {\n grid-template-columns: 1fr;\n }\n \n .stv-usage {\n grid-template-columns: 1fr;\n }\n \n .stv-ayurveda-grid {\n grid-template-columns: 1fr;\n }\n \n .stv-card {\n padding: 1.125rem;\n }\n \n .stv-section {\n margin-bottom: 1.75rem;\n }\n \n .stv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--stv-radius-sm);\n }\n \n .stv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .stv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .stv-grid-compact {\n gap: .625rem;\n }\n \n .stv-grid-compact .stv-card {\n padding: .75rem;\n }\n \n .stv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .stv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .stv-card {\n animation: stvFadeInUp .5s ease backwards;\n }\n .stv-card:nth-child(1) { animation-delay: .05s; }\n .stv-card:nth-child(2) { animation-delay: .1s; }\n .stv-card:nth-child(3) { animation-delay: .15s; }\n .stv-card:nth-child(4) { animation-delay: .2s; }\n .stv-card:nth-child(5) { animation-delay: .25s; }\n .stv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes stvFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .stv-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":45785550389405,"sku":"AY9016","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shatavari-bio_60-gelules_ayurvana.jpg?v=1766916038"},{"product_id":"ashwagandha-bio-extrait-revitalisante-et-anti-stress-ayurvana","title":"Ashwagandha Bio 60 gélules - Revitalisant \u0026 Anti-stress - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Ashwagandha Bio 60 gélules - Ayur-Vana\nPalette détectée:\n - Primaire: #00A5B5 (turquoise vif du packaging - couvercle et base)\n - Secondaire: #E8B44D (doré\/orangé des motifs paisley et du nom \"Extrait\")\n - Accent: #8B5A2B (brun terreux des racines illustrées)\n - Fond: #F5F0E6 (crème\/beige du corps du packaging)\nAmbiance: Ayurvédique, naturel\/bio, traditionnel indien avec motifs paisley colorés, chaleureux et apaisant\nPréfixe CSS: ash\n--\u003e\n\n\u003cdiv class=\"ash-premium\"\u003e\n \n \u003cdiv class=\"ash-hero\"\u003e\n \u003cdiv class=\"ash-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ash-hero-content\"\u003e\n \u003cdiv class=\"ash-badges-top\"\u003e\n \u003cspan class=\"ash-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"ash-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ash-badge\"\u003e🌱 100% Végétal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ash-hero-title\"\u003eAshwagandha Bio en gélules\u003c\/span\u003e\n \u003cp class=\"ash-subtitle\"\u003eLe ginseng indien au service de votre sérénité\u003c\/p\u003e\n \u003cp class=\"ash-description\"\u003eExtrait concentré de Withania somnifera • 900 mg par dose • Plante adaptogène millénaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003e🎯 Vos bénéfices au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"ash-grid\"\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e😌 Anti-stress naturel\u003c\/h3\u003e\n \u003cp\u003eAide à réguler le cortisol et apaise les tensions sans provoquer de somnolence. Retrouvez votre calme intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🌙 Sommeil réparateur\u003c\/h3\u003e\n \u003cp\u003eFavorise l'endormissement et améliore la qualité du sommeil. Réveillez-vous véritablement reposé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e⚡ Vitalité retrouvée\u003c\/h3\u003e\n \u003cp\u003eCombat la fatigue chronique et restaure votre énergie en profondeur. Endurance physique et mentale renforcée. L'ashwagandha est aussi traditionnellement utilisé en Ayurvéda pour la vitalité et le désir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants, elle soutient votre système immunitaire et protège vos cellules du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003e🧬 Composition pure\u003c\/h2\u003e\n \u003cdiv class=\"ash-composition-box\"\u003e\n \u003cdiv class=\"ash-ingredient-main\"\u003e\n \u003cdiv class=\"ash-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"ash-ingredient-info\"\u003e\n \u003cspan class=\"ash-ingredient-name\"\u003eExtrait de racines d'Ashwagandha bio\u003c\/span\u003e\n \u003cspan class=\"ash-ingredient-latin\"\u003eWithania somnifera\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-ingredient-dose\"\u003e900 mg\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-ingredient-secondary\"\u003e\n \u003cspan\u003eEnveloppe : hypromellose (gélule 100% végétale)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-clean-label\"\u003e\n \u003cspan\u003e✓ Sans additif\u003c\/span\u003e\n \u003cspan\u003e✓ Sans excipient\u003c\/span\u003e\n \u003cspan\u003e✓ Sans conservateur\u003c\/span\u003e\n \u003cspan\u003e✓ Sans OGM\u003c\/span\u003e\n \u003cspan\u003e✓ Sans gluten\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003e👤 Pour qui sont ces gélules d'Ashwagandha bio ?\u003c\/h2\u003e\n \u003cdiv class=\"ash-grid\"\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e📚 Périodes intenses\u003c\/h3\u003e\n \u003cp\u003eExamens, charge de travail élevée, événements de vie stressants : retrouvez votre équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e😴 Troubles du sommeil\u003c\/h3\u003e\n \u003cp\u003eNuits agitées, difficultés d'endormissement liés à l'anxiété ou au surmenage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🔋 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eQuand le repos seul ne suffit plus à dissiper l'épuisement chronique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e☯️ Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003ePour maintenir votre sérénité au quotidien de façon naturelle et respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ash-usage-box\"\u003e\n \u003cdiv class=\"ash-usage-grid\"\u003e\n \u003cdiv class=\"ash-usage-item\"\u003e\n \u003cspan class=\"ash-usage-number\"\u003e1-2\u003c\/span\u003e\n \u003cspan class=\"ash-usage-label\"\u003egélules\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-usage-item\"\u003e\n \u003cspan class=\"ash-usage-number\"\u003e🍽️\u003c\/span\u003e\n \u003cspan class=\"ash-usage-label\"\u003ePendant les repas\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-usage-item\"\u003e\n \u003cspan class=\"ash-usage-number\"\u003e1-3\u003c\/span\u003e\n \u003cspan class=\"ash-usage-label\"\u003emois de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-tips\"\u003e\n \u003cdiv class=\"ash-tip\"\u003e\n \u003cstrong\u003e🌙 Pour le sommeil :\u003c\/strong\u003e privilégiez la prise au dîner\n \u003c\/div\u003e\n \u003cdiv class=\"ash-tip\"\u003e\n \u003cstrong\u003e☀️ Pour l'énergie :\u003c\/strong\u003e préférez le matin ou le midi\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"ash-grid-compact\"\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e💊 60 gélules\u003c\/h3\u003e\n \u003cp\u003eVégétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e📅 30 à 60 jours\u003c\/h3\u003e\n \u003cp\u003eSelon dosage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🏷️ Certifié Bio\u003c\/h3\u003e\n \u003cp\u003eFR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eQualité garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"ash-accordion\"\u003e\n \u003cdetails class=\"ash-accordion-item\"\u003e\n \u003csummary class=\"ash-accordion-header\"\u003e⏱️ Combien de temps avant de ressentir les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"ash-accordion-content\"\u003e\n \u003cp\u003eLes premiers effets sur le stress et la détente peuvent se faire sentir dès les premiers jours. Pour le sommeil et la vitalité, comptez généralement 2 à 4 semaines d'utilisation régulière. Chaque organisme étant unique, soyez patient et constant dans votre prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ash-accordion-item\"\u003e\n \u003csummary class=\"ash-accordion-header\"\u003e📆 Peut-on prendre l'Ashwagandha sur le long terme ?\u003c\/summary\u003e\n \u003cdiv class=\"ash-accordion-content\"\u003e\n \u003cp\u003eL'Ashwagandha est traditionnellement utilisée sur de longues périodes. Nous vous conseillons toutefois de faire des pauses régulières (par exemple, une semaine de pause toutes les 6 à 8 semaines) pour maintenir une réponse optimale de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ash-accordion-item\"\u003e\n \u003csummary class=\"ash-accordion-header\"\u003e⚠️ Y a-t-il des contre-indications ?\u003c\/summary\u003e\n \u003cdiv class=\"ash-accordion-content\"\u003e\n \u003cp\u003eL'Ashwagandha est déconseillée aux femmes enceintes ou allaitantes, aux personnes souffrant d'hyperthyroïdie et à celles sous traitement immunosuppresseur. En cas de doute ou de traitement médical en cours, consultez votre médecin avant de commencer une cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"ash-accordion\"\u003e\n \u003cdetails class=\"ash-accordion-item\"\u003e\n \u003csummary class=\"ash-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ash-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ash-accordion-item\"\u003e\n \u003csummary class=\"ash-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ash-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Ce produit n'est pas un médicament et ne peut en aucun cas remplacer un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ash-accordion-item\"\u003e\n \u003csummary class=\"ash-accordion-header\"\u003e🌿 L'histoire de l'Ashwagandha\u003c\/summary\u003e\n \u003cdiv class=\"ash-accordion-content\"\u003e\n \u003cp\u003eSurnommée le \"ginseng indien\", l'Ashwagandha est utilisée depuis plus de 3000 ans dans la médecine traditionnelle ayurvédique. Son nom sanskrit signifie littéralement \"odeur du cheval\", faisant référence à la force et la vigueur qu'elle procurerait. Ce qui rend cette plante unique, c'est son action adaptogène : elle s'adapte intelligemment aux besoins de votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ash-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ash-cta-box\"\u003e\n \u003cp\u003e🌿 Retrouvez sérénité et vitalité avec cette plante adaptogène millénaire, pilier de l'Ayurvéda depuis plus de 3000 ans. Une formule pure, certifiée bio, pour vous accompagner naturellement au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ash-cream: #FAF8F3;\n --ash-white: #ffffff;\n --ash-primary: #00A5B5;\n --ash-primary-dark: #008999;\n --ash-primary-light: #E6F7F9;\n --ash-secondary: #E8B44D;\n --ash-secondary-dark: #C9952D;\n --ash-accent: #8B5A2B;\n --ash-text: #1a1a1a;\n --ash-text-light: #5a5a5a;\n --ash-border: #e0e0e0;\n --ash-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ash-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ash-radius: 20px;\n --ash-radius-sm: 12px;\n}\n\n.ash-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ash-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ash-hero {\n position: relative;\n background: linear-gradient(135deg, #00A5B5 0%, #008999 50%, #006B77 100%);\n border-radius: var(--ash-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(--ash-shadow-lg);\n}\n\n.ash-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 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 25c-8 0-15 3-15 7v3h30v-3c0-4-7-7-15-7z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.ash-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ash-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ash-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(--ash-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ash-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ash-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.ash-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.ash-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(13px, 2vw, 16px);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.ash-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ash-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ash-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.ash-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(--ash-primary), var(--ash-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.ash-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ash-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ash-card {\n background: var(--ash-white);\n border-radius: var(--ash-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ash-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ash-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ash-shadow-lg);\n border-color: var(--ash-primary);\n}\n\n.ash-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ash-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ash-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ash-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ash-grid-compact .ash-card {\n padding: 1rem;\n}\n\n.ash-grid-compact .ash-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ash-grid-compact .ash-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ash-composition-box {\n background: var(--ash-white);\n border-radius: var(--ash-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ash-shadow);\n}\n\n.ash-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1.25rem;\n background: linear-gradient(135deg, var(--ash-primary-light) 0%, #E6F9F3 100%);\n border-radius: var(--ash-radius-sm);\n margin-bottom: 1rem;\n flex-wrap: wrap;\n}\n\n.ash-ingredient-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.ash-ingredient-info {\n flex: 1;\n min-width: 150px;\n}\n\n.ash-ingredient-name {\n display: block;\n font-weight: 800;\n font-size: clamp(15px, 2.5vw, 18px);\n color: var(--ash-primary-dark);\n}\n\n.ash-ingredient-latin {\n display: block;\n font-size: 13px;\n color: var(--ash-text-light);\n font-style: italic;\n}\n\n.ash-ingredient-dose {\n font-size: clamp(24px, 5vw, 32px);\n font-weight: 900;\n color: var(--ash-primary);\n}\n\n.ash-ingredient-secondary {\n text-align: center;\n padding: .75rem;\n color: var(--ash-text-light);\n font-size: 14px;\n border-bottom: 1px solid var(--ash-border);\n margin-bottom: 1rem;\n}\n\n.ash-clean-label {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem 1rem;\n}\n\n.ash-clean-label span {\n font-size: 13px;\n font-weight: 600;\n color: var(--ash-accent);\n}\n\n\/* === USAGE BOX === *\/\n.ash-usage-box {\n background: var(--ash-white);\n border-radius: var(--ash-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ash-shadow);\n}\n\n.ash-usage-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.ash-usage-item {\n text-align: center;\n padding: 1rem;\n background: var(--ash-primary-light);\n border-radius: var(--ash-radius-sm);\n}\n\n.ash-usage-number {\n display: block;\n font-size: clamp(28px, 5vw, 36px);\n font-weight: 900;\n color: var(--ash-primary);\n}\n\n.ash-usage-label {\n display: block;\n font-size: 13px;\n color: var(--ash-text-light);\n font-weight: 600;\n margin-top: .25rem;\n}\n\n.ash-tips {\n display: grid;\n gap: .75rem;\n}\n\n.ash-tip {\n padding: 1rem;\n background: linear-gradient(135deg, #FFF9E6 0%, #FFF5D6 100%);\n border-radius: var(--ash-radius-sm);\n font-size: 14px;\n color: var(--ash-text);\n border-left: 4px solid var(--ash-secondary);\n}\n\n\/* === ACCORDÉON === *\/\n.ash-accordion {\n background: var(--ash-white);\n border-radius: var(--ash-radius);\n box-shadow: var(--ash-shadow);\n overflow: hidden;\n}\n\n.ash-accordion-item {\n border-bottom: 1px solid var(--ash-border);\n margin: 0;\n padding: 0;\n}\n\n.ash-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ash-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ash-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.ash-accordion-header:hover {\n background: var(--ash-primary-light);\n}\n\n.ash-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ash-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ash-primary);\n transition: transform .2s ease;\n}\n\n.ash-accordion-item[open] .ash-accordion-header::after {\n content: '−';\n}\n\n.ash-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ash-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ash-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.ash-cta-box {\n background: linear-gradient(135deg, var(--ash-primary) 0%, var(--ash-primary-dark) 100%);\n border-radius: var(--ash-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ash-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n pointer-events: none;\n}\n\n.ash-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .ash-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ash-card {\n padding: 1.125rem;\n }\n \n .ash-section {\n margin-bottom: 1.75rem;\n }\n \n .ash-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ash-radius-sm);\n }\n \n .ash-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ash-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ash-grid-compact {\n gap: .625rem;\n }\n \n .ash-grid-compact .ash-card {\n padding: .75rem;\n }\n \n .ash-usage-grid {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n \n .ash-usage-item {\n padding: .75rem;\n }\n \n .ash-ingredient-main {\n flex-direction: column;\n text-align: center;\n }\n \n .ash-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ash-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ash-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ash-card:nth-child(1) { animation-delay: .05s; }\n .ash-card:nth-child(2) { animation-delay: .1s; }\n .ash-card:nth-child(3) { animation-delay: .15s; }\n .ash-card:nth-child(4) { animation-delay: .2s; }\n .ash-card:nth-child(5) { animation-delay: .25s; }\n .ash-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 .ash-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":45755289370781,"sku":"AY1214","price":17.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ashwagandha-bio-60-gelules-revitalisant-anti-stress-ayur-van-ingredients.jpg?v=1768131344"},{"product_id":"andraka-bio-gingembre-indien-60-gelules-ayurvana","title":"Andraka bio (Gingembre indien) - 60 gélules - Ayur-Vana","description":"\u003cdiv class=\"ak-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ak-hero\"\u003e\n\u003cdiv class=\"ak-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ak-hero-content\"\u003e\n\u003cdiv class=\"ak-badges-top\"\u003e\n\u003cspan class=\"ak-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"ak-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"ak-badge\"\u003e🧘 Tradition ayurvédique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ak-hero-title\"\u003eAndraka Bio\u003cbr\u003eGingembre indien\u003c\/span\u003e\n\u003cp class=\"ak-subtitle\"\u003e60 gélules végétales · Ayur-Vana\u003c\/p\u003e\n\u003cp class=\"ak-description\"\u003eLa « médecine universelle » de l'Ayurveda au service de votre digestion, de votre vitalité et de votre confort articulaire — 990 mg de rhizome bio par dose.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"ak-section\"\u003e\n\u003ch2\u003eAndraka Bio : le gingembre indien en gélules pour votre confort digestif et votre vitalité\u003c\/h2\u003e\n\u003cp class=\"ak-section-intro\"\u003eDécouvrez le gingembre tel que la tradition ayurvédique le célèbre depuis des millénaires, dans un format moderne et pratique.\u003c\/p\u003e\n\u003cdiv class=\"ak-highlight-box\"\u003e\n\u003cp\u003eVous cherchez un allié naturel pour \u003cstrong\u003eaméliorer votre digestion\u003c\/strong\u003e, retrouver de l'énergie ou apaiser des inconforts du quotidien ? L'\u003cstrong\u003eAndraka Bio d'Ayur-Vana\u003c\/strong\u003e est un \u003cstrong\u003ecomplément alimentaire au gingembre bio\u003c\/strong\u003e (\u003cem\u003eZingiber officinale\u003c\/em\u003e) directement inspiré de la tradition ayurvédique. Appelé \u003cem\u003eAndraka\u003c\/em\u003e en sanskrit, le gingembre y est considéré comme la « médecine universelle », tant ses usages sont variés et reconnus depuis des millénaires.\u003c\/p\u003e\n\u003cp\u003eChaque gélule renferme de la \u003cstrong\u003epoudre de gingembre bio\u003c\/strong\u003e, obtenue à partir du rhizome entier cultivé en Inde dans le respect de l'agriculture biologique. Contrairement à un simple \u003cstrong\u003eshot de gingembre bio\u003c\/strong\u003e ou à un \u003cstrong\u003ejus de gingembre bio\u003c\/strong\u003e, ce format en gélules végétales vous offre un dosage précis, pratique à emporter partout, sans le goût piquant parfois difficile à supporter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"ak-section\"\u003e\n\u003ch2\u003eLes bienfaits reconnus du gingembre indien biologique\u003c\/h2\u003e\n\u003cp class=\"ak-section-intro\"\u003eRiche en gingérols et en shogaols, le gingembre bio est l'une des plantes les plus étudiées au monde.\u003c\/p\u003e\n\u003cdiv class=\"ak-grid\"\u003e\n\u003cdiv class=\"ak-card\"\u003e\n\u003ch3\u003e🫄 Confort digestif\u003c\/h3\u003e\n\u003cp\u003eLe gingembre accélère la digestion et favorise un bon fonctionnement intestinal. Il aide à réduire les ballonnements, les gaz et les sensations de lourdeur après les repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-card\"\u003e\n\u003ch3\u003e🤢 Action antiémétique\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement utilisé pour \u003cstrong\u003esoulager les nausées\u003c\/strong\u003e, qu'elles soient liées au mal des transports, à la grossesse (sous avis médical) ou à d'autres causes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-card\"\u003e\n\u003ch3\u003e💪 Soutien articulaire\u003c\/h3\u003e\n\u003cp\u003eGrâce à ses propriétés apaisantes, il contribue à réduire les inconforts articulaires et musculaires, particulièrement appréciable en période hivernale ou après l'effort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-card\"\u003e\n\u003ch3\u003e⚡ Vitalité et tonus\u003c\/h3\u003e\n\u003cp\u003eEn Ayurveda, le gingembre est réputé pour « raviver le feu digestif » (Agni), ce qui se traduit par un regain d'énergie et une meilleure assimilation des nutriments. Il est aussi utilisé depuis longtemps comme aphrodisiaque naturel, chez l'homme comme chez la femme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eSes composés actifs aident l'organisme à lutter contre le stress oxydatif et soutiennent les défenses naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"ak-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 3 gélules\u003c\/h2\u003e\n\u003cdiv class=\"ak-composition-card\"\u003e\n\u003cdiv class=\"ak-composition-main\"\u003e\n\u003cdiv class=\"ak-composition-ingredient\"\u003e\n\u003cspan class=\"ak-composition-emoji\"\u003e🌱\u003c\/span\u003e\n\u003cdiv class=\"ak-composition-detail\"\u003e\n\u003ch3\u003ePoudre de rhizome de gingembre indien biologique\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eZingiber officinale\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ak-composition-dose\"\u003e990 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-composition-ingredient\"\u003e\n\u003cspan class=\"ak-composition-emoji\"\u003e💊\u003c\/span\u003e\n\u003cdiv class=\"ak-composition-detail\"\u003e\n\u003ch3\u003eEnveloppe de la gélule\u003c\/h3\u003e\n\u003cp\u003eHPMC (gélule végétale)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ak-composition-dose\"\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-composition-badges\"\u003e\n\u003cspan class=\"ak-comp-badge\"\u003e✅ 100 % végétale\u003c\/span\u003e \u003cspan class=\"ak-comp-badge\"\u003e✅ Sans excipient chimique\u003c\/span\u003e \u003cspan class=\"ak-comp-badge\"\u003e✅ Sans additif\u003c\/span\u003e \u003cspan class=\"ak-comp-badge\"\u003e✅ Sans colorant\u003c\/span\u003e \u003cspan class=\"ak-comp-badge\"\u003e🌿 Certifiée AB (FR-BIO-01)\u003c\/span\u003e \u003cspan class=\"ak-comp-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"ak-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"ak-timeline\"\u003e\n\u003cdiv class=\"ak-timeline-item\"\u003e\n\u003cdiv class=\"ak-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ak-timeline-content\"\u003e\n\u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 à 3 gélules par jour\u003c\/strong\u003e, avec 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=\"ak-timeline-item\"\u003e\n\u003cdiv class=\"ak-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ak-timeline-content\"\u003e\n\u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n\u003cp\u003eDébutez par 2 gélules pour évaluer votre tolérance, puis ajustez à 3 si besoin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-timeline-item\"\u003e\n\u003cdiv class=\"ak-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ak-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003eUne cure de \u003cstrong\u003e20 à 30 jours\u003c\/strong\u003e est recommandée pour ressentir pleinement les bienfaits, renouvelable plusieurs fois dans l'année.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-tip\"\u003e\n\u003cspan class=\"ak-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eSi vous préférez habituellement le \u003cstrong\u003egingembre bio en poudre\u003c\/strong\u003e dans vos boissons ou vos recettes, ces gélules constituent un complément pratique pour les journées où vous manquez de temps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"ak-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"ak-accordion\"\u003e\n\u003cdetails class=\"ak-accordion-item\"\u003e\n\u003csummary class=\"ak-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n\u003cdiv class=\"ak-accordion-content mt-3\"\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.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ak-accordion-item\"\u003e\n\u003csummary class=\"ak-accordion-header\"\u003e👶 Enfants et conservation\u003c\/summary\u003e\n\u003cdiv class=\"ak-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\u003cdetails class=\"ak-accordion-item\"\u003e\n\u003csummary class=\"ak-accordion-header\"\u003e💊 Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"ak-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes sous traitement anticoagulant ou souffrant de calculs biliaires sans avis médical préalable. En cas de grossesse ou d'allaitement, consultez votre professionnel de santé avant toute prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"ak-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir l'Andraka Bio Ayur-Vana ?\u003c\/h2\u003e\n\u003cdiv class=\"ak-grid-compact\"\u003e\n\u003cdiv class=\"ak-card\"\u003e\n\u003ch3\u003e🇮🇳 Origine Inde\u003c\/h3\u003e\n\u003cp\u003eRhizome sélectionné pour sa richesse en principes actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-card\"\u003e\n\u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique rigoureuse, label AB\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabrication française, traçabilité et sécurité garanties\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-card\"\u003e\n\u003ch3\u003e🧘 Expertise ayurvédique\u003c\/h3\u003e\n\u003cp\u003eFormule fidèle à la tradition millénaire de l'Ayurveda\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-cta-box\"\u003e\n\u003cp\u003eUn produit pur, efficace et respectueux de votre corps comme de l'environnement — faites confiance à l'Andraka Bio Ayur-Vana pour intégrer le meilleur du gingembre indien dans votre quotidien. 🌿\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ak-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --ak-cream: #F9F5EF;\n --ak-white: #ffffff;\n --ak-primary: #B5784E;\n --ak-primary-dark: #7A4A2A;\n --ak-primary-light: #F3E8DC;\n --ak-secondary: #D4A04A;\n --ak-accent: #6B8E3A;\n --ak-text: #1a1a1a;\n --ak-text-light: #5a5a5a;\n --ak-border: #e8ddd0;\n --ak-shadow: 0 4px 24px rgba(122,74,42,.08);\n --ak-shadow-lg: 0 12px 48px rgba(122,74,42,.15);\n --ak-radius: 20px;\n --ak-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ak-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ak-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ak-premium *, .ak-premium *::before, .ak-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.ak-hero {\n position: relative;\n background: linear-gradient(135deg, #7A4A2A 0%, #B5784E 40%, #D4A04A 100%);\n border-radius: var(--ak-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(--ak-shadow-lg);\n}\n\n.ak-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.05) 0%, transparent 45%),\n repeating-conic-gradient(from 0deg at 15% 85%, transparent 0deg, rgba(255,255,255,.02) 15deg, transparent 30deg),\n repeating-conic-gradient(from 45deg at 85% 15%, transparent 0deg, rgba(255,255,255,.02) 15deg, transparent 30deg);\n opacity: 1;\n}\n\n.ak-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ak-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.ak-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: .03em;\n text-transform: uppercase;\n}\n\n.ak-description {\n color: rgba(255,255,255,.92);\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.ak-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ak-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(--ak-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ak-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ak-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ak-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ak-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.ak-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(--ak-primary), var(--ak-secondary));\n border-radius: 2px;\n}\n\n.ak-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ak-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX (intro longue) === *\/\n.ak-highlight-box {\n background: var(--ak-white);\n border-radius: var(--ak-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ak-shadow);\n border-left: 4px solid var(--ak-secondary);\n}\n\n.ak-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--ak-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.ak-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.ak-card {\n background: var(--ak-white);\n border-radius: var(--ak-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ak-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ak-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ak-shadow-lg);\n border-color: var(--ak-primary);\n}\n\n.ak-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ak-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ak-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ak-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ak-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ak-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.ak-grid-compact .ak-card {\n padding: 1rem;\n}\n\n.ak-grid-compact .ak-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ak-grid-compact .ak-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION CARD === *\/\n.ak-composition-card {\n background: var(--ak-white);\n border-radius: var(--ak-radius);\n box-shadow: var(--ak-shadow);\n overflow: hidden;\n}\n\n.ak-composition-main {\n padding: clamp(1.25rem, 3vw, 2rem);\n}\n\n.ak-composition-ingredient {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1rem 0;\n border-bottom: 1px solid var(--ak-border);\n}\n\n.ak-composition-ingredient:last-child {\n border-bottom: none;\n}\n\n.ak-composition-emoji {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.ak-composition-detail {\n flex: 1;\n}\n\n.ak-composition-detail h3 {\n font-size: clamp(14px, 2.2vw, 16px);\n font-weight: 700;\n color: var(--ak-primary-dark);\n margin: 0 0 .2rem 0;\n}\n\n.ak-composition-detail p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--ak-text-light);\n margin: 0;\n font-style: italic;\n}\n\n.ak-composition-dose {\n flex-shrink: 0;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 900;\n color: var(--ak-secondary);\n background: linear-gradient(135deg, var(--ak-primary-light), var(--ak-cream));\n padding: .5rem 1rem;\n border-radius: var(--ak-radius-sm);\n}\n\n.ak-composition-badges {\n display: flex;\n flex-wrap: wrap;\n gap: .5rem;\n padding: clamp(1rem, 3vw, 1.5rem);\n background: var(--ak-primary-light);\n border-top: 1px solid var(--ak-border);\n}\n\n.ak-comp-badge {\n font-size: clamp(11px, 2vw, 13px);\n font-weight: 600;\n color: var(--ak-primary-dark);\n background: var(--ak-white);\n padding: .35rem .75rem;\n border-radius: 999px;\n white-space: nowrap;\n}\n\n\/* === TIMELINE === *\/\n.ak-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ak-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ak-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ak-primary), var(--ak-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(181,120,78,.3);\n}\n\n.ak-timeline-content {\n flex: 1;\n background: var(--ak-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ak-radius-sm);\n box-shadow: var(--ak-shadow);\n}\n\n.ak-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ak-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ak-timeline-content p {\n font-size: 14px;\n color: var(--ak-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ak-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ak-primary-light);\n border-radius: var(--ak-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ak-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ak-tip p {\n font-size: 14px;\n color: var(--ak-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ak-accordion {\n background: var(--ak-white);\n border-radius: var(--ak-radius);\n box-shadow: var(--ak-shadow);\n overflow: hidden;\n}\n\n.ak-accordion-item {\n border-bottom: 1px solid var(--ak-border);\n margin: 0;\n padding: 0;\n}\n\n.ak-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ak-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ak-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.ak-accordion-header:hover {\n background: var(--ak-primary-light);\n}\n\n.ak-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ak-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ak-primary);\n transition: transform .2s ease;\n}\n\n.ak-accordion-item[open] .ak-accordion-header::after {\n content: '−';\n}\n\n.ak-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ak-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ak-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ak-cta-box {\n background: linear-gradient(135deg, var(--ak-primary) 0%, var(--ak-primary-dark) 100%);\n border-radius: var(--ak-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ak-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(212,160,74,.2) 0%, transparent 60%);\n}\n\n.ak-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.ak-disclaimer {\n font-size: 12px;\n color: var(--ak-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 .ak-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ak-card {\n padding: 1.125rem;\n }\n\n .ak-section {\n margin-bottom: 1.75rem;\n }\n\n .ak-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ak-radius-sm);\n }\n\n .ak-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ak-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ak-grid-compact {\n gap: .625rem;\n }\n\n .ak-grid-compact .ak-card {\n padding: .75rem;\n }\n\n .ak-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ak-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ak-timeline-content h3 {\n font-size: 14px;\n }\n\n .ak-timeline-content p {\n font-size: 13px;\n }\n\n .ak-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ak-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ak-highlight-box {\n padding: 1.25rem;\n }\n\n .ak-highlight-box p {\n font-size: 14px;\n }\n\n .ak-composition-ingredient {\n gap: .75rem;\n padding: .75rem 0;\n }\n\n .ak-composition-emoji {\n font-size: 22px;\n }\n\n .ak-composition-dose {\n font-size: 16px;\n padding: .35rem .75rem;\n }\n\n .ak-composition-badges {\n gap: .375rem;\n padding: .875rem;\n }\n\n .ak-comp-badge {\n font-size: 11px;\n padding: .25rem .6rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ak-card {\n animation: akFadeInUp .5s ease backwards;\n }\n .ak-card:nth-child(1) { animation-delay: .05s; }\n .ak-card:nth-child(2) { animation-delay: .1s; }\n .ak-card:nth-child(3) { animation-delay: .15s; }\n .ak-card:nth-child(4) { animation-delay: .2s; }\n .ak-card:nth-child(5) { animation-delay: .25s; }\n .ak-card:nth-child(6) { animation-delay: .3s; }\n\n .ak-timeline-item {\n animation: akFadeInUp .5s ease backwards;\n }\n .ak-timeline-item:nth-child(1) { animation-delay: .05s; }\n .ak-timeline-item:nth-child(2) { animation-delay: .1s; }\n .ak-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes akFadeInUp {\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 .ak-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":45755296022685,"sku":"AY9018","price":10.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/andraka-bio-gingembre-indien-60-gelules-ayur-vana-packshothd.webp?v=1791366167"},{"product_id":"tribulus-favorise-le-desir-et-les-capacites-sexuelles-60-gelules-ayurvana","title":"Tribulus - Favorise le Désir et les capacités Sexuelles - 60 Gélules - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tribulus - Complément alimentaire pour le désir et les capacités sexuelles\nPalette détectée:\n - Primaire: #C41E3A (rouge profond du capuchon, évoquant la passion et l'énergie)\n - Secondaire: #8B4513 (brun\/terre pour l'aspect naturel\/ayurvédique)\n - Accent: #4A7C59 (vert naturel pour le badge vegan et l'aspect végétal)\n - Background: #F5F1E8 (beige crème du packaging, naturel et apaisant)\nAmbiance: Ayurvédique\/naturel premium, avec une touche de sensualité suggérée par le rouge passion\nStyle: Naturel sophistiqué, ancestral moderne, bien-être intime\nPréfixe CSS: trib\n--\u003e\n\n\u003cdiv class=\"trib-premium\"\u003e\n \u003cdiv class=\"trib-hero\"\u003e\n \u003cdiv class=\"trib-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"trib-hero-content\"\u003e\n \u003cdiv class=\"trib-badges-top\"\u003e\n \u003cspan class=\"trib-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n \u003cspan class=\"trib-badge\"\u003e🔥 Stimule la libido\u003c\/span\u003e\n \u003cspan class=\"trib-badge\"\u003e💪 Performances améliorées\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"trib-hero-title\"\u003eTribulus Ayur-Vana\u003c\/span\u003e\n \u003cp class=\"trib-subtitle\"\u003eLe secret ancestral de la vitalité sexuelle\u003c\/p\u003e\n \u003cp class=\"trib-description\"\u003eIssu de la médecine ayurvédique millénaire, le Tribulus terrestris révèle son pouvoir aphrodisiaque naturel. Une formule concentrée en protodioscines pour réveiller le désir et décupler les performances, chez l'homme comme chez la femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e✨ Pourquoi choisir notre Tribulus ?\u003c\/h2\u003e\n \u003cdiv class=\"trib-grid\"\u003e\n \u003cdiv class=\"trib-card\"\u003e\n \u003cdiv class=\"trib-card-icon\"\u003e❤️‍🔥\u003c\/div\u003e\n \u003ch3\u003eDésir intensifié\u003c\/h3\u003e\n \u003cp\u003eAugmente naturellement la libido en stimulant les fonctions sexuelles et en ravivant le désir intime au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-card\"\u003e\n \u003cdiv class=\"trib-card-icon\"\u003e🚀\u003c\/div\u003e\n \u003ch3\u003ePerformances optimales\u003c\/h3\u003e\n \u003cp\u003eRiche en protodioscines (20%), il favorise la libération d'oxyde nitrique pour des performances sexuelles améliorées et durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-card\"\u003e\n \u003cdiv class=\"trib-card-icon\"\u003e⚖️\u003c\/div\u003e\n \u003ch3\u003eÉquilibre hormonal\u003c\/h3\u003e\n \u003cp\u003eSoutient une production équilibrée de testostérone, bénéfique pour la vitalité sexuelle et l'énergie physique des sportifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-card\"\u003e\n \u003cdiv class=\"trib-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eProtection antioxydante\u003c\/h3\u003e\n \u003cp\u003eProtège vos cellules du stress oxydatif, favorisant une meilleure énergie globale et un bien-être durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e🌱 Composition premium et concentrée\u003c\/h2\u003e\n \u003cdiv class=\"trib-composition-box\"\u003e\n \u003cdiv class=\"trib-composition-main\"\u003e\n \u003cdiv class=\"trib-ingredient-hero\"\u003e\n \u003cdiv class=\"trib-dosage-circle\"\u003e\n \u003cspan class=\"trib-dosage-number\"\u003e1800\u003c\/span\u003e\n \u003cspan class=\"trib-dosage-unit\"\u003emg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-ingredient-info\"\u003e\n \u003ch3\u003eTribulus terrestris\u003c\/h3\u003e\n \u003cp\u003eExtrait de fruits cuits concentré\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-purity-badge\"\u003e\n \u003cspan class=\"trib-percentage\"\u003e20%\u003c\/span\u003e\n \u003cspan class=\"trib-purity-label\"\u003ede protodioscines\u003cbr\u003e(360 mg par dose)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-composition-extra\"\u003e\n \u003cdiv class=\"trib-extra-item\"\u003e\n \u003cspan class=\"trib-extra-icon\"\u003e💚\u003c\/span\u003e\n \u003cspan class=\"trib-extra-text\"\u003e\u003cstrong\u003e90 mg\u003c\/strong\u003e de carbonate de magnésium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-extra-item\"\u003e\n \u003cspan class=\"trib-extra-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"trib-extra-text\"\u003eGélules 100% végétales (hypromellose)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-extra-item\"\u003e\n \u003cspan class=\"trib-extra-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan class=\"trib-extra-text\"\u003eCertifié agriculture biologique FR-BIO-01\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi optimisé\u003c\/h2\u003e\n \u003cdiv class=\"trib-dosage-grid\"\u003e\n \u003cdiv class=\"trib-dosage-card trib-dosage-attack\"\u003e\n \u003cdiv class=\"trib-dosage-header\"\u003e\n \u003cspan class=\"trib-dosage-label\"\u003ePhase d'attaque\u003c\/span\u003e\n \u003cspan class=\"trib-dosage-duration\"\u003ePremières semaines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-dosage-visual\"\u003e\n \u003cdiv class=\"trib-pills\"\u003e\n \u003cspan class=\"trib-pill\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"trib-pill\"\u003e💊\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"trib-multiply\"\u003e×\u003c\/span\u003e\n \u003cspan class=\"trib-times\"\u003e3\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"trib-dosage-instruction\"\u003e2 gélules avant chaque repas\u003cbr\u003e\u003cstrong\u003eSoit 6 gélules par jour\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"trib-dosage-goal\"\u003ePour un impact maximal et des résultats rapides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-dosage-card trib-dosage-maintenance\"\u003e\n \u003cdiv class=\"trib-dosage-header\"\u003e\n \u003cspan class=\"trib-dosage-label\"\u003ePhase d'entretien\u003c\/span\u003e\n \u003cspan class=\"trib-dosage-duration\"\u003eLong terme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-dosage-visual\"\u003e\n \u003cdiv class=\"trib-pills\"\u003e\n \u003cspan class=\"trib-pill\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"trib-pill\"\u003e💊\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"trib-dosage-instruction\"\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e\u003cbr\u003eDe préférence le matin\u003c\/p\u003e\n \u003cp class=\"trib-dosage-goal\"\u003ePour maintenir les bénéfices au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e👥 Pour qui est fait ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"trib-grid\"\u003e\n \u003cdiv class=\"trib-profile-card\"\u003e\n \u003cdiv class=\"trib-profile-icon\"\u003e👨\u003c\/div\u003e\n \u003ch3\u003eHommes en quête de vitalité\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez retrouver une libido épanouie et améliorer vos performances intimes naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-profile-card\"\u003e\n \u003cdiv class=\"trib-profile-icon\"\u003e👩\u003c\/div\u003e\n \u003ch3\u003eFemmes actives\u003c\/h3\u003e\n \u003cp\u003eVous désirez raviver votre désir sexuel et booster votre énergie vitale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-profile-card\"\u003e\n \u003cdiv class=\"trib-profile-icon\"\u003e🏋️\u003c\/div\u003e\n \u003ch3\u003eSportifs exigeants\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un soutien hormonal naturel pour optimiser vos performances physiques et votre récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-profile-card\"\u003e\n \u003cdiv class=\"trib-profile-icon\"\u003e💑\u003c\/div\u003e\n \u003ch3\u003eCouples épanouis\u003c\/h3\u003e\n \u003cp\u003eVous voulez enrichir votre vie intime et retrouver une complicité physique renforcée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e🎯 Les résultats attendus\u003c\/h2\u003e\n \u003cdiv class=\"trib-results-timeline\"\u003e\n \u003cdiv class=\"trib-timeline-item\"\u003e\n \u003cdiv class=\"trib-timeline-marker\"\u003e\n \u003cspan class=\"trib-timeline-number\"\u003e7-10\u003c\/span\u003e\n \u003cspan class=\"trib-timeline-unit\"\u003ejours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-timeline-content\"\u003e\n \u003ch3\u003ePremiers effets\u003c\/h3\u003e\n \u003cp\u003eRegain d'énergie, meilleure vitalité générale, sensations de bien-être accrues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-timeline-item\"\u003e\n \u003cdiv class=\"trib-timeline-marker\"\u003e\n \u003cspan class=\"trib-timeline-number\"\u003e2-3\u003c\/span\u003e\n \u003cspan class=\"trib-timeline-unit\"\u003esemaines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-timeline-content\"\u003e\n \u003ch3\u003eEffets notables\u003c\/h3\u003e\n \u003cp\u003eAugmentation perceptible de la libido, amélioration des performances et du désir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-timeline-item\"\u003e\n \u003cdiv class=\"trib-timeline-marker\"\u003e\n \u003cspan class=\"trib-timeline-number\"\u003e1-2\u003c\/span\u003e\n \u003cspan class=\"trib-timeline-unit\"\u003emois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-timeline-content\"\u003e\n \u003ch3\u003eEffets optimaux\u003c\/h3\u003e\n \u003cp\u003eVitalité sexuelle pleinement restaurée, équilibre hormonal stabilisé, bien-être durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e⚠️ Précautions importantes\u003c\/h2\u003e\n \u003cdiv class=\"trib-warning-box\"\u003e\n \u003cdiv class=\"trib-warning-grid\"\u003e\n \u003cdiv class=\"trib-warning-item\"\u003e\n \u003cspan class=\"trib-warning-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux femmes enceintes, allaitantes, enfants et adolescents\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-warning-item\"\u003e\n \u003cspan class=\"trib-warning-icon\"\u003e💊\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eÉviter\u003c\/strong\u003e en cas de traitement anti-hypertenseur ou antidiabétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-warning-item\"\u003e\n \u003cspan class=\"trib-warning-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas dépasser\u003c\/strong\u003e la dose journalière recommandée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-warning-item\"\u003e\n \u003cspan class=\"trib-warning-icon\"\u003e🔒\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eTenir\u003c\/strong\u003e hors de portée des jeunes enfants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"trib-warning-footer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"trib-grid\"\u003e\n \u003cdiv class=\"trib-info-card\"\u003e\n \u003cdiv class=\"trib-info-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eContenance\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e\u003cbr\u003eCure de 10 à 30 jours\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-info-card\"\u003e\n \u003cdiv class=\"trib-info-icon\"\u003e🌾\u003c\/div\u003e\n \u003ch3\u003eOrigine\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAgriculture biologique\u003c\/strong\u003e\u003cbr\u003eCertifié FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-info-card\"\u003e\n \u003cdiv class=\"trib-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch3\u003eFabricant\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAyur-Vana\u003c\/strong\u003e\u003cbr\u003eExpertise ayurvédique française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-info-card\"\u003e\n \u003cdiv class=\"trib-info-icon\"\u003e🥬\u003c\/div\u003e\n \u003ch3\u003eFormat\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100% vegan\u003c\/strong\u003e\u003cbr\u003eGélules hypromellose végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"trib-cta-box\"\u003e\n \u003cdiv class=\"trib-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"trib-cta-content\"\u003e\n \u003cp class=\"trib-cta-title\"\u003e🔥 Réveillez votre désir, libérez votre potentiel\u003c\/p\u003e\n \u003cp\u003eAvec Tribulus Ayur-Vana, offrez-vous le meilleur de la tradition ayurvédique pour retrouver une libido épanouie, des performances optimales et un bien-être intime renouvelé. Une formule naturelle, concentrée et efficace pour une vie sexuelle et physique au sommet.\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 --trib-cream: #F5F1E8;\n --trib-white: #ffffff;\n --trib-primary: #C41E3A;\n --trib-primary-dark: #8B1528;\n --trib-primary-light: #F8E5E8;\n --trib-secondary: #8B4513;\n --trib-accent: #4A7C59;\n\n \/* Textes *\/\n --trib-text: #1a1a1a;\n --trib-text-light: #5a5a5a;\n\n \/* Effets *\/\n --trib-border: #e0e0e0;\n --trib-shadow: 0 4px 24px rgba(0,0,0,.08);\n --trib-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --trib-radius: 20px;\n --trib-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.trib-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--trib-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--trib-text);\n}\n\n\/* === HERO === *\/\n.trib-hero {\n position: relative;\n background: linear-gradient(135deg, var(--trib-primary) 0%, var(--trib-primary-dark) 50%, var(--trib-secondary) 100%);\n border-radius: var(--trib-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(--trib-shadow-lg);\n}\n\n.trib-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.trib-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.trib-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.trib-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(--trib-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.trib-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.trib-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.trib-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.trib-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.trib-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.trib-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--trib-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.trib-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(--trib-primary), var(--trib-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.trib-card {\n background: var(--trib-white);\n border-radius: var(--trib-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trib-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.trib-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trib-shadow-lg);\n border-color: var(--trib-primary);\n}\n\n.trib-card-icon {\n font-size: clamp(40px, 6vw, 52px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.trib-card h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--trib-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.trib-card p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--trib-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.trib-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === COMPOSITION BOX === *\/\n.trib-composition-box {\n background: linear-gradient(135deg, var(--trib-white) 0%, var(--trib-primary-light) 100%);\n border-radius: var(--trib-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--trib-shadow-lg);\n border: 3px solid var(--trib-primary);\n}\n\n.trib-composition-main {\n display: flex;\n flex-wrap: wrap;\n gap: 2rem;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n border-bottom: 2px dashed var(--trib-border);\n}\n\n.trib-ingredient-hero {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n flex: 1;\n min-width: 250px;\n}\n\n.trib-dosage-circle {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100px;\n height: 100px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--trib-primary), var(--trib-primary-dark));\n box-shadow: 0 8px 24px rgba(196, 30, 58, .3);\n flex-shrink: 0;\n}\n\n.trib-dosage-number {\n font-size: 32px;\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.trib-dosage-unit {\n font-size: 14px;\n font-weight: 700;\n color: rgba(255,255,255,.9);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.trib-ingredient-info h3 {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 800;\n color: var(--trib-primary-dark);\n margin: 0 0 .25rem 0;\n font-style: italic;\n}\n\n.trib-ingredient-info p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--trib-text-light);\n margin: 0;\n}\n\n.trib-purity-badge {\n text-align: center;\n background: var(--trib-white);\n padding: 1.5rem;\n border-radius: var(--trib-radius-sm);\n box-shadow: var(--trib-shadow);\n border: 2px solid var(--trib-accent);\n}\n\n.trib-percentage {\n display: block;\n font-size: 42px;\n font-weight: 900;\n color: var(--trib-accent);\n line-height: 1;\n margin-bottom: .5rem;\n}\n\n.trib-purity-label {\n display: block;\n font-size: 14px;\n font-weight: 700;\n color: var(--trib-text);\n line-height: 1.4;\n}\n\n.trib-composition-extra {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.trib-extra-item {\n display: flex;\n align-items: center;\n gap: .75rem;\n background: var(--trib-white);\n padding: 1rem 1.25rem;\n border-radius: var(--trib-radius-sm);\n box-shadow: 0 2px 12px rgba(0,0,0,.06);\n}\n\n.trib-extra-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.trib-extra-text {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--trib-text);\n line-height: 1.5;\n}\n\n\/* === DOSAGE GRID === *\/\n.trib-dosage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n}\n\n.trib-dosage-card {\n background: var(--trib-white);\n border-radius: var(--trib-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trib-shadow);\n border: 3px solid transparent;\n transition: all .3s ease;\n}\n\n.trib-dosage-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trib-shadow-lg);\n}\n\n.trib-dosage-attack {\n border-color: var(--trib-primary);\n}\n\n.trib-dosage-maintenance {\n border-color: var(--trib-accent);\n}\n\n.trib-dosage-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1.5rem;\n padding-bottom: 1rem;\n border-bottom: 2px dashed var(--trib-border);\n}\n\n.trib-dosage-label {\n font-size: 18px;\n font-weight: 800;\n color: var(--trib-primary-dark);\n}\n\n.trib-dosage-duration {\n font-size: 13px;\n font-weight: 700;\n color: var(--trib-text-light);\n background: var(--trib-primary-light);\n padding: 4px 10px;\n border-radius: 999px;\n}\n\n.trib-dosage-visual {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n margin: 1.5rem 0;\n padding: 1.5rem;\n background: linear-gradient(135deg, var(--trib-primary-light), transparent);\n border-radius: var(--trib-radius-sm);\n}\n\n.trib-pills {\n display: flex;\n gap: 8px;\n}\n\n.trib-pill {\n font-size: 32px;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.trib-multiply {\n font-size: 24px;\n font-weight: 900;\n color: var(--trib-primary);\n}\n\n.trib-times {\n font-size: 36px;\n font-weight: 900;\n color: var(--trib-primary);\n}\n\n.trib-dosage-instruction {\n font-size: clamp(15px, 2.2vw, 17px);\n color: var(--trib-text);\n text-align: center;\n margin: 1rem 0;\n line-height: 1.6;\n}\n\n.trib-dosage-instruction strong {\n color: var(--trib-primary-dark);\n font-weight: 800;\n}\n\n.trib-dosage-goal {\n font-size: 14px;\n color: var(--trib-text-light);\n text-align: center;\n margin: 0;\n font-style: italic;\n}\n\n\/* === PROFILE CARDS === *\/\n.trib-profile-card {\n background: linear-gradient(135deg, var(--trib-white) 0%, var(--trib-primary-light) 100%);\n border-radius: var(--trib-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trib-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.trib-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trib-shadow-lg);\n border-color: var(--trib-primary);\n}\n\n.trib-profile-icon {\n font-size: 52px;\n margin-bottom: 1rem;\n}\n\n.trib-profile-card h3 {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--trib-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.trib-profile-card p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--trib-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === RESULTS TIMELINE === *\/\n.trib-results-timeline {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.trib-timeline-item {\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n background: var(--trib-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--trib-radius);\n box-shadow: var(--trib-shadow);\n border-left: 5px solid var(--trib-primary);\n transition: all .3s ease;\n}\n\n.trib-timeline-item:hover {\n transform: translateX(8px);\n box-shadow: var(--trib-shadow-lg);\n}\n\n.trib-timeline-marker {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, var(--trib-primary), var(--trib-primary-dark));\n border-radius: var(--trib-radius-sm);\n padding: 1rem;\n min-width: 90px;\n box-shadow: 0 4px 16px rgba(196, 30, 58, .3);\n flex-shrink: 0;\n}\n\n.trib-timeline-number {\n font-size: 28px;\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.trib-timeline-unit {\n font-size: 13px;\n font-weight: 700;\n color: rgba(255,255,255,.9);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.trib-timeline-content h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--trib-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.trib-timeline-content p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--trib-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === WARNING BOX === *\/\n.trib-warning-box {\n background: linear-gradient(135deg, #FFF3CD 0%, #FFF8E1 100%);\n border: 3px solid #FFB74D;\n border-radius: var(--trib-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--trib-shadow);\n}\n\n.trib-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.trib-warning-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--trib-white);\n padding: 1.25rem;\n border-radius: var(--trib-radius-sm);\n box-shadow: 0 2px 12px rgba(0,0,0,.06);\n}\n\n.trib-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.trib-warning-item p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--trib-text);\n margin: 0;\n line-height: 1.5;\n}\n\n.trib-warning-footer {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--trib-text);\n text-align: center;\n margin: 0;\n padding-top: 1.5rem;\n border-top: 2px dashed #FFB74D;\n font-style: italic;\n}\n\n\/* === INFO CARDS === *\/\n.trib-info-card {\n background: var(--trib-white);\n border-radius: var(--trib-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trib-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.trib-info-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trib-shadow-lg);\n border-color: var(--trib-accent);\n}\n\n.trib-info-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.trib-info-card h3 {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--trib-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.trib-info-card p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--trib-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.trib-cta-box {\n background: linear-gradient(135deg, var(--trib-primary) 0%, var(--trib-primary-dark) 100%);\n border-radius: var(--trib-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--trib-shadow-lg);\n}\n\n.trib-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,.2) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.trib-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.trib-cta-title {\n font-size: clamp(22px, 4vw, 30px);\n font-weight: 900;\n color: white;\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n}\n\n.trib-cta-box p {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n 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 .trib-grid {\n grid-template-columns: 1fr;\n }\n \n .trib-dosage-grid {\n grid-template-columns: 1fr;\n }\n \n .trib-composition-main {\n flex-direction: column;\n }\n \n .trib-ingredient-hero {\n flex-direction: column;\n text-align: center;\n }\n \n .trib-timeline-item {\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 .trib-card,\n .trib-dosage-card,\n .trib-profile-card,\n .trib-info-card,\n .trib-timeline-item {\n animation: fadeInUp .6s ease backwards;\n }\n \n .trib-card:nth-child(1),\n .trib-dosage-card:nth-child(1),\n .trib-profile-card:nth-child(1),\n .trib-info-card:nth-child(1),\n .trib-timeline-item:nth-child(1) { animation-delay: .1s; }\n \n .trib-card:nth-child(2),\n .trib-dosage-card:nth-child(2),\n .trib-profile-card:nth-child(2),\n .trib-info-card:nth-child(2),\n .trib-timeline-item:nth-child(2) { animation-delay: .2s; }\n \n .trib-card:nth-child(3),\n .trib-profile-card:nth-child(3),\n .trib-info-card:nth-child(3),\n .trib-timeline-item:nth-child(3) { animation-delay: .3s; }\n \n .trib-card:nth-child(4),\n .trib-profile-card:nth-child(4),\n .trib-info-card:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .trib-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .trib-card,\n .trib-dosage-card,\n .trib-profile-card,\n .trib-info-card {\n border: 3px solid var(--trib-text);\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755297726621,"sku":"AY9404","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tribulus-favorise-le-desir-et-les-capacites-sexuelles-60-gel-ingredients.webp?v=1768501455"},{"product_id":"seconde-jeunesse-90-gelules-jade-recherche","title":"Seconde Jeunesse - Vitalité \u0026 Silhouette - 90 Gélules - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Seconde Jeunesse - Vitalité \u0026 Silhouette\nPalette détectée:\n - Primaire: #1e3a8a (bleu profond du packaging)\n - Secondaire: #84cc16 (vert lime des silhouettes végétales)\n - Accent: #ea580c (orange du titre \"Seconde Jeunesse\")\nAmbiance: Santé\/vitalité seniors, naturel et dynamique, confiance médicale, accompagnement bienveillant\nPréfixe CSS: sj\n--\u003e\n\n\u003cdiv class=\"sj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sj-hero\"\u003e\n \u003cdiv class=\"sj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sj-hero-content\"\u003e\n \u003cdiv class=\"sj-badges-top\"\u003e\n \u003cspan class=\"sj-badge\"\u003e💪 Masse musculaire\u003c\/span\u003e\n \u003cspan class=\"sj-badge\"\u003e⚡ Énergie cellulaire\u003c\/span\u003e\n \u003cspan class=\"sj-badge\"\u003e🔄 Remodelage corporel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sj-hero-title\"\u003eSeconde Jeunesse\u003c\/span\u003e\n \u003cp class=\"sj-subtitle\"\u003eVitalité \u0026amp; silhouette\u003c\/p\u003e\n \u003cp class=\"sj-description\"\u003eUne formule innovante qui agit sur les 4 piliers du vieillissement : masse musculaire, mitochondries, équilibre hormonal et remodelage corporel. Pour hommes et femmes.\u003c\/p\u003e\n \u003cdiv class=\"sj-hero-stats\"\u003e\n \u003cdiv class=\"sj-stat\"\u003e\n \u003cspan class=\"sj-stat-value\"\u003e90\u003c\/span\u003e\n \u003cspan class=\"sj-stat-label\"\u003eGélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-stat\"\u003e\n \u003cspan class=\"sj-stat-value\"\u003e6\u003c\/span\u003e\n \u003cspan class=\"sj-stat-label\"\u003eActifs synergiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-stat\"\u003e\n \u003cspan class=\"sj-stat-value\"\u003e3\u003c\/span\u003e\n \u003cspan class=\"sj-stat-label\"\u003eMois de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 4 PILIERS --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003e🎯 Les 4 piliers du rajeunissement\u003c\/h2\u003e\n \u003cdiv class=\"sj-pillars-grid\"\u003e\n \u003cdiv class=\"sj-pillar-card\"\u003e\n \u003cdiv class=\"sj-pillar-icon\"\u003e💪\u003c\/div\u003e\n \u003ch3\u003eMasse musculaire\u003c\/h3\u003e\n \u003cp\u003ePréserve et stimule la synthèse protéique pour lutter contre la fonte musculaire liée à l'âge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-pillar-card\"\u003e\n \u003cdiv class=\"sj-pillar-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch3\u003eMitochondries\u003c\/h3\u003e\n \u003cp\u003eRajeunit et protège les centrales énergétiques de vos cellules pour une vitalité retrouvée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-pillar-card\"\u003e\n \u003cdiv class=\"sj-pillar-icon\"\u003e⚖️\u003c\/div\u003e\n \u003ch3\u003eÉquilibre hormonal\u003c\/h3\u003e\n \u003cp\u003eStimule naturellement la production de testostérone chez l'homme comme chez la femme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-pillar-card\"\u003e\n \u003cdiv class=\"sj-pillar-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eRemodelage corporel\u003c\/h3\u003e\n \u003cp\u003eFavorise la combustion des graisses et sculpte progressivement la silhouette\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003e🧬 Composition premium pour 3 gélules\u003c\/h2\u003e\n \u003cdiv class=\"sj-ingredients-grid\"\u003e\n \u003cdiv class=\"sj-ingredient-card sj-ingredient-main\"\u003e\n \u003cdiv class=\"sj-ingredient-header\"\u003e\n \u003cspan class=\"sj-ingredient-emoji\"\u003e🌿\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003eCitrulline malate\u003c\/h4\u003e\n \u003cspan class=\"sj-dosage\"\u003e600 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eStimule la synthèse protéique musculaire, favorise la détox hépatique et contribue à la réduction de la masse grasse abdominale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-ingredient-card sj-ingredient-main\"\u003e\n \u003cdiv class=\"sj-ingredient-header\"\u003e\n \u003cspan class=\"sj-ingredient-emoji\"\u003e🌱\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003eTrigonella foenum graecum\u003c\/h4\u003e\n \u003cspan class=\"sj-dosage\"\u003e450 mg (20% protodioscine)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eStimule naturellement la production de testostérone, améliore la force, la masse musculaire et la libido\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-ingredient-card\"\u003e\n \u003cdiv class=\"sj-ingredient-header\"\u003e\n \u003cspan class=\"sj-ingredient-emoji\"\u003e🍃\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003eEriobotrya japonica\u003c\/h4\u003e\n \u003cspan class=\"sj-dosage\"\u003e150 mg (90% acide ursolique)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eFavorise la prise de muscle tout en limitant les réserves de graisses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-ingredient-card\"\u003e\n \u003cdiv class=\"sj-ingredient-header\"\u003e\n \u003cspan class=\"sj-ingredient-emoji\"\u003e⚡\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003eCoenzyme Q10\u003c\/h4\u003e\n \u003cspan class=\"sj-dosage\"\u003e120 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eSoutien majeur de la fonction mitochondriale et production d'ATP\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-ingredient-card\"\u003e\n \u003cdiv class=\"sj-ingredient-header\"\u003e\n \u003cspan class=\"sj-ingredient-emoji\"\u003e🔥\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003eL-carnitine\u003c\/h4\u003e\n \u003cspan class=\"sj-dosage\"\u003e60 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eFavorise l'entrée des acides gras dans les mitochondries\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-ingredient-card\"\u003e\n \u003cdiv class=\"sj-ingredient-header\"\u003e\n \u003cspan class=\"sj-ingredient-emoji\"\u003e☀️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003eVitamine D3\u003c\/h4\u003e\n \u003cspan class=\"sj-dosage\"\u003e990 UI\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eSoutient la puissance musculaire et réduit le risque de chutes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BÉNÉFICES DÉTAILLÉS --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003e✨ Bénéfices complets\u003c\/h2\u003e\n \u003cdiv class=\"sj-benefits-container\"\u003e\n \u003cdiv class=\"sj-benefit-block\"\u003e\n \u003cdiv class=\"sj-benefit-icon\"\u003e💪\u003c\/div\u003e\n \u003ch3\u003ePréservation musculaire\u003c\/h3\u003e\n \u003cul class=\"sj-benefit-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003eStimule la synthèse protéique musculaire\u003c\/li\u003e\n \u003cli\u003eLimite la fonte musculaire liée à l'âge\u003c\/li\u003e\n \u003cli\u003eAméliore la force et l'autonomie\u003c\/li\u003e\n \u003cli\u003eRégule la glycémie et les lipides\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-benefit-block\"\u003e\n \u003cdiv class=\"sj-benefit-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch3\u003eÉnergie cellulaire\u003c\/h3\u003e\n \u003cul class=\"sj-benefit-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003eRajeunit les mitochondries\u003c\/li\u003e\n \u003cli\u003eBooste la production d'ATP\u003c\/li\u003e\n \u003cli\u003eProtection antioxydante puissante\u003c\/li\u003e\n \u003cli\u003eCombat la fatigue chronique\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-benefit-block\"\u003e\n \u003cdiv class=\"sj-benefit-icon\"\u003e⚖️\u003c\/div\u003e\n \u003ch3\u003eÉquilibre hormonal\u003c\/h3\u003e\n \u003cul class=\"sj-benefit-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003eStimulation naturelle de la testostérone\u003c\/li\u003e\n \u003cli\u003eAméliore la libido homme\/femme\u003c\/li\u003e\n \u003cli\u003eÉquilibre émotionnel renforcé\u003c\/li\u003e\n \u003cli\u003eSoutien cardiovasculaire et cognitif\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"sj-profiles-grid\"\u003e\n \u003cdiv class=\"sj-profile-card\"\u003e\n \u003cspan class=\"sj-profile-emoji\"\u003e👨\u003c\/span\u003e\n \u003ch4\u003eHommes 40+\u003c\/h4\u003e\n \u003cp\u003eMaintenir masse musculaire, énergie et vitalité masculine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-profile-card\"\u003e\n \u003cspan class=\"sj-profile-emoji\"\u003e👩\u003c\/span\u003e\n \u003ch4\u003eFemmes 40+\u003c\/h4\u003e\n \u003cp\u003ePréserver tonus, équilibre hormonal et silhouette\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-profile-card\"\u003e\n \u003cspan class=\"sj-profile-emoji\"\u003e🏃\u003c\/span\u003e\n \u003ch4\u003eActifs fatigués\u003c\/h4\u003e\n \u003cp\u003eRetrouver énergie et endurance au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-profile-card\"\u003e\n \u003cspan class=\"sj-profile-emoji\"\u003e🧘\u003c\/span\u003e\n \u003ch4\u003eSeniors actifs\u003c\/h4\u003e\n \u003cp\u003eMaintenir autonomie, force et qualité de vie\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=\"sj-section\"\u003e\n \u003ch2\u003e📋 Conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"sj-usage-box\"\u003e\n \u003cdiv class=\"sj-usage-main\"\u003e\n \u003cdiv class=\"sj-usage-step\"\u003e\n \u003cspan class=\"sj-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003ePosologie\u003c\/h4\u003e\n \u003cp\u003e\u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e avant le repas du matin ou du midi\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-usage-step\"\u003e\n \u003cspan class=\"sj-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003eDurée de cure\u003c\/h4\u003e\n \u003cp\u003e\u003cstrong\u003eMinimum 3 mois\u003c\/strong\u003e pour un résultat optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-usage-step\"\u003e\n \u003cspan class=\"sj-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003eRégularité\u003c\/h4\u003e\n \u003cp\u003eLa constance est la clé pour des résultats durables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SYNERGIE --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003e🔗 Synergie recommandée\u003c\/h2\u003e\n \u003cp class=\"sj-section-intro\"\u003ePour un accompagnement complet de la gestion du poids et du métabolisme\u003c\/p\u003e\n \u003cdiv class=\"sj-synergy-grid\"\u003e\n \u003cdiv class=\"sj-synergy-card\"\u003e\n \u003cdiv class=\"sj-synergy-badge\"\u003eMétabolisme\u003c\/div\u003e\n \u003ch4\u003eJusteligne\u003c\/h4\u003e\n \u003cp\u003eStimule le métabolisme, régule l'appétit et favorise la combustion des graisses\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/justeligne-equilibre-du-poids-90-gelules-jade-recherche\" class=\"sj-synergy-link\" target=\"_blank\" rel=\"noopener\"\u003eDécouvrir →\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-synergy-card\"\u003e\n \u003cdiv class=\"sj-synergy-badge\"\u003eÉnergie\u003c\/div\u003e\n \u003ch4\u003eAsthen\u003c\/h4\u003e\n \u003cp\u003eSoutient les surrénales et l'énergie globale via des huiles essentielles ciblées\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/asthen-complexe-dhuiles-essentielles-30-ml-jade-recherche\" class=\"sj-synergy-link\" target=\"_blank\" rel=\"noopener\"\u003eDécouvrir →\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003cdiv class=\"sj-warning-box\"\u003e\n \u003cdiv class=\"sj-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"sj-warning-content\"\u003e\n \u003ch4\u003ePrécautions d'emploi\u003c\/h4\u003e\n \u003cp\u003eNe pas dépasser la dose recommandée. Complément alimentaire. Ne remplace pas une alimentation équilibrée ni un traitement médical. En cas de pathologie, grossesse ou traitement médical en cours, demandez l'avis de votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"sj-info-grid\"\u003e\n \u003cdiv class=\"sj-info-item\"\u003e\n \u003cspan class=\"sj-info-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"sj-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"sj-info-value\"\u003e90 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-info-item\"\u003e\n \u003cspan class=\"sj-info-icon\"\u003e📅\u003c\/span\u003e\n \u003cspan class=\"sj-info-label\"\u003eDurée\u003c\/span\u003e\n \u003cspan class=\"sj-info-value\"\u003e30 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-info-item\"\u003e\n \u003cspan class=\"sj-info-icon\"\u003e🏭\u003c\/span\u003e\n \u003cspan class=\"sj-info-label\"\u003eLaboratoire\u003c\/span\u003e\n \u003cspan class=\"sj-info-value\"\u003eJade Recherche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-info-item\"\u003e\n \u003cspan class=\"sj-info-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"sj-info-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"sj-info-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"sj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sj-cta-box\"\u003e\n \u003cdiv class=\"sj-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sj-cta-content\"\u003e\n \u003cspan class=\"sj-cta-emoji\"\u003e🌟\u003c\/span\u003e\n \u003cp\u003eEnvie d'en savoir plus avant de vous lancer ?\u003cbr\u003eDécouvrez notre \u003ca href=\"https:\/\/www.naturellement-bio.com\/blogs\/news\/seconde-jeunesse\" title=\"Lire notre avis sur Seconde Jeunesse Jade Recherche\"\u003eavis complet et retour d'expérience sur Seconde Jeunesse\u003c\/a\u003e : composition passée au crible, conseils d'utilisation, résultats et petits secrets d'équipe… On vous dit tout, sans filtre !\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 --sj-cream: #f8fafc;\n --sj-white: #ffffff;\n --sj-primary: #1e3a8a;\n --sj-primary-dark: #1e3a6e;\n --sj-primary-light: #dbeafe;\n --sj-secondary: #84cc16;\n --sj-secondary-dark: #65a30d;\n --sj-accent: #ea580c;\n --sj-accent-light: #ffedd5;\n --sj-text: #1a1a1a;\n --sj-text-light: #5a5a5a;\n --sj-border: #e2e8f0;\n --sj-shadow: 0 4px 24px rgba(30, 58, 138, 0.08);\n --sj-shadow-lg: 0 12px 48px rgba(30, 58, 138, 0.15);\n --sj-radius: 20px;\n --sj-radius-sm: 12px;\n}\n\n.sj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sj-text);\n line-height: 1.6;\n}\n\n.sj-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.sj-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sj-primary) 0%, #2563eb 50%, var(--sj-primary-dark) 100%);\n border-radius: var(--sj-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(--sj-shadow-lg);\n}\n\n.sj-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(132, 204, 22, 0.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(234, 88, 12, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.sj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sj-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.sj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sj-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: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.sj-subtitle {\n color: var(--sj-secondary);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n}\n\n.sj-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(16px, 2.5vw, 19px);\n max-width: 700px;\n margin: 0 auto 2rem;\n line-height: 1.7;\n}\n\n.sj-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.sj-stat {\n text-align: center;\n}\n\n.sj-stat-value {\n display: block;\n color: var(--sj-secondary);\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n line-height: 1;\n}\n\n.sj-stat-label {\n color: rgba(255, 255, 255, 0.8);\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n\/* === SECTIONS === *\/\n.sj-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.sj-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--sj-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.sj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sj-primary), var(--sj-secondary));\n border-radius: 2px;\n}\n\n.sj-section-intro {\n text-align: center;\n color: var(--sj-text-light);\n font-size: 17px;\n margin-bottom: 2rem;\n}\n\n\/* === 4 PILIERS === *\/\n.sj-pillars-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.sj-pillar-card {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--sj-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.sj-pillar-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sj-shadow-lg);\n border-color: var(--sj-primary);\n}\n\n.sj-pillar-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.sj-pillar-card h3 {\n color: var(--sj-primary-dark);\n font-size: 18px;\n font-weight: 800;\n margin: 0 0 0.75rem 0;\n}\n\n.sj-pillar-card p {\n color: var(--sj-text-light);\n font-size: 14px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGRÉDIENTS === *\/\n.sj-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.sj-ingredient-card {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--sj-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.sj-ingredient-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--sj-shadow-lg);\n border-color: var(--sj-secondary);\n}\n\n.sj-ingredient-main {\n grid-column: span 1;\n background: linear-gradient(135deg, var(--sj-primary-light) 0%, var(--sj-white) 100%);\n border: 2px solid var(--sj-primary);\n}\n\n.sj-ingredient-header {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n margin-bottom: 0.75rem;\n}\n\n.sj-ingredient-emoji {\n font-size: 32px;\n line-height: 1;\n}\n\n.sj-ingredient-header h4 {\n color: var(--sj-primary-dark);\n font-size: 16px;\n font-weight: 800;\n margin: 0;\n line-height: 1.3;\n}\n\n.sj-dosage {\n display: inline-block;\n background: var(--sj-secondary);\n color: white;\n font-size: 12px;\n font-weight: 700;\n padding: 3px 10px;\n border-radius: 999px;\n margin-top: 4px;\n}\n\n.sj-ingredient-card p {\n color: var(--sj-text-light);\n font-size: 14px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BÉNÉFICES === *\/\n.sj-benefits-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.sj-benefit-block {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sj-shadow);\n border-top: 4px solid var(--sj-secondary);\n transition: all 0.3s ease;\n}\n\n.sj-benefit-block:hover {\n transform: translateY(-5px);\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-benefit-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n}\n\n.sj-benefit-block h3 {\n color: var(--sj-primary-dark);\n font-size: 18px;\n font-weight: 800;\n margin: 0 0 1rem 0;\n}\n\n.sj-benefit-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.sj-benefit-list li {\n position: relative;\n padding-left: 1.5rem;\n margin-bottom: 0.5rem;\n color: var(--sj-text-light);\n font-size: 14px;\n}\n\n.sj-benefit-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--sj-secondary);\n font-weight: 700;\n}\n\n\/* === PROFILS === *\/\n.sj-profiles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.sj-profile-card {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--sj-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.sj-profile-card:hover {\n transform: translateY(-5px);\n border-color: var(--sj-accent);\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-profile-emoji {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.sj-profile-card h4 {\n color: var(--sj-primary-dark);\n font-size: 16px;\n font-weight: 800;\n margin: 0 0 0.5rem 0;\n}\n\n.sj-profile-card p {\n color: var(--sj-text-light);\n font-size: 13px;\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.sj-usage-box {\n background: linear-gradient(135deg, var(--sj-primary-light) 0%, var(--sj-white) 100%);\n border-radius: var(--sj-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--sj-primary);\n}\n\n.sj-usage-main {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.sj-usage-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n}\n\n.sj-step-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n background: var(--sj-primary);\n color: white;\n font-size: 20px;\n font-weight: 900;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.sj-usage-step h4 {\n color: var(--sj-primary-dark);\n font-size: 16px;\n font-weight: 800;\n margin: 0 0 0.25rem 0;\n}\n\n.sj-usage-step p {\n color: var(--sj-text-light);\n font-size: 15px;\n margin: 0;\n}\n\n\/* === SYNERGIE === *\/\n.sj-synergy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.sj-synergy-card {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sj-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n position: relative;\n}\n\n.sj-synergy-card:hover {\n transform: translateY(-5px);\n border-color: var(--sj-secondary);\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-synergy-badge {\n position: absolute;\n top: -10px;\n right: 20px;\n background: var(--sj-accent);\n color: white;\n font-size: 11px;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.sj-synergy-card h4 {\n color: var(--sj-primary-dark);\n font-size: 20px;\n font-weight: 800;\n margin: 0.5rem 0 0.75rem 0;\n}\n\n.sj-synergy-card p {\n color: var(--sj-text-light);\n font-size: 14px;\n margin: 0 0 1rem 0;\n line-height: 1.6;\n}\n\n.sj-synergy-link {\n display: inline-flex;\n align-items: center;\n color: var(--sj-primary);\n font-size: 14px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n}\n\n.sj-synergy-link:hover {\n color: var(--sj-secondary);\n gap: 8px;\n}\n\n\/* === WARNING === *\/\n.sj-warning-box {\n display: flex;\n gap: 1.25rem;\n background: var(--sj-accent-light);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-left: 4px solid var(--sj-accent);\n}\n\n.sj-warning-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.sj-warning-content h4 {\n color: var(--sj-accent);\n font-size: 16px;\n font-weight: 800;\n margin: 0 0 0.5rem 0;\n}\n\n.sj-warning-content p {\n color: var(--sj-text-light);\n font-size: 14px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INFOS === *\/\n.sj-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.sj-info-item {\n background: var(--sj-white);\n border-radius: var(--sj-radius-sm);\n padding: 1.25rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n box-shadow: var(--sj-shadow);\n transition: all 0.3s ease;\n}\n\n.sj-info-item:hover {\n transform: translateY(-3px);\n}\n\n.sj-info-icon {\n font-size: 28px;\n margin-bottom: 0.5rem;\n}\n\n.sj-info-label {\n color: var(--sj-text-light);\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-bottom: 0.25rem;\n}\n\n.sj-info-value {\n color: var(--sj-primary-dark);\n font-size: 16px;\n font-weight: 800;\n}\n\n\/* === CTA === *\/\n.sj-cta-box {\n background: linear-gradient(135deg, var(--sj-secondary) 0%, var(--sj-secondary-dark) 100%);\n border-radius: var(--sj-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sj-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,0.1) 0%, transparent 50%);\n}\n\n.sj-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.sj-cta-emoji {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.sj-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n}\n\n.sj-cta-box a {\n color: white;\n text-decoration: underline;\n text-underline-offset: 3px;\n transition: all 0.3s ease;\n}\n\n.sj-cta-box a:hover {\n text-decoration-thickness: 2px;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .sj-pillars-grid,\n .sj-ingredients-grid,\n .sj-profiles-grid,\n .sj-synergy-grid {\n grid-template-columns: 1fr;\n }\n \n .sj-ingredient-main {\n grid-column: span 1;\n }\n \n .sj-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .sj-hero-stats {\n gap: 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sj-pillar-card,\n .sj-ingredient-card,\n .sj-benefit-block,\n .sj-profile-card,\n .sj-synergy-card {\n animation: sjFadeInUp 0.6s ease backwards;\n }\n \n .sj-pillar-card:nth-child(1),\n .sj-ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n .sj-pillar-card:nth-child(2),\n .sj-ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n .sj-pillar-card:nth-child(3),\n .sj-ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n .sj-pillar-card:nth-child(4),\n .sj-ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n .sj-ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n .sj-ingredient-card:nth-child(6) { animation-delay: 0.6s; }\n}\n\n@keyframes sjFadeInUp {\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 .sj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .sj-premium {\n --sj-text-light: #333333;\n --sj-border: #666666;\n }\n \n .sj-badge,\n .sj-dosage {\n border: 2px solid currentColor;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755347665053,"sku":"JADESECJEUN","price":59.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/seconde-jeunesse-vitalite-silhouette-90-gelules-jade-recherc-packshothd_5e2c76c4-837a-4f25-adeb-1926aae99dc4.webp?v=1773777018"},{"product_id":"magnesium-marin-hyposode-pauvre-en-sel-20-ampoules-algosource","title":"Magnésium Marin Hyposodé - Pauvre en sodium - 15 Ampoules - AlgoSource","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Magnésium Marin Hyposodé - AlgoSource\nPalette détectée:\n - Primaire: #C4A66B (doré\/bronze du packaging et de l'ampoule)\n - Secondaire: #1E4A6E (bleu marine foncé des textes et accents)\n - Accent: #F5F0E6 (crème\/beige clair du fond)\n - Tertiaire: #8B7355 (brun doré soutenu)\nAmbiance: Naturel premium, marin\/breton, élégant et authentique, inspiration marais salants\nPréfixe CSS: mg\n--\u003e\n\n\u003cdiv class=\"mg-premium\"\u003e\n \n \u003cdiv class=\"mg-hero\"\u003e\n \u003cdiv class=\"mg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mg-hero-content\"\u003e\n \u003cdiv class=\"mg-badges-top\"\u003e\n \u003cspan class=\"mg-badge\"\u003e🌊 Origine marine\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🧂 Compatible régimes sans sel\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e✅ Sans colorants ni conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mg-hero-title\"\u003eMagnésium Original 75 mg\u003c\/span\u003e\n \u003cp class=\"mg-subtitle\"\u003eMagOrigine® - magnésium naturel liquide\u003c\/p\u003e\n \u003cp class=\"mg-description\"\u003eIssu des eaux-mères désodées des marais salants de Guérande, ce magnésium marin liquide aide à réduire la fatigue, soutient la concentration et contribue au bon fonctionnement musculaire et nerveux. Une ampoule apporte 75 mg de magnésium, soit 20% des Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e💪 Les bienfaits du Magnésium Original 75 mg\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 contribue à réduire la fatigue et accompagne les périodes de baisse d’énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧠 Concentration\u003c\/h3\u003e\n \u003cp\u003eUne solution de recharge quotidienne pour soutenir l’équilibre physique et mental, idéale en période de rythme intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧘 Fonctionnement nerveux\u003c\/h3\u003e\n \u003cp\u003eLe magnésium contribue au fonctionnement normal du système nerveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🦵 Fonctionnement musculaire\u003c\/h3\u003e\n \u003cp\u003eIl contribue également au bon fonctionnement musculaire, utile au quotidien comme après l’effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e💧 Forme liquide\u003c\/h3\u003e\n \u003cp\u003eSa présentation en ampoules liquides permet une prise simple, pure ou diluée dans un verre d’eau ou de jus de fruits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌿 Magnésium naturel\u003c\/h3\u003e\n \u003cp\u003eUne alternative d’origine marine aux formes chimiques de magnésium, avec une formule issue des marais salants de Guérande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e🧂 Compatible avec les régimes sans sel\u003c\/h2\u003e\n \u003cdiv class=\"mg-highlight-box\"\u003e\n \u003cdiv class=\"mg-highlight-content\"\u003e\n \u003ch3\u003eUn magnésium marin désodé\u003c\/h3\u003e\n \u003cp\u003eGrâce à un procédé exclusif de réduction du sodium, MagOrigine® conserve la richesse minérale des eaux-mères des marais salants de Guérande tout en affichant une faible teneur en sodium : moins de 12 mg par ampoule.\u003c\/p\u003e\n \u003cp\u003eCette formule est compatible avec les régimes sans sel et offre une excellente alternative pour les personnes qui souhaitent limiter leur apport en sodium tout en profitant d’un magnésium d’origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"mg-highlight-badges\"\u003e\n \u003cspan class=\"mg-mini-badge\"\u003e✓ Sodium \u0026lt;12 mg par ampoule\u003c\/span\u003e\n \u003cspan class=\"mg-mini-badge\"\u003e✓ Compatible régimes sans sel\u003c\/span\u003e\n \u003cspan class=\"mg-mini-badge\"\u003e✓ Origine marine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e🔬 Composition par ampoule\u003c\/h2\u003e\n \u003cdiv class=\"mg-composition\"\u003e\n \u003cdiv class=\"mg-compo-main\"\u003e\n \u003cdiv class=\"mg-compo-circle\"\u003e\n \u003cspan class=\"mg-compo-value\"\u003e75 mg\u003c\/span\u003e\n \u003cspan class=\"mg-compo-label\"\u003eMagnésium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-vr\"\u003e\n \u003cspan class=\"mg-vr-number\"\u003e20%\u003c\/span\u003e\n \u003cspan class=\"mg-vr-text\"\u003edes Valeurs Nutritionnelles de Référence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-details\"\u003e\n \u003cdiv class=\"mg-compo-item\"\u003e\n \u003cspan class=\"mg-compo-icon\"\u003e🌊\u003c\/span\u003e\n \u003cspan\u003eEaux-mères désodées des marais salants de Guérande concentrées en magnésium à 7,5 g\/L, MagOrigine®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-item\"\u003e\n \u003cspan class=\"mg-compo-icon\"\u003e💧\u003c\/span\u003e\n \u003cspan\u003eEau purifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-item\"\u003e\n \u003cspan class=\"mg-compo-icon\"\u003e🍏\u003c\/span\u003e\n \u003cspan\u003eJus concentré de pommes et jus concentré de citrons\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-item\"\u003e\n \u003cspan class=\"mg-compo-icon\"\u003e🧂\u003c\/span\u003e\n \u003cspan\u003eSodium : moins de 12 mg par ampoule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-item\"\u003e\n \u003cspan class=\"mg-compo-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan\u003eSans colorants, sans conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e📌 Quand penser à une cure de magnésium ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card mg-card-warning\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eLorsque la fatigue s’installe malgré le repos et que le rythme quotidien devient plus difficile à tenir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card mg-card-warning\"\u003e\n \u003ch3\u003e🧠 Baisse de concentration\u003c\/h3\u003e\n \u003cp\u003eEn période d’examens, de charge mentale ou de journées intenses nécessitant plus de clarté mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card mg-card-warning\"\u003e\n \u003ch3\u003e🦵 Sollicitations musculaires\u003c\/h3\u003e\n \u003cp\u003eLe magnésium contribue au fonctionnement musculaire normal, notamment lorsque le corps est davantage sollicité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card mg-card-warning\"\u003e\n \u003ch3\u003e😰 Équilibre nerveux\u003c\/h3\u003e\n \u003cp\u003eLe magnésium contribue au fonctionnement normal du système nerveux et participe à l’équilibre quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e📋 Conseils d’utilisation\u003c\/h2\u003e\n \u003cdiv class=\"mg-steps\"\u003e\n \u003cdiv class=\"mg-step\"\u003e\n \u003cdiv class=\"mg-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mg-step-content\"\u003e\n \u003ch3\u003eSecouez l’ampoule\u003c\/h3\u003e\n \u003cp\u003eLa présence de particules est naturelle. Secouez l’ampoule avant usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-step\"\u003e\n \u003cdiv class=\"mg-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mg-step-content\"\u003e\n \u003ch3\u003eOuvrez les deux extrémités\u003c\/h3\u003e\n \u003cp\u003eCassez délicatement les deux pointes de l’ampoule avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-step\"\u003e\n \u003cdiv class=\"mg-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mg-step-content\"\u003e\n \u003ch3\u003ePrenez-la pure ou diluée\u003c\/h3\u003e\n \u003cp\u003eÀ prendre pure ou diluée dans un verre d’eau ou de jus de fruits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-step\"\u003e\n \u003cdiv class=\"mg-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mg-step-content\"\u003e\n \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eLe matin. Programme recommandé : 4 semaines minimum, idéalement 8 semaines. À renouveler autant de fois que nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e😓 Personnes fatiguées\u003c\/h3\u003e\n \u003cp\u003ePour soutenir l’énergie physique et mentale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n \u003cp\u003ePour accompagner les périodes de concentration, d’examens ou de travail intellectuel intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e💼 Actifs surmenés\u003c\/h3\u003e\n \u003cp\u003eUne recharge quotidienne pour les périodes de rythme soutenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003ePour contribuer au bon fonctionnement musculaire après l’effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧂 Régimes sans sel\u003c\/h3\u003e\n \u003cp\u003eUne formule compatible avec les régimes sans sel grâce à sa faible teneur en sodium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eUn magnésium naturel d’origine marine, issu des marais salants de Guérande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eℹ️ Bon à savoir\u003c\/h2\u003e\n \u003cdiv class=\"mg-info-box\"\u003e\n \u003cdiv class=\"mg-info-item\"\u003e\n \u003ch3\u003e💡 Magnésium ionisé Mg²+\u003c\/h3\u003e\n \u003cp\u003eMagnésium Original 75 mg délivre un magnésium ionisé Mg²+, une forme immédiatement assimilable. Sa biodisponibilité est comparable aux formes chimiques de référence comme le bisglycinate ou le malate, avec la naturalité en plus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-info-item\"\u003e\n \u003ch3\u003e🍋 Goût légèrement fruité\u003c\/h3\u003e\n \u003cp\u003eLa formule est subtilement aromatisée avec des concentrés de pommes et de citrons, pour une prise plus agréable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-info-item\"\u003e\n \u003ch3\u003e👀 Présence de particules\u003c\/h3\u003e\n \u003cp\u003eLa présence de particules est naturelle dans ce produit liquide. Il suffit de secouer l’ampoule avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e🏭 L’expertise AlgoSource\u003c\/h2\u003e\n \u003cdiv class=\"mg-brand-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eAlgoSource\u003c\/strong\u003e développe des compléments alimentaires liquides naturels à partir d’actifs d’origine marine. Installée à Guérande, l’entreprise valorise notamment les eaux-mères des marais salants pour proposer un magnésium naturel liquide, hautement biodisponible et compatible avec les régimes sans sel.\u003c\/p\u003e\n \u003cdiv class=\"mg-brand-badges\"\u003e\n \u003cspan class=\"mg-brand-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"mg-brand-badge\"\u003e🌊 Marais salants de Guérande\u003c\/span\u003e\n \u003cspan class=\"mg-brand-badge\"\u003e✅ Origine marine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"mg-accordion\"\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e📦 Contenu du produit\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content\"\u003e\n \u003cp\u003eBoîte de 15 ampoules de 10 ml, soit 150 ml. Programme de 15 jours à raison d’une ampoule par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e🍎 Informations nutritionnelles\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content\"\u003e\n \u003cp\u003ePour 1 ampoule : magnésium 75 mg, soit 20% des Valeurs Nutritionnelles de Référence. Sodium : moins de 12 mg. Glucides : 2,23 g, dont sucres : 2,05 g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content\"\u003e\n \u003cp\u003eConservez les ampoules à l’abri de la chaleur et de l’humidité, hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e⚠️ Précautions d’emploi\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. En cas de grossesse, d’allaitement, de pathologie particulière, de traitement médical ou d’insuffisance rénale, demandez conseil à un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mg-cta-box\"\u003e\n \u003cp\u003e🌊 Soutenez votre énergie physique et mentale avec un magnésium naturel français, issu des marais salants de Guérande, hautement biodisponible et compatible avec les régimes sans sel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mg-cream: #FAF8F5;\n --mg-white: #ffffff;\n --mg-primary: #C4A66B;\n --mg-primary-dark: #8B7355;\n --mg-primary-light: #F5EFE6;\n --mg-secondary: #1E4A6E;\n --mg-secondary-light: #E8EEF3;\n --mg-accent: #D4AF37;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a5a5a;\n --mg-border: #e0e0e0;\n --mg-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mg-radius: 20px;\n --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n position: relative;\n background: linear-gradient(135deg, #1E4A6E 0%, #2D5A7E 40%, #C4A66B 100%);\n border-radius: var(--mg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 Q35 15 30 25 Q25 35 30 45 Q35 55 30 55' stroke='%23ffffff' stroke-width='1' fill='none' opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.mg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mg-secondary);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mg-subtitle {\n color: var(--mg-primary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.mg-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mg-secondary);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mg-primary), var(--mg-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLE === *\/\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.mg-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mg-shadow-lg);\n border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mg-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mg-card-warning {\n border-left: 4px solid var(--mg-primary);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.mg-highlight-box {\n background: linear-gradient(135deg, var(--mg-secondary-light) 0%, var(--mg-primary-light) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border: 2px solid var(--mg-primary);\n}\n\n.mg-highlight-content h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--mg-secondary);\n margin: 0 0 1rem 0;\n}\n\n.mg-highlight-content p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--mg-text);\n line-height: 1.7;\n margin: 0 0 1.25rem 0;\n}\n\n.mg-highlight-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.mg-mini-badge {\n padding: 6px 12px;\n background: var(--mg-white);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n color: var(--mg-secondary);\n}\n\n\/* === COMPOSITION === *\/\n.mg-composition {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mg-shadow);\n}\n\n.mg-compo-main {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n flex-wrap: wrap;\n}\n\n.mg-compo-circle {\n width: 140px;\n height: 140px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--mg-secondary) 0%, var(--mg-primary) 100%);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: white;\n box-shadow: 0 8px 32px rgba(30,74,110,.3);\n}\n\n.mg-compo-value {\n font-size: 28px;\n font-weight: 900;\n}\n\n.mg-compo-label {\n font-size: 13px;\n font-weight: 600;\n opacity: .9;\n}\n\n.mg-compo-vr {\n text-align: center;\n}\n\n.mg-vr-number {\n display: block;\n font-size: 48px;\n font-weight: 900;\n color: var(--mg-primary);\n line-height: 1;\n}\n\n.mg-vr-text {\n display: block;\n font-size: 14px;\n color: var(--mg-text-light);\n max-width: 180px;\n}\n\n.mg-compo-details {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding-top: 1.5rem;\n border-top: 1px solid var(--mg-border);\n}\n\n.mg-compo-item {\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 14px;\n color: var(--mg-text);\n}\n\n.mg-compo-icon {\n font-size: 20px;\n}\n\n\/* === STEPS === *\/\n.mg-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1rem, 3vw, 1.5rem);\n box-shadow: var(--mg-shadow);\n transition: all .3s ease;\n}\n\n.mg-step:hover {\n transform: translateX(8px);\n box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-step-number {\n width: 48px;\n height: 48px;\n min-width: 48px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--mg-secondary) 0%, var(--mg-primary) 100%);\n color: white;\n font-size: 20px;\n font-weight: 900;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.mg-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mg-secondary);\n margin: 0 0 .35rem 0;\n}\n\n.mg-step-content p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INFO BOX === *\/\n.mg-info-box {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-info-item {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mg-shadow);\n border-left: 4px solid var(--mg-primary);\n}\n\n.mg-info-item h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mg-secondary);\n margin: 0 0 .75rem 0;\n}\n\n.mg-info-item p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === BRAND BOX === *\/\n.mg-brand-box {\n background: linear-gradient(135deg, var(--mg-secondary) 0%, #2D6A8E 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n text-align: center;\n}\n\n.mg-brand-box p {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n margin: 0 0 1.5rem 0;\n}\n\n.mg-brand-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n}\n\n.mg-brand-badge {\n padding: 8px 16px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.2);\n}\n\n\/* === ACCORDÉON === *\/\n.mg-accordion {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n box-shadow: var(--mg-shadow);\n overflow: hidden;\n}\n\n.mg-accordion-item {\n border-bottom: 1px solid var(--mg-border);\n margin: 0;\n padding: 0;\n}\n\n.mg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mg-secondary);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mg-accordion-header:hover {\n background: var(--mg-primary-light);\n}\n\n.mg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mg-primary);\n transition: transform .2s ease;\n}\n\n.mg-accordion-item[open] .mg-accordion-header::after {\n content: '−';\n}\n\n.mg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.mg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.mg-cta-box {\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mg-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.mg-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mg-card {\n padding: 1.125rem;\n }\n \n .mg-section {\n margin-bottom: 1.75rem;\n }\n \n .mg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mg-radius-sm);\n }\n \n .mg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mg-compo-main {\n flex-direction: column;\n gap: 1.5rem;\n }\n \n .mg-compo-circle {\n width: 120px;\n height: 120px;\n }\n \n .mg-compo-value {\n font-size: 24px;\n }\n \n .mg-vr-number {\n font-size: 40px;\n }\n \n .mg-step {\n padding: 1rem;\n }\n \n .mg-step-number {\n width: 40px;\n height: 40px;\n min-width: 40px;\n font-size: 16px;\n }\n \n .mg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mg-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mg-card:nth-child(1) { animation-delay: .05s; }\n .mg-card:nth-child(2) { animation-delay: .1s; }\n .mg-card:nth-child(3) { animation-delay: .15s; }\n .mg-card:nth-child(4) { animation-delay: .2s; }\n .mg-card:nth-child(5) { animation-delay: .25s; }\n .mg-card:nth-child(6) { animation-delay: .3s; }\n \n .mg-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .mg-step:nth-child(1) { animation-delay: .1s; }\n .mg-step:nth-child(2) { animation-delay: .2s; }\n .mg-step:nth-child(3) { animation-delay: .3s; }\n .mg-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALGOSOURCE","offers":[{"title":"Default Title","offer_id":45755368308893,"sku":"ALPHABMAGNE20","price":13.22,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/magnesium-marin-hyposode-pauvre-en-sodium-15-ampoules-algoso-lifestyle.webp?v=1783608781"},{"product_id":"shilajit-allie-de-votre-organisme-60-gelules-ayurvana","title":"Shilajit - 60 Gélules - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shilajit - Ayur-Vana\nPalette détectée:\n - Primaire: #8B1538 (bordeaux profond du bouchon et base)\n - Secondaire: #C8A961 (beige doré de l'étiquette, motifs traditionnels)\n - Accent: #2D5C3F (vert du logo \"vana\" et badge vegan)\nAmbiance: Ayurvédique traditionnel, naturel premium, spirituel\/montagne himalayenne, énergétique et authentique\nPréfixe CSS: shl\n--\u003e\n\n\u003cdiv class=\"shl-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"shl-hero\"\u003e\n \u003cdiv class=\"shl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"shl-hero-content\"\u003e\n \u003cdiv class=\"shl-badges-top\"\u003e\n \u003cspan class=\"shl-badge\"\u003e⛰️ Himalaya\u003c\/span\u003e\n \u003cspan class=\"shl-badge\"\u003e🌿 Vegan\u003c\/span\u003e\n \u003cspan class=\"shl-badge\"\u003e🧘 Ayurvédique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"shl-hero-title\"\u003eShilajit en gélules\u003c\/span\u003e\n \u003cp class=\"shl-subtitle\"\u003eÉnergise • Détoxifie • Revitalise\u003c\/p\u003e\n \u003cp class=\"shl-description\"\u003eL'or noir de l'Himalaya, trésor millénaire de la médecine ayurvédique pour restaurer votre vitalité et purifier votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ORIGINE --\u003e\n \u003csection class=\"shl-section\"\u003e\n \u003ch2\u003e⛰️ Le trésor des sommets himalayens\u003c\/h2\u003e\n \u003cdiv class=\"shl-origin-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eShilajit\u003c\/strong\u003e, surnommé \"asphalte de l'Himalaya\", est une substance minérale rare qui suinte des roches des hautes montagnes. Formé pendant des siècles par la décomposition de plantes et minéraux, il concentre la \u003cstrong\u003epuissance énergétique de la terre\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003eConsidéré comme un \u003cstrong\u003erasayana\u003c\/strong\u003e (régénérant majeur) dans la tradition ayurvédique, il est utilisé depuis des millénaires pour restaurer et amplifier la force vitale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"shl-section\"\u003e\n \u003ch2\u003e💎 Composition par dose journalière\u003c\/h2\u003e\n \u003cdiv class=\"shl-grid\"\u003e\n \u003cdiv class=\"shl-card\"\u003e\n \u003ch3\u003e🏔️ Shilajit (Asphaltum)\u003c\/h3\u003e\n \u003cp class=\"shl-dosage\"\u003e2160 mg\u003c\/p\u003e\n \u003cp\u003eExtrait pur standardisé à 20% d'acide fulvique pour une efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shl-card\"\u003e\n \u003ch3\u003e⚗️ Acides fulviques\u003c\/h3\u003e\n \u003cp class=\"shl-dosage\"\u003e432 mg minimum\u003c\/p\u003e\n \u003cp\u003eComposés naturels favorisant l'absorption des nutriments et l'élimination des toxines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shl-card\"\u003e\n \u003ch3\u003e🌾 85+ minéraux\u003c\/h3\u003e\n \u003cp class=\"shl-dosage\"\u003eSpectre complet\u003c\/p\u003e\n \u003cp\u003eFer, calcium, magnésium, zinc et nombreux oligo-éléments essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"shl-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits du Shilajit\u003c\/h2\u003e\n \u003cdiv class=\"shl-grid\"\u003e\n \u003cdiv class=\"shl-card\"\u003e\n \u003ch3\u003e⚡ Énergie et vitalité\u003c\/h3\u003e\n \u003cp\u003eCombattez la fatigue et retrouvez votre dynamisme. Améliore l'énergie cellulaire et soutient l'endurance physique et mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shl-card\"\u003e\n \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n \u003cp\u003eRenforcez vos défenses naturelles grâce à sa richesse en antioxydants et minéraux protecteurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shl-card\"\u003e\n \u003ch3\u003e🧠 Fonction cognitive\u003c\/h3\u003e\n \u003cp\u003eStimulez clarté mentale, concentration et mémoire. Les acides fulviques favorisent la santé cérébrale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shl-card\"\u003e\n \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eSoutenez votre cœur et votre circulation pour un système cardiovasculaire optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shl-card\"\u003e\n \u003ch3\u003e🔥 Vitalité sexuelle\u003c\/h3\u003e\n \u003cp\u003eReconnu pour améliorer la libido et la fertilité chez l'homme et la femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shl-card\"\u003e\n \u003ch3\u003e🌊 Détoxification\u003c\/h3\u003e\n \u003cp\u003ePurifiez votre organisme. Les acides fulviques aident à éliminer métaux lourds et toxines.\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=\"shl-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"shl-usage-box\"\u003e\n \u003cdiv class=\"shl-usage-step\"\u003e\n \u003cspan class=\"shl-step-num\"\u003e1\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules, 3 fois par jour\u003c\/strong\u003e (6 gélules\/jour)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shl-usage-step\"\u003e\n \u003cspan class=\"shl-step-num\"\u003e2\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eMoment\u003c\/h3\u003e\n \u003cp\u003e\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=\"shl-usage-step\"\u003e\n \u003cspan class=\"shl-step-num\"\u003e3\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eDurée\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eCure de 1 à 3 mois\u003c\/strong\u003e 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!-- POUR QUI --\u003e\n \u003csection class=\"shl-section\"\u003e\n \u003ch2\u003e🎯 Pour qui sont faites ces gélules de Shilajit ?\u003c\/h2\u003e\n \u003cdiv class=\"shl-grid\"\u003e\n \u003cdiv class=\"shl-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eAméliorer endurance, récupération et performances physiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shl-card\"\u003e\n \u003ch3\u003e💼 Actifs stressés\u003c\/h3\u003e\n \u003cp\u003eCombattre la fatigue mentale et gérer le stress quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shl-card\"\u003e\n \u003ch3\u003e🧘 Quête de bien-être\u003c\/h3\u003e\n \u003cp\u003eRechercher vitalité naturelle et équilibre corps-esprit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shl-card\"\u003e\n \u003ch3\u003e⏰ Seniors actifs\u003c\/h3\u003e\n \u003cp\u003eMaintenir vitalité et clarté mentale avec l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"shl-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"shl-grid-compact\"\u003e\n \u003cdiv class=\"shl-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=\"shl-card\"\u003e\n \u003ch3\u003e📅 Durée\u003c\/h3\u003e\n \u003cp\u003e10 jours de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shl-card\"\u003e\n \u003ch3\u003e🌱 Gélules\u003c\/h3\u003e\n \u003cp\u003e100% végétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shl-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eVegan\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=\"shl-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"shl-accordion\"\u003e\n \u003cdetails class=\"shl-accordion-item\"\u003e\n \u003csummary class=\"shl-accordion-header\"\u003e🧪 Composition détaillée par gélule\u003c\/summary\u003e\n \u003cdiv class=\"shl-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eShilajit (Asphaltum)\u003c\/strong\u003e : 360 mg (standardisé à 20% d'acide fulvique)\u003cbr\u003e\n \u003cstrong\u003eAcide fulvique\u003c\/strong\u003e : 72 mg minimum\u003cbr\u003e\n \u003cstrong\u003eFibre d'acacia\u003c\/strong\u003e : 10 mg (agent de charge)\u003cbr\u003e\n \u003cstrong\u003eStéarate de magnésium\u003c\/strong\u003e : 10 mg\u003cbr\u003e\n \u003cstrong\u003eGélule\u003c\/strong\u003e : hypromellose 100% végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"shl-accordion-item\"\u003e\n \u003csummary class=\"shl-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"shl-accordion-content\"\u003e\n \u003cp\u003e• Ne se substitue pas à une alimentation variée et équilibrée\u003cbr\u003e\n • Respecter la dose journalière recommandée\u003cbr\u003e\n • Tenir hors de portée des jeunes enfants\u003cbr\u003e\n • Déconseillé aux femmes enceintes et allaitantes sans avis médical\u003cbr\u003e\n • En cas de traitement médical, consulter votre professionnel de santé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"shl-accordion-item\"\u003e\n \u003csummary class=\"shl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"shl-accordion-content\"\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\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"shl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"shl-cta-box\"\u003e\n \u003cp\u003e🏔️ Découvrez la puissance millénaire du Shilajit et offrez à votre corps l'énergie pure de l'Himalaya. Un trésor de la nature pour retrouver vitalité, force et équilibre au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --shl-cream: #FAF8F5;\n --shl-white: #ffffff;\n --shl-primary: #8B1538;\n --shl-primary-dark: #6B0F28;\n --shl-primary-light: #F7E8EC;\n --shl-secondary: #C8A961;\n --shl-secondary-light: #F5EFE0;\n --shl-accent: #2D5C3F;\n --shl-accent-light: #E8F3ED;\n --shl-text: #1a1a1a;\n --shl-text-light: #5a5a5a;\n --shl-border: #e0e0e0;\n --shl-shadow: 0 4px 24px rgba(139,21,56,.08);\n --shl-shadow-lg: 0 12px 48px rgba(139,21,56,.15);\n --shl-radius: 20px;\n --shl-radius-sm: 12px;\n}\n\n.shl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--shl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--shl-text);\n line-height: 1.7;\n}\n\n.shl-hero {\n position: relative;\n background: linear-gradient(135deg, var(--shl-primary) 0%, var(--shl-primary-dark) 50%, #4A0D1F 100%);\n border-radius: var(--shl-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(--shl-shadow-lg);\n}\n\n.shl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(200,169,97,.3) 35px, rgba(200,169,97,.3) 70px);\n}\n\n.shl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.shl-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.shl-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(--shl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.shl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.shl-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.shl-subtitle {\n color: var(--shl-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n}\n\n.shl-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.shl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.shl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--shl-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.shl-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(--shl-primary), var(--shl-secondary));\n border-radius: 2px;\n}\n\n.shl-origin-box {\n background: linear-gradient(135deg, var(--shl-white) 0%, var(--shl-secondary-light) 100%);\n border-radius: var(--shl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--shl-shadow);\n border: 2px solid var(--shl-secondary);\n text-align: center;\n}\n\n.shl-origin-box p {\n margin: 0 0 1rem 0;\n font-size: clamp(14px, 2.2vw, 16px);\n}\n\n.shl-origin-box p:last-child {\n margin-bottom: 0;\n}\n\n.shl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.shl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.shl-card {\n background: var(--shl-white);\n border-radius: var(--shl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--shl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.shl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shl-shadow-lg);\n border-color: var(--shl-primary);\n}\n\n.shl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--shl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.shl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--shl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.shl-dosage {\n font-size: 14px !important;\n font-weight: 700 !important;\n color: var(--shl-primary) !important;\n margin: .25rem 0 .75rem 0 !important;\n text-transform: uppercase;\n letter-spacing: .03em;\n}\n\n.shl-grid-compact .shl-card {\n padding: 1rem;\n}\n\n.shl-grid-compact .shl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.shl-grid-compact .shl-card p {\n font-size: 12px;\n}\n\n.shl-usage-box {\n background: var(--shl-white);\n border-radius: var(--shl-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--shl-shadow);\n}\n\n.shl-usage-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1rem 0;\n border-bottom: 1px solid var(--shl-border);\n}\n\n.shl-usage-step:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.shl-usage-step:first-child {\n padding-top: 0;\n}\n\n.shl-step-num {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--shl-primary), var(--shl-primary-dark));\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n flex-shrink: 0;\n}\n\n.shl-usage-step h3 {\n font-size: 15px;\n font-weight: 800;\n color: var(--shl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.shl-usage-step p {\n font-size: 14px;\n color: var(--shl-text-light);\n margin: 0;\n}\n\n.shl-accordion {\n background: var(--shl-white);\n border-radius: var(--shl-radius);\n box-shadow: var(--shl-shadow);\n overflow: hidden;\n}\n\n.shl-accordion-item {\n border-bottom: 1px solid var(--shl-border);\n margin: 0;\n padding: 0;\n}\n\n.shl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.shl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--shl-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.shl-accordion-header:hover {\n background: var(--shl-primary-light);\n}\n\n.shl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.shl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--shl-primary);\n transition: transform .2s ease;\n}\n\n.shl-accordion-item[open] .shl-accordion-header::after {\n content: '−';\n}\n\n.shl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--shl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.shl-accordion-content p {\n margin: 0;\n}\n\n.shl-cta-box {\n background: linear-gradient(135deg, var(--shl-primary) 0%, var(--shl-primary-dark) 100%);\n border-radius: var(--shl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.shl-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 .shl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .shl-grid-compact {\n gap: .625rem;\n }\n \n .shl-grid-compact .shl-card {\n padding: .75rem;\n }\n \n .shl-card {\n padding: 1.125rem;\n }\n \n .shl-section {\n margin-bottom: 1.75rem;\n }\n \n .shl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--shl-radius-sm);\n }\n \n .shl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .shl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .shl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .shl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .shl-usage-step {\n flex-direction: column;\n text-align: center;\n align-items: center;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .shl-card {\n animation: fadeInUp .5s ease backwards;\n }\n .shl-card:nth-child(1) { animation-delay: .05s; }\n .shl-card:nth-child(2) { animation-delay: .1s; }\n .shl-card:nth-child(3) { animation-delay: .15s; }\n .shl-card:nth-child(4) { animation-delay: .2s; }\n .shl-card:nth-child(5) { animation-delay: .25s; }\n .shl-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 .shl-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":45755410448541,"sku":"AY9926","price":11.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shilajit-60gelules-ayurvana_11zon.jpg?v=1768137419"},{"product_id":"pelvimag-bio-120-gelules-laboratoire-code","title":"Pelvimag bio - Confort urinaire 120 gélules - Laboratoire Code","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Pelvimag Bio - Confort Urinaire 120 gélules\nPalette détectée:\n - Primaire: #6BA3D6 (bleu ciel doux du packaging)\n - Secondaire: #F5C842 (jaune\/or du bandeau PELVIMAG)\n - Accent: #4A90C2 (bleu plus soutenu du couvercle)\nAmbiance: Médicale\/santé douce, bio\/naturel, laboratoire français, clean et rassurant\nPréfixe CSS: pvm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir Pelvimag Bio pour votre confort urinaire ?\"\n 2. \"Les trois actifs clés de Pelvimag et leurs bienfaits\"\n 3. \"À qui s'adresse le Pelvimag Bio ?\"\n 4. \"Les résultats que vous pouvez attendre\"\n 5. \"Composition complète pour 6 gélules (dose journalière)\"\n 6. \"Comment prendre Pelvimag pour des résultats optimaux ?\"\n 7. \"Précautions d'emploi et contre-indications\"\n 8. \"Certifications et engagements qualité\"\n 9. \"Questions fréquentes sur Pelvimag Bio\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"pvm-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"pvm-hero\"\u003e\n \u003cdiv class=\"pvm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pvm-hero-content\"\u003e\n \u003cdiv class=\"pvm-badges-top\"\u003e\n \u003cspan class=\"pvm-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"pvm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"pvm-badge\"\u003e🌱 100% Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pvm-hero-title\"\u003ePelvimag Bio\u003c\/span\u003e\n \u003cp class=\"pvm-subtitle\"\u003eConfort urinaire \u0026amp; décongestion pelvienne\u003c\/p\u003e\n \u003cp class=\"pvm-description\"\u003eUne formule triple action à base d'oignon bio, marron d'Inde et magnésium pour retrouver sérénité et bien-être au quotidien. 120 gélules végétales pour 20 jours de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003ePourquoi choisir Pelvimag Bio pour votre confort urinaire ?\u003c\/h2\u003e\n \u003cp class=\"pvm-section-intro\"\u003eLes troubles urinaires touchent des millions de personnes : envies fréquentes, réveils nocturnes, sensations de pesanteur… Pelvimag Bio apporte une réponse naturelle et complète.\u003c\/p\u003e\n \u003cdiv class=\"pvm-highlight-box\"\u003e\n \u003cdiv class=\"pvm-highlight-content\"\u003e\n \u003cstrong\u003eTriple action synergique unique\u003c\/strong\u003e\n \u003cp\u003ePelvimag combine les propriétés diurétiques et antiseptiques de l'oignon, l'action veinotonique du marron d'Inde et l'effet relaxant musculaire du magnésium. Une formule pensée pour agir à la source des inconforts, pas simplement pour masquer les symptômes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003eLes trois actifs clés de Pelvimag et leurs bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"pvm-grid\"\u003e\n \u003cdiv class=\"pvm-card pvm-card-ingredient\"\u003e\n \u003cdiv class=\"pvm-ingredient-dose\"\u003e960 mg\/jour\u003c\/div\u003e\n \u003ch3\u003e🧅 Oignon bio\u003c\/h3\u003e\n \u003cp class=\"pvm-ingredient-latin\"\u003eAllium cepa\u003c\/p\u003e\n \u003cp\u003ePropriétés \u003cstrong\u003ediurétiques remarquables\u003c\/strong\u003e favorisant l'élimination des toxines. Action antiseptique naturelle pour assainir le tractus urinaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card pvm-card-ingredient\"\u003e\n \u003cdiv class=\"pvm-ingredient-dose\"\u003e60 mg\/jour\u003c\/div\u003e\n \u003ch3\u003e🌰 Marron d'Inde bio\u003c\/h3\u003e\n \u003cp class=\"pvm-ingredient-latin\"\u003eAesculus hippocastanum\u003c\/p\u003e\n \u003cp\u003eReconnu pour son \u003cstrong\u003eaction sur le tonus veineux\u003c\/strong\u003e. Améliore le retour veineux et la microcirculation pour réduire les sensations de lourdeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card pvm-card-ingredient\"\u003e\n \u003cdiv class=\"pvm-ingredient-dose\"\u003e480 mg\/jour\u003c\/div\u003e\n \u003ch3\u003e🔬 Magnésium\u003c\/h3\u003e\n \u003cp class=\"pvm-ingredient-latin\"\u003eCarbonate de magnésium\u003c\/p\u003e\n \u003cp\u003eContribue à la \u003cstrong\u003edétente musculaire\u003c\/strong\u003e de la vessie et du plancher pelvien. Réduit les spasmes et aide à gérer le stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse le Pelvimag Bio ?\u003c\/h2\u003e\n \u003cp class=\"pvm-section-intro\"\u003eCe complément alimentaire confort urinaire convient aux hommes comme aux femmes confrontés à :\u003c\/p\u003e\n \u003cdiv class=\"pvm-grid-compact\"\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🚽 Envies fréquentes\u003c\/h3\u003e\n \u003cp\u003eMictions répétées perturbant le quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🌙 Réveils nocturnes\u003c\/h3\u003e\n \u003cp\u003eNuits interrompues par des besoins urinaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e😣 Douleurs à la miction\u003c\/h3\u003e\n \u003cp\u003eGênes ou brûlures ressenties\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e⚖️ Congestion pelvienne\u003c\/h3\u003e\n \u003cp\u003eSensation de lourdeur dans le bas-ventre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e👩 Douleurs chroniques\u003c\/h3\u003e\n \u003cp\u003eY compris règles douloureuses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e👨 Troubles prostatiques\u003c\/h3\u003e\n \u003cp\u003eDifficultés urinaires chez l'homme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003eLes résultats que vous pouvez attendre\u003c\/h2\u003e\n \u003cdiv class=\"pvm-results-grid\"\u003e\n \u003cdiv class=\"pvm-result-item\"\u003e\n \u003cdiv class=\"pvm-result-icon\"\u003e📉\u003c\/div\u003e\n \u003cdiv class=\"pvm-result-text\"\u003e\n \u003cstrong\u003eDiminution de la fréquence\u003c\/strong\u003e\n \u003cspan\u003eMoins de mictions, surtout la nuit\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-result-item\"\u003e\n \u003cdiv class=\"pvm-result-icon\"\u003e😌\u003c\/div\u003e\n \u003cdiv class=\"pvm-result-text\"\u003e\n \u003cstrong\u003eRéduction des douleurs\u003c\/strong\u003e\n \u003cspan\u003eMictions plus confortables\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-result-item\"\u003e\n \u003cdiv class=\"pvm-result-icon\"\u003e😴\u003c\/div\u003e\n \u003cdiv class=\"pvm-result-text\"\u003e\n \u003cstrong\u003eMeilleur sommeil\u003c\/strong\u003e\n \u003cspan\u003eMoins de réveils nocturnes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-result-item\"\u003e\n \u003cdiv class=\"pvm-result-icon\"\u003e🪶\u003c\/div\u003e\n \u003cdiv class=\"pvm-result-text\"\u003e\n \u003cstrong\u003eSensation de légèreté\u003c\/strong\u003e\n \u003cspan\u003eZone pelvienne décongestionée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-result-item\"\u003e\n \u003cdiv class=\"pvm-result-icon\"\u003e✅\u003c\/div\u003e\n \u003cdiv class=\"pvm-result-text\"\u003e\n \u003cstrong\u003eConfort amélioré\u003c\/strong\u003e\n \u003cspan\u003eBien-être au quotidien retrouvé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-tip\"\u003e\n \u003cp\u003eLes premiers effets peuvent se manifester après quelques jours à quelques semaines de prise régulière. La patience et la constance sont vos alliées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003eComposition complète pour 6 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"pvm-composition-table\"\u003e\n \u003cdiv class=\"pvm-compo-row\"\u003e\n \u003cspan class=\"pvm-compo-name\"\u003e🧅 Oignon bio \u003cem\u003e(Allium cepa)\u003c\/em\u003e\u003c\/span\u003e\n \u003cspan class=\"pvm-compo-qty\"\u003e960 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-compo-row\"\u003e\n \u003cspan class=\"pvm-compo-name\"\u003e🔬 Carbonate de magnésium\u003c\/span\u003e\n \u003cspan class=\"pvm-compo-qty\"\u003e480 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-compo-row\"\u003e\n \u003cspan class=\"pvm-compo-name\"\u003e🌾 Maltodextrine bio\u003c\/span\u003e\n \u003cspan class=\"pvm-compo-qty\"\u003e300 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-compo-row\"\u003e\n \u003cspan class=\"pvm-compo-name\"\u003e🌰 Marron d'Inde bio \u003cem\u003e(Aesculus hippocastanum)\u003c\/em\u003e\u003c\/span\u003e\n \u003cspan class=\"pvm-compo-qty\"\u003e60 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-compo-row pvm-compo-row-light\"\u003e\n \u003cspan class=\"pvm-compo-name\"\u003e💊 Enveloppe gélule : hypromellose (végétale)\u003c\/span\u003e\n \u003cspan class=\"pvm-compo-qty\"\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"pvm-compo-note\"\u003e*Ingrédients issus de l'agriculture biologique, certifiés par Ecocert FR-BIO-01. \u003cstrong\u003eContient des sulfites.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"pvm-clean-badge\"\u003e\n \u003cspan\u003e🚫 Sans additifs artificiels\u003c\/span\u003e\n \u003cspan\u003e🚫 Sans colorants\u003c\/span\u003e\n \u003cspan\u003e🚫 Sans OGM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003eComment prendre Pelvimag pour des résultats optimaux ?\u003c\/h2\u003e\n \u003cdiv class=\"pvm-timeline\"\u003e\n \u003cdiv class=\"pvm-timeline-item\"\u003e\n \u003cdiv class=\"pvm-timeline-number\"\u003e☀️\u003c\/div\u003e\n \u003cdiv class=\"pvm-timeline-content\"\u003e\n \u003ch3\u003eMatin : 2 gélules\u003c\/h3\u003e\n \u003cp\u003eAvec un grand verre d'eau au petit-déjeuner\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-timeline-item\"\u003e\n \u003cdiv class=\"pvm-timeline-number\"\u003e🌤️\u003c\/div\u003e\n \u003cdiv class=\"pvm-timeline-content\"\u003e\n \u003ch3\u003eMidi : 2 gélules\u003c\/h3\u003e\n \u003cp\u003eAvec un grand verre d'eau au déjeuner\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-timeline-item\"\u003e\n \u003cdiv class=\"pvm-timeline-number\"\u003e🌙\u003c\/div\u003e\n \u003cdiv class=\"pvm-timeline-content\"\u003e\n \u003ch3\u003eSoir : 2 gélules\u003c\/h3\u003e\n \u003cp\u003eAvec un grand verre d'eau au dîner\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-grid-compact\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e📅 Durée de cure\u003c\/h3\u003e\n \u003cp\u003eMinimum 20 jours, renouvelable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e📦 Contenu du flacon\u003c\/h3\u003e\n \u003cp\u003e120 gélules = 20 jours\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-tip\"\u003e\n \u003cp\u003e💧 \u003cstrong\u003eAstuce :\u003c\/strong\u003e Pensez à bien vous hydrater tout au long de la journée. Paradoxalement, boire suffisamment d'eau aide à réduire les irritations urinaires et optimise l'action des principes actifs diurétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n \u003cdiv class=\"pvm-accordion\"\u003e\n \u003cdetails class=\"pvm-accordion-item\"\u003e\n \u003csummary class=\"pvm-accordion-header\"\u003e⚠️ Contre-indication importante\u003c\/summary\u003e\n \u003cdiv class=\"pvm-accordion-content\"\u003e\n \u003cp\u003eCe produit est \u003cstrong\u003edéconseillé aux personnes sous traitement anticoagulant\u003c\/strong\u003e, en raison des propriétés du marron d'Inde sur la circulation sanguine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pvm-accordion-item\"\u003e\n \u003csummary class=\"pvm-accordion-header\"\u003e📏 Dosage et conservation\u003c\/summary\u003e\n \u003cdiv class=\"pvm-accordion-content\"\u003e\n \u003cp\u003e• Ne pas dépasser la dose journalière recommandée de 6 gélules\u003cbr\u003e\n • Tenir hors de portée des jeunes enfants\u003cbr\u003e\n • Conserver dans un endroit frais et sec, à l'abri de la lumière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pvm-accordion-item\"\u003e\n \u003csummary class=\"pvm-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n \u003cdiv class=\"pvm-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pvm-accordion-item\"\u003e\n \u003csummary class=\"pvm-accordion-header\"\u003eℹ️ Avertissement général\u003c\/summary\u003e\n \u003cdiv class=\"pvm-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. En cas de troubles urinaires persistants ou de douleurs importantes, consultez un professionnel de santé pour écarter toute pathologie sous-jacente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003eCertifications et engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"pvm-certifications\"\u003e\n \u003cdiv class=\"pvm-cert-item\"\u003e\n \u003cdiv class=\"pvm-cert-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-label\"\u003eAgriculture Biologique\u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-detail\"\u003eEcocert FR-BIO-01\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-item\"\u003e\n \u003cdiv class=\"pvm-cert-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-label\"\u003eFabriqué en France\u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-detail\"\u003eConditions contrôlées\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-item\"\u003e\n \u003cdiv class=\"pvm-cert-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-label\"\u003e100% Vegan\u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-detail\"\u003eGélules hypromellose\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-item\"\u003e\n \u003cdiv class=\"pvm-cert-icon\"\u003e🧪\u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-label\"\u003eSans additifs\u003c\/div\u003e\n \u003cdiv class=\"pvm-cert-detail\"\u003eNi conservateurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003cstyle\u003e\n:root {\n --pvm-cream: #F7FAFC;\n --pvm-white: #ffffff;\n --pvm-primary: #6BA3D6;\n --pvm-primary-dark: #3D7AB5;\n --pvm-primary-light: #E8F4FC;\n --pvm-secondary: #F5C842;\n --pvm-accent: #4A90C2;\n --pvm-text: #1a1a1a;\n --pvm-text-light: #5a6875;\n --pvm-border: #e0e8ef;\n --pvm-shadow: 0 4px 24px rgba(107,163,214,.12);\n --pvm-shadow-lg: 0 12px 48px rgba(107,163,214,.18);\n --pvm-radius: 20px;\n --pvm-radius-sm: 12px;\n}\n\n.pvm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pvm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pvm-hero {\n position: relative;\n background: linear-gradient(135deg, #4A90C2 0%, #6BA3D6 40%, #8FBFE8 100%);\n border-radius: var(--pvm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pvm-shadow-lg);\n}\n\n.pvm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(245,200,66,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.pvm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pvm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pvm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pvm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pvm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pvm-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pvm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.pvm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.pvm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pvm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pvm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pvm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pvm-primary), var(--pvm-secondary));\n border-radius: 2px;\n}\n\n.pvm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pvm-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pvm-highlight-box {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: linear-gradient(135deg, var(--pvm-primary-light) 0%, rgba(245,200,66,.1) 100%);\n border-radius: var(--pvm-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n border-left: 5px solid var(--pvm-secondary);\n}\n\n.pvm-highlight-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.pvm-highlight-content strong {\n display: block;\n font-size: clamp(16px, 3vw, 20px);\n color: var(--pvm-primary-dark);\n margin-bottom: .5rem;\n}\n\n.pvm-highlight-content p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--pvm-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pvm-card {\n background: var(--pvm-white);\n border-radius: var(--pvm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pvm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pvm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pvm-shadow-lg);\n border-color: var(--pvm-primary);\n}\n\n.pvm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pvm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pvm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pvm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.pvm-card-ingredient {\n position: relative;\n padding-top: clamp(2.5rem, 5vw, 3rem);\n}\n\n.pvm-ingredient-dose {\n position: absolute;\n top: -10px;\n right: 15px;\n background: linear-gradient(135deg, var(--pvm-secondary), #E5B832);\n color: var(--pvm-primary-dark);\n font-size: 12px;\n font-weight: 800;\n padding: 6px 12px;\n border-radius: 999px;\n box-shadow: 0 3px 12px rgba(245,200,66,.4);\n}\n\n.pvm-ingredient-latin {\n font-style: italic;\n font-size: 13px !important;\n color: var(--pvm-primary) !important;\n margin-bottom: .75rem !important;\n}\n\n\/* === GRILLES === *\/\n.pvm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.pvm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pvm-grid-compact .pvm-card {\n padding: 1rem;\n}\n\n.pvm-grid-compact .pvm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pvm-grid-compact .pvm-card p {\n font-size: 12px;\n}\n\n\/* === RESULTS GRID === *\/\n.pvm-results-grid {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.pvm-result-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--pvm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pvm-radius-sm);\n box-shadow: var(--pvm-shadow);\n transition: all .3s ease;\n}\n\n.pvm-result-item:hover {\n transform: translateX(8px);\n box-shadow: var(--pvm-shadow-lg);\n}\n\n.pvm-result-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.pvm-result-text {\n display: flex;\n flex-direction: column;\n}\n\n.pvm-result-text strong {\n font-size: 15px;\n color: var(--pvm-primary-dark);\n}\n\n.pvm-result-text span {\n font-size: 13px;\n color: var(--pvm-text-light);\n}\n\n\/* === COMPOSITION TABLE === *\/\n.pvm-composition-table {\n background: var(--pvm-white);\n border-radius: var(--pvm-radius);\n box-shadow: var(--pvm-shadow);\n overflow: hidden;\n}\n\n.pvm-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.25rem;\n border-bottom: 1px solid var(--pvm-border);\n}\n\n.pvm-compo-row:last-child {\n border-bottom: none;\n}\n\n.pvm-compo-row-light {\n background: var(--pvm-primary-light);\n}\n\n.pvm-compo-name {\n font-size: 14px;\n color: var(--pvm-text);\n}\n\n.pvm-compo-name em {\n color: var(--pvm-text-light);\n font-size: 13px;\n}\n\n.pvm-compo-qty {\n font-size: 15px;\n font-weight: 800;\n color: var(--pvm-primary-dark);\n background: var(--pvm-primary-light);\n padding: 4px 12px;\n border-radius: 999px;\n}\n\n.pvm-compo-note {\n font-size: 13px;\n color: var(--pvm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n.pvm-clean-badge {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-top: 1rem;\n}\n\n.pvm-clean-badge span {\n font-size: 12px;\n font-weight: 600;\n color: var(--pvm-primary-dark);\n background: var(--pvm-primary-light);\n padding: 6px 12px;\n border-radius: 999px;\n}\n\n\/* === TIMELINE === *\/\n.pvm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pvm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pvm-timeline-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--pvm-primary), var(--pvm-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n box-shadow: 0 4px 15px rgba(107,163,214,.3);\n}\n\n.pvm-timeline-content {\n flex: 1;\n background: var(--pvm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pvm-radius-sm);\n box-shadow: var(--pvm-shadow);\n}\n\n.pvm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pvm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pvm-timeline-content p {\n font-size: 14px;\n color: var(--pvm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === CERTIFICATIONS === *\/\n.pvm-certifications {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1rem;\n}\n\n.pvm-cert-item {\n background: var(--pvm-white);\n border-radius: var(--pvm-radius);\n padding: 1.5rem 1rem;\n text-align: center;\n box-shadow: var(--pvm-shadow);\n transition: all .3s ease;\n}\n\n.pvm-cert-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--pvm-shadow-lg);\n}\n\n.pvm-cert-icon {\n font-size: 36px;\n margin-bottom: .5rem;\n}\n\n.pvm-cert-label {\n font-size: 14px;\n font-weight: 800;\n color: var(--pvm-primary-dark);\n margin-bottom: .25rem;\n}\n\n.pvm-cert-detail {\n font-size: 12px;\n color: var(--pvm-text-light);\n}\n\n\/* === TIP BOX === *\/\n.pvm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, rgba(245,200,66,.15) 0%, rgba(245,200,66,.05) 100%);\n border-radius: var(--pvm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--pvm-secondary);\n}\n\n.pvm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pvm-tip p {\n font-size: 14px;\n color: var(--pvm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.pvm-accordion {\n background: var(--pvm-white);\n border-radius: var(--pvm-radius);\n box-shadow: var(--pvm-shadow);\n overflow: hidden;\n}\n\n.pvm-accordion-item {\n border-bottom: 1px solid var(--pvm-border);\n margin: 0;\n padding: 0;\n}\n\n.pvm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pvm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pvm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pvm-accordion-header:hover {\n background: var(--pvm-primary-light);\n}\n\n.pvm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pvm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pvm-primary);\n transition: transform .2s ease;\n}\n\n.pvm-accordion-item[open] .pvm-accordion-header::after {\n content: '−';\n}\n\n.pvm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pvm-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.pvm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.pvm-cta-box {\n background: linear-gradient(135deg, var(--pvm-primary) 0%, var(--pvm-primary-dark) 100%);\n border-radius: var(--pvm-radius);\n padding: clamp(1.75rem, 4vw, 2.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 2rem;\n}\n\n.pvm-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 200px;\n height: 200px;\n background: radial-gradient(circle, rgba(245,200,66,.2) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.pvm-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pvm-disclaimer {\n font-size: 12px;\n color: var(--pvm-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 900px) {\n .pvm-certifications {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 767px) {\n .pvm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .pvm-card {\n padding: 1.125rem;\n }\n \n .pvm-card-ingredient {\n padding-top: 2.25rem;\n }\n \n .pvm-section {\n margin-bottom: 1.75rem;\n }\n \n .pvm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pvm-radius-sm);\n }\n \n .pvm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .pvm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .pvm-grid-compact {\n gap: .625rem;\n }\n \n .pvm-grid-compact .pvm-card {\n padding: .75rem;\n }\n \n .pvm-highlight-box {\n flex-direction: column;\n text-align: center;\n padding: 1.25rem;\n }\n \n .pvm-result-item {\n padding: .875rem 1rem;\n }\n \n .pvm-result-icon {\n font-size: 24px;\n }\n \n .pvm-result-text strong {\n font-size: 14px;\n }\n \n .pvm-result-text span {\n font-size: 12px;\n }\n \n .pvm-timeline-number {\n width: 40px;\n height: 40px;\n font-size: 20px;\n }\n \n .pvm-timeline-content {\n padding: .875rem 1rem;\n }\n \n .pvm-timeline-content h3 {\n font-size: 14px;\n }\n \n .pvm-timeline-content p {\n font-size: 13px;\n }\n \n .pvm-certifications {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n \n .pvm-cert-item {\n padding: 1rem .75rem;\n }\n \n .pvm-cert-icon {\n font-size: 28px;\n }\n \n .pvm-cert-label {\n font-size: 12px;\n }\n \n .pvm-cert-detail {\n font-size: 11px;\n }\n \n .pvm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .pvm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .pvm-compo-row {\n padding: .875rem 1rem;\n flex-wrap: wrap;\n gap: .5rem;\n }\n \n .pvm-compo-name {\n font-size: 13px;\n }\n \n .pvm-compo-qty {\n font-size: 13px;\n padding: 3px 10px;\n }\n \n .pvm-tip {\n flex-direction: column;\n text-align: center;\n padding: 1rem;\n }\n \n .pvm-clean-badge span {\n font-size: 11px;\n padding: 5px 10px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pvm-card {\n animation: pvmFadeInUp .5s ease backwards;\n }\n .pvm-card:nth-child(1) { animation-delay: .05s; }\n .pvm-card:nth-child(2) { animation-delay: .1s; }\n .pvm-card:nth-child(3) { animation-delay: .15s; }\n .pvm-card:nth-child(4) { animation-delay: .2s; }\n .pvm-card:nth-child(5) { animation-delay: .25s; }\n .pvm-card:nth-child(6) { animation-delay: .3s; }\n \n .pvm-result-item {\n animation: pvmFadeInLeft .4s ease backwards;\n }\n .pvm-result-item:nth-child(1) { animation-delay: .05s; }\n .pvm-result-item:nth-child(2) { animation-delay: .1s; }\n .pvm-result-item:nth-child(3) { animation-delay: .15s; }\n .pvm-result-item:nth-child(4) { animation-delay: .2s; }\n .pvm-result-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes pvmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes pvmFadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pvm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e\n\u003c\/div\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":45914525794461,"sku":"LC9102","price":22.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/pelvimag-bio-confort-urinaire-120-gelules-laboratoire-code-ingredients.webp?v=1769013116"},{"product_id":"gyneline-menopause-lt-labo","title":"Gynéline Ménopause \u0026 Périménopause - 30 gélules - LT Labo","description":"\u003cdiv class=\"gyn-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gyn-hero\"\u003e\n \u003cdiv class=\"gyn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gyn-hero-content\"\u003e\n \u003cdiv class=\"gyn-badges-top\"\u003e\n \u003cspan class=\"gyn-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"gyn-badge\"\u003e🌱 Vegan certifié\u003c\/span\u003e\n \u003cspan class=\"gyn-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gyn-hero-title\"\u003eGynéline Ménopause \u0026amp; Périménopause\u003c\/span\u003e\n \u003cp class=\"gyn-subtitle\"\u003eSauge · Mélisse · Trèfle rouge\u003c\/p\u003e\n \u003cp class=\"gyn-description\"\u003e3 plantes bio en synergie pour traverser la ménopause avec confort et sérénité. 30 gélules - 1 mois de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"gyn-section\"\u003e\n \u003ch2\u003eGynéline Ménopause : le complément alimentaire bio pour traverser la ménopause sereinement\u003c\/h2\u003e\n \u003cp class=\"gyn-section-intro\"\u003eLa ménopause survient généralement entre 45 et 55 ans et s'accompagne de désagréments bien connus : bouffées de chaleur, sueurs nocturnes, troubles de l'humeur ou encore fatigue.\u003c\/p\u003e\n \u003cdiv class=\"gyn-grid-compact\"\u003e\n \u003cdiv class=\"gyn-card\"\u003e\n \u003ch3\u003e🔥 Bouffées de chaleur\u003c\/h3\u003e\n \u003cp\u003eAtténuez les épisodes de chaleur soudaine grâce aux propriétés de la sauge officinale bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gyn-card\"\u003e\n \u003ch3\u003e🌙 Sueurs nocturnes\u003c\/h3\u003e\n \u003cp\u003eRetrouvez des nuits plus paisibles et un sommeil de meilleure qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gyn-card\"\u003e\n \u003ch3\u003e😌 Humeur apaisée\u003c\/h3\u003e\n \u003cp\u003eLa mélisse bio favorise la relaxation et aide à maintenir une humeur positive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gyn-card\"\u003e\n \u003ch3\u003e💚 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eFormule clean, certifiée AB et vegan, sans excipients controversés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"gyn-section\"\u003e\n \u003ch2\u003eUne synergie de 3 plantes bio aux vertus complémentaires\u003c\/h2\u003e\n \u003cp class=\"gyn-section-intro\"\u003eCe qui distingue Gynéline Ménopause, c'est l'association ciblée de trois extraits végétaux issus de l'agriculture biologique, chacun agissant sur des symptômes spécifiques.\u003c\/p\u003e\n \u003cdiv class=\"gyn-grid\"\u003e\n \u003cdiv class=\"gyn-card gyn-card-highlight\"\u003e\n \u003ch3\u003e🌿 Sauge officinale\u003c\/h3\u003e\n \u003cp class=\"gyn-dosage\"\u003e100 mg · EPS 500 mg\u003c\/p\u003e\n \u003cp\u003eRiche en flavonoïdes et en terpènes, la sauge est traditionnellement reconnue pour ses propriétés œstrogénomimétiques. Elle contribue à \u003cstrong\u003eréduire les bouffées de chaleur et les sueurs nocturnes\u003c\/strong\u003e, tout en participant au soutien de la reminéralisation osseuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gyn-card gyn-card-highlight\"\u003e\n \u003ch3\u003e🍃 Mélisse\u003c\/h3\u003e\n \u003cp class=\"gyn-dosage\"\u003e100 mg · EPS 400 mg\u003c\/p\u003e\n \u003cp\u003eCette plante apaisante favorise la relaxation et aide à maintenir une \u003cstrong\u003ehumeur positive\u003c\/strong\u003e. Particulièrement utile si vous ressentez des baisses de moral, de l'irritabilité ou des tensions liées aux fluctuations hormonales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gyn-card gyn-card-highlight\"\u003e\n \u003ch3\u003e🌸 Trèfle rouge\u003c\/h3\u003e\n \u003cp class=\"gyn-dosage\"\u003e50 mg · EPS 200 mg\u003c\/p\u003e\n \u003cp\u003eSes sommités fleuries renferment des isoflavones et des flavonoïdes étudiés pour leurs bienfaits sur le \u003cstrong\u003econfort féminin\u003c\/strong\u003e pendant la ménopause et la périménopause.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"gyn-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément alimentaire ?\u003c\/h2\u003e\n \u003cdiv class=\"gyn-testimonial\"\u003e\n \u003cp class=\"gyn-testimonial-text\"\u003eQue vous soyez en \u003cstrong\u003epériménopause\u003c\/strong\u003e - cette phase où les premiers signes apparaissent avec des cycles irréguliers - ou en pleine ménopause, Gynéline Ménopause a été conçu pour répondre à vos besoins. Si vous recherchez le \u003cstrong\u003emeilleur complément alimentaire pour la ménopause\u003c\/strong\u003e avec une formule clean, bio et vegan, cette solution naturelle mérite toute votre attention.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"gyn-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"gyn-accordion\"\u003e\n \u003cdetails class=\"gyn-accordion-item\" open\u003e\n \u003csummary class=\"gyn-accordion-header\"\u003e📋 Liste des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"gyn-accordion-content mt-3\"\u003e\n \u003cp\u003eExtrait sec de feuille de sauge officinale* (\u003cem\u003eSalvia officinalis L.\u003c\/em\u003e), extrait sec de feuille de mélisse* (\u003cem\u003eMelissa officinalis L.\u003c\/em\u003e), enveloppe de la gélule : hydroxypropylméthylcellulose, extrait sec de parties aériennes de trèfle rouge* (\u003cem\u003eTrifolium rubens L.\u003c\/em\u003e), agent de charge : gomme d'acacia*.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem;\"\u003e*Issu de l'Agriculture Biologique. Certifié AB et vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"gyn-section\"\u003e\n \u003ch2\u003ePosologie et conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"gyn-timeline\"\u003e\n \u003cdiv class=\"gyn-timeline-item\"\u003e\n \u003cdiv class=\"gyn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gyn-timeline-content\"\u003e\n \u003ch3\u003ePrenez 1 gélule par jour\u003c\/h3\u003e\n \u003cp\u003ePar voie orale, de préférence avec un grand verre d'eau, au moment du repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gyn-timeline-item\"\u003e\n \u003cdiv class=\"gyn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gyn-timeline-content\"\u003e\n \u003ch3\u003eUn pilulier = un mois de cure\u003c\/h3\u003e\n \u003cp\u003eLe pilulier de 30 gélules correspond à un mois complet d'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gyn-timeline-item\"\u003e\n \u003cdiv class=\"gyn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gyn-timeline-content\"\u003e\n \u003ch3\u003eCure régulière recommandée\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, une utilisation régulière sur plusieurs mois est recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"gyn-section\"\u003e\n \u003ch2\u003eNos conseils pour mieux vivre la ménopause au quotidien\u003c\/h2\u003e\n \u003cp class=\"gyn-section-intro\"\u003eEn complément de Gynéline Ménopause, quelques habitudes peuvent faire une réelle différence :\u003c\/p\u003e\n \u003cdiv class=\"gyn-grid\"\u003e\n \u003cdiv class=\"gyn-card\"\u003e\n \u003ch3\u003e🥦 Alimentation ciblée\u003c\/h3\u003e\n \u003cp\u003ePrivilégiez les aliments riches en \u003cstrong\u003ecalcium\u003c\/strong\u003e (amandes, brocoli) et en \u003cstrong\u003eoméga-3\u003c\/strong\u003e (poissons gras, noix) pour soutenir votre santé osseuse et cardiovasculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gyn-card\"\u003e\n \u003ch3\u003e🏊 Activité physique\u003c\/h3\u003e\n \u003cp\u003eLa marche, le yoga ou la natation contribuent à limiter la prise de poids souvent associée à la ménopause et à maintenir votre vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gyn-card\"\u003e\n \u003ch3\u003e🧘 Moments de détente\u003c\/h3\u003e\n \u003cp\u003eAccordez-vous des pauses bien-être pour préserver votre équilibre émotionnel et mieux gérer le stress au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"gyn-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gyn-accordion\"\u003e\n \u003cdetails class=\"gyn-accordion-item\"\u003e\n \u003csummary class=\"gyn-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gyn-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. Tenir hors de portée des jeunes enfants. Ne pas dépasser la dose journalière recommandée. \u003cstrong\u003eUsage déconseillé chez les femmes ayant des antécédents personnels ou familiaux de cancer du sein.\u003c\/strong\u003e En cas de doute, consultez votre médecin ou votre pharmacien avant toute prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gyn-accordion-item\"\u003e\n \u003csummary class=\"gyn-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"gyn-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de la lumière, dans un endroit sec.\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=\"gyn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gyn-cta-box\"\u003e\n \u003cp\u003e🌸 Retrouvez confort et sérénité pendant la ménopause grâce à la puissance de 3 plantes bio en synergie - 1 gélule par jour suffit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gyn-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gyn-cream: #fdf5f7;\n --gyn-white: #ffffff;\n --gyn-primary: #d4608a;\n --gyn-primary-dark: #a33d65;\n --gyn-primary-light: #fce8ef;\n --gyn-secondary: #7db87a;\n --gyn-accent: #e8a0b8;\n --gyn-text: #1a1a1a;\n --gyn-text-light: #5a5a5a;\n --gyn-border: #f0dce3;\n --gyn-shadow: 0 4px 24px rgba(164,61,101,.08);\n --gyn-shadow-lg: 0 12px 48px rgba(164,61,101,.15);\n --gyn-radius: 20px;\n --gyn-radius-sm: 12px;\n}\n\n.gyn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gyn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gyn-hero {\n position: relative;\n background: linear-gradient(135deg, #d4608a 0%, #c2507a 40%, #7db87a 100%);\n border-radius: var(--gyn-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(--gyn-shadow-lg);\n}\n\n.gyn-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,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gyn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gyn-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.gyn-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n letter-spacing: .15em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n}\n\n.gyn-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.gyn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gyn-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(--gyn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gyn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gyn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gyn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gyn-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.gyn-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(--gyn-primary), var(--gyn-secondary));\n border-radius: 2px;\n}\n\n.gyn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gyn-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.gyn-card {\n background: var(--gyn-white);\n border-radius: var(--gyn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gyn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gyn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gyn-shadow-lg);\n border-color: var(--gyn-primary);\n}\n\n.gyn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gyn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gyn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gyn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gyn-card-highlight {\n border-left: 4px solid var(--gyn-primary);\n text-align: left;\n}\n\n.gyn-dosage {\n display: inline-block;\n background: var(--gyn-primary-light);\n color: var(--gyn-primary-dark);\n font-size: 12px !important;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .75rem !important;\n letter-spacing: .02em;\n}\n\n\/* === GRILLES === *\/\n.gyn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gyn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gyn-grid-compact .gyn-card {\n padding: 1rem;\n}\n\n.gyn-grid-compact .gyn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gyn-grid-compact .gyn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gyn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gyn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gyn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gyn-primary), var(--gyn-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.gyn-timeline-content {\n flex: 1;\n background: var(--gyn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gyn-radius-sm);\n box-shadow: var(--gyn-shadow);\n}\n\n.gyn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gyn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gyn-timeline-content p {\n font-size: 14px;\n color: var(--gyn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gyn-testimonial {\n background: var(--gyn-white);\n border-radius: var(--gyn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gyn-shadow);\n border-left: 4px solid var(--gyn-primary);\n}\n\n.gyn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gyn-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gyn-accordion {\n background: var(--gyn-white);\n border-radius: var(--gyn-radius);\n box-shadow: var(--gyn-shadow);\n overflow: hidden;\n}\n\n.gyn-accordion-item {\n border-bottom: 1px solid var(--gyn-border);\n margin: 0;\n padding: 0;\n}\n\n.gyn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gyn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gyn-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.gyn-accordion-header:hover {\n background: var(--gyn-primary-light);\n}\n\n.gyn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gyn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gyn-primary);\n transition: transform .2s ease;\n}\n\n.gyn-accordion-item[open] .gyn-accordion-header::after {\n content: '−';\n}\n\n.gyn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gyn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gyn-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gyn-cta-box {\n background: linear-gradient(135deg, var(--gyn-primary) 0%, var(--gyn-primary-dark) 100%);\n border-radius: var(--gyn-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gyn-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.gyn-disclaimer {\n font-size: 12px;\n color: var(--gyn-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 .gyn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gyn-card {\n padding: 1.125rem;\n }\n\n .gyn-section {\n margin-bottom: 1.75rem;\n }\n\n .gyn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gyn-radius-sm);\n }\n\n .gyn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gyn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gyn-grid-compact {\n gap: .625rem;\n }\n\n .gyn-grid-compact .gyn-card {\n padding: .75rem;\n }\n\n .gyn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gyn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gyn-timeline-content h3 {\n font-size: 14px;\n }\n\n .gyn-timeline-content p {\n font-size: 13px;\n }\n\n .gyn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gyn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gyn-testimonial {\n padding: 1.25rem;\n }\n\n .gyn-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gyn-card {\n animation: gynFadeInUp .5s ease backwards;\n }\n .gyn-card:nth-child(1) { animation-delay: .05s; }\n .gyn-card:nth-child(2) { animation-delay: .1s; }\n .gyn-card:nth-child(3) { animation-delay: .15s; }\n .gyn-card:nth-child(4) { animation-delay: .2s; }\n .gyn-card:nth-child(5) { animation-delay: .25s; }\n .gyn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gynFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gyn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":54770018025849,"sku":"NBAILTL0031","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gyneline-menopause-perimenopause-30-gelules-lt-labo-packshothd_b70bb950-6002-44cb-80e2-693e07c5499d.webp?v=1789998193"},{"product_id":"huile-donagre-graine-sauvage-60-capsules","title":"Huile d'Onagre - Graine Sauvage - 60 capsules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile d'Onagre - Graine Sauvage - 60 capsules\nPalette détectée:\n - Primaire: #7CB342 (vert nature du couvercle et de la marque)\n - Secondaire: #A68B5B (kraft\/carton du packaging)\n - Accent: #E8653A (rouge-orangé du logo capsule et détails)\nAmbiance: Naturel\/bio, féminin doux, éco-responsable, packaging kraft authentique\nPréfixe CSS: ho\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile d'Onagre Bio Graine Sauvage : l'alliée naturelle du bien-être féminin\"\n 2. \"Bienfaits de l'huile d'onagre : pourquoi en prendre ?\"\n 3. \"Composition et posologie\"\n 4. \"Contre-indications et précautions\"\n 5. \"Pourquoi choisir l'Huile d'Onagre Graine Sauvage ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ho-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ho-hero\"\u003e\n \u003cdiv class=\"ho-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ho-hero-content\"\u003e\n \u003cdiv class=\"ho-badges-top\"\u003e\n \u003cspan class=\"ho-badge\"\u003e🌿 Certifiée Bio AB\u003c\/span\u003e\n \u003cspan class=\"ho-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"ho-badge\"\u003e💊 60 capsules molles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ho-hero-title\"\u003eHuile d'Onagre Bio Graine Sauvage\u003c\/span\u003e\n \u003cp class=\"ho-subtitle\"\u003eBien-être intime \u0026amp; confort féminin\u003c\/p\u003e\n \u003cp class=\"ho-description\"\u003e1 500 mg d'huile d'onagre par jour, pressée à froid, riche en acide gamma-linolénique (GLA) — l'oméga-6 essentiel pour l'équilibre hormonal et la beauté de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ho-section\"\u003e\n \u003ch2\u003eHuile d'Onagre Bio Graine Sauvage : l'alliée naturelle du bien-être féminin\u003c\/h2\u003e\n \u003cp class=\"ho-section-intro\"\u003eVous cherchez une solution naturelle pour accompagner votre \u003cstrong\u003eéquilibre hormonal\u003c\/strong\u003e au quotidien ? L'\u003cstrong\u003ehuile d'onagre\u003c\/strong\u003e est l'un des trésors les plus précieux de la phytothérapie féminine.\u003c\/p\u003e\n \u003cdiv class=\"ho-highlight-box\"\u003e\n \u003cp\u003eObtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e et \u003cstrong\u003ecertifiée bio par Ecocert (FR-BIO-01)\u003c\/strong\u003e, cette formule Graine Sauvage concentre dans chaque capsule toute la richesse des graines d'onagre sauvage, sans compromis sur la qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ho-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile d'onagre : pourquoi en prendre ?\u003c\/h2\u003e\n \u003cp class=\"ho-section-intro\"\u003eL'huile d'onagre doit ses propriétés exceptionnelles à sa teneur élevée en \u003cstrong\u003eacide gamma-linolénique (GLA)\u003c\/strong\u003e, un acide gras polyinsaturé de la famille des oméga-6 que notre corps ne sait pas fabriquer seul.\u003c\/p\u003e\n \u003cdiv class=\"ho-grid\"\u003e\n \u003cdiv class=\"ho-card\"\u003e\n \u003ch3\u003e🌸 Confort hormonal féminin\u003c\/h3\u003e\n \u003cp\u003eLe GLA contribue à atténuer les désagréments liés au \u003cstrong\u003esyndrome prémenstruel\u003c\/strong\u003e (tensions mammaires, irritabilité, ballonnements) et accompagne les femmes durant la \u003cstrong\u003eménopause\u003c\/strong\u003e en aidant à réduire les bouffées de chaleur et les sautes d'humeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ho-card\"\u003e\n \u003ch3\u003e💧 Sécheresse intime\u003c\/h3\u003e\n \u003cp\u003eDe nombreuses femmes se tournent vers l'\u003cstrong\u003ehuile d'onagre contre la sécheresse intime\u003c\/strong\u003e, car les acides gras essentiels soutiennent l'hydratation des muqueuses de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ho-card\"\u003e\n \u003ch3\u003e✨ Beauté et souplesse de la peau\u003c\/h3\u003e\n \u003cp\u003eEn nourrissant la peau en profondeur, cette huile aide à préserver son élasticité, à calmer les inflammations cutanées et à lutter contre la sécheresse. Les peaux matures apprécient particulièrement son action revitalisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ho-card\"\u003e\n \u003ch3\u003e🛡️ Soutien anti-inflammatoire\u003c\/h3\u003e\n \u003cp\u003eLe GLA est un précurseur de prostaglandines anti-inflammatoires, ce qui en fait un allié global pour le confort articulaire et cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ho-tip\"\u003e\n \u003cspan class=\"ho-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSouvent associée à l'\u003cstrong\u003ehuile de bourrache\u003c\/strong\u003e, l'huile d'onagre partage avec elle des \u003cstrong\u003ebienfaits complémentaires\u003c\/strong\u003e sur la peau et l'équilibre hormonal. L'association \u003cstrong\u003ehuile d'onagre et bourrache\u003c\/strong\u003e est d'ailleurs très prisée pour maximiser l'apport en GLA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ho-section\"\u003e\n \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n \u003cdiv class=\"ho-grid-compact\"\u003e\n \u003cdiv class=\"ho-card\"\u003e\n \u003ch3\u003e🌱 Huile d'onagre bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 500 mg\u003c\/strong\u003e par dose (3 capsules), dont acide gamma-linolénique (GLA). \u003cem\u003eOenothera biennis\u003c\/em\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ho-card\"\u003e\n \u003ch3\u003e💊 Enveloppe capsule\u003c\/h3\u003e\n \u003cp\u003eGélatine de poisson et glycérine pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ho-timeline\"\u003e\n \u003cdiv class=\"ho-timeline-item\"\u003e\n \u003cdiv class=\"ho-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ho-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e3 capsules par jour\u003c\/strong\u003e au moment des repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ho-timeline-item\"\u003e\n \u003cdiv class=\"ho-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ho-timeline-content\"\u003e\n \u003ch3\u003eDurée du flacon\u003c\/h3\u003e\n \u003cp\u003eLe flacon contient \u003cstrong\u003e60 capsules molles\u003c\/strong\u003e, soit une cure de \u003cstrong\u003e20 jours\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ho-timeline-item\"\u003e\n \u003cdiv class=\"ho-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ho-timeline-content\"\u003e\n \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n \u003cp\u003ePour un effet optimal, une cure de \u003cstrong\u003edeux à trois mois\u003c\/strong\u003e est généralement conseillée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ho-section\"\u003e\n \u003ch2\u003eContre-indications et précautions\u003c\/h2\u003e\n \u003cdiv class=\"ho-accordion\"\u003e\n \u003cdetails class=\"ho-accordion-item\"\u003e\n \u003csummary class=\"ho-accordion-header\"\u003e⚠️ Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"ho-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux personnes sous traitement \u003cstrong\u003eanticoagulant\u003c\/strong\u003e ou \u003cstrong\u003eantiépileptique\u003c\/strong\u003e sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ho-accordion-item\"\u003e\n \u003csummary class=\"ho-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n \u003cdiv class=\"ho-accordion-content mt-3\"\u003e\n \u003cp\u003eNon recommandée aux femmes enceintes ou allaitantes sans consultation préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ho-accordion-item\"\u003e\n \u003csummary class=\"ho-accordion-header\"\u003e📏 Dosage et précautions générales\u003c\/summary\u003e\n \u003cdiv class=\"ho-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément alimentaire \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e, une alimentation variée et équilibrée, ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ho-accordion-item\"\u003e\n \u003csummary class=\"ho-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ho-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver au sec, à l'abri de la lumière et de la chaleur. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ho-tip\"\u003e\n \u003cspan class=\"ho-tip-icon\"\u003e👩‍⚕️\u003c\/span\u003e\n \u003cp\u003eEn cas de doute, consultez votre médecin ou pharmacien avant toute prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ho-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir l'Huile d'Onagre Graine Sauvage ?\u003c\/h2\u003e\n \u003cdiv class=\"ho-grid-compact\"\u003e\n \u003cdiv class=\"ho-card\"\u003e\n \u003ch3\u003e🌿 Agriculture biologique\u003c\/h3\u003e\n \u003cp\u003eCertifiée AB — sans pesticides, sans OGM\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ho-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid pour préserver l'intégralité des acides gras essentiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ho-card\"\u003e\n \u003ch3\u003e♻️ Packaging éco-responsable\u003c\/h3\u003e\n \u003cp\u003eBoîte en carton recyclable, engagement environnemental\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ho-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n \u003cp\u003eTraçabilité et qualité garanties à chaque étape\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ho-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à votre corps un soutien naturel et de qualité. L'\u003cstrong\u003ehuile d'onagre bio Graine Sauvage\u003c\/strong\u003e est le choix idéal pour prendre soin de votre confort féminin et de votre peau, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ho-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ho-cream: #faf8f4;\n --ho-white: #ffffff;\n --ho-primary: #7CB342;\n --ho-primary-dark: #558B2F;\n --ho-primary-light: #f0f7e6;\n --ho-secondary: #A68B5B;\n --ho-accent: #E8653A;\n --ho-text: #1a1a1a;\n --ho-text-light: #5a5a5a;\n --ho-border: #e4dfd6;\n --ho-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ho-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ho-radius: 20px;\n --ho-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ho-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ho-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ho-hero {\n position: relative;\n background: linear-gradient(135deg, #558B2F 0%, #7CB342 40%, #A68B5B 100%);\n border-radius: var(--ho-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ho-shadow-lg);\n}\n\n.ho-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.ho-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ho-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ho-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.ho-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ho-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ho-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ho-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ho-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ho-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ho-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ho-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ho-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ho-primary), var(--ho-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ho-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ho-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ho-card {\n background: var(--ho-white);\n border-radius: var(--ho-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ho-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ho-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ho-shadow-lg);\n border-color: var(--ho-primary);\n}\n\n.ho-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ho-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ho-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ho-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ho-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ho-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.ho-grid-compact .ho-card {\n padding: 1rem;\n}\n\n.ho-grid-compact .ho-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ho-grid-compact .ho-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ho-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-top: 1.25rem;\n}\n\n.ho-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ho-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ho-primary), var(--ho-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ho-timeline-content {\n flex: 1;\n background: var(--ho-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ho-radius-sm);\n box-shadow: var(--ho-shadow);\n}\n\n.ho-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ho-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ho-timeline-content p {\n font-size: 14px;\n color: var(--ho-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ho-highlight-box {\n background: var(--ho-white);\n border-radius: var(--ho-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ho-shadow);\n border-left: 4px solid var(--ho-primary);\n text-align: center;\n}\n\n.ho-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ho-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === TESTIMONIAL === *\/\n.ho-testimonial {\n background: var(--ho-white);\n border-radius: var(--ho-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ho-shadow);\n border-left: 4px solid var(--ho-primary);\n}\n\n.ho-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ho-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ho-accordion {\n background: var(--ho-white);\n border-radius: var(--ho-radius);\n box-shadow: var(--ho-shadow);\n overflow: hidden;\n}\n\n.ho-accordion-item {\n border-bottom: 1px solid var(--ho-border);\n margin: 0;\n padding: 0;\n}\n\n.ho-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ho-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ho-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ho-accordion-header:hover {\n background: var(--ho-primary-light);\n}\n\n.ho-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ho-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ho-primary);\n transition: transform .2s ease;\n}\n\n.ho-accordion-item[open] .ho-accordion-header::after {\n content: '−';\n}\n\n.ho-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ho-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ho-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ho-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ho-primary-light);\n border-radius: var(--ho-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ho-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ho-tip p {\n font-size: 14px;\n color: var(--ho-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ho-cta-box {\n background: linear-gradient(135deg, var(--ho-primary) 0%, var(--ho-primary-dark) 100%);\n border-radius: var(--ho-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.ho-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ho-disclaimer {\n font-size: 12px;\n color: var(--ho-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ho-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ho-card {\n padding: 1.125rem;\n }\n\n .ho-section {\n margin-bottom: 1.75rem;\n }\n\n .ho-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ho-radius-sm);\n }\n\n .ho-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ho-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ho-grid-compact {\n gap: .625rem;\n }\n\n .ho-grid-compact .ho-card {\n padding: .75rem;\n }\n\n .ho-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ho-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ho-timeline-content h3 {\n font-size: 14px;\n }\n\n .ho-timeline-content p {\n font-size: 13px;\n }\n\n .ho-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ho-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ho-highlight-box {\n padding: 1rem;\n }\n\n .ho-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ho-card {\n animation: hoFadeInUp .5s ease backwards;\n }\n .ho-card:nth-child(1) { animation-delay: .05s; }\n .ho-card:nth-child(2) { animation-delay: .1s; }\n .ho-card:nth-child(3) { animation-delay: .15s; }\n .ho-card:nth-child(4) { animation-delay: .2s; }\n .ho-card:nth-child(5) { animation-delay: .25s; }\n .ho-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hoFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ho-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54847899468153,"sku":"GS9098","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-onagre-graine-sauvage-min.jpg?v=1738073758"},{"product_id":"maca-bio-poudre-graine-sauvage","title":"Maca bio en poudre – 150 g – Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Maca bio en poudre – 150 g – Graine Sauvage\nPalette détectée:\n - Primaire: #6B9B37 (vert nature du packaging, bandes latérales)\n - Secondaire: #C8823A (kraft\/brun doré du sachet)\n - Accent: #E8513D (rouge des logos Fabriqué en France \/ Vegan)\nAmbiance: Naturel\/bio, superaliment, sain et responsable, tonalité chaleureuse et terreuse\nPréfixe CSS: mc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Maca bio en poudre Graine Sauvage : le superaliment des Andes au quotidien\"\n 2. \"Bienfaits de la poudre de maca bio\"\n 3. \"Composition et qualité\"\n 4. \"Comment utiliser la maca en poudre au quotidien ?\"\n 5. \"Pourquoi choisir cette maca bio Graine Sauvage ?\"\n 6. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"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🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e💪 Riche en fibres\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mc-hero-title\"\u003eMaca bio en poudre – 150 g\u003c\/span\u003e\n \u003cp class=\"mc-subtitle\"\u003eGraine Sauvage\u003c\/p\u003e\n \u003cp class=\"mc-description\"\u003eLe superaliment ancestral des Andes, cultivé à plus de 4 000 m d'altitude. Énergie, vitalité et équilibre au quotidien, dans un sachet 100 % pur et bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eMaca bio en poudre Graine Sauvage : le superaliment des Andes au quotidien\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eOriginaire des hauts plateaux du Pérou, la \u003cstrong\u003emaca bio en poudre\u003c\/strong\u003e Graine Sauvage est un superaliment ancestral cultivé à plus de 4 000 mètres d'altitude. \u003cstrong\u003eRiche en fibres et source de protéines\u003c\/strong\u003e, cette racine adaptogène vous accompagne naturellement pour retrouver énergie, équilibre et vitalité au fil des saisons.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🏔️ Origine Pérou\u003c\/h3\u003e\n \u003cp\u003eCultivée sur les hauts plateaux andins à plus de 4 000 m d'altitude\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌾 Riche en fibres\u003c\/h3\u003e\n \u003cp\u003eContribue au bon fonctionnement du transit intestinal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e💚 Certifiée AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique, sans pesticides ni engrais chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌱 100 % vegan\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les régimes alimentaires, sans compromis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eBienfaits de la poudre de maca bio\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eSi la \u003cstrong\u003emaca en poudre\u003c\/strong\u003e est aussi populaire, c'est parce qu'elle offre un profil nutritionnel remarquablement complet. Naturellement riche en vitamines du groupe B, en vitamine C, en fer, zinc, magnésium et en acides aminés essentiels, elle agit sur plusieurs plans.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⚡ Énergie et vitalité\u003c\/h3\u003e\n \u003cp\u003eLa maca contribue à réduire la fatigue physique et mentale, idéale lors des changements de saison ou des périodes intenses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre hormonal\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour soutenir l'organisme féminin comme masculin, notamment en cas de stress ou de déséquilibres liés aux cycles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🏃 Performances physiques\u003c\/h3\u003e\n \u003cp\u003eAppréciée des sportifs, elle accompagne les efforts d'endurance et la récupération après l'entraînement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e❤️ Libido et fertilité\u003c\/h3\u003e\n \u003cp\u003eReconnue depuis des siècles dans la tradition péruvienne comme un tonique naturel de la fonction sexuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧠 Concentration et clarté mentale\u003c\/h3\u003e\n \u003cp\u003eUn coup de pouce bienvenu en période d'examens ou de forte charge de travail intellectuel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComposition et qualité\u003c\/h2\u003e\n \u003cdiv class=\"mc-composition-highlight\"\u003e\n \u003cdiv class=\"mc-composition-single\"\u003e\n \u003cspan class=\"mc-composition-icon\"\u003e🌿\u003c\/span\u003e\n \u003cdiv class=\"mc-composition-detail\"\u003e\n \u003cstrong\u003eUn seul ingrédient\u003c\/strong\u003e\n \u003cspan\u003eRacine de maca biologique \u003cem\u003e(Lepidium meyenii)\u003c\/em\u003e séchée et finement moulue\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🚫 Aucun additif\u003c\/h3\u003e\n \u003cp\u003eNi conservateur, ni excipient ajouté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🏷️ Certifié AB\u003c\/h3\u003e\n \u003cp\u003eLabel européen d'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n \u003cp\u003eContrôle qualité optimal à chaque étape\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌍 Sans pesticides\u003c\/h3\u003e\n \u003cp\u003eCulture sans engrais chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComment utiliser la maca en poudre au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eAvec son goût légèrement malté et sa texture fine, la \u003cstrong\u003epoudre de maca bio\u003c\/strong\u003e Graine Sauvage se glisse facilement dans vos habitudes alimentaires.\u003c\/p\u003e\n \u003cdiv class=\"mc-timeline\"\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003e🥤 Smoothie ou jus de fruits\u003c\/h3\u003e\n \u003cp\u003eLe matin, pour démarrer la journée avec énergie et vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003e🥣 Yaourt ou bol de céréales\u003c\/h3\u003e\n \u003cp\u003ePour un petit-déjeuner plus complet et nutritif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003e🍰 Gâteaux, pancakes ou energy balls\u003c\/h3\u003e\n \u003cp\u003ePour une touche nutritive et gourmande dans vos recettes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003e🥗 Assaisonnement léger\u003c\/h3\u003e\n \u003cp\u003eSur vos légumes ou vos soupes, pour varier les plaisirs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-tip\"\u003e\n \u003cspan class=\"mc-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePosologie recommandée :\u003c\/strong\u003e commencez par \u003cstrong\u003e1 cuillère à café par jour\u003c\/strong\u003e (environ 3 g), puis augmentez progressivement jusqu'à \u003cstrong\u003e3 cuillères à café par jour\u003c\/strong\u003e selon votre ressenti. Une prise régulière sur plusieurs semaines permet de profiter pleinement des bienfaits de la maca.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette maca bio Graine Sauvage ?\u003c\/h2\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🏷️ Certifiée bio (AB et européen)\u003c\/h3\u003e\n \u003cp\u003eRespect de l'environnement garanti à chaque étape de la culture et du conditionnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n \u003cp\u003eTraçabilité complète et qualité de conditionnement irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌱 100 % vegan\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les régimes alimentaires, sans aucun ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eUniquement de la maca pure, rien d'autre. Pas de conservateur, pas d'excipient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e📦 Format pratique 150 g\u003c\/h3\u003e\n \u003cp\u003eUn sachet refermable pour conserver toute la fraîcheur de votre poudre de maca.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\" open\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée de 3 cuillères à café.\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🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical préalable. En cas de traitement en cours ou de pathologie, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière. Refermez bien le sachet après chaque utilisation pour préserver toute la fraîcheur de la poudre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"mc-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Consultez un professionnel de santé pour tout usage thérapeutique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --mc-cream: #faf7f2;\n --mc-white: #ffffff;\n --mc-primary: #6B9B37;\n --mc-primary-dark: #4a7425;\n --mc-primary-light: #eef5e6;\n --mc-secondary: #C8823A;\n --mc-accent: #E8513D;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #e0ddd8;\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\/* === CONTENEUR === *\/\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, #4a7425 0%, #6B9B37 40%, #C8823A 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% 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.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\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 1.25rem 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, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\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}\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\/* === 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\/* === COMPOSITION HIGHLIGHT === *\/\n.mc-composition-highlight {\n margin-bottom: 1.5rem;\n}\n\n.mc-composition-single {\n display: flex;\n align-items: center;\n gap: 1.25rem;\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-left: 5px solid var(--mc-primary);\n}\n\n.mc-composition-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.mc-composition-detail {\n display: flex;\n flex-direction: column;\n gap: .25rem;\n}\n\n.mc-composition-detail strong {\n font-size: clamp(16px, 2.5vw, 20px);\n color: var(--mc-primary-dark);\n font-weight: 800;\n}\n\n.mc-composition-detail span {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n line-height: 1.5;\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\/* === ACCORDÉON === *\/\n.mc-accordion {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n}\n\n.mc-accordion-item {\n border-bottom: 1px solid var(--mc-border);\n margin: 0;\n padding: 0;\n}\n\n.mc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mc-accordion-header:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mc-primary);\n transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n content: '−';\n}\n\n.mc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mc-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mc-disclaimer {\n font-size: 12px;\n color: var(--mc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mc-card {\n padding: 1.125rem;\n }\n\n .mc-section {\n margin-bottom: 1.75rem;\n }\n\n .mc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mc-radius-sm);\n }\n\n .mc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mc-grid-compact {\n gap: .625rem;\n }\n\n .mc-grid-compact .mc-card {\n padding: .75rem;\n }\n\n .mc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mc-timeline-content h3 {\n font-size: 14px;\n }\n\n .mc-timeline-content p {\n font-size: 13px;\n }\n\n .mc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mc-composition-single {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n\n .mc-composition-detail {\n align-items: center;\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":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54880763675001,"sku":"GS0027","price":10.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/maca-bio-en-poudre-150-g-graine-sauvage-packshothd.webp?v=1785942427"},{"product_id":"cranberry-graine-sauvage","title":"Cranberry Bio - Infections urinaires - 40 gélules - Graine Sauvage","description":"\u003cdiv class=\"cb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cb-hero\"\u003e\n \u003cdiv class=\"cb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cb-hero-content\"\u003e\n \u003cdiv class=\"cb-badges-top\"\u003e\n \u003cspan class=\"cb-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"cb-badge\"\u003e🌱 100 % végan\u003c\/span\u003e\n \u003cspan class=\"cb-badge\"\u003e💊 40 gélules végétales\u003c\/span\u003e\n \u003cspan class=\"cb-badge\"\u003e🔬 10 % PAC\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cb-hero-title\"\u003eCranberry Bio\u003c\/span\u003e\n \u003cp class=\"cb-subtitle\"\u003eVotre bouclier naturel pour le confort urinaire\u003c\/p\u003e\n \u003cp class=\"cb-description\"\u003eLa puissance concentrée de la canneberge biologique, titrée à 10 % en proanthocyanidines (PAC), dans un format pratique et écoresponsable. 40 gélules végétales pour des voies urinaires apaisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cb-section\"\u003e\n \u003ch2\u003eCranberry Bio en gélules : votre allié naturel contre les infections urinaires\u003c\/h2\u003e\n \u003cp class=\"cb-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire cranberry\u003c\/strong\u003e vraiment efficace pour prendre soin de vos voies urinaires ?\u003c\/p\u003e\n \u003cdiv class=\"cb-grid-compact\"\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🫐 Canneberge concentrée\u003c\/h3\u003e\n \u003cp\u003e720 mg de cranberry bio par dose, titrée à 10 % en proanthocyanidines (PAC) pour un maximum d'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🛡️ Action ciblée\u003c\/h3\u003e\n \u003cp\u003eLes PAC contribuent à empêcher l'adhésion bactérienne sur les parois de la vessie, pour un confort urinaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🌿 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique certifiée, sans additif chimique, dans un pilulier écoresponsable en carton recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🌱 100 % végane\u003c\/h3\u003e\n \u003cp\u003eGélules végétales en hypromellose, sans aucun composant d'origine animale. Adaptée à tous les régimes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cb-section\"\u003e\n \u003ch2\u003ePourquoi la cranberry est-elle reconnue pour les infections urinaires ?\u003c\/h2\u003e\n \u003cdiv class=\"cb-testimonial\"\u003e\n \u003cp class=\"cb-testimonial-text\"\u003eLa canneberge renferme des \u003cstrong\u003eproanthocyanidines de type A\u003c\/strong\u003e, des molécules qui contribuent à empêcher les bactéries — notamment \u003cem\u003eEscherichia coli\u003c\/em\u003e — d'adhérer aux parois de la vessie. C'est cette action anti-adhésion qui rend la cranberry bio si intéressante en prévention, particulièrement chez les femmes, davantage sujettes aux cystites récidivantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-tip\"\u003e\n \u003cspan class=\"cb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement au jus de cranberry bio ou au pur jus de cranberry bio sans sucre, les gélules offrent un \u003cstrong\u003edosage précis et standardisé en PAC\u003c\/strong\u003e, sans les sucres naturels du fruit. Vous bénéficiez ainsi d'un apport concentré, facile à intégrer dans votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cb-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 4 gélules\u003c\/h2\u003e\n \u003cdiv class=\"cb-grid\"\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🫐 Cranberry bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e720 mg\u003c\/strong\u003e titrée à 10 % en PAC, soit \u003cstrong\u003e72 mg de proanthocyanidines\u003c\/strong\u003e par dose journalière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🌳 Fibres d'acacia bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e480 mg\u003c\/strong\u003e — agent de charge naturel pour une formulation 100 % clean et biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n \u003cp\u003eHypromellose \u003cstrong\u003e100 % d'origine végétale\u003c\/strong\u003e. Sans additif chimique, sans composant d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-tip\"\u003e\n \u003cspan class=\"cb-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eProduit certifié bio par FR-BIO-01 — Agriculture UE\/non-UE.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cb-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"cb-timeline\"\u003e\n \u003cdiv class=\"cb-timeline-item\"\u003e\n \u003cdiv class=\"cb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cb-timeline-content\"\u003e\n \u003ch3\u003ePhase d'attaque (7 à 10 jours)\u003c\/h3\u003e\n \u003cp\u003e2 gélules le matin et 2 le soir, avec un grand verre d'eau, au moment des repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-timeline-item\"\u003e\n \u003cdiv class=\"cb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cb-timeline-content\"\u003e\n \u003ch3\u003ePhase d'entretien\u003c\/h3\u003e\n \u003cp\u003e1 gélule matin et soir, toujours pendant les repas, pour maintenir le confort urinaire au long cours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-timeline-item\"\u003e\n \u003cdiv class=\"cb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cb-timeline-content\"\u003e\n \u003ch3\u003eHydratation essentielle\u003c\/h3\u003e\n \u003cp\u003eBuvez \u003cstrong\u003e1,5 à 2 litres d'eau par jour\u003c\/strong\u003e pour favoriser l'élimination urinaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-tip\"\u003e\n \u003cspan class=\"cb-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est recommandée pour des résultats durables, notamment si vous êtes sujette aux infections récurrentes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cb-section\"\u003e\n \u003ch2\u003eValeurs nutritionnelles pour 4 gélules de Cranberry\u003c\/h2\u003e\n \u003cdiv class=\"cb-table-wrapper\"\u003e\n \u003ctable class=\"cb-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eComposant actif\u003c\/th\u003e\n \u003cth\u003eTeneur\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eProanthocyanidines (PAC)\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e72 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cb-section\"\u003e\n \u003ch2\u003eLes points forts de ce complément alimentaire cranberry\u003c\/h2\u003e\n \u003cdiv class=\"cb-grid\"\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🔬 Titrage standardisé à 10 % en PAC\u003c\/h3\u003e\n \u003cp\u003eUn dosage optimal, supérieur à de nombreux jus cranberry bio du commerce, pour une efficacité garantie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🏅 Certifié Agriculture Biologique\u003c\/h3\u003e\n \u003cp\u003eUne traçabilité et une qualité irréprochables, certifiées par FR-BIO-01.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🌱 100 % végan\u003c\/h3\u003e\n \u003cp\u003eGélules végétales convenant à tous les régimes alimentaires, sans aucun composant animal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e✈️ Format compact\u003c\/h3\u003e\n \u003cp\u003eFacile à emporter, discret et sans aucune préparation. Idéal au quotidien ou en voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e♻️ Pilulier écoresponsable\u003c\/h3\u003e\n \u003cp\u003ePackaging en carton recyclable, fidèle à l'esprit Graine Sauvage et au respect de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 \u0026 H2 #8 regroupés en accordéon --\u003e\n \u003csection class=\"cb-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"cb-accordion\"\u003e\n \u003cdetails class=\"cb-accordion-item\"\u003e\n \u003csummary class=\"cb-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n \u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n \u003cp\u003e40 gélules végétales — soit \u003cstrong\u003e10 jours en phase d'attaque\u003c\/strong\u003e ou \u003cstrong\u003e20 jours en entretien\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cb-accordion-item\"\u003e\n \u003csummary class=\"cb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ l'abri de la lumière et de l'humidité, à température ambiante. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cb-accordion\"\u003e\n \u003cdetails class=\"cb-accordion-item\"\u003e\n \u003csummary class=\"cb-accordion-header\"\u003e⚠️ Précautions et avertissements\u003c\/summary\u003e\n \u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne dépassez pas la dose journalière indiquée. En cas d'infection urinaire avérée ou de symptômes persistants, consultez votre médecin : la cranberry constitue un soutien préventif, mais \u003cstrong\u003ene remplace en aucun cas un traitement médical\u003c\/strong\u003e. Déconseillé aux personnes sous traitement anticoagulant sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"cb-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\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --cb-cream: #f7f5f0;\n --cb-white: #ffffff;\n --cb-primary: #7CB342;\n --cb-primary-dark: #558B2F;\n --cb-primary-light: #f0f7e6;\n --cb-secondary: #C8A96E;\n --cb-accent: #E53935;\n --cb-text: #1a1a1a;\n --cb-text-light: #5a5a5a;\n --cb-border: #e0e0e0;\n --cb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cb-radius: 20px;\n --cb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cb-hero {\n position: relative;\n background: linear-gradient(135deg, #558B2F 0%, #7CB342 50%, #9CCC65 100%);\n border-radius: var(--cb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cb-shadow-lg);\n}\n\n.cb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 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(200,169,110,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.cb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.cb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cb-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3.5vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.cb-description {\n color: rgba(255,255,255,.88);\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.cb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cb-primary), var(--cb-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.cb-card {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cb-shadow-lg);\n border-color: var(--cb-primary);\n}\n\n.cb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cb-grid-compact .cb-card {\n padding: 1rem;\n}\n\n.cb-grid-compact .cb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cb-grid-compact .cb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cb-primary), var(--cb-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}\n\n.cb-timeline-content {\n flex: 1;\n background: var(--cb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cb-radius-sm);\n box-shadow: var(--cb-shadow);\n}\n\n.cb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cb-timeline-content p {\n font-size: 14px;\n color: var(--cb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TABLE === *\/\n.cb-table-wrapper {\n overflow-x: auto;\n}\n\n.cb-table {\n width: 100%;\n max-width: 500px;\n margin: 0 auto;\n border-collapse: collapse;\n background: var(--cb-white);\n border-radius: var(--cb-radius-sm);\n overflow: hidden;\n box-shadow: var(--cb-shadow);\n}\n\n.cb-table thead {\n background: linear-gradient(135deg, var(--cb-primary), var(--cb-primary-dark));\n}\n\n.cb-table th {\n padding: 1rem 1.25rem;\n color: white;\n font-weight: 700;\n font-size: 14px;\n text-align: left;\n}\n\n.cb-table td {\n padding: 1rem 1.25rem;\n font-size: 15px;\n color: var(--cb-text);\n border-bottom: 1px solid var(--cb-border);\n}\n\n.cb-table tbody tr:last-child td {\n border-bottom: none;\n}\n\n\/* === TESTIMONIAL === *\/\n.cb-testimonial {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cb-shadow);\n border-left: 4px solid var(--cb-primary);\n}\n\n.cb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cb-primary-light);\n border-radius: var(--cb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cb-tip p {\n font-size: 14px;\n color: var(--cb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cb-accordion {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n box-shadow: var(--cb-shadow);\n overflow: hidden;\n}\n\n.cb-accordion-item {\n border-bottom: 1px solid var(--cb-border);\n margin: 0;\n padding: 0;\n}\n\n.cb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cb-accordion-header:hover {\n background: var(--cb-primary-light);\n}\n\n.cb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cb-primary);\n transition: transform .2s ease;\n}\n\n.cb-accordion-item[open] .cb-accordion-header::after {\n content: '−';\n}\n\n.cb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cb-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cb-disclaimer {\n font-size: 12px;\n color: var(--cb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cb-card {\n padding: 1.125rem;\n }\n\n .cb-section {\n margin-bottom: 1.75rem;\n }\n\n .cb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cb-radius-sm);\n }\n\n .cb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cb-grid-compact {\n gap: .625rem;\n }\n\n .cb-grid-compact .cb-card {\n padding: .75rem;\n }\n\n .cb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cb-timeline-content h3 {\n font-size: 14px;\n }\n\n .cb-timeline-content p {\n font-size: 13px;\n }\n\n .cb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cb-testimonial {\n padding: 1.25rem;\n }\n\n .cb-testimonial-text {\n font-size: 14px;\n }\n\n .cb-table th,\n .cb-table td {\n padding: .75rem 1rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cb-card {\n animation: cbFadeInUp .5s ease backwards;\n }\n .cb-card:nth-child(1) { animation-delay: .05s; }\n .cb-card:nth-child(2) { animation-delay: .1s; }\n .cb-card:nth-child(3) { animation-delay: .15s; }\n .cb-card:nth-child(4) { animation-delay: .2s; }\n .cb-card:nth-child(5) { animation-delay: .25s; }\n .cb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54884098244985,"sku":"GS8015","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Jus_15_-min.jpg?v=1737127448"},{"product_id":"huile-de-bourrache-graine-sauvage","title":"Huile de Bourrache bio - 60 capsules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Bourrache bio - 60 capsules - Graine Sauvage\nPalette détectée:\n - Primaire: #6B9B37 (vert olive\/nature du couvercle et de la typo \"Graine Sauvage\")\n - Secondaire: #C4A265 (kraft\/beige doré du pot en carton)\n - Accent: #E8743A (orange du logo AB et de la mascotte)\nAmbiance: Naturel\/bio, chaleureux, éco-responsable, packaging kraft artisanal, univers sain et végétal\nPréfixe CSS: hb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile de bourrache bio : un trésor d'acides gras pour votre peau et votre bien-être\"\n 2. \"Les bienfaits de l'huile de bourrache sur la peau, les cheveux et les articulations\"\n 3. \"Composition et qualité biologique certifiée\"\n 4. \"Huile de bourrache : danger ou complément sûr ?\"\n 5. \"Conseils d'utilisation\"\n 6. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"hb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"hb-hero\"\u003e\n \u003cdiv class=\"hb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hb-hero-content\"\u003e\n \u003cdiv class=\"hb-badges-top\"\u003e\n \u003cspan class=\"hb-badge\"\u003e🌿 Certifié AB Bio\u003c\/span\u003e\n \u003cspan class=\"hb-badge\"\u003e💊 60 capsules molles\u003c\/span\u003e\n \u003cspan class=\"hb-badge\"\u003e📅 Cure de 20 jours\u003c\/span\u003e\n \u003cspan class=\"hb-badge\"\u003e🇫🇷 FR-BIO-01\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hb-hero-title\"\u003eHuile de Bourrache Bio\u003c\/span\u003e\n \u003cp class=\"hb-subtitle\"\u003eGraine Sauvage — Complément alimentaire biologique\u003c\/p\u003e\n \u003cp class=\"hb-description\"\u003eL'un des plus puissants concentrés naturels en acide gamma-linolénique (GLA) pour nourrir votre peau, vos cheveux et vos articulations de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"hb-section\"\u003e\n \u003ch2\u003eHuile de bourrache bio : un trésor d'acides gras pour votre peau et votre bien-être\u003c\/h2\u003e\n \u003cdiv class=\"hb-intro-card\"\u003e\n \u003cp\u003eVous cherchez une solution naturelle pour retrouver une \u003cstrong\u003epeau souple\u003c\/strong\u003e, des \u003cstrong\u003echeveux éclatants\u003c\/strong\u003e et un \u003cstrong\u003emeilleur confort au quotidien\u003c\/strong\u003e ? L'huile de bourrache bio de Graine Sauvage est l'un des compléments les plus riches en \u003cstrong\u003eacide gamma-linolénique (GLA)\u003c\/strong\u003e, un oméga-6 précieux que notre organisme ne sait pas fabriquer seul.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003ePrésentée en \u003cstrong\u003e60 capsules molles\u003c\/strong\u003e pour une cure de 20 jours, cette formule certifiée Agriculture Biologique (FR-BIO-01) est enrichie en \u003cstrong\u003evitamine E naturelle\u003c\/strong\u003e pour une protection antioxydante renforcée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hb-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"hb-stat-card\"\u003e\n \u003cspan class=\"hb-stat-number\"\u003eGLA\u003c\/span\u003e\n \u003cspan class=\"hb-stat-label\"\u003eAcide gamma-linolénique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hb-stat-card\"\u003e\n \u003cspan class=\"hb-stat-number\"\u003eBio\u003c\/span\u003e\n \u003cspan class=\"hb-stat-label\"\u003eCertifié FR-BIO-01\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hb-stat-card\"\u003e\n \u003cspan class=\"hb-stat-number\"\u003e60\u003c\/span\u003e\n \u003cspan class=\"hb-stat-label\"\u003eCapsules molles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hb-stat-card\"\u003e\n \u003cspan class=\"hb-stat-number\"\u003eVit. E\u003c\/span\u003e\n \u003cspan class=\"hb-stat-label\"\u003eProtection antioxydante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"hb-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de bourrache sur la peau, les cheveux et les articulations\u003c\/h2\u003e\n \u003cp class=\"hb-section-intro\"\u003eLa bourrache (\u003cem\u003eBorago officinalis\u003c\/em\u003e) est une plante dont les graines renferment une huile exceptionnellement riche en GLA. Ce sont précisément ces acides gras essentiels qui lui confèrent ses propriétés si recherchées :\u003c\/p\u003e\n \u003cdiv class=\"hb-grid\"\u003e\n \u003cdiv class=\"hb-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde et élasticité\u003c\/h3\u003e\n \u003cp\u003eLe GLA nourrit les membranes cellulaires de l'intérieur, aidant à lutter contre la sécheresse cutanée, les tiraillements et les premiers signes de l'âge. Peau sèche ou mature, vous remarquerez rapidement la différence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hb-card\"\u003e\n \u003ch3\u003e✨ Vitalité des cheveux et des ongles\u003c\/h3\u003e\n \u003cp\u003eEn apportant des acides gras de qualité, l'huile de bourrache contribue à renforcer la fibre capillaire et à limiter les ongles cassants pour des phanères résistants et éclatants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hb-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eLe GLA participe à la production de prostaglandines anti-inflammatoires, un allié précieux pour les personnes ressentant des raideurs ou des inconforts articulaires au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hb-card\"\u003e\n \u003ch3\u003e🌸 Bien-être féminin\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour atténuer les inconforts liés aux cycles menstruels et à la ménopause. L'association \u003cstrong\u003ehuile de bourrache et onagre\u003c\/strong\u003e est fréquemment recommandée pour une action complémentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hb-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E présente dans chaque capsule protège vos cellules contre le stress oxydatif et les radicaux libres, ralentissant le vieillissement cellulaire prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"hb-section\"\u003e\n \u003ch2\u003eComposition et qualité biologique certifiée\u003c\/h2\u003e\n \u003cdiv class=\"hb-compo-card\"\u003e\n \u003cdiv class=\"hb-compo-grid\"\u003e\n \u003cdiv class=\"hb-compo-item\"\u003e\n \u003cspan class=\"hb-compo-icon\"\u003e🌱\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eHuile vierge de bourrache biologique\u003c\/h3\u003e\n \u003cp\u003ePressée à froid pour garantir la préservation de tous ses actifs, notamment sa haute teneur en GLA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hb-compo-item\"\u003e\n \u003cspan class=\"hb-compo-icon\"\u003e🍊\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eVitamine E naturelle (tocophérol)\u003c\/h3\u003e\n \u003cp\u003eAntioxydant d'origine naturelle qui protège l'huile de l'oxydation et renforce les bénéfices pour vos cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hb-compo-item\"\u003e\n \u003cspan class=\"hb-compo-icon\"\u003e💊\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eEnveloppe en gélatine de poisson\u003c\/h3\u003e\n \u003cp\u003eCapsule molle facile à avaler, sans additifs chimiques, sans conservateurs artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hb-tip\"\u003e\n \u003cspan class=\"hb-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eGarantie qualité :\u003c\/strong\u003e sans additifs chimiques, sans conservateurs artificiels, 100 % biologique certifié FR-BIO-01.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"hb-section\"\u003e\n \u003ch2\u003eHuile de bourrache : danger ou complément sûr ?\u003c\/h2\u003e\n \u003cdiv class=\"hb-reassurance-card\"\u003e\n \u003cp\u003eBeaucoup d'internautes s'interrogent sur un éventuel \u003cstrong\u003edanger de l'huile de bourrache\u003c\/strong\u003e. Rassurez-vous : consommée aux doses recommandées, elle est \u003cstrong\u003eparfaitement sûre\u003c\/strong\u003e pour la grande majorité des adultes.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003eConcernant le lien supposé entre \u003cstrong\u003ehuile de bourrache et prise de poids\u003c\/strong\u003e, aucune étude sérieuse ne confirme cet effet. Il s'agit d'un apport calorique négligeable.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003eEn cas de doute ou de traitement en cours, consultez votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"hb-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"hb-timeline\"\u003e\n \u003cdiv class=\"hb-timeline-item\"\u003e\n \u003cspan class=\"hb-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"hb-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e3 capsules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours des repas pour une meilleure absorption des acides gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hb-timeline-item\"\u003e\n \u003cspan class=\"hb-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"hb-timeline-content\"\u003e\n \u003ch3\u003eDurée d'une boîte\u003c\/h3\u003e\n \u003cp\u003eUne boîte de 60 capsules correspond à une \u003cstrong\u003ecure de 20 jours\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hb-timeline-item\"\u003e\n \u003cspan class=\"hb-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"hb-timeline-content\"\u003e\n \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n \u003cp\u003ePour des résultats durables, nous vous conseillons une \u003cstrong\u003ecure de 2 à 3 mois\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"hb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hb-accordion\"\u003e\n \u003cdetails class=\"hb-accordion-item\"\u003e\n \u003csummary class=\"hb-accordion-header\"\u003e⚠️ Précautions générales\u003c\/summary\u003e\n \u003cdiv class=\"hb-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas une alimentation variée et équilibrée\u003c\/strong\u003e ni un suivi médical. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hb-accordion-item\"\u003e\n \u003csummary class=\"hb-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"hb-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hb-accordion-item\"\u003e\n \u003csummary class=\"hb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hb-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"hb-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --hb-cream: #f7f4ef;\n --hb-white: #ffffff;\n --hb-primary: #6B9B37;\n --hb-primary-dark: #3d6118;\n --hb-primary-light: #eef5e4;\n --hb-secondary: #C4A265;\n --hb-accent: #E8743A;\n --hb-text: #1a1a1a;\n --hb-text-light: #5a5a5a;\n --hb-border: #e0ddd6;\n --hb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --hb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --hb-radius: 20px;\n --hb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.hb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hb-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6118 0%, #6B9B37 45%, #8ab84e 100%);\n border-radius: var(--hb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--hb-shadow-lg);\n}\n\n.hb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(196,162,101,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.hb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.hb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.hb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.hb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.hb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--hb-primary), var(--hb-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.hb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hb-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === INTRO CARD (H2#1) === *\/\n.hb-intro-card {\n background: var(--hb-white);\n border-radius: var(--hb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hb-shadow);\n border-left: 4px solid var(--hb-primary);\n}\n\n.hb-intro-card p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--hb-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === STAT CARDS === *\/\n.hb-stat-card {\n background: var(--hb-white);\n border-radius: var(--hb-radius-sm);\n padding: 1rem;\n box-shadow: var(--hb-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.hb-stat-card:hover {\n border-color: var(--hb-primary);\n transform: translateY(-3px);\n}\n\n.hb-stat-number {\n display: block;\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 900;\n color: var(--hb-primary);\n line-height: 1.2;\n}\n\n.hb-stat-label {\n display: block;\n font-size: clamp(11px, 1.8vw, 13px);\n color: var(--hb-text-light);\n margin-top: .35rem;\n font-weight: 600;\n}\n\n\/* === CARDS === *\/\n.hb-card {\n background: var(--hb-white);\n border-radius: var(--hb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hb-shadow-lg);\n border-color: var(--hb-primary);\n}\n\n.hb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hb-grid-compact .hb-card {\n padding: 1rem;\n}\n\n.hb-grid-compact .hb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hb-grid-compact .hb-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION CARD === *\/\n.hb-compo-card {\n background: var(--hb-white);\n border-radius: var(--hb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hb-shadow);\n}\n\n.hb-compo-grid {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.hb-compo-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hb-compo-icon {\n font-size: 28px;\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: var(--hb-primary-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.hb-compo-item h3 {\n font-size: clamp(14px, 2.5vw, 16px);\n font-weight: 700;\n color: var(--hb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hb-compo-item p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--hb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === REASSURANCE CARD (H2#4) === *\/\n.hb-reassurance-card {\n background: var(--hb-white);\n border-radius: var(--hb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hb-shadow);\n border-left: 4px solid var(--hb-accent);\n}\n\n.hb-reassurance-card p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--hb-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.hb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hb-primary), var(--hb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.hb-timeline-content {\n flex: 1;\n background: var(--hb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hb-radius-sm);\n box-shadow: var(--hb-shadow);\n}\n\n.hb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hb-timeline-content p {\n font-size: 14px;\n color: var(--hb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.hb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hb-primary-light);\n border-radius: var(--hb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hb-tip p {\n font-size: 14px;\n color: var(--hb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.hb-accordion {\n background: var(--hb-white);\n border-radius: var(--hb-radius);\n box-shadow: var(--hb-shadow);\n overflow: hidden;\n}\n\n.hb-accordion-item {\n border-bottom: 1px solid var(--hb-border);\n margin: 0;\n padding: 0;\n}\n\n.hb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.hb-accordion-header:hover {\n background: var(--hb-primary-light);\n}\n\n.hb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hb-primary);\n transition: transform .2s ease;\n}\n\n.hb-accordion-item[open] .hb-accordion-header::after {\n content: '−';\n}\n\n.hb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hb-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.hb-disclaimer {\n font-size: 12px;\n color: var(--hb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .hb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hb-card {\n padding: 1.125rem;\n }\n\n .hb-section {\n margin-bottom: 1.75rem;\n }\n\n .hb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hb-radius-sm);\n }\n\n .hb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hb-grid-compact {\n gap: .625rem;\n }\n\n .hb-grid-compact .hb-stat-card,\n .hb-grid-compact .hb-card {\n padding: .75rem;\n }\n\n .hb-stat-number {\n font-size: 18px;\n }\n\n .hb-stat-label {\n font-size: 11px;\n }\n\n .hb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hb-timeline-content h3 {\n font-size: 14px;\n }\n\n .hb-timeline-content p {\n font-size: 13px;\n }\n\n .hb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hb-compo-icon {\n width: 40px;\n height: 40px;\n font-size: 22px;\n }\n\n .hb-intro-card,\n .hb-reassurance-card,\n .hb-compo-card {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hb-card,\n .hb-stat-card {\n animation: hbFadeInUp .5s ease backwards;\n }\n .hb-card:nth-child(1),\n .hb-stat-card:nth-child(1) { animation-delay: .05s; }\n .hb-card:nth-child(2),\n .hb-stat-card:nth-child(2) { animation-delay: .1s; }\n .hb-card:nth-child(3),\n .hb-stat-card:nth-child(3) { animation-delay: .15s; }\n .hb-card:nth-child(4),\n .hb-stat-card:nth-child(4) { animation-delay: .2s; }\n .hb-card:nth-child(5) { animation-delay: .25s; }\n .hb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .hb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54888180285817,"sku":"GS9096","price":23.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-bourrache-bio-60-capsules-graine-sauvage-ingredients.webp?v=1771102447"},{"product_id":"huile-onagre-bourrache-graine-sauvage","title":"Huile Onagre-Bourrache Bio - 120 capsules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Onagre-Bourrache Bio - 120 capsules - Graine Sauvage\nPalette détectée:\n - Primaire: #7CB342 (vert nature\/bio du logo et bouchon jaune-vert)\n - Secondaire: #C0CA33 (vert-jaune lime du bouchon)\n - Accent: #E8791D (orange-corail du texte \"ONAGRE-BOURRACHE\")\nAmbiance: Naturel\/bio, féminin doux, bien-être, certifié AB, packaging épuré blanc avec touches vertes\nPréfixe CSS: ob\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile Onagre-Bourrache Bio : le duo végétal au service du bien-être féminin\"\n 2. \"Pourquoi associer l'onagre et la bourrache ?\"\n 3. \"À qui s'adresse ce complément ?\"\n 4. \"Composition et ingrédients\"\n 5. \"Conseils d'utilisation\"\n 6. \"Les engagements qualité Graine Sauvage\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ob-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ob-hero\"\u003e\n \u003cdiv class=\"ob-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ob-hero-content\"\u003e\n \u003cdiv class=\"ob-badges-top\"\u003e\n \u003cspan class=\"ob-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e\n \u003cspan class=\"ob-badge\"\u003e🌸 Bien-être féminin\u003c\/span\u003e\n \u003cspan class=\"ob-badge\"\u003e💊 120 capsules molles\u003c\/span\u003e\n \u003cspan class=\"ob-badge\"\u003e🇫🇷 Marque française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ob-hero-title\"\u003eHuile Onagre-Bourrache Bio\u003c\/span\u003e\n \u003cp class=\"ob-subtitle\"\u003eGraine Sauvage — 120 capsules molles\u003c\/p\u003e\n \u003cp class=\"ob-description\"\u003eL'alliance précieuse de deux huiles bio d'exception, riches en acides gras essentiels oméga-6, pour accompagner chaque femme à chaque étape de sa vie hormonale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ob-section\"\u003e\n \u003ch2\u003eHuile Onagre-Bourrache Bio : le duo végétal au service du bien-être féminin\u003c\/h2\u003e\n \u003cp class=\"ob-section-intro\"\u003eVous cherchez une solution naturelle pour traverser sereinement les différentes étapes de votre vie hormonale ?\u003c\/p\u003e\n \u003cdiv class=\"ob-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile onagre bourrache bio\u003c\/strong\u003e de Graine Sauvage associe deux plantes emblématiques, reconnues depuis des générations pour leur richesse en \u003cstrong\u003eacides gras essentiels\u003c\/strong\u003e. Ce complément alimentaire certifié AB vous accompagne au quotidien avec \u003cstrong\u003e120 capsules molles\u003c\/strong\u003e, soit \u003cstrong\u003e20 jours d'utilisation\u003c\/strong\u003e confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ob-section\"\u003e\n \u003ch2\u003ePourquoi associer l'onagre et la bourrache ?\u003c\/h2\u003e\n \u003cp class=\"ob-section-intro\"\u003eChacune de ces deux plantes possède un profil nutritionnel complémentaire. L'huile d'onagre et bourrache réunit leurs forces pour offrir un spectre plus large d'acides gras polyinsaturés oméga-6.\u003c\/p\u003e\n \u003cdiv class=\"ob-grid\"\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e🌼 L'huile d'onagre\u003c\/h3\u003e\n \u003cp\u003eParticulièrement concentrée en \u003cstrong\u003eacide linoléique\u003c\/strong\u003e et en \u003cstrong\u003eacide gamma-linolénique (GLA)\u003c\/strong\u003e, impliqués dans le confort hormonal féminin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e💜 L'huile de bourrache\u003c\/h3\u003e\n \u003cp\u003eContient encore davantage de \u003cstrong\u003eGLA\u003c\/strong\u003e et contribue naturellement à la \u003cstrong\u003esouplesse\u003c\/strong\u003e et à l'\u003cstrong\u003eéclat de la peau\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e🤝 Synergie unique\u003c\/h3\u003e\n \u003cp\u003eEn combinant ces deux huiles, vous bénéficiez d'un \u003cstrong\u003eapport synergique\u003c\/strong\u003e que chaque huile seule ne pourrait vous offrir. C'est ce qui rend ce duo si apprécié des femmes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ob-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cp class=\"ob-section-intro\"\u003eL'huile bourrache onagre bio Graine Sauvage est formulée pour répondre aux besoins spécifiques du bien-être féminin.\u003c\/p\u003e\n \u003cdiv class=\"ob-grid\"\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e🌙 Confort prémenstruel\u003c\/h3\u003e\n \u003cp\u003eSoutenez votre confort au quotidien et \u003cstrong\u003eatténuez les sensations de tension\u003c\/strong\u003e liées au cycle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e🌺 Ménopause en douceur\u003c\/h3\u003e\n \u003cp\u003eAccompagnez la période de la \u003cstrong\u003eménopause\u003c\/strong\u003e sereinement — l'association onagre-bourrache fait partie des \u003cstrong\u003eplus recherchées\u003c\/strong\u003e pour cette étape.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e✨ Beauté de la peau\u003c\/h3\u003e\n \u003cp\u003ePréservez la \u003cstrong\u003ebeauté et l'hydratation de votre peau\u003c\/strong\u003e, notamment les peaux sèches ou matures, grâce aux acides gras essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre lipidique\u003c\/h3\u003e\n \u003cp\u003eContribuez à un \u003cstrong\u003eéquilibre lipidique global\u003c\/strong\u003e grâce à un apport quotidien en acides gras de qualité biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ob-section\"\u003e\n \u003ch2\u003eComposition et ingrédients\u003c\/h2\u003e\n \u003cp class=\"ob-section-intro\"\u003ePour \u003cstrong\u003e6 capsules\u003c\/strong\u003e (dose journalière recommandée) :\u003c\/p\u003e\n \u003cdiv class=\"ob-grid-compact\"\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e🌿 Huile d'onagre bio\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e💧 Huile de bourrache bio\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e💊 Enveloppe capsule\u003c\/h3\u003e\n \u003cp\u003eGélatine de poisson, glycérine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003eAntioxydant protecteur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-tip\"\u003e\n \u003cspan class=\"ob-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans OGM, sans colorant artificiel, sans conservateur de synthèse.\u003c\/strong\u003e Produit certifié \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e (FR-BIO-01).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ob-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"ob-timeline\"\u003e\n \u003cdiv class=\"ob-timeline-item\"\u003e\n \u003cdiv class=\"ob-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ob-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e6 capsules molles par jour\u003c\/strong\u003e, de préférence au cours des repas avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-timeline-item\"\u003e\n \u003cdiv class=\"ob-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ob-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 120 capsules correspond à \u003cstrong\u003e20 jours de cure\u003c\/strong\u003e. Pour des résultats optimaux, une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est généralement conseillée, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-timeline-item\"\u003e\n \u003cdiv class=\"ob-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ob-timeline-content\"\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp\u003eConservez le flacon à l'abri de la \u003cstrong\u003echaleur\u003c\/strong\u003e et de l'\u003cstrong\u003ehumidité\u003c\/strong\u003e. Tenez hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ob-section\"\u003e\n \u003ch2\u003eLes engagements qualité Graine Sauvage\u003c\/h2\u003e\n \u003cdiv class=\"ob-grid\"\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e🏅 Certification bio\u003c\/h3\u003e\n \u003cp\u003eGarantie par un organisme indépendant, pour une \u003cstrong\u003etraçabilité totale\u003c\/strong\u003e de la graine à la capsule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e pour préserver l'intégrité des acides gras essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e💊 Capsules confortables\u003c\/h3\u003e\n \u003cp\u003eCapsules molles \u003cstrong\u003efaciles à avaler\u003c\/strong\u003e, sans arrière-goût désagréable pour un confort de prise optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e🇫🇷 Marque française\u003c\/h3\u003e\n \u003cp\u003eEngagée dans une démarche \u003cstrong\u003erespectueuse de l'environnement\u003c\/strong\u003e et de votre bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA + DISCLAIMER --\u003e\n \u003csection class=\"ob-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ob-cta-box\"\u003e\n \u003cp\u003eL'huile onagre-bourrache bio Graine Sauvage est un allié naturel précieux pour prendre soin de vous de l'intérieur. 🌿 Offrez à votre corps le meilleur de la nature, certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ob-disclaimer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un suivi médical. En cas de doute ou de traitement en cours, consultez votre professionnel de santé avant de débuter une cure.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --ob-cream: #f8f6f1;\n --ob-white: #ffffff;\n --ob-primary: #7CB342;\n --ob-primary-dark: #558B2F;\n --ob-primary-light: #f0f7e6;\n --ob-secondary: #C0CA33;\n --ob-accent: #E8791D;\n --ob-text: #1a1a1a;\n --ob-text-light: #5a5a5a;\n --ob-border: #e0e0e0;\n --ob-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ob-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ob-radius: 20px;\n --ob-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ob-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ob-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ob-hero {\n position: relative;\n background: linear-gradient(135deg, #558B2F 0%, #7CB342 40%, #9CCC65 70%, #C0CA33 100%);\n border-radius: var(--ob-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ob-shadow-lg);\n}\n\n.ob-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 35%);\n opacity: 1;\n}\n\n.ob-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ob-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ob-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ob-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ob-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ob-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ob-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ob-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ob-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ob-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ob-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ob-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ob-primary), var(--ob-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ob-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ob-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ob-highlight-box {\n background: var(--ob-white);\n border-radius: var(--ob-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ob-shadow);\n border-left: 4px solid var(--ob-primary);\n}\n\n.ob-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ob-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.ob-card {\n background: var(--ob-white);\n border-radius: var(--ob-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ob-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ob-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ob-shadow-lg);\n border-color: var(--ob-primary);\n}\n\n.ob-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ob-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ob-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ob-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ob-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ob-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ob-grid-compact .ob-card {\n padding: 1rem;\n}\n\n.ob-grid-compact .ob-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ob-grid-compact .ob-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ob-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ob-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ob-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ob-primary), var(--ob-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ob-timeline-content {\n flex: 1;\n background: var(--ob-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ob-radius-sm);\n box-shadow: var(--ob-shadow);\n}\n\n.ob-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ob-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ob-timeline-content p {\n font-size: 14px;\n color: var(--ob-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ob-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ob-primary-light);\n border-radius: var(--ob-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ob-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ob-tip p {\n font-size: 14px;\n color: var(--ob-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ob-cta-box {\n background: linear-gradient(135deg, var(--ob-primary) 0%, var(--ob-primary-dark) 100%);\n border-radius: var(--ob-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ob-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ob-disclaimer {\n font-size: 12px;\n color: var(--ob-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ob-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ob-card {\n padding: 1.125rem;\n }\n\n .ob-section {\n margin-bottom: 1.75rem;\n }\n\n .ob-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ob-radius-sm);\n }\n\n .ob-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ob-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ob-grid-compact {\n gap: .625rem;\n }\n\n .ob-grid-compact .ob-card {\n padding: .75rem;\n }\n\n .ob-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ob-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ob-timeline-content h3 {\n font-size: 14px;\n }\n\n .ob-timeline-content p {\n font-size: 13px;\n }\n\n .ob-highlight-box {\n padding: 1.25rem;\n }\n\n .ob-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ob-card {\n animation: obFadeInUp .5s ease backwards;\n }\n .ob-card:nth-child(1) { animation-delay: .05s; }\n .ob-card:nth-child(2) { animation-delay: .1s; }\n .ob-card:nth-child(3) { animation-delay: .15s; }\n .ob-card:nth-child(4) { animation-delay: .2s; }\n .ob-card:nth-child(5) { animation-delay: .25s; }\n .ob-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes obFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ob-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54888404582777,"sku":"GS0017","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-onagre-bourrache-bio-120-capsules-graine-sauvage-ingredients.webp?v=1772960295"},{"product_id":"shatavari-graine-sauvage","title":"Shatavari Bio – 60 gélules - Graine Sauvage","description":"\u003cdiv class=\"sv-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sv-hero\"\u003e\n\u003cdiv class=\"sv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sv-hero-content\"\u003e\n\u003cdiv class=\"sv-badges-top\"\u003e\n\u003cspan class=\"sv-badge\"\u003e🌿 Certifié Bio FR-BIO-01\u003c\/span\u003e \u003cspan class=\"sv-badge\"\u003e🇮🇳 Racine d'Inde\u003c\/span\u003e \u003cspan class=\"sv-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e \u003cspan class=\"sv-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sv-hero-title\"\u003eShatavari Bio\u003c\/span\u003e\n\u003cp class=\"sv-subtitle\"\u003eGraine Sauvage - Stimulant féminin, désir et santé\u003c\/p\u003e\n\u003cp class=\"sv-description\"\u003eLa plante ayurvédique ancestrale au service de la vitalité féminine. 1 400 mg de racine pure par jour, sans excipient ni additif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"sv-section\"\u003e\n\u003ch2\u003eShatavari Bio : la plante ayurvédique dédiée au bien-être féminin\u003c\/h2\u003e\n\u003cp class=\"sv-section-intro\"\u003eLe \u003cstrong\u003eShatavari\u003c\/strong\u003e (\u003cem\u003eAsparagus racemosus\u003c\/em\u003e) est l'une des plantes les plus précieuses de la médecine ayurvédique. Son nom sanskrit signifie littéralement « celle qui possède cent maris », une image poétique qui illustre son lien ancestral avec la \u003cstrong\u003evitalité féminine\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"sv-highlight-box\"\u003e\n\u003cp\u003eGraine Sauvage vous propose ce \u003cstrong\u003eShatavari bio\u003c\/strong\u003e en gélules végétales, certifié Agriculture Biologique (FR-BIO-01), pour une cure simple et efficace au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"sv-section\"\u003e\n\u003ch2\u003eQuels sont les bienfaits du Shatavari ?\u003c\/h2\u003e\n\u003cp class=\"sv-section-intro\"\u003eLe \u003cstrong\u003eShatavari\u003c\/strong\u003e est une plante adaptogène : elle aide votre organisme à mieux s'adapter aux déséquilibres et au stress. Ses bienfaits sont particulièrement étudiés chez la femme, à chaque étape de la vie.\u003c\/p\u003e\n\u003cdiv class=\"sv-grid\"\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🌸 Cycle menstruel\u003c\/h3\u003e\n\u003cp\u003eContribue à la régulation du cycle et aide à atténuer les symptômes prémenstruels : inconfort, tensions, sautes d'humeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e💕 Libido et désir\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement utilisé comme stimulant féminin, il soutient le désir et la vitalité intime en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🤰 Fertilité\u003c\/h3\u003e\n\u003cp\u003eEn favorisant l'équilibre hormonal, il est souvent recommandé en accompagnement pour les femmes souhaitant concevoir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🌡️ Ménopause\u003c\/h3\u003e\n\u003cp\u003eAide à apaiser les bouffées de chaleur, la sécheresse et l'irritabilité liées à la ménopause.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🫶 Digestion et immunité\u003c\/h3\u003e\n\u003cp\u003eSa richesse en saponines stéroïdiennes soutient le système digestif et renforce les défenses naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-tip\"\u003e\n\u003cspan class=\"sv-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eShatavari et prise de poids :\u003c\/strong\u003e contrairement à certaines idées reçues, cette plante ne provoque pas de gain pondéral. Elle agit en douceur sur l'équilibre hormonal sans perturber le métabolisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"sv-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"sv-section-intro\"\u003eChaque flacon contient \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e, soit environ 15 jours d'utilisation. Voici le détail pour \u003cstrong\u003e4 gélules\u003c\/strong\u003e (dose journalière recommandée) :\u003c\/p\u003e\n\u003cdiv class=\"sv-grid-compact\"\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🌿 Racine de Shatavari bio\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eAsparagus racemosus\u003c\/em\u003e — \u003cstrong\u003e1 400 mg\u003c\/strong\u003e par dose journalière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n\u003cp\u003eEnveloppe d'origine végétale (HPMC), adaptée aux régimes vegan\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-tip\"\u003e\n\u003cspan class=\"sv-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003ePas d'excipient, pas de conservateur, pas d'additif. Un produit \u003cstrong\u003e100 % biologique\u003c\/strong\u003e, vegan et sans gluten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"sv-section\"\u003e\n\u003ch2\u003eComment prendre le Shatavari Bio Graine Sauvage ?\u003c\/h2\u003e\n\u003cdiv class=\"sv-timeline\"\u003e\n\u003cdiv class=\"sv-timeline-item\"\u003e\n\u003cdiv class=\"sv-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sv-timeline-content\"\u003e\n\u003ch3\u003eLe matin au petit-déjeuner\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 gélules\u003c\/strong\u003e avec un grand verre d'eau au moment du repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-timeline-item\"\u003e\n\u003cdiv class=\"sv-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sv-timeline-content\"\u003e\n\u003ch3\u003eLe soir au dîner\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 gélules\u003c\/strong\u003e supplémentaires avec un grand verre d'eau, pour un total de 4 gélules par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-timeline-item\"\u003e\n\u003cdiv class=\"sv-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sv-timeline-content\"\u003e\n\u003ch3\u003eCure de 2 à 3 mois\u003c\/h3\u003e\n\u003cp\u003ePoursuivez la cure pendant 2 à 3 mois pour ressentir pleinement les effets. Renouvelez après une pause de quelques semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-tip\"\u003e\n\u003cspan class=\"sv-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eSi vous préférez le \u003cstrong\u003eShatavari en poudre\u003c\/strong\u003e, sachez que le format gélule offre l'avantage d'un dosage précis et d'une prise sans le goût amer de la racine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"sv-section\"\u003e\n\u003ch2\u003eShatavari : danger ou contre-indications ?\u003c\/h2\u003e\n\u003cp class=\"sv-section-intro\"\u003eLe \u003cstrong\u003eShatavari\u003c\/strong\u003e est globalement très bien toléré. Cependant, par précaution, quelques points de vigilance sont à connaître.\u003c\/p\u003e\n\u003cdiv class=\"sv-accordion\"\u003e\n\u003cdetails class=\"sv-accordion-item\"\u003e\n\u003csummary class=\"sv-accordion-header\"\u003e💊 Traitement hormonal\u003c\/summary\u003e\n\u003cdiv class=\"sv-accordion-content mt-3\"\u003e\n\u003cp\u003eDemandez l'avis de votre médecin si vous suivez un traitement hormonal ou si vous avez des antécédents de cancers hormonodépendants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sv-accordion-item\"\u003e\n\u003csummary class=\"sv-accordion-header\"\u003e⚠️ Allergies aux Asparagacées\u003c\/summary\u003e\n\u003cdiv class=\"sv-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes allergiques aux Asparagacées. En cas de doute, consultez votre médecin ou pharmacien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sv-accordion-item\"\u003e\n\u003csummary class=\"sv-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n\u003cdiv class=\"sv-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de grossesse ou d'allaitement, consultez un professionnel de santé avant toute prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"sv-disclaimer\"\u003eCe complément alimentaire ne remplace pas un traitement médical ni une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"sv-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir ce Shatavari bio certifié ?\u003c\/h2\u003e\n\u003cdiv class=\"sv-grid\"\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🌍 Agriculture biologique certifiée\u003c\/h3\u003e\n\u003cp\u003eRacine de Shatavari cultivée en Inde selon les principes de l'agriculture biologique, certifiée par FR-BIO-01.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e🌱 Gélules 100 % végétales\u003c\/h3\u003e\n\u003cp\u003eConvient aux régimes végétarien et végétalien. Un produit pur, traçable et respectueux de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-card\"\u003e\n\u003ch3\u003e⭐ Efficacité reconnue\u003c\/h3\u003e\n\u003cp\u003eLes avis sur le Shatavari de Graine Sauvage soulignent régulièrement son efficacité ressentie dès les premières semaines, notamment sur le confort menstruel et le regain de vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sv-cta-box\"\u003e\n\u003cp\u003e🌸 Offrez à votre corps le soutien naturel qu'il mérite — une alternative fiable avec la garantie du bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sv-cream: #f8f7f2;\n --sv-white: #ffffff;\n --sv-primary: #8CB83D;\n --sv-primary-dark: #4A7C2E;\n --sv-primary-light: #f0f6e4;\n --sv-secondary: #C5D930;\n --sv-accent: #e8a0bf;\n --sv-text: #1a1a1a;\n --sv-text-light: #5a5a5a;\n --sv-border: #e0e0e0;\n --sv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sv-radius: 20px;\n --sv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sv-hero {\n position: relative;\n background: linear-gradient(135deg, #4A7C2E 0%, #8CB83D 50%, #C5D930 100%);\n border-radius: var(--sv-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sv-shadow-lg);\n}\n\n.sv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.05) 0%, transparent 45%);\n opacity: 1;\n}\n\n.sv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.sv-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sv-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.sv-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.sv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sv-primary), var(--sv-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sv-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.sv-highlight-box {\n background: var(--sv-primary-light);\n border-radius: var(--sv-radius-sm);\n padding: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n border: 2px solid rgba(140,184,61,.2);\n}\n\n.sv-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sv-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sv-card {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sv-shadow-lg);\n border-color: var(--sv-primary);\n}\n\n.sv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sv-grid-compact .sv-card {\n padding: 1rem;\n}\n\n.sv-grid-compact .sv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sv-grid-compact .sv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sv-primary), var(--sv-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(140,184,61,.3);\n}\n\n.sv-timeline-content {\n flex: 1;\n background: var(--sv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sv-radius-sm);\n box-shadow: var(--sv-shadow);\n}\n\n.sv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sv-timeline-content p {\n font-size: 14px;\n color: var(--sv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sv-testimonial {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sv-shadow);\n border-left: 4px solid var(--sv-primary);\n}\n\n.sv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sv-accordion {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n box-shadow: var(--sv-shadow);\n overflow: hidden;\n}\n\n.sv-accordion-item {\n border-bottom: 1px solid var(--sv-border);\n margin: 0;\n padding: 0;\n}\n\n.sv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sv-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sv-accordion-header:hover {\n background: var(--sv-primary-light);\n}\n\n.sv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sv-primary);\n transition: transform .2s ease;\n}\n\n.sv-accordion-item[open] .sv-accordion-header::after {\n content: '−';\n}\n\n.sv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sv-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sv-primary-light);\n border-radius: var(--sv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sv-tip p {\n font-size: 14px;\n color: var(--sv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sv-cta-box {\n background: linear-gradient(135deg, var(--sv-primary) 0%, var(--sv-primary-dark) 100%);\n border-radius: var(--sv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.sv-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sv-disclaimer {\n font-size: 12px;\n color: var(--sv-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sv-card {\n padding: 1.125rem;\n }\n\n .sv-section {\n margin-bottom: 1.75rem;\n }\n\n .sv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sv-radius-sm);\n }\n\n .sv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sv-grid-compact {\n gap: .625rem;\n }\n\n .sv-grid-compact .sv-card {\n padding: .75rem;\n }\n\n .sv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sv-timeline-content h3 {\n font-size: 14px;\n }\n\n .sv-timeline-content p {\n font-size: 13px;\n }\n\n .sv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sv-testimonial {\n padding: 1.25rem;\n }\n\n .sv-testimonial-text {\n font-size: 14px;\n }\n\n .sv-highlight-box {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sv-card {\n animation: svFadeInUp .5s ease backwards;\n }\n .sv-card:nth-child(1) { animation-delay: .05s; }\n .sv-card:nth-child(2) { animation-delay: .1s; }\n .sv-card:nth-child(3) { animation-delay: .15s; }\n .sv-card:nth-child(4) { animation-delay: .2s; }\n .sv-card:nth-child(5) { animation-delay: .25s; }\n .sv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes svFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54893745766777,"sku":"GS0019","price":7.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shatavari-bio-60-gelules-graine-sauvage-packshothd.webp?v=1785943908"},{"product_id":"ashwagandha-revitalisante-anti-stress-ayur-vana-120-gelules","title":"Ashwagandha Bio 120 gélules - Revitalisante \u0026 Anti-stress - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Ashwagandha Bio 120 gélules - Ayur-Vana\nPalette détectée:\n - Primaire: #2AABB3 (turquoise vif du couvercle et bandeau supérieur)\n - Secondaire: #E8A832 (orange\/doré des gouttes décoratives et motifs)\n - Accent: #D4547A (rose\/magenta des mandalas et éléments décoratifs)\n - Fond: #F9F5E8 (crème\/beige du packaging principal)\nAmbiance: Ayurvédique, naturel, bien-être holistique, motifs mandalas colorés, inspiration indienne traditionnelle\nPréfixe CSS: ash\n--\u003e\n\n\u003cdiv class=\"ash-premium\"\u003e\n \n \u003cdiv class=\"ash-hero\"\u003e\n \u003cdiv class=\"ash-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ash-hero-content\"\u003e\n \u003cdiv class=\"ash-badges-top\"\u003e\n \u003cspan class=\"ash-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"ash-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ash-badge\"\u003e🌱 100% Végétal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ash-hero-title\"\u003eAshwagandha Bio en gélules\u003c\/span\u003e\n \u003cp class=\"ash-subtitle\"\u003eL'adaptogène millénaire de l'Ayurveda\u003c\/p\u003e\n \u003cp class=\"ash-description\"\u003e120 gélules végétales pour 60 jours de sérénité, vitalité et sommeil réparateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de ces gélules d'ashwagandha\u003c\/h2\u003e\n \u003cdiv class=\"ash-grid\"\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🧘 Anti-stress naturel\u003c\/h3\u003e\n \u003cp\u003eRégule le cortisol et favorise un état de calme intérieur sans somnolence diurne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🌙 Sommeil réparateur\u003c\/h3\u003e\n \u003cp\u003eApaise le mental, réduit les ruminations nocturnes pour des nuits de qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e⚡ Énergie durable\u003c\/h3\u003e\n \u003cp\u003eProcure une vitalité constante sans effet de pic ni de chute, idéal contre la fatigue. L'ashwagandha est aussi traditionnellement utilisé en Ayurvéda pour la vitalité et le désir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🧠 Clarté mentale\u003c\/h3\u003e\n \u003cp\u003eAméliore concentration et mémoire, soutient les performances cognitives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n \u003cp\u003eStimule les défenses naturelles pour une bonne forme tout au long de l'année\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🏃 Résistance physique\u003c\/h3\u003e\n \u003cp\u003eSoutient l'organisme en période de surmenage ou de fatigue passagère\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003e🌿 Le ginseng indien ancestral\u003c\/h2\u003e\n \u003cdiv class=\"ash-info-box\"\u003e\n \u003cp\u003eL'Ashwagandha (\u003cem\u003eWithania somnifera\u003c\/em\u003e), littéralement « odeur du cheval » en sanskrit, est utilisée depuis \u003cstrong\u003eplus de 3000 ans\u003c\/strong\u003e dans la médecine ayurvédique. Cette plante adaptogène remarquable tire son nom de la force et de la vitalité qu'elle apporte traditionnellement.\u003c\/p\u003e\n \u003cdiv class=\"ash-highlight-grid\"\u003e\n \u003cdiv class=\"ash-highlight\"\u003e\n \u003cspan class=\"ash-highlight-number\"\u003e900 mg\u003c\/span\u003e\n \u003cspan class=\"ash-highlight-label\"\u003ed'extrait de racines bio par dose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-highlight\"\u003e\n \u003cspan class=\"ash-highlight-number\"\u003e3000+\u003c\/span\u003e\n \u003cspan class=\"ash-highlight-label\"\u003eannées d'utilisation traditionnelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003e🎯 Pour qui sont ces gélules ?\u003c\/h2\u003e\n \u003cdiv class=\"ash-grid\"\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e😰 Stressés chroniques\u003c\/h3\u003e\n \u003cp\u003eVous traversez une période intense au travail, aux examens ou dans votre vie personnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e😴 Insomniaques\u003c\/h3\u003e\n \u003cp\u003eVous avez des difficultés à trouver le sommeil ou à récupérer correctement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🔋 Épuisés\u003c\/h3\u003e\n \u003cp\u003eVous ressentez une fatigue persistante qui affecte votre quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e📚 Intellectuels\u003c\/h3\u003e\n \u003cp\u003eVous cherchez à améliorer concentration et performances mentales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003e🧪 Composition premium\u003c\/h2\u003e\n \u003cdiv class=\"ash-composition\"\u003e\n \u003cdiv class=\"ash-ingredient-main\"\u003e\n \u003cdiv class=\"ash-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"ash-ingredient-info\"\u003e\n \u003ch3\u003eExtrait de racines d'Ashwagandha bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eWithania somnifera\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-ingredient-dose\"\u003e900 mg\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-ingredient-detail\"\u003e\n \u003cp\u003eRiche en \u003cstrong\u003ewithanolides\u003c\/strong\u003e, les principes actifs responsables des effets adaptogènes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-certifs\"\u003e\n \u003cspan class=\"ash-certif\"\u003e🌱 Gélules hypromellose 100% végétales\u003c\/span\u003e\n \u003cspan class=\"ash-certif\"\u003e✅ Convient aux végétariens \u0026amp; végans\u003c\/span\u003e\n \u003cspan class=\"ash-certif\"\u003e🇪🇺 Agriculture UE\/non-UE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ash-usage\"\u003e\n \u003cdiv class=\"ash-usage-step\"\u003e\n \u003cdiv class=\"ash-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ash-step-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e au cours des repas pour une meilleure absorption\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-usage-step\"\u003e\n \u003cdiv class=\"ash-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ash-step-content\"\u003e\n \u003ch3\u003eMoment optimal\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003ePour le sommeil :\u003c\/strong\u003e en fin de journée ou au dîner\u003cbr\u003e\u003cstrong\u003ePour le stress :\u003c\/strong\u003e 1 matin + 1 soir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-usage-step\"\u003e\n \u003cdiv class=\"ash-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ash-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e recommandés pour des résultats optimaux. Le pilulier assure 60 jours de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003e✅ Pourquoi choisir de l'ashwagandha bio ?\u003c\/h2\u003e\n \u003cdiv class=\"ash-grid-compact\"\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🚫 Sans pesticides\u003c\/h3\u003e\n \u003cp\u003eCulture sans produits chimiques de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🧹 Pureté garantie\u003c\/h3\u003e\n \u003cp\u003eExempt de métaux lourds et contaminants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eRespectueux de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ash-card\"\u003e\n \u003ch3\u003e📜 Traçabilité\u003c\/h3\u003e\n \u003cp\u003eCertification AB rigoureuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ash-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"ash-accordion\"\u003e\n \u003cdetails class=\"ash-accordion-item\"\u003e\n \u003csummary class=\"ash-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ash-accordion-content mt-1\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité, hors de portée des enfants. Le pilulier protège efficacement les gélules de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ash-accordion-item\"\u003e\n \u003csummary class=\"ash-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ash-accordion-content mt-1\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003cp style=\"margin-top: 0.75rem;\"\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux femmes enceintes ou allaitantes, ainsi qu'aux personnes sous traitement médical (notamment thyroïdien ou immunosuppresseur) sans avis préalable d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ash-accordion-item\"\u003e\n \u003csummary class=\"ash-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"ash-accordion-content mt-1\"\u003e\n \u003cp\u003eFabriqué en France selon les normes les plus strictes, dans le respect des principes de l'Ayurveda traditionnel. Formule fidèle à la tradition millénaire indienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ash-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ash-cta-box\"\u003e\n \u003cp\u003e🧘 Retrouvez sérénité, vitalité et nuits paisibles grâce à la sagesse millénaire de l'Ayurveda, dans une formule bio française de haute qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ash-cream: #FAF8F3;\n --ash-white: #ffffff;\n --ash-primary: #2AABB3;\n --ash-primary-dark: #1E8A91;\n --ash-primary-light: #E8F6F7;\n --ash-secondary: #E8A832;\n --ash-accent: #D4547A;\n --ash-text: #1a1a1a;\n --ash-text-light: #5a5a5a;\n --ash-border: #e0e0e0;\n --ash-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ash-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ash-radius: 20px;\n --ash-radius-sm: 12px;\n}\n\n.ash-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ash-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ash-hero {\n position: relative;\n background: linear-gradient(135deg, #2AABB3 0%, #1E8A91 40%, #E8A832 100%);\n border-radius: var(--ash-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(--ash-shadow-lg);\n}\n\n.ash-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='M30 30c0-11.046-8.954-20-20-20s-20 8.954-20 20 8.954 20 20 20 20-8.954 20-20zm0 0c0 11.046 8.954 20 20 20s20-8.954 20-20-8.954-20-20-20-20 8.954-20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.ash-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ash-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ash-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(--ash-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ash-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ash-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.ash-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ash-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n margin: 0;\n line-height: 1.6;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.ash-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ash-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ash-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.ash-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(--ash-primary), var(--ash-secondary));\n border-radius: 2px;\n}\n\n.ash-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ash-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ash-card {\n background: var(--ash-white);\n border-radius: var(--ash-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ash-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ash-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ash-shadow-lg);\n border-color: var(--ash-primary);\n}\n\n.ash-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ash-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ash-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ash-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ash-grid-compact .ash-card {\n padding: 1rem;\n}\n\n.ash-grid-compact .ash-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ash-grid-compact .ash-card p {\n font-size: 12px;\n}\n\n.ash-info-box {\n background: var(--ash-white);\n border-radius: var(--ash-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ash-shadow);\n text-align: center;\n}\n\n.ash-info-box \u003e p {\n font-size: clamp(14px, 2.5vw, 17px);\n color: var(--ash-text);\n line-height: 1.8;\n margin: 0 0 1.5rem 0;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.ash-highlight-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1.25rem;\n margin-top: 1.5rem;\n}\n\n.ash-highlight {\n background: linear-gradient(135deg, var(--ash-primary-light) 0%, #fff 100%);\n border-radius: var(--ash-radius-sm);\n padding: 1.25rem;\n border: 2px solid var(--ash-primary);\n}\n\n.ash-highlight-number {\n display: block;\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n color: var(--ash-primary-dark);\n line-height: 1;\n margin-bottom: .25rem;\n}\n\n.ash-highlight-label {\n display: block;\n font-size: 13px;\n color: var(--ash-text-light);\n font-weight: 600;\n}\n\n.ash-composition {\n background: var(--ash-white);\n border-radius: var(--ash-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ash-shadow);\n}\n\n.ash-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding-bottom: 1rem;\n border-bottom: 2px solid var(--ash-border);\n margin-bottom: 1rem;\n flex-wrap: wrap;\n}\n\n.ash-ingredient-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.ash-ingredient-info {\n flex: 1;\n min-width: 200px;\n}\n\n.ash-ingredient-info h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--ash-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ash-ingredient-info p {\n font-size: 14px;\n color: var(--ash-text-light);\n margin: 0;\n font-style: italic;\n}\n\n.ash-ingredient-dose {\n background: linear-gradient(135deg, var(--ash-primary) 0%, var(--ash-primary-dark) 100%);\n color: white;\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 900;\n padding: .75rem 1.5rem;\n border-radius: var(--ash-radius-sm);\n flex-shrink: 0;\n}\n\n.ash-ingredient-detail {\n text-align: center;\n margin-bottom: 1.25rem;\n}\n\n.ash-ingredient-detail p {\n font-size: 15px;\n color: var(--ash-text);\n margin: 0;\n}\n\n.ash-certifs {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.ash-certif {\n background: var(--ash-primary-light);\n color: var(--ash-primary-dark);\n font-size: 13px;\n font-weight: 600;\n padding: .5rem 1rem;\n border-radius: 999px;\n}\n\n.ash-usage {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ash-usage-step {\n background: var(--ash-white);\n border-radius: var(--ash-radius);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--ash-shadow);\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n transition: all .3s ease;\n}\n\n.ash-usage-step:hover {\n transform: translateX(8px);\n box-shadow: var(--ash-shadow-lg);\n}\n\n.ash-step-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--ash-primary) 0%, var(--ash-secondary) 100%);\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.ash-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ash-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.ash-step-content p {\n font-size: 14px;\n color: var(--ash-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ash-accordion {\n background: var(--ash-white);\n border-radius: var(--ash-radius);\n box-shadow: var(--ash-shadow);\n overflow: hidden;\n}\n\n.ash-accordion-item {\n border-bottom: 1px solid var(--ash-border);\n margin: 0;\n padding: 0;\n}\n\n.ash-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ash-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ash-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.ash-accordion-header:hover {\n background: var(--ash-primary-light);\n}\n\n.ash-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ash-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ash-primary);\n transition: transform .2s ease;\n}\n\n.ash-accordion-item[open] .ash-accordion-header::after {\n content: '−';\n}\n\n.ash-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ash-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ash-accordion-content p {\n margin: 0;\n}\n\n.ash-cta-box {\n background: linear-gradient(135deg, var(--ash-primary) 0%, var(--ash-primary-dark) 50%, var(--ash-secondary) 100%);\n border-radius: var(--ash-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ash-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%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M20 20c0-5.523-4.477-10-10-10S0 14.477 0 20s4.477 10 10 10 10-4.477 10-10zm0 0c0 5.523 4.477 10 10 10s10-4.477 10-10-4.477-10-10-10-10 4.477-10 10z'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.ash-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n@media (max-width: 767px) {\n .ash-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ash-card {\n padding: 1.125rem;\n }\n \n .ash-section {\n margin-bottom: 1.75rem;\n }\n \n .ash-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ash-radius-sm);\n }\n \n .ash-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ash-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ash-grid-compact {\n gap: .625rem;\n }\n \n .ash-grid-compact .ash-card {\n padding: .75rem;\n }\n \n .ash-ingredient-main {\n justify-content: center;\n text-align: center;\n }\n \n .ash-ingredient-info {\n text-align: center;\n }\n \n .ash-usage-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .ash-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .ash-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ash-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ash-badges-top {\n gap: 8px;\n }\n \n .ash-badge {\n padding: 6px 12px;\n font-size: 12px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .ash-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ash-card:nth-child(1) { animation-delay: .05s; }\n .ash-card:nth-child(2) { animation-delay: .1s; }\n .ash-card:nth-child(3) { animation-delay: .15s; }\n .ash-card:nth-child(4) { animation-delay: .2s; }\n .ash-card:nth-child(5) { animation-delay: .25s; }\n .ash-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 .ash-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":54953737224569,"sku":"AY1214GF","price":27.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ashwagandha-bio-120-gelules-revitalisante-anti-stress-ayur-v-ingredients.jpg?v=1768131225"},{"product_id":"shatavari-ayurvana-120-gelules","title":"Shatavari Bio - Stimulant Feminin - 120 gélules - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shatavari Bio - Stimulant Féminin - 120 gélules - AyurVana\nPalette détectée:\n - Primaire: #A64D79 (rose magenta\/fuschia du packaging - bouchon et bande haute)\n - Secondaire: #2E7D32 (vert naturel de la plante Asparagus)\n - Accent: #F9A825 (doré\/jaune des motifs indiens décoratifs)\n - Fond: #FDF6E3 (crème chaud du corps du packaging)\nAmbiance: Ayurvédique\/indien traditionnel, féminin, naturel\/bio, chaleureux avec motifs mandala\nPréfixe CSS: shv\n--\u003e\n\n\u003cdiv class=\"shv-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"shv-hero\"\u003e\n \u003cdiv class=\"shv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"shv-hero-content\"\u003e\n \u003cdiv class=\"shv-badges-top\"\u003e\n \u003cspan class=\"shv-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"shv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"shv-badge\"\u003e🌱 100% Végan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"shv-hero-title\"\u003eShatavari Bio\u003c\/span\u003e\n \u003cp class=\"shv-subtitle\"\u003e« Celle qui possède cent maris »\u003c\/p\u003e\n \u003cp class=\"shv-description\"\u003eLe secret ayurvédique millénaire pour accompagner votre féminité. Une plante adaptogène vénérée depuis plus de 3 000 ans pour la vitalité et l'épanouissement féminin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"shv-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits pour la femme\u003c\/h2\u003e\n \u003cdiv class=\"shv-grid\"\u003e\n \u003cdiv class=\"shv-card\"\u003e\n \u003ch3\u003e💕 Éveil du désir\u003c\/h3\u003e\n \u003cp\u003eFavorise naturellement l'éveil des sens et l'épanouissement intime pour une vie harmonieuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-card\"\u003e\n \u003ch3\u003e🌙 Équilibre hormonal\u003c\/h3\u003e\n \u003cp\u003eAide à réguler les cycles menstruels et atténue les inconforts liés aux fluctuations hormonales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-card\"\u003e\n \u003ch3\u003e🦋 Confort ménopause\u003c\/h3\u003e\n \u003cp\u003eAccompagne cette période de transition en douceur, réduit bouffées de chaleur et sécheresse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-card\"\u003e\n \u003ch3\u003e💧 Hydratation intime\u003c\/h3\u003e\n \u003cp\u003eFavorise la lubrification naturelle des muqueuses, source de confort au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-card\"\u003e\n \u003ch3\u003e⚡ Vitalité \u0026amp; énergie\u003c\/h3\u003e\n \u003cp\u003eAction tonique générale qui soutient votre énergie et combat la fatigue chronique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-card\"\u003e\n \u003ch3\u003e🧘 Anti-stress naturel\u003c\/h3\u003e\n \u003cp\u003ePropriétés adaptogènes qui renforcent la résistance au stress et l'équilibre émotionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"shv-section\"\u003e\n \u003ch2\u003e🌿 Composition pure \u0026amp; transparente\u003c\/h2\u003e\n \u003cdiv class=\"shv-composition-box\"\u003e\n \u003cdiv class=\"shv-composition-header\"\u003e\n \u003cspan class=\"shv-dose-label\"\u003ePour 4 gélules (dose journalière)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-ingredient-main\"\u003e\n \u003cdiv class=\"shv-ingredient-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"shv-ingredient-info\"\u003e\n \u003cspan class=\"shv-ingredient-name\"\u003ePoudre de racine de Shatavari bio\u003c\/span\u003e\n \u003cspan class=\"shv-ingredient-latin\"\u003eAsparagus racemosus\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"shv-ingredient-dosage\"\u003e1 400 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-ingredient-secondary\"\u003e\n \u003cspan\u003eEnveloppe : pullulan 100% végétal (fermentation naturelle)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-grid-compact\"\u003e\n \u003cdiv class=\"shv-card shv-card-guarantee\"\u003e\n \u003ch3\u003e🏆 Bio certifié\u003c\/h3\u003e\n \u003cp\u003eContrôlé par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-card shv-card-guarantee\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eAucun excipient\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-card shv-card-guarantee\"\u003e\n \u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n \u003cp\u003eSans lactose\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-card shv-card-guarantee\"\u003e\n \u003ch3\u003e💚 100% végan\u003c\/h3\u003e\n \u003cp\u003eGélules végétales\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=\"shv-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"shv-timeline\"\u003e\n \u003cdiv class=\"shv-timeline-item\"\u003e\n \u003cdiv class=\"shv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"shv-timeline-content\"\u003e\n \u003ch4\u003e☀️ Le midi\u003c\/h4\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e2 gélules\u003c\/strong\u003e avant le repas avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-timeline-item\"\u003e\n \u003cdiv class=\"shv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"shv-timeline-content\"\u003e\n \u003ch4\u003e🌙 Le soir\u003c\/h4\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e2 gélules\u003c\/strong\u003e avant le repas avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-timeline-item\"\u003e\n \u003cdiv class=\"shv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"shv-timeline-content\"\u003e\n \u003ch4\u003e📅 Durée recommandée\u003c\/h4\u003e\n \u003cp\u003eCure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e pour des résultats optimaux et durables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-tip-box\"\u003e\n \u003cspan class=\"shv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e Intégrez la prise à votre routine (avant les repas) pour ne jamais oublier. La régularité est la clé de l'efficacité !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"shv-section\"\u003e\n \u003ch2\u003e👩 Pour qui est ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"shv-grid\"\u003e\n \u003cdiv class=\"shv-card shv-card-profile\"\u003e\n \u003ch3\u003e💫 En quête de désir\u003c\/h3\u003e\n \u003cp\u003eVous ressentez une baisse de libido et souhaitez retrouver une vie intime épanouie naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-card shv-card-profile\"\u003e\n \u003ch3\u003e🔄 Cycles perturbés\u003c\/h3\u003e\n \u003cp\u003eCycles irréguliers, syndrome prémenstruel... Vous cherchez une solution douce pour harmoniser vos hormones\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-card shv-card-profile\"\u003e\n \u003ch3\u003e🦋 Période de transition\u003c\/h3\u003e\n \u003cp\u003ePréménopause ou ménopause : vous souhaitez accompagner les changements hormonaux en douceur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-card shv-card-profile\"\u003e\n \u003ch3\u003e😓 Fatigue \u0026amp; stress\u003c\/h3\u003e\n \u003cp\u003eVotre rythme de vie intense épuise vos réserves, vous avez besoin d'un coup de pouce naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ORIGINE \u0026 TRADITION --\u003e\n \u003csection class=\"shv-section\"\u003e\n \u003ch2\u003e🕉️ L'héritage ayurvédique\u003c\/h2\u003e\n \u003cdiv class=\"shv-story-box\"\u003e\n \u003cdiv class=\"shv-story-content\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eShatavari\u003c\/strong\u003e (\u003cem\u003eAsparagus racemosus\u003c\/em\u003e) appartient à la famille des asperges sauvages. Cette plante grimpante pousse naturellement dans les régions tropicales d'\u003cstrong\u003eInde, du Népal et du Sri Lanka\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003eDans la tradition ayurvédique, le Shatavari occupe une place privilégiée parmi les plantes \u003cstrong\u003eadaptogènes\u003c\/strong\u003e. Les textes anciens le considèrent comme la plante « \u003cstrong\u003erasayana\u003c\/strong\u003e » par excellence pour les femmes – une plante de \u003cstrong\u003erégénération et de longévité\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003eCe sont ses \u003cstrong\u003eracines tubéreuses\u003c\/strong\u003e, gorgées de principes actifs, qui sont récoltées puis réduites en poudre pour créer ce complément d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POURQUOI AYURVANA --\u003e\n \u003csection class=\"shv-section\"\u003e\n \u003ch2\u003e🏅 Pourquoi choisir AyurVana ?\u003c\/h2\u003e\n \u003cdiv class=\"shv-grid\"\u003e\n \u003cdiv class=\"shv-card\"\u003e\n \u003ch3\u003e🔬 Expertise reconnue\u003c\/h3\u003e\n \u003cp\u003eLaboratoire spécialisé dans les plantes de la médecine traditionnelle indienne depuis de nombreuses années\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eTraçabilité totale et respect des normes européennes les plus strictes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-card\"\u003e\n \u003ch3\u003e💯 Formule pure\u003c\/h3\u003e\n \u003cp\u003eAucun excipient, aucun agent de charge : que de la plante active à dosage optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"shv-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"shv-grid-compact\"\u003e\n \u003cdiv class=\"shv-card\"\u003e\n \u003ch3\u003e💊 120 gélules\u003c\/h3\u003e\n \u003cp\u003eVégétales pullulan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-card\"\u003e\n \u003ch3\u003e📅 30 jours\u003c\/h3\u003e\n \u003cp\u003eDe cure par pilulier\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-card\"\u003e\n \u003ch3\u003e⏱️ Effets visibles\u003c\/h3\u003e\n \u003cp\u003eDès 2 à 4 semaines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shv-card\"\u003e\n \u003ch3\u003e🔄 Renouvellement\u003c\/h3\u003e\n \u003cp\u003ePause 1 sem\/8-12 sem\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- FAQ \u0026 INFOS SECONDAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"shv-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes \u0026amp; informations\u003c\/h2\u003e\n \u003cdiv class=\"shv-accordion\"\u003e\n \u003cdetails class=\"shv-accordion-item\"\u003e\n \u003csummary class=\"shv-accordion-header\"\u003e⏱️ Au bout de combien de temps ressent-on les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"shv-accordion-content mt-1\"\u003e\n \u003cp\u003eLe Shatavari étant une plante adaptogène, ses effets sont progressifs. Certaines femmes ressentent une amélioration dès les deux premières semaines, mais les bénéfices les plus marqués apparaissent généralement après \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e de prise régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"shv-accordion-item\"\u003e\n \u003csummary class=\"shv-accordion-header\"\u003e🔄 Peut-on prendre le Shatavari en continu ?\u003c\/summary\u003e\n \u003cdiv class=\"shv-accordion-content mt-1\"\u003e\n \u003cp\u003eOui, le Shatavari peut être pris sur de longues périodes. Toutefois, nous recommandons de faire une \u003cstrong\u003epause d'une semaine toutes les 8 à 12 semaines\u003c\/strong\u003e pour permettre à l'organisme de maintenir sa réactivité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"shv-accordion-item\"\u003e\n \u003csummary class=\"shv-accordion-header\"\u003e💊 Compatible avec d'autres compléments ?\u003c\/summary\u003e\n \u003cdiv class=\"shv-accordion-content mt-1\"\u003e\n \u003cp\u003eLe Shatavari s'associe généralement bien avec d'autres plantes ayurvédiques comme l'Ashwagandha ou le Tribulus. Néanmoins, si vous suivez un traitement médical, demandez conseil à votre médecin avant toute association.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"shv-accordion-item\"\u003e\n \u003csummary class=\"shv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"shv-accordion-content mt-1\"\u003e\n \u003cp\u003e• \u003cstrong\u003eGrossesse et allaitement :\u003c\/strong\u003e Déconseillé sans avis médical préalable\u003cbr\u003e\n • \u003cstrong\u003eCancers hormono-dépendants :\u003c\/strong\u003e Ne pas consommer en cas d'antécédent\u003cbr\u003e\n • \u003cstrong\u003eTraitement hormonal :\u003c\/strong\u003e Consultez votre médecin avant utilisation\u003cbr\u003e\n • \u003cstrong\u003eAllergies aux Asparagacées :\u003c\/strong\u003e Évitez si allergique aux asperges\u003c\/p\u003e\n \u003cp style=\"margin-top: .75rem; font-size: 12px; opacity: .85;\"\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 \u003c\/details\u003e\n \u003cdetails class=\"shv-accordion-item\"\u003e\n \u003csummary class=\"shv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"shv-accordion-content mt-1\"\u003e\n \u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière et hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"shv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"shv-cta-box\"\u003e\n \u003cdiv class=\"shv-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"shv-cta-content\"\u003e\n \u003cp\u003e🕉️ Offrez-vous cette parenthèse de douceur et laissez la \u003cstrong\u003esagesse ancestrale de l'Inde\u003c\/strong\u003e accompagner votre féminité, naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales - inspirées du packaging *\/\n --shv-cream: #FDF8F3;\n --shv-white: #ffffff;\n --shv-primary: #A64D79;\n --shv-primary-dark: #7B3A5C;\n --shv-primary-light: #F8E8F0;\n --shv-secondary: #2E7D32;\n --shv-secondary-light: #E8F5E9;\n --shv-accent: #F9A825;\n --shv-accent-light: #FFF8E1;\n\n \/* Textes *\/\n --shv-text: #1a1a1a;\n --shv-text-light: #5a5a5a;\n\n \/* Effets *\/\n --shv-border: #e8e0d8;\n --shv-shadow: 0 4px 24px rgba(166, 77, 121, .08);\n --shv-shadow-lg: 0 12px 48px rgba(166, 77, 121, .15);\n --shv-radius: 20px;\n --shv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.shv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--shv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.shv-hero {\n position: relative;\n background: linear-gradient(135deg, var(--shv-primary) 0%, var(--shv-primary-dark) 50%, #5D2E46 100%);\n border-radius: var(--shv-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(--shv-shadow-lg);\n}\n\n.shv-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='M30 30c0-11.046-8.954-20-20-20v40c11.046 0 20-8.954 20-20zm0 0c0 11.046 8.954 20 20 20V10c-11.046 0-20 8.954-20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.shv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.shv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.shv-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(--shv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.shv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.shv-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.shv-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-style: italic;\n margin: 0 0 1.25rem 0;\n font-weight: 500;\n}\n\n.shv-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.shv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.shv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--shv-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.shv-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(--shv-primary), var(--shv-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.shv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.shv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.shv-card {\n background: var(--shv-white);\n border-radius: var(--shv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--shv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.shv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shv-shadow-lg);\n border-color: var(--shv-primary);\n}\n\n.shv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--shv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.shv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--shv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.shv-card-guarantee {\n background: var(--shv-secondary-light);\n border: 2px solid rgba(46, 125, 50, .2);\n}\n\n.shv-card-guarantee:hover {\n border-color: var(--shv-secondary);\n}\n\n.shv-card-guarantee h3 {\n color: var(--shv-secondary);\n}\n\n.shv-card-profile {\n text-align: left;\n border-left: 4px solid var(--shv-primary);\n}\n\n.shv-card-profile:hover {\n border-left-color: var(--shv-accent);\n}\n\n\/* === COMPOSITION BOX === *\/\n.shv-composition-box {\n background: var(--shv-white);\n border-radius: var(--shv-radius);\n overflow: hidden;\n box-shadow: var(--shv-shadow);\n margin-bottom: 1.5rem;\n}\n\n.shv-composition-header {\n background: linear-gradient(135deg, var(--shv-secondary) 0%, #1B5E20 100%);\n padding: 1rem 1.5rem;\n text-align: center;\n}\n\n.shv-dose-label {\n color: white;\n font-weight: 700;\n font-size: 14px;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.shv-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1.5rem;\n border-bottom: 1px solid var(--shv-border);\n}\n\n.shv-ingredient-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.shv-ingredient-info {\n flex: 1;\n text-align: left;\n}\n\n.shv-ingredient-name {\n display: block;\n font-weight: 800;\n color: var(--shv-text);\n font-size: 16px;\n margin-bottom: .25rem;\n}\n\n.shv-ingredient-latin {\n font-style: italic;\n color: var(--shv-text-light);\n font-size: 13px;\n}\n\n.shv-ingredient-dosage {\n background: linear-gradient(135deg, var(--shv-primary) 0%, var(--shv-primary-dark) 100%);\n color: white;\n font-weight: 900;\n font-size: 18px;\n padding: .75rem 1.25rem;\n border-radius: var(--shv-radius-sm);\n flex-shrink: 0;\n}\n\n.shv-ingredient-secondary {\n padding: 1rem 1.5rem;\n background: var(--shv-cream);\n text-align: center;\n font-size: 13px;\n color: var(--shv-text-light);\n}\n\n\/* === TIMELINE === *\/\n.shv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.shv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--shv-white);\n padding: 1.25rem;\n border-radius: var(--shv-radius);\n box-shadow: var(--shv-shadow);\n transition: all .3s ease;\n}\n\n.shv-timeline-item:hover {\n transform: translateX(8px);\n box-shadow: var(--shv-shadow-lg);\n}\n\n.shv-timeline-number {\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--shv-primary) 0%, var(--shv-primary-dark) 100%);\n color: white;\n font-weight: 900;\n font-size: 18px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.shv-timeline-content {\n flex: 1;\n}\n\n.shv-timeline-content h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--shv-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.shv-timeline-content p {\n font-size: 14px;\n color: var(--shv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.shv-tip-box {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--shv-accent-light);\n border: 2px solid var(--shv-accent);\n border-radius: var(--shv-radius);\n padding: 1.25rem;\n margin-top: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.shv-tip-icon {\n font-size: 1.75rem;\n flex-shrink: 0;\n}\n\n.shv-tip-box p {\n margin: 0;\n font-size: 14px;\n color: var(--shv-text);\n line-height: 1.6;\n}\n\n\/* === STORY BOX === *\/\n.shv-story-box {\n background: var(--shv-white);\n border-radius: var(--shv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--shv-shadow);\n border-left: 5px solid var(--shv-accent);\n}\n\n.shv-story-content p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--shv-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.shv-story-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.shv-accordion {\n background: var(--shv-white);\n border-radius: var(--shv-radius);\n box-shadow: var(--shv-shadow);\n overflow: hidden;\n}\n\n.shv-accordion-item {\n border-bottom: 1px solid var(--shv-border);\n margin: 0;\n padding: 0;\n}\n\n.shv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.shv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--shv-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.shv-accordion-header:hover {\n background: var(--shv-primary-light);\n}\n\n.shv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.shv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--shv-primary);\n transition: transform .2s ease;\n}\n\n.shv-accordion-item[open] .shv-accordion-header::after {\n content: '−';\n}\n\n.shv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--shv-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.shv-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.shv-cta-box {\n background: linear-gradient(135deg, var(--shv-primary) 0%, var(--shv-primary-dark) 100%);\n border-radius: var(--shv-radius);\n padding: clamp(2rem, 5vw, 3.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.shv-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%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Ccircle cx='20' cy='20' r='8'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.shv-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.shv-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .shv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .shv-grid-compact {\n gap: .625rem;\n }\n \n .shv-grid-compact .shv-card {\n padding: .875rem;\n }\n \n .shv-grid-compact .shv-card h3 {\n font-size: 13px;\n margin-bottom: .25rem;\n }\n \n .shv-grid-compact .shv-card p {\n font-size: 11px;\n }\n \n .shv-card {\n padding: 1.125rem;\n }\n \n .shv-card-profile {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--shv-primary);\n }\n \n .shv-section {\n margin-bottom: 1.75rem;\n }\n \n .shv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--shv-radius-sm);\n }\n \n .shv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .shv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .shv-ingredient-main {\n flex-wrap: wrap;\n justify-content: center;\n text-align: center;\n }\n \n .shv-ingredient-info {\n text-align: center;\n width: 100%;\n }\n \n .shv-ingredient-dosage {\n margin-top: .5rem;\n }\n \n .shv-timeline-item {\n padding: 1rem;\n }\n \n .shv-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .shv-tip-box {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .shv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .shv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .shv-card {\n animation: shvFadeInUp .5s ease backwards;\n }\n .shv-card:nth-child(1) { animation-delay: .05s; }\n .shv-card:nth-child(2) { animation-delay: .1s; }\n .shv-card:nth-child(3) { animation-delay: .15s; }\n .shv-card:nth-child(4) { animation-delay: .2s; }\n .shv-card:nth-child(5) { animation-delay: .25s; }\n .shv-card:nth-child(6) { animation-delay: .3s; }\n \n .shv-timeline-item {\n animation: shvFadeInLeft .5s ease backwards;\n }\n .shv-timeline-item:nth-child(1) { animation-delay: .1s; }\n .shv-timeline-item:nth-child(2) { animation-delay: .2s; }\n .shv-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes shvFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes shvFadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .shv-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":54953825730937,"sku":"AY9016GF","price":15.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shatavari-bio-stimulant-feminin-120-gelules-ayurvana-benefits_b605d849-718b-42e1-b5c2-a04d33d99885.jpg?v=1768128528"},{"product_id":"gem-femme-21-bio-15-ml-alphagem-copie","title":"Gem-Femme 21 Bio - 15 ml - Alphagem","description":"\u003cdiv class=\"gf-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gf-hero\"\u003e\n\u003cdiv class=\"gf-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gf-hero-content\"\u003e\n\u003cdiv class=\"gf-badges-top\"\u003e\n\u003cspan class=\"gf-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"gf-badge\"\u003e🇧🇪 Fabrication belge\u003c\/span\u003e \u003cspan class=\"gf-badge\"\u003e🌸 Confort féminin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gf-hero-title\"\u003eGem-Femme 21 Bio\u003c\/span\u003e\n\u003cp class=\"gf-subtitle\"\u003eGemmo-complexe 21 — Alphagem\u003c\/p\u003e\n\u003cp class=\"gf-description\"\u003eSynergie de 5 actifs végétaux bio pour accompagner la femme à chaque étape de sa vie hormonale — cycles, préménopause et ménopause.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gf-section\"\u003e\n\u003ch2\u003eGem-Femme 21 Bio d'Alphagem : le complexe de gemmothérapie dédié au confort féminin\u003c\/h2\u003e\n\u003cp class=\"gf-section-intro\"\u003eVous cherchez une solution naturelle pour mieux vivre vos cycles ou traverser sereinement la ménopause ?\u003c\/p\u003e\n\u003cdiv class=\"gf-highlight-box\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eGem-Femme 21 Bio en 15 ml\u003c\/strong\u003e d'Alphagem est un \u003cstrong\u003egemmo-complexe biologique\u003c\/strong\u003e formulé pour répondre aux besoins spécifiques de la femme à chaque étape de sa vie hormonale. Grâce à une synergie de jeunes pousses, d'écorces, de teinture-mère et d'hydrolat soigneusement sélectionnés, il accompagne votre corps en douceur, sans forcer son équilibre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gf-section\"\u003e\n\u003ch2\u003eQuels bourgeons composent ce complexe et pourquoi ?\u003c\/h2\u003e\n\u003cp class=\"gf-section-intro\"\u003eLa force de ce complément réside dans l'association de cinq actifs végétaux aux vertus complémentaires :\u003c\/p\u003e\n\u003cdiv class=\"gf-grid\"\u003e\n\u003cdiv class=\"gf-card\"\u003e\n\u003ch3\u003e🫐 Jeunes pousses d'airelle\u003c\/h3\u003e\n\u003cp class=\"gf-card-latin\"\u003e\u003cem\u003eVaccinium vitis-idaea\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003eJeunes pousses de feuilles traditionnellement associées en gemmothérapie au \u003cstrong\u003econfort de la femme à la ménopause\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gf-card\"\u003e\n\u003ch3\u003e🍇 Jeunes pousses de framboisier\u003c\/h3\u003e\n\u003cp class=\"gf-card-latin\"\u003e\u003cem\u003eRubus idaeus\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003eConsidéré en gemmothérapie comme l'allié du féminin, il est traditionnellement utilisé pour accompagner le \u003cstrong\u003econfort du cycle menstruel\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gf-card\"\u003e\n\u003ch3\u003e🍋 Jeunes écorces de citronnier\u003c\/h3\u003e\n\u003cp class=\"gf-card-latin\"\u003e\u003cem\u003eCitrus limon\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003eElles complètent la formule et contribuent au \u003cstrong\u003ebien-être au quotidien\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gf-card\"\u003e\n\u003ch3\u003e🌿 Alchémille (teinture-mère)\u003c\/h3\u003e\n\u003cp class=\"gf-card-latin\"\u003e\u003cem\u003eAlchemilla vulgaris\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003ePlante traditionnelle de la femme, utilisée pour accompagner le \u003cstrong\u003econfort du cycle\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gf-card\"\u003e\n\u003ch3\u003e🌸 Gattilier (hydrolat)\u003c\/h3\u003e\n\u003cp class=\"gf-card-latin\"\u003e\u003cem\u003eVitex agnus-castus\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003eTraditionnellement utilisé pour le \u003cstrong\u003econfort prémenstruel\u003c\/strong\u003e et lors des fluctuations hormonales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gf-tip\"\u003e\n\u003cspan class=\"gf-tip-icon\"\u003e🌱\u003c\/span\u003e\n\u003cp\u003eCes cinq actifs issus de l'agriculture biologique — jeunes pousses, jeunes écorces, teinture-mère et hydrolat — se complètent au sein d'un même flacon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gf-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse le Gem-Femme 21 Bio ?\u003c\/h2\u003e\n\u003cp class=\"gf-section-intro\"\u003eCe complexe convient aux femmes de tout âge confrontées à des \u003cstrong\u003einconforts hormonaux\u003c\/strong\u003e :\u003c\/p\u003e\n\u003cdiv class=\"gf-grid-compact\"\u003e\n\u003cdiv class=\"gf-card\"\u003e\n\u003ch3\u003e🩸 Règles difficiles\u003c\/h3\u003e\n\u003cp\u003eIrrégulières, douloureuses ou abondantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gf-card\"\u003e\n\u003ch3\u003e😤 Syndrome prémenstruel\u003c\/h3\u003e\n\u003cp\u003eIrritabilité, ballonnements, tensions mammaires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gf-card\"\u003e\n\u003ch3\u003e🔥 Ménopause\u003c\/h3\u003e\n\u003cp\u003eBouffées de chaleur, troubles de l'humeur, fatigue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gf-card\"\u003e\n\u003ch3\u003e💐 Bien-être féminin\u003c\/h3\u003e\n\u003cp\u003eAccompagnement naturel pour un confort global au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gf-tip\"\u003e\n\u003cspan class=\"gf-tip-icon\"\u003e🎁\u003c\/span\u003e\n\u003cp\u003eC'est aussi une excellente idée de \u003cstrong\u003ecadeau bien-être pour femme\u003c\/strong\u003e, à glisser dans un coffret bien-être aux côtés d'autres produits naturels. Un geste attentionné qui fait vraiment plaisir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gf-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"gf-timeline\"\u003e\n\u003cdiv class=\"gf-timeline-item\"\u003e\n\u003cdiv class=\"gf-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gf-timeline-content\"\u003e\n\u003ch3\u003eCommencez en douceur\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e5 gouttes par jour\u003c\/strong\u003e, pures ou diluées dans un peu d'eau de source, entre les repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gf-timeline-item\"\u003e\n\u003cdiv class=\"gf-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gf-timeline-content\"\u003e\n\u003ch3\u003eAugmentez progressivement\u003c\/h3\u003e\n\u003cp\u003eSelon votre ressenti, montez progressivement jusqu'à \u003cstrong\u003e15 gouttes par jour\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gf-timeline-item\"\u003e\n\u003cdiv class=\"gf-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gf-timeline-content\"\u003e\n\u003ch3\u003eRespectez le rythme de cure\u003c\/h3\u003e\n\u003cp\u003eCure d'\u003cstrong\u003eun mois\u003c\/strong\u003e, en respectant \u003cstrong\u003ela dose journalière recommandée\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gf-tip\"\u003e\n\u003cspan class=\"gf-tip-icon\"\u003e👩⚕️\u003c\/span\u003e\n\u003cp\u003ePour un accompagnement personnalisé, n'hésitez pas à consulter un naturopathe ou un professionnel de santé formé en gemmothérapie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"gf-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cdiv class=\"gf-composition-box\"\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eIngrédients : Glycérine végétale(Glycérol, stabilisant), Alcool (35 %), Eau, Jeunes pousses de feuilles d'Airelle (Vaccinium v.) - 12,4 mg et de feuilles de Framboisier (Rubus ideaus) - 7,9 mg, Jeunes écorces de Citronnier(Citrus limon) - 7,1 mg, Teinture-mère d'Alchémille (Alchemilla vulg.) - 11,4 mg, Hydrolat de Gattilier (Vitex agnus-castus) - 19,5 mg.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e 15 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"gf-section\"\u003e\n\u003ch2\u003eLes engagements qualité Alphagem\u003c\/h2\u003e\n\u003cdiv class=\"gf-grid-compact\"\u003e\n\u003cdiv class=\"gf-card\"\u003e\n\u003ch3\u003e🌿 Certifié biologique\u003c\/h3\u003e\n\u003cp\u003ePlantes récoltées dans le respect de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gf-card\"\u003e\n\u003ch3\u003e🧪 Macérat concentré\u003c\/h3\u003e\n\u003cp\u003eExtraction optimale des principes actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gf-card\"\u003e\n\u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n\u003cp\u003eNi conservateur artificiel ajouté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gf-card\"\u003e\n\u003ch3\u003e🇧🇪 Fabrication artisanale\u003c\/h3\u003e\n\u003cp\u003eEn Belgique, de l'arbre au flacon\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"gf-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"gf-accordion\"\u003e\n\u003cdetails class=\"gf-accordion-item\"\u003e\n\u003csummary class=\"gf-accordion-header\"\u003e⚠️ Dosage et usage général\u003c\/summary\u003e\n\u003cdiv class=\"gf-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gf-accordion-item\"\u003e\n\u003csummary class=\"gf-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n\u003cdiv class=\"gf-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eNe pas utiliser en cas de grossesse ou d'allaitement.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gf-accordion-item\"\u003e\n\u003csummary class=\"gf-accordion-header\"\u003e🍷 Teneur en alcool\u003c\/summary\u003e\n\u003cdiv class=\"gf-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit contient de l'alcool (35 % vol.).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gf-accordion-item\"\u003e\n\u003csummary class=\"gf-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"gf-accordion-content mt-3\"\u003e\n\u003cp\u003eTenir hors de portée des jeunes enfants. 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\u003cp class=\"gf-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --gf-cream: #fdf6f9;\n --gf-white: #ffffff;\n --gf-primary: #D6246E;\n --gf-primary-dark: #A01B54;\n --gf-primary-light: #fce8f0;\n --gf-secondary: #5A9E2F;\n --gf-accent: #7B2D8E;\n --gf-text: #1a1a1a;\n --gf-text-light: #5a5a5a;\n --gf-border: #f0e0e8;\n --gf-shadow: 0 4px 24px rgba(214, 36, 110, .08);\n --gf-shadow-lg: 0 12px 48px rgba(214, 36, 110, .15);\n --gf-radius: 20px;\n --gf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gf-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gf-primary) 0%, var(--gf-accent) 50%, var(--gf-primary-dark) 100%);\n border-radius: var(--gf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gf-shadow-lg);\n}\n\n.gf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.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.gf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gf-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 text-transform: uppercase;\n}\n\n.gf-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.gf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gf-primary), var(--gf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gf-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.gf-section-intro strong {\n color: var(--gf-primary-dark);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.gf-highlight-box {\n background: var(--gf-white);\n border-radius: var(--gf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gf-shadow);\n border-left: 4px solid var(--gf-primary);\n}\n\n.gf-highlight-box p {\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--gf-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.gf-highlight-box strong {\n color: var(--gf-primary-dark);\n}\n\n\/* === CARDS === *\/\n.gf-card {\n background: var(--gf-white);\n border-radius: var(--gf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gf-shadow-lg);\n border-color: var(--gf-primary);\n}\n\n.gf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gf-card p strong {\n color: var(--gf-text);\n}\n\n.gf-card-latin {\n font-size: clamp(12px, 1.8vw, 13px) !important;\n color: var(--gf-primary) !important;\n margin-bottom: .5rem !important;\n font-weight: 600;\n}\n\n\/* === GRILLES === *\/\n.gf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gf-grid-compact .gf-card {\n padding: 1rem;\n}\n\n.gf-grid-compact .gf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gf-grid-compact .gf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gf-primary), var(--gf-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.gf-timeline-content {\n flex: 1;\n background: var(--gf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gf-radius-sm);\n box-shadow: var(--gf-shadow);\n}\n\n.gf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gf-timeline-content p {\n font-size: 14px;\n color: var(--gf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.gf-timeline-content p strong {\n color: var(--gf-text);\n}\n\n\/* === COMPOSITION BOX === *\/\n.gf-composition-box {\n background: var(--gf-white);\n border-radius: var(--gf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gf-shadow);\n text-align: center;\n}\n\n.gf-composition-box p {\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--gf-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n}\n\n.gf-composition-box p:last-child {\n margin-bottom: 0;\n}\n\n.gf-composition-box strong {\n color: var(--gf-primary-dark);\n}\n\n.gf-bio-note {\n color: var(--gf-secondary) !important;\n font-size: clamp(13px, 2vw, 14px) !important;\n}\n\n\/* === TIP BOX === *\/\n.gf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gf-primary-light);\n border-radius: var(--gf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gf-tip p {\n font-size: 14px;\n color: var(--gf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.gf-tip p strong {\n color: var(--gf-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.gf-accordion {\n background: var(--gf-white);\n border-radius: var(--gf-radius);\n box-shadow: var(--gf-shadow);\n overflow: hidden;\n}\n\n.gf-accordion-item {\n border-bottom: 1px solid var(--gf-border);\n margin: 0;\n padding: 0;\n}\n\n.gf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gf-accordion-header:hover {\n background: var(--gf-primary-light);\n}\n\n.gf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gf-primary);\n transition: transform .2s ease;\n}\n\n.gf-accordion-item[open] .gf-accordion-header::after {\n content: '−';\n}\n\n.gf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gf-accordion-content p {\n margin: 0;\n}\n\n.gf-accordion-content p strong {\n color: var(--gf-text);\n}\n\n\/* === DISCLAIMER === *\/\n.gf-disclaimer {\n font-size: 12px;\n color: var(--gf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gf-card {\n padding: 1.125rem;\n }\n\n .gf-section {\n margin-bottom: 1.75rem;\n }\n\n .gf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gf-radius-sm);\n }\n\n .gf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gf-grid-compact {\n gap: .625rem;\n }\n\n .gf-grid-compact .gf-card {\n padding: .75rem;\n }\n\n .gf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gf-timeline-content h3 {\n font-size: 14px;\n }\n\n .gf-timeline-content p {\n font-size: 13px;\n }\n\n .gf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gf-highlight-box {\n padding: 1.25rem;\n }\n\n .gf-composition-box {\n padding: 1.25rem;\n }\n\n .gf-tip {\n padding: .875rem 1rem;\n }\n\n .gf-tip-icon {\n font-size: 20px;\n }\n\n .gf-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gf-card {\n animation: gfFadeInUp .5s ease backwards;\n }\n .gf-card:nth-child(1) { animation-delay: .05s; }\n .gf-card:nth-child(2) { animation-delay: .1s; }\n .gf-card:nth-child(3) { animation-delay: .15s; }\n .gf-card:nth-child(4) { animation-delay: .2s; }\n .gf-card:nth-child(5) { animation-delay: .25s; }\n .gf-card:nth-child(6) { animation-delay: .3s; }\n\n .gf-timeline-item {\n animation: gfFadeInUp .5s ease backwards;\n }\n .gf-timeline-item:nth-child(1) { animation-delay: .05s; }\n .gf-timeline-item:nth-child(2) { animation-delay: .1s; }\n .gf-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes gfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":54962560237945,"sku":"GEC15FEM","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gem-femme-21-bio-15-ml-alphagem-packshothd.webp?v=1791469212"},{"product_id":"omega-3-capital-forme-60-gelules-lysi","title":"Omega 3 Capital forme - 60 gélules - Lysi","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Omega 3 Capital Forme - Lysi\nPalette détectée:\n - Primaire: #1e3a6e (bleu marine profond du flacon)\n - Secondaire: #2a9d8f (vert turquoise\/teal du badge \"Capital Forme\")\n - Accent: #f4a534 (jaune\/orange doré des éléments graphiques et capsules)\nAmbiance: Premium nordique, pureté islandaise, santé\/vitalité, confiance médicale\nPréfixe CSS: lysi\n--\u003e\n\n\u003cdiv class=\"lysi-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"lysi-hero\"\u003e\n \u003cdiv class=\"lysi-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lysi-hero-content\"\u003e\n \u003cdiv class=\"lysi-badges-top\"\u003e\n \u003cspan class=\"lysi-badge\"\u003e🇮🇸 Fabriqué en Islande\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e🐟 Huile de poisson sauvage\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e🧠 EPA + DHA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lysi-hero-title\"\u003eOmega 3 Capital Forme\u003c\/span\u003e\n \u003cp class=\"lysi-subtitle\"\u003eLa puissance des eaux pures de l'Atlantique Nord\u003c\/p\u003e\n \u003cp class=\"lysi-description\"\u003eConcentration optimale en acides gras essentiels EPA et DHA pour soutenir vos fonctions cognitives, votre vision et votre vitalité au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"lysi-hero-stats\"\u003e\n \u003cdiv class=\"lysi-stat\"\u003e\n \u003cspan class=\"lysi-stat-number\"\u003e620 mg\u003c\/span\u003e\n \u003cspan class=\"lysi-stat-label\"\u003eOméga-3 par gélule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-stat\"\u003e\n \u003cspan class=\"lysi-stat-number\"\u003e310 mg\u003c\/span\u003e\n \u003cspan class=\"lysi-stat-label\"\u003eEPA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-stat\"\u003e\n \u003cspan class=\"lysi-stat-number\"\u003e205 mg\u003c\/span\u003e\n \u003cspan class=\"lysi-stat-label\"\u003eDHA\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 CLÉS --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003e🎯 Vos bénéfices au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"lysi-grid\"\u003e\n \u003cdiv class=\"lysi-card lysi-benefit-card\"\u003e\n \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n \u003cp\u003eLe DHA contribue au maintien d'une fonction cérébrale normale. Soutenez votre mémoire, concentration et clarté mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card lysi-benefit-card\"\u003e\n \u003ch3\u003e👁️ Santé visuelle\u003c\/h3\u003e\n \u003cp\u003eLe DHA participe au maintien d'une vision normale. Protégez vos yeux des agressions quotidiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card lysi-benefit-card\"\u003e\n \u003ch3\u003e❤️ Fonction cardiaque\u003c\/h3\u003e\n \u003cp\u003eL'EPA et le DHA contribuent à une fonction cardiaque normale pour un cœur en pleine forme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card lysi-benefit-card\"\u003e\n \u003ch3\u003e⚡ Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eFavorisez votre bien-être mental et votre résistance au stress grâce aux oméga-3.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003e👥 Pour qui est ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"lysi-grid lysi-grid-3\"\u003e\n \u003cdiv class=\"lysi-card lysi-profile-card\"\u003e\n \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n \u003cp\u003ePériodes d'examens, révisions intensives, besoin de concentration maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card lysi-profile-card\"\u003e\n \u003ch3\u003e💼 Actifs stressés\u003c\/h3\u003e\n \u003cp\u003eSurmenage professionnel, stress prolongé, fatigue intellectuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card lysi-profile-card\"\u003e\n \u003ch3\u003e🧓 Seniors\u003c\/h3\u003e\n \u003cp\u003eMaintien des fonctions cognitives et visuelles, lutte contre le déclin lié à l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003e🔬 Composition premium par gélule\u003c\/h2\u003e\n \u003cdiv class=\"lysi-composition-box\"\u003e\n \u003cdiv class=\"lysi-composition-grid\"\u003e\n \u003cdiv class=\"lysi-composition-item lysi-composition-main\"\u003e\n \u003cdiv class=\"lysi-composition-icon\"\u003e🐟\u003c\/div\u003e\n \u003cdiv class=\"lysi-composition-info\"\u003e\n \u003cspan class=\"lysi-composition-name\"\u003eHuile de poisson sauvage\u003c\/span\u003e\n \u003cspan class=\"lysi-composition-dose\"\u003e1 000 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-composition-item\"\u003e\n \u003cdiv class=\"lysi-composition-icon\"\u003e💧\u003c\/div\u003e\n \u003cdiv class=\"lysi-composition-info\"\u003e\n \u003cspan class=\"lysi-composition-name\"\u003eTotal oméga-3\u003c\/span\u003e\n \u003cspan class=\"lysi-composition-dose\"\u003e620 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-composition-item\"\u003e\n \u003cdiv class=\"lysi-composition-icon\"\u003e🔵\u003c\/div\u003e\n \u003cdiv class=\"lysi-composition-info\"\u003e\n \u003cspan class=\"lysi-composition-name\"\u003eEPA (acide eicosapentaénoïque)\u003c\/span\u003e\n \u003cspan class=\"lysi-composition-dose\"\u003e310 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-composition-item\"\u003e\n \u003cdiv class=\"lysi-composition-icon\"\u003e🟣\u003c\/div\u003e\n \u003cdiv class=\"lysi-composition-info\"\u003e\n \u003cspan class=\"lysi-composition-name\"\u003eDHA (acide docosahexaénoïque)\u003c\/span\u003e\n \u003cspan class=\"lysi-composition-dose\"\u003e205 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-nutrition-footer\"\u003e\n \u003cspan\u003eValeur énergétique : 43 kJ (10 kcal)\u003c\/span\u003e\n \u003cspan\u003eProtéines : 0,2 g\u003c\/span\u003e\n \u003cspan\u003eGlucides : 0,1 g\u003c\/span\u003e\n \u003cspan\u003eLipides : 1 g\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=\"lysi-section\"\u003e\n \u003ch2\u003e📋 Comment utiliser ce complément\u003c\/h2\u003e\n \u003cdiv class=\"lysi-usage-grid\"\u003e\n \u003cdiv class=\"lysi-usage-card\"\u003e\n \u003cdiv class=\"lysi-usage-header\"\u003e\n \u003cspan class=\"lysi-usage-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"lysi-usage-title\"\u003eProgramme entretien\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-usage-content\"\u003e\n \u003cdiv class=\"lysi-dosage\"\u003e1 gélule\/jour\u003c\/div\u003e\n \u003cp\u003ePendant 2 mois pour soutenir mémoire et vision au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-usage-card lysi-usage-intensive\"\u003e\n \u003cdiv class=\"lysi-usage-header\"\u003e\n \u003cspan class=\"lysi-usage-icon\"\u003e⚡\u003c\/span\u003e\n \u003cspan class=\"lysi-usage-title\"\u003eEfforts intenses\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-usage-content\"\u003e\n \u003cdiv class=\"lysi-dosage\"\u003e2 gélules\/jour\u003c\/div\u003e\n \u003cp\u003eEn période de stress, d'examens ou de déséquilibre émotionnel marqué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-cure-box\"\u003e\n \u003cdiv class=\"lysi-cure-icon\"\u003e📅\u003c\/div\u003e\n \u003cdiv class=\"lysi-cure-content\"\u003e\n \u003cstrong\u003eRecommandation cure optimale\u003c\/strong\u003e\n \u003cp\u003e2 cures de 3 mois dans l'année pour un adulte. Cette durée permet d'optimiser l'absorption des acides gras essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- QUALITÉ \u0026 ORIGINE --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003e🏔️ Qualité et origine garanties\u003c\/h2\u003e\n \u003cdiv class=\"lysi-quality-box\"\u003e\n \u003cdiv class=\"lysi-quality-map\"\u003e\n \u003cdiv class=\"lysi-iceland-badge\"\u003e\n \u003cspan class=\"lysi-flag\"\u003e🇮🇸\u003c\/span\u003e\n \u003cspan\u003eIslande\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-quality-features\"\u003e\n \u003cdiv class=\"lysi-quality-item\"\u003e\n \u003cspan class=\"lysi-quality-icon\"\u003e🌊\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eAtlantique Nord \u0026amp; Océan Arctique\u003c\/strong\u003e\n \u003cp\u003eHuile de poisson sauvage des eaux les plus pures du monde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"lysi-quality-item\"\u003e\n \u003cspan class=\"lysi-quality-icon\"\u003e🛡️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eAntioxydants naturels\u003c\/strong\u003e\n \u003cp\u003ePréservent la stabilité et la fraîcheur des oméga-3\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-quality-item\"\u003e\n \u003cspan class=\"lysi-quality-icon\"\u003e✨\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePureté optimale\u003c\/strong\u003e\n \u003cp\u003eProcessus de purification avancé pour une qualité irréprochable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"lysi-info-grid\"\u003e\n \u003cdiv class=\"lysi-info-item\"\u003e\n \u003cspan class=\"lysi-info-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"lysi-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"lysi-info-value\"\u003e60 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-info-item\"\u003e\n \u003cspan class=\"lysi-info-icon\"\u003e🌍\u003c\/span\u003e\n \u003cspan class=\"lysi-info-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"lysi-info-value\"\u003eAtlantique Nord\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-info-item\"\u003e\n \u003cspan class=\"lysi-info-icon\"\u003e🏭\u003c\/span\u003e\n \u003cspan class=\"lysi-info-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"lysi-info-value\"\u003eIslande\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-info-item\"\u003e\n \u003cspan class=\"lysi-info-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cspan class=\"lysi-info-label\"\u003eAllergènes\u003c\/span\u003e\n \u003cspan class=\"lysi-info-value\"\u003ePoisson\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003cdiv class=\"lysi-warning-box\"\u003e\n \u003cdiv class=\"lysi-warning-content\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cul\u003e\n \u003cli\u003eRespectez la dose journalière recommandée.\u003c\/li\u003e\n \u003cli\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/li\u003e\n \u003cli\u003eContient de la gélatine bovine.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"lysi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lysi-cta-box\"\u003e\n \u003cdiv class=\"lysi-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lysi-cta-content\"\u003e\n \u003cdiv class=\"lysi-cta-icon\"\u003e🐟\u003c\/div\u003e\n \u003cp\u003eOffrez à votre corps la puissance des oméga-3 des eaux pures d'Islande.\u003cbr\u003e\u003cstrong\u003eVotre cerveau, vos yeux et votre cœur vous remercieront.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"lysi-cta-badges\"\u003e\n \u003cspan class=\"lysi-cta-badge\"\u003e60 gélules\u003c\/span\u003e\n \u003cspan class=\"lysi-cta-badge\"\u003e2 mois de cure\u003c\/span\u003e\n \u003cspan class=\"lysi-cta-badge\"\u003eQualité islandaise\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS LYSI === *\/\n:root {\n --lysi-cream: #f8f9fc;\n --lysi-white: #ffffff;\n --lysi-primary: #1e3a6e;\n --lysi-primary-dark: #152a52;\n --lysi-primary-light: #e8eef6;\n --lysi-secondary: #2a9d8f;\n --lysi-secondary-light: #e6f5f3;\n --lysi-accent: #f4a534;\n --lysi-accent-light: #fef5e6;\n --lysi-text: #1a1a1a;\n --lysi-text-light: #5a6a7a;\n --lysi-border: #e2e8f0;\n --lysi-shadow: 0 4px 24px rgba(30, 58, 110, .08);\n --lysi-shadow-lg: 0 12px 48px rgba(30, 58, 110, .15);\n --lysi-radius: 20px;\n --lysi-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.lysi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lysi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--lysi-text);\n line-height: 1.6;\n}\n\n.lysi-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO SECTION === *\/\n.lysi-hero {\n position: relative;\n background: linear-gradient(135deg, var(--lysi-primary) 0%, #2a4a7e 50%, var(--lysi-primary-dark) 100%);\n border-radius: var(--lysi-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(--lysi-shadow-lg);\n}\n\n.lysi-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n 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 0-4 1-5 3l-3 5c-1 2-3 3-5 3h-4c-3 0-5 2-5 5v2c0 2 1 4 3 5l4 3c2 1 3 3 3 5v1c0 3 2 5 5 5h1c2 0 4-1 5-3l2-4c1-2 3-3 5-3s4 1 5 3l2 4c1 2 3 3 5 3h1c3 0 5-2 5-5v-1c0-2 1-4 3-5l4-3c2-1 3-3 3-5v-2c0-3-2-5-5-5h-4c-2 0-4-1-5-3l-3-5c-1-2-3-3-5-3z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.lysi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lysi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.lysi-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, .95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--lysi-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.lysi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0, 0, 0, .15);\n}\n\n.lysi-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.lysi-subtitle {\n color: var(--lysi-accent);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0, 0, 0, .1);\n}\n\n.lysi-description {\n color: rgba(255, 255, 255, .9);\n font-size: clamp(16px, 2.5vw, 19px);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.lysi-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.lysi-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(--lysi-radius-sm);\n border: 1px solid rgba(255, 255, 255, .2);\n}\n\n.lysi-stat-number {\n display: block;\n font-size: clamp(28px, 5vw, 36px);\n font-weight: 900;\n color: var(--lysi-accent);\n line-height: 1;\n}\n\n.lysi-stat-label {\n display: block;\n font-size: 13px;\n color: rgba(255, 255, 255, .8);\n margin-top: 4px;\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n\/* === SECTIONS === *\/\n.lysi-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.lysi-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--lysi-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.lysi-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--lysi-primary), var(--lysi-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.lysi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.lysi-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n\/* === CARDS === *\/\n.lysi-card {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--lysi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.lysi-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--lysi-shadow-lg);\n border-color: var(--lysi-primary);\n}\n\n.lysi-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--lysi-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.lysi-card p {\n font-size: 15px;\n color: var(--lysi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BENEFIT CARDS === *\/\n.lysi-benefit-card {\n text-align: center;\n}\n\n.lysi-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === PROFILE CARDS === *\/\n.lysi-profile-card {\n text-align: center;\n border-top: 4px solid var(--lysi-secondary);\n}\n\n.lysi-profile-emoji {\n font-size: 56px;\n margin-bottom: .75rem;\n display: block;\n}\n\n\/* === COMPOSITION === *\/\n.lysi-composition-box {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lysi-shadow);\n border: 2px solid var(--lysi-primary-light);\n}\n\n.lysi-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.lysi-composition-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1rem;\n background: var(--lysi-primary-light);\n border-radius: var(--lysi-radius-sm);\n transition: all .3s ease;\n}\n\n.lysi-composition-item:hover {\n background: var(--lysi-secondary-light);\n transform: translateX(5px);\n}\n\n.lysi-composition-main {\n background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 100%);\n grid-column: 1 \/ -1;\n}\n\n.lysi-composition-main .lysi-composition-name,\n.lysi-composition-main .lysi-composition-dose {\n color: white;\n}\n\n.lysi-composition-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.lysi-composition-info {\n display: flex;\n flex-direction: column;\n flex: 1;\n}\n\n.lysi-composition-name {\n font-size: 14px;\n color: var(--lysi-text-light);\n margin-bottom: 2px;\n}\n\n.lysi-composition-dose {\n font-size: 20px;\n font-weight: 800;\n color: var(--lysi-primary-dark);\n}\n\n.lysi-nutrition-footer {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem 2rem;\n justify-content: center;\n padding-top: 1.5rem;\n border-top: 1px solid var(--lysi-border);\n font-size: 13px;\n color: var(--lysi-text-light);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.lysi-usage-grid {\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.lysi-usage-card {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n overflow: hidden;\n box-shadow: var(--lysi-shadow);\n transition: all .3s ease;\n}\n\n.lysi-usage-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--lysi-shadow-lg);\n}\n\n.lysi-usage-header {\n background: var(--lysi-primary);\n padding: 1rem 1.5rem;\n display: flex;\n align-items: center;\n gap: .75rem;\n}\n\n.lysi-usage-intensive .lysi-usage-header {\n background: linear-gradient(135deg, var(--lysi-accent) 0%, #e8941f 100%);\n}\n\n.lysi-usage-icon {\n font-size: 24px;\n}\n\n.lysi-usage-title {\n color: white;\n font-size: 16px;\n font-weight: 700;\n}\n\n.lysi-usage-content {\n padding: 1.5rem;\n}\n\n.lysi-dosage {\n font-size: 28px;\n font-weight: 900;\n color: var(--lysi-primary-dark);\n margin-bottom: .5rem;\n}\n\n.lysi-usage-content p {\n font-size: 15px;\n color: var(--lysi-text-light);\n margin: 0;\n}\n\n.lysi-cure-box {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: var(--lysi-secondary-light);\n border-radius: var(--lysi-radius);\n padding: 1.5rem 2rem;\n border-left: 5px solid var(--lysi-secondary);\n}\n\n.lysi-cure-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.lysi-cure-content strong {\n display: block;\n font-size: 17px;\n color: var(--lysi-primary-dark);\n margin-bottom: .25rem;\n}\n\n.lysi-cure-content p {\n font-size: 15px;\n color: var(--lysi-text-light);\n margin: 0;\n}\n\n\/* === QUALITÉ === *\/\n.lysi-quality-box {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n overflow: hidden;\n box-shadow: var(--lysi-shadow);\n}\n\n.lysi-quality-map {\n background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 100%);\n padding: 2rem;\n text-align: center;\n}\n\n.lysi-iceland-badge {\n display: inline-flex;\n align-items: center;\n gap: .75rem;\n background: rgba(255, 255, 255, .15);\n backdrop-filter: blur(10px);\n padding: 1rem 2rem;\n border-radius: 999px;\n border: 2px solid rgba(255, 255, 255, .3);\n}\n\n.lysi-flag {\n font-size: 32px;\n}\n\n.lysi-iceland-badge span:last-child {\n color: white;\n font-size: 20px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 2px;\n}\n\n.lysi-quality-features {\n padding: clamp(1.5rem, 4vw, 2.5rem);\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.lysi-quality-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lysi-quality-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.lysi-quality-item strong {\n display: block;\n font-size: 15px;\n color: var(--lysi-primary-dark);\n margin-bottom: .25rem;\n}\n\n.lysi-quality-item p {\n font-size: 14px;\n color: var(--lysi-text-light);\n margin: 0;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.lysi-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.lysi-info-item {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--lysi-shadow);\n transition: all .3s ease;\n}\n\n.lysi-info-item:hover {\n transform: translateY(-5px);\n box-shadow: var(--lysi-shadow-lg);\n}\n\n.lysi-info-icon {\n font-size: 32px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.lysi-info-label {\n display: block;\n font-size: 13px;\n color: var(--lysi-text-light);\n text-transform: uppercase;\n letter-spacing: .5px;\n margin-bottom: .25rem;\n}\n\n.lysi-info-value {\n display: block;\n font-size: 17px;\n font-weight: 800;\n color: var(--lysi-primary-dark);\n}\n\n\/* === WARNING BOX === *\/\n.lysi-warning-box {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--lysi-accent-light);\n border-radius: var(--lysi-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n border-left: 5px solid var(--lysi-accent);\n}\n\n.lysi-warning-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.lysi-warning-content strong {\n display: block;\n font-size: 17px;\n color: var(--lysi-primary-dark);\n margin-bottom: .75rem;\n}\n\n.lysi-warning-content ul {\n margin: 0;\n padding: 0 0 0 1.25rem;\n}\n\n.lysi-warning-content li {\n font-size: 14px;\n color: var(--lysi-text-light);\n margin-bottom: .5rem;\n line-height: 1.5;\n}\n\n.lysi-warning-content li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.lysi-cta-box {\n background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 100%);\n border-radius: var(--lysi-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lysi-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='%23ffffff' stroke-opacity='0.05' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n.lysi-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.lysi-cta-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.lysi-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 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n}\n\n.lysi-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.lysi-cta-badge {\n display: inline-block;\n padding: 8px 16px;\n background: rgba(255, 255, 255, .2);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255, 255, 255, .3);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .lysi-grid,\n .lysi-grid-3 {\n grid-template-columns: 1fr;\n }\n \n .lysi-hero-stats {\n flex-direction: column;\n align-items: center;\n }\n \n .lysi-stat {\n width: 100%;\n max-width: 200px;\n }\n \n .lysi-cure-box {\n flex-direction: column;\n text-align: center;\n }\n \n .lysi-warning-box {\n flex-direction: column;\n }\n \n .lysi-quality-item {\n flex-direction: column;\n text-align: center;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lysi-card,\n .lysi-usage-card,\n .lysi-info-item {\n animation: lysiFadeInUp .6s ease backwards;\n }\n \n .lysi-card:nth-child(1),\n .lysi-info-item:nth-child(1) { animation-delay: .1s; }\n .lysi-card:nth-child(2),\n .lysi-info-item:nth-child(2) { animation-delay: .2s; }\n .lysi-card:nth-child(3),\n .lysi-info-item:nth-child(3) { animation-delay: .3s; }\n .lysi-card:nth-child(4),\n .lysi-info-item:nth-child(4) { animation-delay: .4s; }\n \n .lysi-badge {\n animation: lysiFadeIn .5s ease backwards;\n }\n \n .lysi-badge:nth-child(1) { animation-delay: .2s; }\n .lysi-badge:nth-child(2) { animation-delay: .3s; }\n .lysi-badge:nth-child(3) { animation-delay: .4s; }\n}\n\n@keyframes lysiFadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes lysiFadeIn {\n from {\n opacity: 0;\n transform: scale(.9);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .lysi-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .lysi-card,\n .lysi-composition-box,\n .lysi-usage-card,\n .lysi-quality-box,\n .lysi-info-item {\n border: 2px solid var(--lysi-text);\n }\n \n .lysi-text-light {\n color: var(--lysi-text);\n }\n}\n\u003c\/style\u003e","brand":"LYSI","offers":[{"title":"Default Title","offer_id":55143738245497,"sku":"NBAILSI0005","price":23.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/omega-3-capital-forme-60-gelules-lysi-packshothd.webp?v=1790597299"},{"product_id":"b12form-vitamine-b12-75µg-bio-60-comprimes-inolab","title":"Inolab B12form : Vitamine B12 vegan bio issue du shiitake - 60 caps.","description":"\u003cdiv class=\"b12-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"b12-hero\"\u003e\n \u003cdiv class=\"b12-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"b12-hero-content\"\u003e\n \u003cdiv class=\"b12-badges-top\"\u003e\n \u003cspan class=\"b12-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"b12-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n \u003cspan class=\"b12-badge\"\u003e🍄 Extrait de Shiitake\u003c\/span\u003e\n \u003cspan class=\"b12-badge\"\u003e💊 60 gélules — Programme 60 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"b12-hero-title\"\u003eInolab B12form — Vitamine B12 vegan bio\u003c\/span\u003e\n \u003cp class=\"b12-subtitle\"\u003e75 µg de vitamine B12 naturelle par gélule, issue du shiitake biologique\u003c\/p\u003e\n \u003cp class=\"b12-description\"\u003eTrois formes actives — hydroxocobalamine, méthylcobalamine et adénosylcobalamine — pour une assimilation optimale, sans cyanocobalamine synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"b12-section\"\u003e\n \u003ch2\u003eVitamine B12 bio et vegan : le meilleur du shiitake dans chaque gélule\u003c\/h2\u003e\n \u003cp class=\"b12-section-intro\"\u003eVous cherchez la \u003cstrong\u003emeilleure vitamine B12 vegan\u003c\/strong\u003e d'origine naturelle ? \u003cstrong\u003eB12form d'Inolab\u003c\/strong\u003e vous apporte \u003cstrong\u003e75 µg de vitamine B12 bio\u003c\/strong\u003e par gélule, extraite exclusivement du \u003cstrong\u003eshiitake certifié Agriculture Biologique\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"b12-grid-compact\"\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🍄 Shiitake bio\u003c\/h3\u003e\n \u003cp\u003eExtraction naturelle à partir du champignon Lentinula edodes, cultivé en agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🔬 3 formes actives\u003c\/h3\u003e\n \u003cp\u003eHydroxocobalamine, méthylcobalamine et adénosylcobalamine réunies dans une seule gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🚫 Zéro synthétique\u003c\/h3\u003e\n \u003cp\u003eAucune cyanocobalamine : uniquement des formes que votre corps reconnaît et utilise directement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e⚡ 3 000 % VNR\u003c\/h3\u003e\n \u003cp\u003e75 µg par gélule pour combler efficacement les déficits, même importants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"b12-section\"\u003e\n \u003ch2\u003ePourquoi cette vitamine B12 naturelle bio est différente\u003c\/h2\u003e\n \u003cp class=\"b12-section-intro\"\u003eLa plupart des compléments de \u003cstrong\u003evitamine B12 vegan en pharmacie\u003c\/strong\u003e utilisent de la cyanocobalamine, une forme synthétique que l'organisme doit convertir avant de pouvoir l'exploiter. B12form prend le contre-pied de cette approche.\u003c\/p\u003e\n \u003cdiv class=\"b12-comparison\"\u003e\n \u003cdiv class=\"b12-comparison-col b12-comparison-bad\"\u003e\n \u003ch3\u003e❌ B12 classique (synthétique)\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eCyanocobalamine produite en laboratoire\u003c\/li\u003e\n \u003cli\u003eConversion nécessaire par l'organisme\u003c\/li\u003e\n \u003cli\u003eAucun co-facteur naturel\u003c\/li\u003e\n \u003cli\u003eBiodisponibilité limitée\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-comparison-col b12-comparison-good\"\u003e\n \u003ch3\u003e✅ B12form (naturelle bio)\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eExtraite du shiitake biologique\u003c\/li\u003e\n \u003cli\u003eAssimilation directe sans conversion\u003c\/li\u003e\n \u003cli\u003eCo-facteurs enzymatiques conservés\u003c\/li\u003e\n \u003cli\u003eSynergie des 3 formes actives\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-tip\"\u003e\n \u003cspan class=\"b12-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eC'est cette synergie entre les trois formes actives et les co-facteurs du shiitake qui fait de B12form l'un des \u003cstrong\u003emeilleurs compléments de vitamine B12 bio\u003c\/strong\u003e disponibles aujourd'hui.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"b12-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de la vitamine B12 au quotidien\u003c\/h2\u003e\n \u003cp class=\"b12-section-intro\"\u003eLa \u003cstrong\u003evitamine B12\u003c\/strong\u003e est essentielle à de nombreuses fonctions vitales. Avec une prise quotidienne de B12form, vous contribuez à :\u003c\/p\u003e\n \u003cdiv class=\"b12-grid\"\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e⚡ Réduire la fatigue\u003c\/h3\u003e\n \u003cp\u003eLa B12 soutient votre métabolisme énergétique, vous aidant à retrouver du dynamisme au fil des jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🧠 Protéger votre système nerveux\u003c\/h3\u003e\n \u003cp\u003eElle participe au maintien de fonctions neurologiques normales et soutient l'équilibre psychologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🩸 Former les globules rouges\u003c\/h3\u003e\n \u003cp\u003eIndispensables au transport de l'oxygène, ils jouent un rôle clé dans votre vitalité globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🛡️ Renforcer vos défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eLa vitamine B12 contribue au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"b12-section\"\u003e\n \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n \u003cdiv class=\"b12-composition-box\"\u003e\n \u003cdiv class=\"b12-compo-header\"\u003e\n \u003ch3\u003e🍄 Ingrédients pour 1 gélule (dose journalière recommandée)\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-compo-body\"\u003e\n \u003cdiv class=\"b12-compo-row\"\u003e\n \u003cspan class=\"b12-compo-label\"\u003ePoudre de shiitake biologique (\u003cem\u003eLentinula edodes\u003c\/em\u003e)\u003c\/span\u003e\n \u003cspan class=\"b12-compo-value\"\u003e\u003cstrong\u003e75 µg de vitamine B12\u003c\/strong\u003e\u003cbr\u003e\u003csmall\u003e3 000 % des VNR*\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-compo-row\"\u003e\n \u003cspan class=\"b12-compo-label\"\u003eEnveloppe de la gélule\u003c\/span\u003e\n \u003cspan class=\"b12-compo-value\"\u003eHypromellose (gélule végétale)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"b12-compo-footnote\"\u003e*VNR : Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"b12-timeline\"\u003e\n \u003cdiv class=\"b12-timeline-item\"\u003e\n \u003cdiv class=\"b12-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"b12-timeline-content\"\u003e\n \u003ch3\u003ePrenez 1 gélule par jour\u003c\/h3\u003e\n \u003cp\u003eAvec un grand verre d'eau, de préférence au cours d'un repas pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-timeline-item\"\u003e\n \u003cdiv class=\"b12-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"b12-timeline-content\"\u003e\n \u003ch3\u003eProgramme complet de 60 jours\u003c\/h3\u003e\n \u003cp\u003eLe sachet contient 60 gélules, soit un programme de deux mois. Maintenez la cure sur la durée pour un résultat optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"b12-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e⚖️ Poids net\u003c\/h3\u003e\n \u003cp\u003e42 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e💊 Contenance\u003c\/h3\u003e\n \u003cp\u003e60 gélules végétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"b12-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse B12form ?\u003c\/h2\u003e\n \u003cdiv class=\"b12-grid\"\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🌱 Végétaliens \u0026amp; végétariens\u003c\/h3\u003e\n \u003cp\u003eL'alimentation végétale ne fournit pas suffisamment de B12. Ce complément comble ce déficit de manière naturelle et certifiée bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e👴 Personnes de plus de 50 ans\u003c\/h3\u003e\n \u003cp\u003eL'absorption naturelle de la B12 diminue avec l'âge. B12form compense cette baisse grâce à ses formes hautement biodisponibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eToute personne ressentant une fatigue liée à un déficit en B12 bénéficiera d'une supplémentation adaptée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-tip\"\u003e\n \u003cspan class=\"b12-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eCertifié \u003cstrong\u003e100 % vegan\u003c\/strong\u003e et labellisé \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e, B12form ne contient aucun additif artificiel, aucun excipient controversé et aucun ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"b12-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"b12-accordion\"\u003e\n \u003cdetails class=\"b12-accordion-item\" open\u003e\n \u003csummary class=\"b12-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"b12-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Respectez la dose journalière conseillée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"b12-accordion-item\"\u003e\n \u003csummary class=\"b12-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"b12-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de l'humidité, hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"b12-accordion-item\"\u003e\n \u003csummary class=\"b12-accordion-header\"\u003e🤰 Grossesse et traitement médical\u003c\/summary\u003e\n \u003cdiv class=\"b12-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médical, de grossesse ou d'allaitement, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"b12-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"b12-cta-box\"\u003e\n \u003cp\u003e🍄 Offrez à votre corps une \u003cstrong\u003evitamine B12 bio et naturelle\u003c\/strong\u003e, extraite du shiitake — sans compromis sur la qualité, l'éthique et l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"b12-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --b12-cream: #f5f7f2;\n --b12-white: #ffffff;\n --b12-primary: #4a8c3f;\n --b12-primary-dark: #2d5a25;\n --b12-primary-light: #e8f2e5;\n --b12-secondary: #6db85a;\n --b12-accent: #8bc34a;\n --b12-text: #1a1a1a;\n --b12-text-light: #5a5a5a;\n --b12-border: #dde6d9;\n --b12-shadow: 0 4px 24px rgba(45,90,37,.08);\n --b12-shadow-lg: 0 12px 48px rgba(45,90,37,.15);\n --b12-radius: 20px;\n --b12-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.b12-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--b12-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.b12-premium *, .b12-premium *::before, .b12-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.b12-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5a25 0%, #4a8c3f 45%, #6db85a 100%);\n border-radius: var(--b12-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--b12-shadow-lg);\n}\n\n.b12-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(139,195,74,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.b12-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.b12-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.b12-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 8px rgba(0,0,0,.12);\n}\n\n.b12-description {\n color: rgba(255,255,255,.82);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.b12-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.b12-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--b12-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.b12-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.b12-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.b12-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--b12-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.b12-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--b12-primary), var(--b12-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.b12-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--b12-text-light);\n margin-bottom: 1.5rem;\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.b12-section-intro strong {\n color: var(--b12-text);\n}\n\n\/* === CARDS === *\/\n.b12-card {\n background: var(--b12-white);\n border-radius: var(--b12-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--b12-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.b12-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--b12-shadow-lg);\n border-color: var(--b12-primary);\n}\n\n.b12-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--b12-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.b12-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--b12-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.b12-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.b12-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.b12-grid-compact .b12-card {\n padding: 1rem;\n}\n\n.b12-grid-compact .b12-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.b12-grid-compact .b12-card p {\n font-size: 12px;\n}\n\n\/* === COMPARISON === *\/\n.b12-comparison {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.b12-comparison-col {\n border-radius: var(--b12-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--b12-shadow);\n}\n\n.b12-comparison-col h3 {\n font-size: clamp(14px, 2.2vw, 17px);\n font-weight: 800;\n margin: 0 0 .75rem 0;\n}\n\n.b12-comparison-col ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.b12-comparison-col ul li {\n font-size: clamp(13px, 2vw, 15px);\n padding: .4rem 0;\n line-height: 1.5;\n}\n\n.b12-comparison-bad {\n background: #fef3f2;\n border: 2px solid #fecaca;\n}\n\n.b12-comparison-bad h3 {\n color: #b91c1c;\n}\n\n.b12-comparison-bad ul li {\n color: #7f1d1d;\n}\n\n.b12-comparison-bad ul li::before {\n content: '• ';\n color: #dc2626;\n font-weight: 700;\n}\n\n.b12-comparison-good {\n background: var(--b12-primary-light);\n border: 2px solid var(--b12-primary);\n}\n\n.b12-comparison-good h3 {\n color: var(--b12-primary-dark);\n}\n\n.b12-comparison-good ul li {\n color: var(--b12-primary-dark);\n}\n\n.b12-comparison-good ul li::before {\n content: '• ';\n color: var(--b12-primary);\n font-weight: 700;\n}\n\n\/* === COMPOSITION BOX === *\/\n.b12-composition-box {\n background: var(--b12-white);\n border-radius: var(--b12-radius);\n box-shadow: var(--b12-shadow);\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.b12-compo-header {\n background: linear-gradient(135deg, var(--b12-primary), var(--b12-secondary));\n padding: 1rem 1.5rem;\n}\n\n.b12-compo-header h3 {\n color: white;\n font-size: clamp(14px, 2.2vw, 17px);\n font-weight: 700;\n margin: 0;\n}\n\n.b12-compo-body {\n padding: 0;\n}\n\n.b12-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--b12-border);\n gap: 1rem;\n}\n\n.b12-compo-row:last-child {\n border-bottom: none;\n}\n\n.b12-compo-label {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--b12-text);\n flex: 1;\n}\n\n.b12-compo-value {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--b12-primary-dark);\n font-weight: 700;\n text-align: right;\n flex-shrink: 0;\n}\n\n.b12-compo-value small {\n font-weight: 500;\n color: var(--b12-text-light);\n font-size: 12px;\n}\n\n.b12-compo-footnote {\n padding: .75rem 1.5rem;\n font-size: 12px;\n color: var(--b12-text-light);\n font-style: italic;\n margin: 0;\n background: var(--b12-primary-light);\n}\n\n\/* === TIMELINE === *\/\n.b12-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.b12-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.b12-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--b12-primary), var(--b12-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.b12-timeline-content {\n flex: 1;\n background: var(--b12-white);\n padding: 1rem 1.25rem;\n border-radius: var(--b12-radius-sm);\n box-shadow: var(--b12-shadow);\n}\n\n.b12-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--b12-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.b12-timeline-content p {\n font-size: 14px;\n color: var(--b12-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.b12-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--b12-primary-light);\n border-radius: var(--b12-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.b12-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.b12-tip p {\n font-size: 14px;\n color: var(--b12-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.b12-tip p strong {\n color: var(--b12-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.b12-testimonial {\n background: var(--b12-white);\n border-radius: var(--b12-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--b12-shadow);\n border-left: 4px solid var(--b12-primary);\n}\n\n.b12-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--b12-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.b12-accordion {\n background: var(--b12-white);\n border-radius: var(--b12-radius);\n box-shadow: var(--b12-shadow);\n overflow: hidden;\n}\n\n.b12-accordion-item {\n border-bottom: 1px solid var(--b12-border);\n margin: 0;\n padding: 0;\n}\n\n.b12-accordion-item:last-child {\n border-bottom: none;\n}\n\n.b12-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--b12-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.b12-accordion-header:hover {\n background: var(--b12-primary-light);\n}\n\n.b12-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.b12-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--b12-primary);\n transition: transform .2s ease;\n}\n\n.b12-accordion-item[open] .b12-accordion-header::after {\n content: '−';\n}\n\n.b12-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--b12-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.b12-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.b12-cta-box {\n background: linear-gradient(135deg, var(--b12-primary) 0%, var(--b12-primary-dark) 100%);\n border-radius: var(--b12-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.b12-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(139,195,74,.2) 0%, transparent 60%);\n}\n\n.b12-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.b12-disclaimer {\n font-size: 12px;\n color: var(--b12-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .b12-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .b12-card {\n padding: 1.125rem;\n }\n\n .b12-section {\n margin-bottom: 1.75rem;\n }\n\n .b12-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--b12-radius-sm);\n }\n\n .b12-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .b12-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .b12-grid-compact {\n gap: .625rem;\n }\n\n .b12-grid-compact .b12-card {\n padding: .75rem;\n }\n\n .b12-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .b12-comparison-col {\n padding: 1rem;\n }\n\n .b12-comparison-col h3 {\n font-size: 14px;\n }\n\n .b12-comparison-col ul li {\n font-size: 13px;\n }\n\n .b12-compo-row {\n flex-direction: column;\n gap: .35rem;\n padding: .875rem 1rem;\n }\n\n .b12-compo-value {\n text-align: left;\n }\n\n .b12-compo-header {\n padding: .875rem 1rem;\n }\n\n .b12-compo-footnote {\n padding: .625rem 1rem;\n }\n\n .b12-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .b12-timeline-content {\n padding: .875rem 1rem;\n }\n\n .b12-timeline-content h3 {\n font-size: 14px;\n }\n\n .b12-timeline-content p {\n font-size: 13px;\n }\n\n .b12-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .b12-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .b12-testimonial {\n padding: 1.25rem;\n }\n\n .b12-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .b12-card {\n animation: b12FadeInUp .5s ease backwards;\n }\n .b12-card:nth-child(1) { animation-delay: .05s; }\n .b12-card:nth-child(2) { animation-delay: .1s; }\n .b12-card:nth-child(3) { animation-delay: .15s; }\n .b12-card:nth-child(4) { animation-delay: .2s; }\n .b12-card:nth-child(5) { animation-delay: .25s; }\n .b12-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes b12FadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .b12-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55144534966649,"sku":"53015005","price":18.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/inolab-b12form-vitamine-b12-vegan-bio-issue-du-shiitake-60-c-packshothd.webp?v=1773076203"},{"product_id":"omega-3-90-capsules-meralia","title":"Oméga 3 - cerveau, cœur et vision - 90 capsules - MERALIA","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Oméga 3 Meralia - 90 capsules\nPalette détectée:\n - Primaire: #1e3a6e (bleu marine foncé du bouchon et bandeau)\n - Secondaire: #4a7ec2 (bleu moyen de la bande décorative)\n - Accent: #6db3d4 (bleu clair du poisson\/logo)\n - Fond packaging: #f0f2f5 (gris-blanc du pot)\nAmbiance: Santé marine, scientifique mais accessible, confiance, pureté océanique\nPréfixe CSS: om3\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Oméga 3 Meralia : des acides gras essentiels pour votre cerveau, votre cœur et votre vision\"\n 2. \"Les bienfaits des oméga 3 contenus dans cette formule\"\n 3. \"Composition détaillée pour 2 capsules (dose journalière)\"\n 4. \"Comment prendre l'Oméga 3 Meralia ?\"\n 5. \"Pourquoi choisir cette formule plutôt qu'une autre ?\"\n 6. \"À qui s'adresse ce complément ?\"\n 7. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"om3-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"om3-hero\"\u003e\n \u003cdiv class=\"om3-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"om3-hero-content\"\u003e\n \u003cdiv class=\"om3-badges-top\"\u003e\n \u003cspan class=\"om3-badge\"\u003e🐟 Huile de poisson purifiée\u003c\/span\u003e\n \u003cspan class=\"om3-badge\"\u003e🧠 500 mg DHA \/ dose\u003c\/span\u003e\n \u003cspan class=\"om3-badge\"\u003e💊 90 capsules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"om3-hero-title\"\u003eOméga 3 Meralia\u003c\/span\u003e\n \u003cp class=\"om3-subtitle\"\u003eCerveau · Cœur · Vision\u003c\/p\u003e\n \u003cp class=\"om3-description\"\u003eDes acides gras essentiels hautement concentrés en DHA et EPA, enrichis en vitamine E antioxydante. Une formule marine d'excellence pour votre bien-être quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eOméga 3 Meralia : des acides gras essentiels pour votre cerveau, votre cœur et votre vision\u003c\/h2\u003e\n \u003cp class=\"om3-section-intro\"\u003eVotre corps ne sait pas fabriquer les oméga 3, et pourtant il en a besoin chaque jour. Ces acides gras polyinsaturés interviennent dans le fonctionnement de votre cerveau, la santé de votre cœur et le maintien d'une vision normale.\u003c\/p\u003e\n \u003cdiv class=\"om3-highlight-box\"\u003e\n \u003cp\u003eLe complément alimentaire \u003cstrong\u003eOméga 3 Meralia\u003c\/strong\u003e vous apporte une huile de poisson purifiée, hautement concentrée en \u003cstrong\u003eDHA\u003c\/strong\u003e et \u003cstrong\u003eEPA\u003c\/strong\u003e, enrichie en \u003cstrong\u003evitamine E\u003c\/strong\u003e antioxydante. Une formule pensée pour celles et ceux qui souhaitent prendre soin d'eux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eLes bienfaits des oméga 3 contenus dans cette formule\u003c\/h2\u003e\n \u003cp class=\"om3-section-intro\"\u003eLes bienfaits des oméga 3 sont aujourd'hui largement reconnus par la communauté scientifique. Voici ce que cette supplémentation peut vous apporter concrètement :\u003c\/p\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🧠 Fonctions cérébrales\u003c\/h3\u003e\n \u003cp\u003eLe DHA contribue au fonctionnement normal du cerveau. Il participe au maintien des capacités cognitives, notamment la mémoire et la concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eLe DHA et l'EPA contribuent à une fonction cardiaque normale, en soutenant un bon équilibre lipidique sanguin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e👁️ Vision\u003c\/h3\u003e\n \u003cp\u003eLe DHA participe au maintien d'une vision normale, car il est un composant structurel majeur de la rétine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e😊 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eL'EPA joue un rôle dans la régulation de l'humeur. Un apport régulier peut favoriser un meilleur bien-être au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E ajoutée agit comme un puissant antioxydant, protégeant vos cellules contre le stress oxydatif et le vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 2 capsules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"om3-compo-table\"\u003e\n \u003cdiv class=\"om3-compo-row om3-compo-main\"\u003e\n \u003cspan class=\"om3-compo-label\"\u003e🐟 Huile de poisson\u003c\/span\u003e\n \u003cspan class=\"om3-compo-value\"\u003e1 000 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-compo-row om3-compo-main\"\u003e\n \u003cspan class=\"om3-compo-label\"\u003e🔬 Total oméga 3\u003c\/span\u003e\n \u003cspan class=\"om3-compo-value\"\u003e580 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-compo-row om3-compo-sub\"\u003e\n \u003cspan class=\"om3-compo-label\"\u003edont DHA\u003c\/span\u003e\n \u003cspan class=\"om3-compo-value om3-compo-highlight\"\u003e500 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-compo-row om3-compo-sub\"\u003e\n \u003cspan class=\"om3-compo-label\"\u003edont EPA\u003c\/span\u003e\n \u003cspan class=\"om3-compo-value\"\u003e40 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-compo-row\"\u003e\n \u003cspan class=\"om3-compo-label\"\u003e💊 Enveloppe\u003c\/span\u003e\n \u003cspan class=\"om3-compo-value\"\u003eGélatine de poisson\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-compo-row\"\u003e\n \u003cspan class=\"om3-compo-label\"\u003e💧 Humectant\u003c\/span\u003e\n \u003cspan class=\"om3-compo-value\"\u003eGlycérol\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-compo-row\"\u003e\n \u003cspan class=\"om3-compo-label\"\u003e🌿 Antioxydants\u003c\/span\u003e\n \u003cspan class=\"om3-compo-value\"\u003eExtraits de romarin, tocophérol (vitamine E naturelle)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-tip\"\u003e\n \u003cspan class=\"om3-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAvec \u003cstrong\u003e500 mg de DHA par dose\u003c\/strong\u003e, cette formule se distingue par sa haute concentration. L'huile est purifiée et désodorisée pour une tolérance optimale, sans trace de saumon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eComment prendre l'Oméga 3 Meralia ?\u003c\/h2\u003e\n \u003cdiv class=\"om3-timeline\"\u003e\n \u003cdiv class=\"om3-timeline-item\"\u003e\n \u003cdiv class=\"om3-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 capsules par jour\u003c\/strong\u003e, de préférence en une seule prise pour plus de simplicité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-item\"\u003e\n \u003cdiv class=\"om3-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eAu cours d'un \u003cstrong\u003erepas contenant un peu de matière grasse\u003c\/strong\u003e. Les lipides du repas facilitent l'absorption des oméga 3.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-item\"\u003e\n \u003cdiv class=\"om3-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003ePour un \u003cstrong\u003ebienfait optimal\u003c\/strong\u003e, maintenez une prise régulière sur plusieurs semaines. Le flacon de \u003cstrong\u003e90 capsules\u003c\/strong\u003e vous offre environ \u003cstrong\u003e45 jours de cure\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette formule plutôt qu'une autre ?\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🏆 Haute teneur en DHA\u003c\/h3\u003e\n \u003cp\u003eAvec 500 mg par dose, c'est l'un des dosages les plus généreux du marché pour soutenir le cerveau et la vision.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🌊 Poissons sauvages\u003c\/h3\u003e\n \u003cp\u003eL'huile provient de poissons pêchés de manière responsable, dans le respect de la biodiversité marine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🍃 Enrichie en vitamine E\u003c\/h3\u003e\n \u003cp\u003eUn ajout pertinent pour protéger à la fois l'huile de l'oxydation et vos propres cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🐟 Gélule de poisson\u003c\/h3\u003e\n \u003cp\u003eL'enveloppe est en gélatine de poisson, cohérente avec une formule 100 % d'origine marine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e✨ Sans odeur désagréable\u003c\/h3\u003e\n \u003cp\u003eGrâce au procédé de purification et de désodorisation, pas de remontées de goût de poisson.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid-compact\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🧠 Santé cognitive\u003c\/h3\u003e\n \u003cp\u003eMémoire, concentration, clarté mentale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e👁️ Confort visuel\u003c\/h3\u003e\n \u003cp\u003eMaintien d'une vision normale grâce au DHA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e❤️ Équilibre cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eSoutien d'une fonction cardiaque normale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🍽️ Alimentation pauvre en poisson\u003c\/h3\u003e\n \u003cp\u003eIdéal si vous consommez peu de poissons gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"om3-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"om3-accordion\"\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e⚠️ Dose et recommandations\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n \u003cp\u003eNe dépassez pas la dose journalière recommandée de 2 capsules. Ce 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\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute ou de traitement en cours, demandez conseil à votre médecin ou pharmacien avant de commencer la prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"om3-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 \u003cp class=\"om3-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Consultez un professionnel de santé si nécessaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --om3-cream: #f0f4f8;\n --om3-white: #ffffff;\n --om3-primary: #1e3a6e;\n --om3-primary-dark: #132850;\n --om3-primary-light: #e8eff8;\n --om3-secondary: #4a7ec2;\n --om3-accent: #6db3d4;\n --om3-text: #1a1a2e;\n --om3-text-light: #5a6578;\n --om3-border: #dce4ed;\n --om3-shadow: 0 4px 24px rgba(30, 58, 110, .08);\n --om3-shadow-lg: 0 12px 48px rgba(30, 58, 110, .15);\n --om3-radius: 20px;\n --om3-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.om3-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--om3-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.om3-hero {\n position: relative;\n background: linear-gradient(135deg, #132850 0%, #1e3a6e 35%, #4a7ec2 70%, #6db3d4 100%);\n border-radius: var(--om3-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--om3-shadow-lg);\n}\n\n.om3-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(109, 179, 212, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255, 255, 255, .08) 0%, transparent 40%),\n radial-gradient(circle at 60% 60%, rgba(74, 126, 194, .1) 0%, transparent 45%);\n opacity: 1;\n}\n\n.om3-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.om3-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.om3-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, .95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--om3-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.om3-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.om3-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, .2);\n}\n\n.om3-subtitle {\n color: rgba(255, 255, 255, .85);\n font-size: clamp(16px, 3.5vw, 22px);\n font-weight: 600;\n letter-spacing: .15em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n}\n\n.om3-description {\n color: rgba(255, 255, 255, .9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.om3-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.om3-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--om3-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.om3-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--om3-primary), var(--om3-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.om3-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--om3-text-light);\n margin-bottom: 1.5rem;\n max-width: 640px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.om3-highlight-box {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--om3-shadow);\n border-left: 4px solid var(--om3-secondary);\n}\n\n.om3-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--om3-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.om3-card {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--om3-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.om3-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--om3-shadow-lg);\n border-color: var(--om3-secondary);\n}\n\n.om3-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.om3-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--om3-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.om3-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.om3-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.om3-grid-compact .om3-card {\n padding: 1rem;\n}\n\n.om3-grid-compact .om3-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.om3-grid-compact .om3-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.om3-compo-table {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n box-shadow: var(--om3-shadow);\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.om3-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--om3-border);\n transition: background .2s ease;\n}\n\n.om3-compo-row:last-child {\n border-bottom: none;\n}\n\n.om3-compo-row:hover {\n background: var(--om3-primary-light);\n}\n\n.om3-compo-main {\n background: var(--om3-primary-light);\n}\n\n.om3-compo-sub {\n padding-left: 2.5rem;\n}\n\n.om3-compo-label {\n font-size: clamp(13px, 2vw, 15px);\n font-weight: 600;\n color: var(--om3-text);\n}\n\n.om3-compo-value {\n font-size: clamp(13px, 2vw, 15px);\n font-weight: 700;\n color: var(--om3-primary-dark);\n text-align: right;\n}\n\n.om3-compo-highlight {\n color: var(--om3-secondary);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 900;\n}\n\n\/* === TIMELINE === *\/\n.om3-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.om3-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.om3-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--om3-primary), var(--om3-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, 58, 110, .25);\n}\n\n.om3-timeline-content {\n flex: 1;\n background: var(--om3-white);\n padding: 1rem 1.25rem;\n border-radius: var(--om3-radius-sm);\n box-shadow: var(--om3-shadow);\n}\n\n.om3-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--om3-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.om3-timeline-content p {\n font-size: 14px;\n color: var(--om3-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.om3-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--om3-primary-light);\n border-radius: var(--om3-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.om3-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.om3-tip p {\n font-size: 14px;\n color: var(--om3-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.om3-accordion {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n box-shadow: var(--om3-shadow);\n overflow: hidden;\n}\n\n.om3-accordion-item {\n border-bottom: 1px solid var(--om3-border);\n margin: 0;\n padding: 0;\n}\n\n.om3-accordion-item:last-child {\n border-bottom: none;\n}\n\n.om3-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--om3-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.om3-accordion-header:hover {\n background: var(--om3-primary-light);\n}\n\n.om3-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.om3-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--om3-secondary);\n transition: transform .2s ease;\n}\n\n.om3-accordion-item[open] .om3-accordion-header::after {\n content: '−';\n}\n\n.om3-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--om3-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.om3-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.om3-disclaimer {\n font-size: 12px;\n color: var(--om3-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .om3-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .om3-card {\n padding: 1.125rem;\n }\n\n .om3-section {\n margin-bottom: 1.75rem;\n }\n\n .om3-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--om3-radius-sm);\n }\n\n .om3-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .om3-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .om3-grid-compact {\n gap: .625rem;\n }\n\n .om3-grid-compact .om3-card {\n padding: .75rem;\n }\n\n .om3-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .om3-timeline-content {\n padding: .875rem 1rem;\n }\n\n .om3-timeline-content h3 {\n font-size: 14px;\n }\n\n .om3-timeline-content p {\n font-size: 13px;\n }\n\n .om3-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .om3-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .om3-highlight-box {\n padding: 1.25rem;\n }\n\n .om3-compo-row {\n padding: .75rem 1rem;\n }\n\n .om3-compo-sub {\n padding-left: 1.75rem;\n }\n\n .om3-compo-label {\n font-size: 13px;\n }\n\n .om3-compo-value {\n font-size: 13px;\n }\n\n .om3-compo-highlight {\n font-size: 15px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .om3-card {\n animation: om3FadeInUp .5s ease backwards;\n }\n .om3-card:nth-child(1) { animation-delay: .05s; }\n .om3-card:nth-child(2) { animation-delay: .1s; }\n .om3-card:nth-child(3) { animation-delay: .15s; }\n .om3-card:nth-child(4) { animation-delay: .2s; }\n .om3-card:nth-child(5) { animation-delay: .25s; }\n .om3-card:nth-child(6) { animation-delay: .3s; }\n\n .om3-timeline-item {\n animation: om3FadeInUp .5s ease backwards;\n }\n .om3-timeline-item:nth-child(1) { animation-delay: .05s; }\n .om3-timeline-item:nth-child(2) { animation-delay: .15s; }\n .om3-timeline-item:nth-child(3) { animation-delay: .25s; }\n\n .om3-compo-row {\n animation: om3FadeInUp .4s ease backwards;\n }\n .om3-compo-row:nth-child(1) { animation-delay: .05s; }\n .om3-compo-row:nth-child(2) { animation-delay: .1s; }\n .om3-compo-row:nth-child(3) { animation-delay: .15s; }\n .om3-compo-row:nth-child(4) { animation-delay: .2s; }\n .om3-compo-row:nth-child(5) { animation-delay: .25s; }\n .om3-compo-row:nth-child(6) { animation-delay: .3s; }\n .om3-compo-row:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes om3FadeInUp {\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 .om3-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MERALIA","offers":[{"title":"Default Title","offer_id":55157000700281,"sku":"ME2004","price":20.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Omega_3-cerveau-coeur-vision-90capsules-MERALIA.jpg?v=1770800359"},{"product_id":"mincifacil-bio-30-gelules-lt-labo","title":"Mincifacil - 30 gélules - LT Labo","description":"\u003cdiv class=\"mf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mf-hero\"\u003e\n \u003cdiv class=\"mf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mf-hero-content\"\u003e\n \u003cdiv class=\"mf-badges-top\"\u003e\n \u003cspan class=\"mf-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"mf-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n \u003cspan class=\"mf-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e\n \u003cspan class=\"mf-badge\"\u003e♻️ Pilulier recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mf-hero-title\"\u003eMincifacil Bio\u003c\/span\u003e\n \u003cp class=\"mf-subtitle\"\u003eMaté · Noix de Cola · Chicorée\u003c\/p\u003e\n \u003cp class=\"mf-description\"\u003eTriple action minceur — brûle-graisse, élimination et soutien digestif — en une seule gélule par jour. 30 gélules pour une cure complète d'un mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"mf-section\"\u003e\n \u003ch2\u003eMincifacil Bio de LT Labo : votre allié minceur naturel et certifié bio\u003c\/h2\u003e\n \u003cp class=\"mf-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément minceur efficace\u003c\/strong\u003e, formulé à partir d'ingrédients naturels et biologiques ? \u003cstrong\u003eMincifacil Bio\u003c\/strong\u003e de LT Labo associe trois plantes aux vertus complémentaires — maté, noix de cola et chicorée — pour vous accompagner dans votre démarche de \u003cstrong\u003eperte de poids\u003c\/strong\u003e. Certifié bio, vegan et fabriqué en Provence, ce complément alimentaire minceur mise sur la qualité et la transparence pour vous offrir une cure simple et bien pensée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"mf-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complément alimentaire minceur ?\u003c\/h2\u003e\n \u003cp class=\"mf-section-intro\"\u003eSur le marché des \u003cstrong\u003egélules perte de poids\u003c\/strong\u003e, les promesses sont nombreuses. Ce qui distingue Mincifacil, c'est sa formulation synergique de plantes bio aux rôles bien définis :\u003c\/p\u003e\n \u003cdiv class=\"mf-grid\"\u003e\n \u003cdiv class=\"mf-card\"\u003e\n \u003ch3\u003e🔥 Noix de cola — brûle-graisse\u003c\/h3\u003e\n \u003cp\u003eAgit comme un véritable brûle-graisse naturel. Grâce à sa teneur en caféine, elle stimule le métabolisme basal et aide votre corps à puiser dans ses réserves lipidiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mf-card\"\u003e\n \u003ch3\u003e💧 Maté — élimination \u0026amp; drainage\u003c\/h3\u003e\n \u003cp\u003eFavorise l'élimination et le drainage. Ses propriétés diurétiques contribuent à réduire la rétention d'eau et à soutenir les fonctions d'élimination de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mf-card\"\u003e\n \u003ch3\u003e🌾 Chicorée — soutien digestif\u003c\/h3\u003e\n \u003cp\u003eRiche en inuline, elle soutient l'équilibre du microbiote intestinal. Un ventre en bonne santé, c'est aussi une meilleure gestion de l'appétit et une assimilation optimale des nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mf-tip\"\u003e\n \u003cspan class=\"mf-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eCette triple action — combustion des graisses, drainage et soutien digestif — fait de Mincifacil un \u003cstrong\u003ecomplément minceur complet\u003c\/strong\u003e, pensé pour agir sur plusieurs leviers simultanément.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"mf-section\"\u003e\n \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n \u003cdiv class=\"mf-grid\"\u003e\n \u003cdiv class=\"mf-card\"\u003e\n \u003ch3\u003e🍃 Extrait de feuille de maté bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eIlex paraguariensis\u003c\/em\u003e — \u003cstrong\u003e120 mg\u003c\/strong\u003e par gélule. Favorise l'élimination et le drainage naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mf-card\"\u003e\n \u003ch3\u003e🌰 Poudre de noix de cola bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCola nitida\u003c\/em\u003e — \u003cstrong\u003e55 mg\u003c\/strong\u003e par gélule. Stimule la combustion des graisses grâce à la caféine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mf-card\"\u003e\n \u003ch3\u003e🌿 Poudre de racine de chicorée bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCichorium intybus\u003c\/em\u003e — \u003cstrong\u003e55 mg\u003c\/strong\u003e par gélule. Soutient l'équilibre du microbiote intestinal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mf-tip\"\u003e\n \u003cspan class=\"mf-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003eAutres ingrédients : gélule végétale (hydroxypropylméthylcellulose), carbonate de magnésium (anti-agglomérant), amidon de riz. Teneur en caféine : \u003cstrong\u003e6 mg\u003c\/strong\u003e par dose quotidienne. Formule 100 % végétale, sans additifs chimiques nocifs, sans pesticides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"mf-section\"\u003e\n \u003ch2\u003eComment prendre Mincifacil Bio ?\u003c\/h2\u003e\n \u003cdiv class=\"mf-timeline\"\u003e\n \u003cdiv class=\"mf-timeline-item\"\u003e\n \u003cdiv class=\"mf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mf-timeline-content\"\u003e\n \u003ch3\u003ePrenez 1 gélule par jour\u003c\/h3\u003e\n \u003cp\u003eAvec un grand verre d'eau, de préférence le matin pour profiter de l'effet stimulant dès le début de journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mf-timeline-item\"\u003e\n \u003cdiv class=\"mf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mf-timeline-content\"\u003e\n \u003ch3\u003eSuivez une cure d'un mois\u003c\/h3\u003e\n \u003cp\u003eLe flacon contient 30 gélules, soit une \u003cstrong\u003ecure complète d'un mois\u003c\/strong\u003e. Renouvelez selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mf-timeline-item\"\u003e\n \u003cdiv class=\"mf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mf-timeline-content\"\u003e\n \u003ch3\u003eAdoptez une hygiène de vie saine\u003c\/h3\u003e\n \u003cp\u003ePour des résultats visibles et durables, associez cette cure à une alimentation équilibrée et à une activité physique régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"mf-section\"\u003e\n \u003ch2\u003eLes engagements qualité de LT Labo\u003c\/h2\u003e\n \u003cdiv class=\"mf-grid-compact\"\u003e\n \u003cdiv class=\"mf-card\"\u003e\n \u003ch3\u003e🏅 Certification bio (AB)\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de l'agriculture biologique contrôlée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mf-card\"\u003e\n \u003ch3\u003e🌱 Formule vegan\u003c\/h3\u003e\n \u003cp\u003eGélules d'origine végétale, sans aucun composant d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mf-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication en Provence\u003c\/h3\u003e\n \u003cp\u003eUn savoir-faire français pour un produit de confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mf-card\"\u003e\n \u003ch3\u003e♻️ Emballage éco-responsable\u003c\/h3\u003e\n \u003cp\u003ePilulier recyclé et recyclable, pour réduire l'impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"mf-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mf-accordion\"\u003e\n \u003cdetails class=\"mf-accordion-item\"\u003e\n \u003csummary class=\"mf-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"mf-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit contient de la caféine. Il est réservé aux adultes et \u003cstrong\u003edéconseillé aux femmes enceintes ou allaitantes\u003c\/strong\u003e, aux personnes souffrant d'insuffisance cardiaque ou rénale, d'ulcère, d'hypertension ou d'hyperthyroïdie, ainsi qu'en cas d'allergie aux plantes de la famille des Astéracées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mf-accordion-item\"\u003e\n \u003csummary class=\"mf-accordion-header\"\u003e📦 Conservation \u0026amp; posologie\u003c\/summary\u003e\n \u003cdiv class=\"mf-accordion-content mt-3\"\u003e\n \u003cp\u003eNe dépassez pas la dose journalière recommandée. Ce \u003cstrong\u003ecomplément alimentaire minceur\u003c\/strong\u003e ne remplace ni une alimentation variée et équilibrée, ni un mode de vie sain, ni un avis médical. Conservez à l'abri de la chaleur, de l'humidité 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 \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"mf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mf-cta-box\"\u003e\n \u003cp\u003eSi vous recherchez les \u003cstrong\u003emeilleures gélules perte de poids\u003c\/strong\u003e alliant efficacité, naturalité et respect de l'environnement, Mincifacil Bio constitue un choix cohérent et bien dosé. Une approche douce mais ciblée pour retrouver légèreté et bien-être, sans compromis sur la qualité. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mf-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mf-cream: #f8f5f2;\n --mf-white: #ffffff;\n --mf-primary: #9b2d78;\n --mf-primary-dark: #6e1a55;\n --mf-primary-light: #f5eaf1;\n --mf-secondary: #c94fa0;\n --mf-accent: #5a9e3e;\n --mf-text: #1a1a1a;\n --mf-text-light: #5a5a5a;\n --mf-border: #e5ddd8;\n --mf-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mf-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mf-radius: 20px;\n --mf-radius-sm: 12px;\n}\n\n.mf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mf-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mf-primary-dark) 0%, var(--mf-primary) 50%, var(--mf-secondary) 100%);\n border-radius: var(--mf-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(--mf-shadow-lg);\n}\n\n.mf-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.mf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mf-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.mf-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n letter-spacing: .1em;\n margin: 0 0 1.25rem 0;\n text-transform: uppercase;\n}\n\n.mf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.mf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mf-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(--mf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mf-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.mf-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(--mf-primary), var(--mf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mf-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.mf-card {\n background: var(--mf-white);\n border-radius: var(--mf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mf-shadow-lg);\n border-color: var(--mf-primary);\n}\n\n.mf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mf-grid-compact .mf-card {\n padding: 1rem;\n}\n\n.mf-grid-compact .mf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mf-grid-compact .mf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mf-primary), var(--mf-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.mf-timeline-content {\n flex: 1;\n background: var(--mf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mf-radius-sm);\n box-shadow: var(--mf-shadow);\n}\n\n.mf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mf-timeline-content p {\n font-size: 14px;\n color: var(--mf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mf-primary-light);\n border-radius: var(--mf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mf-tip p {\n font-size: 14px;\n color: var(--mf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.mf-testimonial {\n background: var(--mf-white);\n border-radius: var(--mf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mf-shadow);\n border-left: 4px solid var(--mf-primary);\n}\n\n.mf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mf-accordion {\n background: var(--mf-white);\n border-radius: var(--mf-radius);\n box-shadow: var(--mf-shadow);\n overflow: hidden;\n}\n\n.mf-accordion-item {\n border-bottom: 1px solid var(--mf-border);\n margin: 0;\n padding: 0;\n}\n\n.mf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mf-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.mf-accordion-header:hover {\n background: var(--mf-primary-light);\n}\n\n.mf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mf-primary);\n transition: transform .2s ease;\n}\n\n.mf-accordion-item[open] .mf-accordion-header::after {\n content: '−';\n}\n\n.mf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mf-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mf-cta-box {\n background: linear-gradient(135deg, var(--mf-primary) 0%, var(--mf-primary-dark) 100%);\n border-radius: var(--mf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mf-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.mf-disclaimer {\n font-size: 12px;\n color: var(--mf-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 .mf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mf-card {\n padding: 1.125rem;\n }\n\n .mf-section {\n margin-bottom: 1.75rem;\n }\n\n .mf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mf-radius-sm);\n }\n\n .mf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mf-grid-compact {\n gap: .625rem;\n }\n\n .mf-grid-compact .mf-card {\n padding: .75rem;\n }\n\n .mf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mf-timeline-content h3 {\n font-size: 14px;\n }\n\n .mf-timeline-content p {\n font-size: 13px;\n }\n\n .mf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mf-testimonial {\n padding: 1.25rem;\n }\n\n .mf-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mf-card {\n animation: mfFadeInUp .5s ease backwards;\n }\n .mf-card:nth-child(1) { animation-delay: .05s; }\n .mf-card:nth-child(2) { animation-delay: .1s; }\n .mf-card:nth-child(3) { animation-delay: .15s; }\n .mf-card:nth-child(4) { animation-delay: .2s; }\n .mf-card:nth-child(5) { animation-delay: .25s; }\n .mf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mfFadeInUp {\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 .mf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":55181618381177,"sku":"NBAILTL0033","price":20.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/mincifacil-30-gelules-lt-labo-packshothd.webp?v=1775578222"},{"product_id":"dong-quai-60-gelules-tradition-du-soleil-levant","title":"Dong Quai (Angélique chinoise) - 60 gélules - Tradition du Soleil Levant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Dong Quai (Angélique chinoise) - 60 gélules\nPalette détectée:\n - Primaire: #C41E3A (rouge profond du bouchon et des accents)\n - Secondaire: #8B7355 (taupe\/gris du paysage asiatique)\n - Accent: #D4AF37 (doré des caractères \"Soleil Levant\")\n - Cream: #FAF8F5 (fond clair chaleureux)\nAmbiance: Tradition asiatique, élégance féminine, bien-être naturel, influence japonaise\/chinoise\nPréfixe CSS: dq\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Posologie \u0026 durée de cure\"\n 2. \"Composition et ingrédients actifs\"\n 3. \"Bienfaits du Dong Quai\"\n 4. \"Pourquoi choisir ce Dong Quai français ?\"\n 5. \"Précautions d'usage\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"dq-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"dq-hero\"\u003e\n \u003cdiv class=\"dq-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dq-hero-content\"\u003e\n \u003cdiv class=\"dq-badges-top\"\u003e\n \u003cspan class=\"dq-badge\"\u003e🌸 Équilibre féminin\u003c\/span\u003e\n \u003cspan class=\"dq-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"dq-badge\"\u003e🌿 100% végane\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dq-hero-title\"\u003eDong Quai\u003c\/span\u003e\n \u003cp class=\"dq-subtitle\"\u003eAngélique chinoise • 60 gélules végétales\u003c\/p\u003e\n \u003cp class=\"dq-description\"\u003eSurnommée la « plante de la femme », cette racine ancestrale de la médecine traditionnelle chinoise accompagne naturellement chaque étape du cycle féminin, de la puberté à la ménopause.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 : Posologie \u0026 durée de cure --\u003e\n \u003csection class=\"dq-section\"\u003e\n \u003ch2\u003ePosologie \u0026amp; durée de cure\u003c\/h2\u003e\n \u003cdiv class=\"dq-grid-compact\"\u003e\n \u003cdiv class=\"dq-card\"\u003e\n \u003ch3\u003e💊 Dosage quotidien\u003c\/h3\u003e\n \u003cp\u003e1 gélule 3 fois par jour (matin, midi, soir) pendant les repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dq-card\"\u003e\n \u003ch3\u003e📅 Durée du flacon\u003c\/h3\u003e\n \u003cp\u003e60 gélules = environ 20 jours de cure complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dq-tip\"\u003e\n \u003cspan class=\"dq-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePrenez les gélules pendant les repas pour une meilleure tolérance digestive et une absorption optimale des principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Composition et ingrédients actifs --\u003e\n \u003csection class=\"dq-section\"\u003e\n \u003ch2\u003eComposition et ingrédients actifs\u003c\/h2\u003e\n \u003cp class=\"dq-section-intro\"\u003eChaque dose journalière de 3 gélules fournit :\u003c\/p\u003e\n \u003cdiv class=\"dq-composition-card\"\u003e\n \u003cdiv class=\"dq-composition-header\"\u003e\n \u003cspan class=\"dq-composition-icon\"\u003e🌿\u003c\/span\u003e\n \u003cdiv class=\"dq-composition-title\"\u003e\n \u003ch3\u003eExtrait standardisé de Dong Quai\u003c\/h3\u003e\n \u003cp class=\"dq-composition-latin\"\u003eAngelica sinensis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dq-composition-dosage\"\u003e\n \u003cspan class=\"dq-dosage-value\"\u003e~900 mg\u003c\/span\u003e\n \u003cspan class=\"dq-dosage-info\"\u003eextrait 4:1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dq-composition-benefits\"\u003e\n \u003cdiv class=\"dq-benefit-item\"\u003e\n \u003cspan\u003e✓\u003c\/span\u003e\n \u003cp\u003eSoutien hormonal naturel et confort menstruel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dq-benefit-item\"\u003e\n \u003cspan\u003e✓\u003c\/span\u003e\n \u003cp\u003eAtténuation des symptômes de la ménopause (bouffées de chaleur, nervosité)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dq-benefit-item\"\u003e\n \u003cspan\u003e✓\u003c\/span\u003e\n \u003cp\u003eEffet antioxydant contribuant à la vitalité et au ralentissement du vieillissement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dq-equivalence\"\u003e\n \u003cspan\u003e≈ 1,2 g équivalent plante sèche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Bienfaits du Dong Quai --\u003e\n \u003csection class=\"dq-section\"\u003e\n \u003ch2\u003eBienfaits du Dong Quai\u003c\/h2\u003e\n \u003cdiv class=\"dq-grid\"\u003e\n \u003cdiv class=\"dq-card\"\u003e\n \u003ch3\u003e🌺 Confort menstruel\u003c\/h3\u003e\n \u003cp\u003eSoulagement des douleurs et régulation des cycles grâce à ses composants antispasmodiques naturels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dq-card\"\u003e\n \u003ch3\u003e🔥 Soutien à la ménopause\u003c\/h3\u003e\n \u003cp\u003eAtténue les bouffées de chaleur et variations émotionnelles via ses phyto-œstrogènes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dq-card\"\u003e\n \u003ch3\u003e💫 Vitalité générale\u003c\/h3\u003e\n \u003cp\u003eAide à soutenir la circulation sanguine et à atténuer le stress au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dq-card\"\u003e\n \u003ch3\u003e🌱 Formule végane\u003c\/h3\u003e\n \u003cp\u003eGélule 100% végétale, sans allergène animal, adaptée à tous les régimes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Pourquoi choisir ce Dong Quai français ? --\u003e\n \u003csection class=\"dq-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce Dong Quai français ?\u003c\/h2\u003e\n \u003cdiv class=\"dq-grid\"\u003e\n \u003cdiv class=\"dq-card dq-card-highlight\"\u003e\n \u003ch3\u003e⚗️ Extrait concentré 4:1\u003c\/h3\u003e\n \u003cp\u003eStandardisation garantissant une concentration élevée (~900 mg pour 3 gélules)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dq-card dq-card-highlight\"\u003e\n \u003ch3\u003e🏭 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eFabriqué en Sarthe selon les normes de qualité les plus strictes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dq-card dq-card-highlight\"\u003e\n \u003ch3\u003e⏳ Usage prolongé\u003c\/h3\u003e\n \u003cp\u003eConvient à un usage progressif et continu, avec respect des posologies\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Précautions d'usage --\u003e\n \u003csection class=\"dq-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"dq-accordion\"\u003e\n \u003cdetails class=\"dq-accordion-item\"\u003e\n \u003csummary class=\"dq-accordion-header\"\u003e👤 Population concernée\u003c\/summary\u003e\n \u003cdiv class=\"dq-accordion-content\"\u003e\n \u003cp\u003eCe complément est réservé aux adultes. Déconseillé chez les femmes enceintes, allaitantes ou souffrant de troubles hormonaux liés à un cancer hormonodépendant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dq-accordion-item\"\u003e\n \u003csummary class=\"dq-accordion-header\"\u003e⚠️ Avertissements\u003c\/summary\u003e\n \u003cdiv class=\"dq-accordion-content\"\u003e\n \u003cp\u003eNe remplace pas un régime alimentaire équilibré ni un suivi médical. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dq-accordion-item\"\u003e\n \u003csummary class=\"dq-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"dq-accordion-content\"\u003e\n \u003cp\u003eÀ conserver dans un endroit sec, à l'abri de la lumière et de la chaleur, hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"dq-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --dq-cream: #FAF8F5;\n --dq-white: #ffffff;\n --dq-primary: #C41E3A;\n --dq-primary-dark: #9B1B2F;\n --dq-primary-light: #FDF2F4;\n --dq-secondary: #8B7355;\n --dq-accent: #D4AF37;\n\n \/* Textes *\/\n --dq-text: #1a1a1a;\n --dq-text-light: #5a5a5a;\n\n \/* Effets *\/\n --dq-border: #e8e4e0;\n --dq-shadow: 0 4px 24px rgba(196, 30, 58, .08);\n --dq-shadow-lg: 0 12px 48px rgba(196, 30, 58, .15);\n --dq-radius: 20px;\n --dq-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dq-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dq-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dq-hero {\n position: relative;\n background: linear-gradient(135deg, var(--dq-primary) 0%, var(--dq-primary-dark) 50%, #7D1528 100%);\n border-radius: var(--dq-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(--dq-shadow-lg);\n}\n\n.dq-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 5c1.5 3 4.5 5 8 5s6.5-2 8-5c-1.5 3-1.5 6.5 0 10-3.5 0-6.5 2-8 5-1.5-3-4.5-5-8-5s-6.5 2-8 5c1.5-3.5 1.5-7 0-10 3.5 0 6.5-2 8-5z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.dq-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.dq-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dq-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(--dq-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dq-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.dq-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.dq-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .05em;\n}\n\n.dq-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.dq-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dq-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dq-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.dq-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(--dq-primary), var(--dq-accent));\n border-radius: 2px;\n}\n\n.dq-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dq-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === GRILLES === *\/\n.dq-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.dq-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.dq-card {\n background: var(--dq-white);\n border-radius: var(--dq-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dq-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dq-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dq-shadow-lg);\n border-color: var(--dq-primary);\n}\n\n.dq-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dq-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dq-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dq-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.dq-card-highlight {\n background: linear-gradient(135deg, var(--dq-primary-light) 0%, var(--dq-white) 100%);\n border: 2px solid rgba(196, 30, 58, .15);\n}\n\n.dq-grid-compact .dq-card {\n padding: 1rem;\n}\n\n.dq-grid-compact .dq-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dq-grid-compact .dq-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION CARD === *\/\n.dq-composition-card {\n background: var(--dq-white);\n border-radius: var(--dq-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--dq-shadow);\n border: 2px solid rgba(196, 30, 58, .1);\n}\n\n.dq-composition-header {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 1rem;\n padding-bottom: 1.25rem;\n border-bottom: 2px solid var(--dq-border);\n margin-bottom: 1.25rem;\n}\n\n.dq-composition-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.dq-composition-title {\n flex: 1;\n min-width: 200px;\n}\n\n.dq-composition-title h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--dq-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dq-composition-latin {\n font-size: 14px;\n color: var(--dq-text-light);\n font-style: italic;\n margin: 0;\n}\n\n.dq-composition-dosage {\n text-align: center;\n background: linear-gradient(135deg, var(--dq-primary), var(--dq-primary-dark));\n padding: .75rem 1.25rem;\n border-radius: var(--dq-radius-sm);\n}\n\n.dq-dosage-value {\n display: block;\n font-size: 22px;\n font-weight: 900;\n color: white;\n}\n\n.dq-dosage-info {\n display: block;\n font-size: 11px;\n color: rgba(255,255,255,.85);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.dq-composition-benefits {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.dq-benefit-item {\n display: flex;\n align-items: flex-start;\n gap: .75rem;\n}\n\n.dq-benefit-item span {\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, var(--dq-primary), var(--dq-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n font-weight: 700;\n}\n\n.dq-benefit-item p {\n font-size: 14px;\n color: var(--dq-text);\n margin: 0;\n line-height: 1.5;\n}\n\n.dq-equivalence {\n margin-top: 1.25rem;\n padding-top: 1rem;\n border-top: 1px dashed var(--dq-border);\n text-align: center;\n}\n\n.dq-equivalence span {\n display: inline-block;\n background: var(--dq-primary-light);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--dq-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.dq-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dq-primary-light);\n border-radius: var(--dq-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dq-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dq-tip p {\n font-size: 14px;\n color: var(--dq-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.dq-accordion {\n background: var(--dq-white);\n border-radius: var(--dq-radius);\n box-shadow: var(--dq-shadow);\n overflow: hidden;\n}\n\n.dq-accordion-item {\n border-bottom: 1px solid var(--dq-border);\n margin: 0;\n padding: 0;\n}\n\n.dq-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dq-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dq-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.dq-accordion-header:hover {\n background: var(--dq-primary-light);\n}\n\n.dq-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dq-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--dq-primary);\n transition: transform .2s ease;\n}\n\n.dq-accordion-item[open] .dq-accordion-header::after {\n content: '−';\n}\n\n.dq-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dq-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dq-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.dq-disclaimer {\n font-size: 12px;\n color: var(--dq-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .dq-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .dq-card {\n padding: 1.125rem;\n }\n \n .dq-section {\n margin-bottom: 1.75rem;\n }\n \n .dq-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dq-radius-sm);\n }\n \n .dq-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .dq-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .dq-grid-compact {\n gap: .625rem;\n }\n \n .dq-grid-compact .dq-card {\n padding: .75rem;\n }\n \n .dq-composition-header {\n flex-direction: column;\n text-align: center;\n }\n \n .dq-composition-dosage {\n width: 100%;\n }\n \n .dq-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .dq-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dq-card {\n animation: fadeInUp .5s ease backwards;\n }\n .dq-card:nth-child(1) { animation-delay: .05s; }\n .dq-card:nth-child(2) { animation-delay: .1s; }\n .dq-card:nth-child(3) { animation-delay: .15s; }\n .dq-card:nth-child(4) { animation-delay: .2s; }\n .dq-card:nth-child(5) { animation-delay: .25s; }\n .dq-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 .dq-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"TRADITION DU SOLEIL LEVANT","offers":[{"title":"Default Title","offer_id":55181985513849,"sku":"TR1011","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dong-quai-angelique-chinoise-60-gelules-tradition-du-soleil--packshothd.webp?v=1785949203"},{"product_id":"complexe-bio-rhodochrosite-30-ml-ansil","title":"Complexe bio de Rhodochrosite, Framboisier, Airelle \u0026 Tilleul - 30 ml - Ansil","description":"\u003cdiv class=\"an5-premium\"\u003e\n\n \u003cdiv class=\"an5-hero\"\u003e\n \u003cdiv class=\"an5-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"an5-hero-content\"\u003e\n \u003cdiv class=\"an5-badges-top\"\u003e\n \u003cspan class=\"an5-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"an5-badge\"\u003e💎 Lithothérapie \u0026amp; gemmothérapie\u003c\/span\u003e\n \u003cspan class=\"an5-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"an5-hero-title\"\u003eComplexe bio Rhodochrosite, Framboisier, Airelle \u0026amp; Tilleul\u003c\/span\u003e\n \u003cp class=\"an5-subtitle\"\u003eÉlixir Cristal-Bourgeons n°5 — Ansil — 30 ml\u003c\/p\u003e\n \u003cp class=\"an5-description\"\u003eL'alliance précieuse de la rhodochrosite et de trois bourgeons bio pour accompagner le bien-être féminin au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"an5-section\"\u003e\n \u003ch2\u003eComplexe bio n°5 Ansil : l'alliance unique de la rhodochrosite et des bourgeons pour le bien-être féminin\u003c\/h2\u003e\n \u003cp class=\"an5-section-intro\"\u003eVous traversez une période de \u003cstrong\u003eménopause\u003c\/strong\u003e ou de \u003cstrong\u003epéri-ménopause\u003c\/strong\u003e et recherchez une solution naturelle pour retrouver confort et sérénité ?\u003c\/p\u003e\n \u003cdiv class=\"an5-testimonial\"\u003e\n \u003cp class=\"an5-testimonial-text\"\u003eLe \u003cstrong\u003eComplexe Élixir Cristal-Bourgeons n°5 d'Ansil\u003c\/strong\u003e associe le meilleur de la \u003cstrong\u003elithothérapie\u003c\/strong\u003e et de la \u003cstrong\u003egemmothérapie bio\u003c\/strong\u003e dans un flacon de 30 ml. Cette synergie originale entre l'élixir de \u003cstrong\u003erhodochrosite\u003c\/strong\u003e et trois macérats de bourgeons soigneusement sélectionnés — framboisier, airelle et tilleul — vise à vous accompagner au quotidien vers un meilleur équilibre émotionnel et physique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"an5-section\"\u003e\n \u003ch2\u003ePourquoi ces quatre ingrédients sont complémentaires\u003c\/h2\u003e\n \u003cp class=\"an5-section-intro\"\u003eChaque composant de ce complexe a été choisi pour ses propriétés spécifiques, et c'est leur combinaison qui fait toute la richesse de cette formule.\u003c\/p\u003e\n \u003cdiv class=\"an5-grid\"\u003e\n \u003cdiv class=\"an5-card\"\u003e\n \u003ch3\u003e💎 Élixir de rhodochrosite\u003c\/h3\u003e\n \u003cp\u003eEn lithothérapie, cette pierre est reconnue pour favoriser l'\u003cstrong\u003eamour de soi\u003c\/strong\u003e, apaiser les tensions intérieures et aider à retrouver une harmonie émotionnelle. Particulièrement appréciée lors des périodes de transition de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an5-card\"\u003e\n \u003ch3\u003e🌿 Bourgeon de framboisier\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRubus idaeus\u003c\/em\u003e — Le bourgeon de référence en gemmothérapie pour le \u003cstrong\u003erééquilibrage hormonal féminin\u003c\/strong\u003e. Il soutient l'organisme face aux fluctuations hormonales caractéristiques de la ménopause.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an5-card\"\u003e\n \u003ch3\u003e🫐 Bourgeon d'airelle\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eVaccinium vitis idaea\u003c\/em\u003e — Traditionnellement utilisé pour améliorer le \u003cstrong\u003econfort féminin\u003c\/strong\u003e, il contribue à atténuer les bouffées de chaleur et les désagréments liés aux changements hormonaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an5-card\"\u003e\n \u003ch3\u003e🌳 Bourgeon de tilleul\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eTilia tomentosa\u003c\/em\u003e — Véritable allié de la \u003cstrong\u003edétente et du sommeil\u003c\/strong\u003e, il apporte un apaisement profond, idéal quand le stress ou l'insomnie s'invitent pendant cette période.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"an5-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"an5-accordion\"\u003e\n \u003cdetails class=\"an5-accordion-item\" open\u003e\n \u003csummary class=\"an5-accordion-header\"\u003e💎 Élixir de cristal\u003c\/summary\u003e\n \u003cdiv class=\"an5-accordion-content mt-3\"\u003e\n \u003cp\u003eEau purifiée, silice végétale (prêle, ortie, bambou, millet brun, renouée des oiseaux, pissenlit), glycérine végétale, oléorésine de vanille, alcool 16 % vol., potentialisé par des cristaux de \u003cstrong\u003erhodochrosite\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"an5-accordion-item\"\u003e\n \u003csummary class=\"an5-accordion-header\"\u003e🌱 Macérats de bourgeons bio\u003c\/summary\u003e\n \u003cdiv class=\"an5-accordion-content mt-3\"\u003e\n \u003cp\u003eBourgeon de framboisier, bourgeon d'airelle, bourgeon de tilleul, eau, glycérine végétale, alcool 19 % vol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"an5-accordion-item\"\u003e\n \u003csummary class=\"an5-accordion-header\"\u003e✅ Certification biologique\u003c\/summary\u003e\n \u003cdiv class=\"an5-accordion-content mt-3\"\u003e\n \u003cp\u003eTous les bourgeons sont issus de l'\u003cstrong\u003eagriculture biologique certifiée FR-BIO-01\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=\"an5-section\"\u003e\n \u003ch2\u003eConseils d'utilisation : comment prendre ce complexe ?\u003c\/h2\u003e\n \u003cdiv class=\"an5-timeline\"\u003e\n \u003cdiv class=\"an5-timeline-item\"\u003e\n \u003cdiv class=\"an5-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"an5-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez bien le flacon avant chaque utilisation pour homogénéiser la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an5-timeline-item\"\u003e\n \u003cdiv class=\"an5-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"an5-timeline-content\"\u003e\n \u003ch3\u003e30 gouttes par jour vers 18h\u003c\/h3\u003e\n \u003cp\u003eAdministrez les gouttes en \u003cstrong\u003esublingual\u003c\/strong\u003e (sous la langue) pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an5-timeline-item\"\u003e\n \u003cdiv class=\"an5-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"an5-timeline-content\"\u003e\n \u003ch3\u003ePause le dimanche\u003c\/h3\u003e\n \u003cp\u003eObservez une \u003cstrong\u003epause chaque dimanche\u003c\/strong\u003e afin de laisser le corps intégrer les bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an5-timeline-item\"\u003e\n \u003cdiv class=\"an5-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"an5-timeline-content\"\u003e\n \u003ch3\u003eCure de 21 jours\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 30 ml correspond à une cure complète. Pour un soutien prolongé, renouvelez après un temps de pause, idéalement sur les conseils d'un naturopathe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"an5-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"an5-accordion\"\u003e\n \u003cdetails class=\"an5-accordion-item\"\u003e\n \u003csummary class=\"an5-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"an5-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à température ambiante, à l'abri de la lumière et des sources magnétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"an5-accordion-item\"\u003e\n \u003csummary class=\"an5-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"an5-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux enfants, aux femmes enceintes ou allaitantes et aux personnes sensibles à l'alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"an5-accordion-item\"\u003e\n \u003csummary class=\"an5-accordion-header\"\u003e💊 Dosage \u0026amp; avis médical\u003c\/summary\u003e\n \u003cdiv class=\"an5-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e ne se substitue pas à une alimentation variée et équilibrée, ni à un suivi médical. En cas de doute, consultez votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"an5-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complexe Ansil n°5 ?\u003c\/h2\u003e\n \u003cdiv class=\"an5-grid-compact\"\u003e\n \u003cdiv class=\"an5-card\"\u003e\n \u003ch3\u003e🌸 Ménopause\u003c\/h3\u003e\n \u003cp\u003ePour les femmes souhaitant vivre cette étape de façon plus sereine et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an5-card\"\u003e\n \u003ch3\u003e🔄 Péri-ménopause\u003c\/h3\u003e\n \u003cp\u003ePour accompagner les premières fluctuations hormonales en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an5-card\"\u003e\n \u003ch3\u003e💆 Bien-être émotionnel\u003c\/h3\u003e\n \u003cp\u003ePour celles sensibles à la gemmothérapie et à la lithothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an5-card\"\u003e\n \u003ch3\u003e✨ Routine simple\u003c\/h3\u003e\n \u003cp\u003eFormat pratique de 30 ml, prise unique en fin de journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"an5-cta-box\"\u003e\n \u003cp\u003eOffrez-vous une approche douce et naturelle pour traverser cette période de vie avec sérénité. Le Complexe n°5 Ansil se glisse facilement dans votre routine bien-être quotidienne. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"an5-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 --an5-cream: #f7f5f0;\n --an5-white: #ffffff;\n --an5-primary: #2e4a8e;\n --an5-primary-dark: #1c3066;\n --an5-primary-light: #e8edf6;\n --an5-secondary: #6b9e3c;\n --an5-accent: #c76b8a;\n --an5-text: #1a1a1a;\n --an5-text-light: #5a5a5a;\n --an5-border: #e0e0e0;\n --an5-shadow: 0 4px 24px rgba(0,0,0,.08);\n --an5-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --an5-radius: 20px;\n --an5-radius-sm: 12px;\n}\n\n.an5-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--an5-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.an5-hero {\n position: relative;\n background: linear-gradient(135deg, var(--an5-primary-dark) 0%, var(--an5-primary) 45%, #4a7ab5 70%, var(--an5-secondary) 100%);\n border-radius: var(--an5-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(--an5-shadow-lg);\n}\n\n.an5-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(199,107,138,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.an5-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.an5-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.an5-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.an5-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(--an5-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.an5-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.an5-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: .02em;\n}\n\n.an5-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\/* === SECTIONS === *\/\n.an5-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.an5-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--an5-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.an5-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(--an5-accent), var(--an5-primary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.an5-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--an5-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.an5-card {\n background: var(--an5-white);\n border-radius: var(--an5-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--an5-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.an5-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--an5-shadow-lg);\n border-color: var(--an5-primary);\n}\n\n.an5-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--an5-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.an5-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--an5-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.an5-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.an5-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.an5-grid-compact .an5-card {\n padding: 1rem;\n}\n\n.an5-grid-compact .an5-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.an5-grid-compact .an5-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.an5-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.an5-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.an5-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--an5-primary), var(--an5-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.an5-timeline-content {\n flex: 1;\n background: var(--an5-white);\n padding: 1rem 1.25rem;\n border-radius: var(--an5-radius-sm);\n box-shadow: var(--an5-shadow);\n}\n\n.an5-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--an5-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.an5-timeline-content p {\n font-size: 14px;\n color: var(--an5-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.an5-testimonial {\n background: var(--an5-white);\n border-radius: var(--an5-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--an5-shadow);\n border-left: 4px solid var(--an5-accent);\n}\n\n.an5-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--an5-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.an5-accordion {\n background: var(--an5-white);\n border-radius: var(--an5-radius);\n box-shadow: var(--an5-shadow);\n overflow: hidden;\n}\n\n.an5-accordion-item {\n border-bottom: 1px solid var(--an5-border);\n margin: 0;\n padding: 0;\n}\n\n.an5-accordion-item:last-child {\n border-bottom: none;\n}\n\n.an5-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--an5-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.an5-accordion-header:hover {\n background: var(--an5-primary-light);\n}\n\n.an5-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.an5-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--an5-primary);\n transition: transform .2s ease;\n}\n\n.an5-accordion-item[open] .an5-accordion-header::after {\n content: '−';\n}\n\n.an5-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--an5-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.an5-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.an5-cta-box {\n background: linear-gradient(135deg, var(--an5-primary) 0%, var(--an5-primary-dark) 100%);\n border-radius: var(--an5-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.an5-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.an5-disclaimer {\n font-size: 12px;\n color: var(--an5-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 .an5-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .an5-card {\n padding: 1.125rem;\n }\n\n .an5-section {\n margin-bottom: 1.75rem;\n }\n\n .an5-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--an5-radius-sm);\n }\n\n .an5-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .an5-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .an5-grid-compact {\n gap: .625rem;\n }\n\n .an5-grid-compact .an5-card {\n padding: .75rem;\n }\n\n .an5-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .an5-timeline-content {\n padding: .875rem 1rem;\n }\n\n .an5-timeline-content h3 {\n font-size: 14px;\n }\n\n .an5-timeline-content p {\n font-size: 13px;\n }\n\n .an5-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .an5-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .an5-testimonial {\n padding: 1.25rem;\n }\n\n .an5-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .an5-card {\n animation: an5FadeInUp .5s ease backwards;\n }\n .an5-card:nth-child(1) { animation-delay: .05s; }\n .an5-card:nth-child(2) { animation-delay: .1s; }\n .an5-card:nth-child(3) { animation-delay: .15s; }\n .an5-card:nth-child(4) { animation-delay: .2s; }\n .an5-card:nth-child(5) { animation-delay: .25s; }\n .an5-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes an5FadeInUp {\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 .an5-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ANSIL","offers":[{"title":"Default Title","offer_id":55183669789049,"sku":"AL4005","price":23.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/complexe-bio-de-rhodochrosite-framboisier-airelle-tilleul-30-packshothd.webp?v=1774773520"},{"product_id":"yam-sauvage-80-gelules","title":"Yam Sauvage (Wild Yam) – 80 gélules - Neodiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Yam Sauvage (Wild Yam) - Complément alimentaire féminin\nPalette détectée:\n - Primaire: #2c5f2d (vert forêt profond du texte \"WILD YAM\")\n - Secondaire: #4a7c59 (vert moyen naturel)\n - Accent: #8fbc8f (vert doux pour backgrounds)\n - Neutre: #f8f5f0 (blanc cassé du flacon)\nAmbiance: Naturel, végétal, minimaliste, féminin subtil, santé holistique\nStyle: Clean, scientifique-naturel, trustworthy, packaging médical-naturel\nPréfixe CSS: wy\n--\u003e\n\n\u003cdiv class=\"wy-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"wy-hero\"\u003e\n \u003cdiv class=\"wy-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"wy-hero-content\"\u003e\n \u003cdiv class=\"wy-badges-top\"\u003e\n \u003cspan class=\"wy-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"wy-badge\"\u003e♀️ Spécial femmes\u003c\/span\u003e\n \u003cspan class=\"wy-badge\"\u003e🔬 16% diosgénine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"wy-hero-title\"\u003eYam Sauvage (Wild Yam)\u003c\/span\u003e\n \u003cp class=\"wy-subtitle\"\u003eL'allié naturel de votre équilibre hormonal\u003c\/p\u003e\n \u003cp class=\"wy-description\"\u003eUn complément alimentaire de qualité supérieure pour accompagner sereinement la pré-ménopause et la ménopause. Extrait standardisé à 16% de diosgénine pour une efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION: BÉNÉFICES CLÉS --\u003e\n \u003csection class=\"wy-section\"\u003e\n \u003ch2\u003ePourquoi choisir notre Yam Sauvage ?\u003c\/h2\u003e\n \u003cdiv class=\"wy-grid\"\u003e\n \u003cdiv class=\"wy-card\"\u003e\n \u003cdiv class=\"wy-card-icon\"\u003e🌺\u003c\/div\u003e\n \u003ch3\u003eÉquilibre hormonal naturel\u003c\/h3\u003e\n \u003cp\u003eSoutient l'équilibre hormonal féminin grâce à la diosgénine, sans hormones de synthèse. Une solution 100% végétale pour votre bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wy-card\"\u003e\n \u003cdiv class=\"wy-card-icon\"\u003e🔥\u003c\/div\u003e\n \u003ch3\u003eAtténue les inconforts\u003c\/h3\u003e\n \u003cp\u003eAide à réduire les bouffées de chaleur, les sautes d'humeur et la fatigue liées à la ménopause. Retrouvez confort et sérénité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wy-card\"\u003e\n \u003cdiv class=\"wy-card-icon\"\u003e💪\u003c\/div\u003e\n \u003ch3\u003eDosage optimal\u003c\/h3\u003e\n \u003cp\u003e144 mg de diosgénine pure par dose quotidienne (3 gélules). Un extrait titré à 16% pour garantir une concentration maximale en actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wy-card\"\u003e\n \u003cdiv class=\"wy-card-icon\"\u003e🌍\u003c\/div\u003e\n \u003ch3\u003eQualité Neodiet\u003c\/h3\u003e\n \u003cp\u003eFormule développée selon les standards les plus stricts. Un complément de confiance pour accompagner cette période de transition naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION: COMPOSITION --\u003e\n \u003csection class=\"wy-section\"\u003e\n \u003ch2\u003eComposition et actifs\u003c\/h2\u003e\n \u003cdiv class=\"wy-composition-box\"\u003e\n \u003cdiv class=\"wy-comp-header\"\u003e\n \u003cspan class=\"wy-comp-title\"\u003ePour 3 gélules (dose quotidienne)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wy-comp-grid\"\u003e\n \u003cdiv class=\"wy-comp-item\"\u003e\n \u003cdiv class=\"wy-comp-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"wy-comp-details\"\u003e\n \u003ch4\u003eExtrait de Wild Yam\u003c\/h4\u003e\n \u003cp class=\"wy-comp-value\"\u003e900 mg\u003c\/p\u003e\n \u003cp class=\"wy-comp-desc\"\u003eDioscorea villosa standardisé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wy-comp-item\"\u003e\n \u003cdiv class=\"wy-comp-icon\"\u003e⚗️\u003c\/div\u003e\n \u003cdiv class=\"wy-comp-details\"\u003e\n \u003ch4\u003eDiosgénine pure\u003c\/h4\u003e\n \u003cp class=\"wy-comp-value\"\u003e144 mg\u003c\/p\u003e\n \u003cp class=\"wy-comp-desc\"\u003eTitrage à 16% garanti\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wy-comp-item\"\u003e\n \u003cdiv class=\"wy-comp-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"wy-comp-details\"\u003e\n \u003ch4\u003eTunique végétale\u003c\/h4\u003e\n \u003cp class=\"wy-comp-value\"\u003e225 mg\u003c\/p\u003e\n \u003cp class=\"wy-comp-desc\"\u003eGélatine + glycérine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION: MODE D'EMPLOI --\u003e\n \u003csection class=\"wy-section\"\u003e\n \u003ch2\u003eMode d'emploi personnalisé\u003c\/h2\u003e\n \u003cdiv class=\"wy-usage-grid\"\u003e\n \u003cdiv class=\"wy-usage-card wy-usage-premenopause\"\u003e\n \u003cdiv class=\"wy-usage-badge\"\u003ePhase 1\u003c\/div\u003e\n \u003ch3\u003e🌸 En pré-ménopause\u003c\/h3\u003e\n \u003cdiv class=\"wy-usage-content\"\u003e\n \u003cdiv class=\"wy-usage-dosage\"\u003e2 à 3 gélules \/ jour\u003c\/div\u003e\n \u003cp class=\"wy-usage-timing\"\u003e\u003cstrong\u003eDu 14ᵉ jour du cycle\u003c\/strong\u003e jusqu'au \u003cstrong\u003e1ᵉʳ jour des règles\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul class=\"wy-usage-list\"\u003e\n \u003cli\u003eSuivez votre cycle naturel\u003c\/li\u003e\n \u003cli\u003ePause pendant les règles\u003c\/li\u003e\n \u003cli\u003eRépétez chaque mois\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wy-usage-card wy-usage-menopause\"\u003e\n \u003cdiv class=\"wy-usage-badge\"\u003ePhase 2\u003c\/div\u003e\n \u003ch3\u003e🌺 En ménopause\u003c\/h3\u003e\n \u003cdiv class=\"wy-usage-content\"\u003e\n \u003cdiv class=\"wy-usage-dosage\"\u003e2 à 3 gélules \/ jour\u003c\/div\u003e\n \u003cp class=\"wy-usage-timing\"\u003e\u003cstrong\u003eEn continu\u003c\/strong\u003e, tous les jours\u003c\/p\u003e\n \u003cul class=\"wy-usage-list\"\u003e\n \u003cli\u003ePrise quotidienne régulière\u003c\/li\u003e\n \u003cli\u003eAvec un grand verre d'eau\u003c\/li\u003e\n \u003cli\u003eDe préférence au même moment\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wy-duration-box\"\u003e\n \u003cp\u003e\u003cstrong\u003e📦 Durée d'une boîte :\u003c\/strong\u003e 26 à 40 jours selon la posologie (80 gélules)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION: RÉSULTATS ATTENDUS --\u003e\n \u003csection class=\"wy-section\"\u003e\n \u003ch2\u003eLes bénéfices au fil du temps\u003c\/h2\u003e\n \u003cdiv class=\"wy-timeline\"\u003e\n \u003cdiv class=\"wy-timeline-item\"\u003e\n \u003cdiv class=\"wy-timeline-marker\"\u003e1-2\u003c\/div\u003e\n \u003cdiv class=\"wy-timeline-content\"\u003e\n \u003ch4\u003ePremières semaines\u003c\/h4\u003e\n \u003cp\u003eInstallation progressive du confort. Les premiers signes d'amélioration peuvent apparaître.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wy-timeline-item\"\u003e\n \u003cdiv class=\"wy-timeline-marker\"\u003e4-6\u003c\/div\u003e\n \u003cdiv class=\"wy-timeline-content\"\u003e\n \u003ch4\u003ePremier mois\u003c\/h4\u003e\n \u003cp\u003eRéduction notable des bouffées de chaleur et amélioration de l'humeur générale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wy-timeline-item\"\u003e\n \u003cdiv class=\"wy-timeline-marker\"\u003e8-12\u003c\/div\u003e\n \u003cdiv class=\"wy-timeline-content\"\u003e\n \u003ch4\u003eAprès 2-3 mois\u003c\/h4\u003e\n \u003cp\u003eÉquilibre hormonal stabilisé. Confort optimal et bien-être retrouvé au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION: POUR QUI --\u003e\n \u003csection class=\"wy-section\"\u003e\n \u003ch2\u003eCe complément est fait pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"wy-grid\"\u003e\n \u003cdiv class=\"wy-profile-card\"\u003e\n \u003cdiv class=\"wy-profile-emoji\"\u003e🌸\u003c\/div\u003e\n \u003ch3\u003ePré-ménopause\u003c\/h3\u003e\n \u003cp\u003eVous remarquez des cycles irréguliers, des changements d'humeur ou les premiers signes de transition hormonale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wy-profile-card\"\u003e\n \u003cdiv class=\"wy-profile-emoji\"\u003e🔥\u003c\/div\u003e\n \u003ch3\u003eBouffées de chaleur\u003c\/h3\u003e\n \u003cp\u003eVous souffrez de bouffées de chaleur, sueurs nocturnes ou sensations de chaleur intense inconfortables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wy-profile-card\"\u003e\n \u003cdiv class=\"wy-profile-emoji\"\u003e😊\u003c\/div\u003e\n \u003ch3\u003eÉquilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un soutien naturel pour stabiliser votre humeur et retrouver votre sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wy-profile-card\"\u003e\n \u003cdiv class=\"wy-profile-emoji\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eSolution naturelle\u003c\/h3\u003e\n \u003cp\u003eVous privilégiez les alternatives végétales aux hormones de synthèse pour votre santé hormonale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION: QU'EST-CE QUE LE YAM SAUVAGE --\u003e\n \u003csection class=\"wy-section\"\u003e\n \u003ch2\u003eLe Yam Sauvage : une plante millénaire\u003c\/h2\u003e\n \u003cdiv class=\"wy-info-card\"\u003e\n \u003cdiv class=\"wy-info-content\"\u003e\n \u003ch3\u003eDioscorea villosa\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003eWild Yam\u003c\/strong\u003e (igname sauvage) est une plante grimpante originaire d'Amérique du Nord, utilisée traditionnellement par les peuples autochtones pour soutenir la santé féminine. Sa racine contient naturellement de la \u003cstrong\u003ediosgénine\u003c\/strong\u003e, un précurseur végétal qui aide l'organisme à maintenir son équilibre hormonal naturel.\u003c\/p\u003e\n \u003cp\u003eContrairement aux hormones de synthèse, la diosgénine du Yam Sauvage offre un soutien \u003cstrong\u003edoux et progressif\u003c\/strong\u003e, respectueux des processus naturels de votre corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION: PRÉCAUTIONS --\u003e\n \u003csection class=\"wy-section\"\u003e\n \u003ch2\u003ePrécautions et conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"wy-warning-box\"\u003e\n \u003cdiv class=\"wy-warning-grid\"\u003e\n \u003cdiv class=\"wy-warning-item\"\u003e\n \u003cspan class=\"wy-warning-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé aux femmes enceintes\u003c\/strong\u003e – Ne pas utiliser pendant la grossesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wy-warning-item\"\u003e\n \u003cspan class=\"wy-warning-icon\"\u003e📊\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRespecter la dose\u003c\/strong\u003e – Ne pas dépasser 3 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wy-warning-item\"\u003e\n \u003cspan class=\"wy-warning-icon\"\u003e🥗\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eComplément alimentaire\u003c\/strong\u003e – Ne remplace pas une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wy-warning-item\"\u003e\n \u003cspan class=\"wy-warning-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eTenir hors de portée\u003c\/strong\u003e – Conserver à l'abri des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION: INFOS PRATIQUES --\u003e\n \u003csection class=\"wy-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"wy-grid wy-info-grid\"\u003e\n \u003cdiv class=\"wy-info-box\"\u003e\n \u003cdiv class=\"wy-info-box-icon\"\u003e📦\u003c\/div\u003e\n \u003ch4\u003eContenance\u003c\/h4\u003e\n \u003cp class=\"wy-info-value\"\u003e80 gélules\u003c\/p\u003e\n \u003cp class=\"wy-info-detail\"\u003ede 300 mg chacune\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wy-info-box\"\u003e\n \u003cdiv class=\"wy-info-box-icon\"\u003e⏱️\u003c\/div\u003e\n \u003ch4\u003eDurée\u003c\/h4\u003e\n \u003cp class=\"wy-info-value\"\u003e26 à 40 jours\u003c\/p\u003e\n \u003cp class=\"wy-info-detail\"\u003eselon la posologie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wy-info-box\"\u003e\n \u003cdiv class=\"wy-info-box-icon\"\u003e🔬\u003c\/div\u003e\n \u003ch4\u003eTitrage\u003c\/h4\u003e\n \u003cp class=\"wy-info-value\"\u003e16% diosgénine\u003c\/p\u003e\n \u003cp class=\"wy-info-detail\"\u003estandardisé et garanti\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wy-info-box\"\u003e\n \u003cdiv class=\"wy-info-box-icon\"\u003e🏷️\u003c\/div\u003e\n \u003ch4\u003eMarque\u003c\/h4\u003e\n \u003cp class=\"wy-info-value\"\u003eNeodiet\u003c\/p\u003e\n \u003cp class=\"wy-info-detail\"\u003equalité française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"wy-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"wy-cta-box\"\u003e\n \u003cdiv class=\"wy-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"wy-cta-content\"\u003e\n \u003ch3 class=\"wy-cta-title\" style=\"color:white;\"\u003eRetrouvez votre équilibre naturellement !\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003eYam Sauvage Neodiet\u003c\/strong\u003e est votre allié pour traverser la pré-ménopause et la ménopause avec sérénité. Une solution 100% naturelle, sans hormones de synthèse, pour un confort optimal au quotidien.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eOffrez à votre corps le soutien qu'il mérite.\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\/* === VARIABLES CSS === *\/\n:root {\n \/* Couleurs principales *\/\n --wy-cream: #fafaf8;\n --wy-white: #ffffff;\n --wy-primary: #2c5f2d;\n --wy-primary-dark: #1e4420;\n --wy-primary-light: #e8f5e9;\n --wy-secondary: #4a7c59;\n --wy-accent: #8fbc8f;\n \n \/* Textes *\/\n --wy-text: #1a1a1a;\n --wy-text-light: #5a5a5a;\n \n \/* Effets *\/\n --wy-border: #e0e0e0;\n --wy-shadow: 0 4px 24px rgba(44,95,45,.08);\n --wy-shadow-lg: 0 12px 48px rgba(44,95,45,.15);\n --wy-radius: 20px;\n --wy-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.wy-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--wy-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--wy-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.wy-hero {\n position: relative;\n background: linear-gradient(135deg, var(--wy-primary) 0%, var(--wy-secondary) 50%, var(--wy-accent) 100%);\n border-radius: var(--wy-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(--wy-shadow-lg);\n}\n\n.wy-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(\n 45deg,\n transparent,\n transparent 35px,\n rgba(255,255,255,.3) 35px,\n rgba(255,255,255,.3) 70px\n );\n}\n\n.wy-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.wy-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.wy-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(--wy-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.wy-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0,0,0,.15);\n}\n\n.wy-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.wy-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 letter-spacing: -.01em;\n}\n\n.wy-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}\n\n\/* === SECTIONS === *\/\n.wy-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.wy-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--wy-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.wy-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(--wy-primary), var(--wy-secondary));\n border-radius: 2px;\n}\n\n.wy-premium h3 {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--wy-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.wy-premium h4 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 700;\n color: var(--wy-primary);\n margin-bottom: 0.5rem;\n}\n\n\/* === GRILLES === *\/\n.wy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.wy-card {\n background: var(--wy-white);\n border-radius: var(--wy-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--wy-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.wy-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--wy-shadow-lg);\n border-color: var(--wy-primary);\n}\n\n.wy-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.wy-card p {\n color: var(--wy-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.wy-composition-box {\n background: var(--wy-white);\n border-radius: var(--wy-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--wy-shadow);\n border: 3px solid var(--wy-primary-light);\n}\n\n.wy-comp-header {\n text-align: center;\n margin-bottom: 2rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px solid var(--wy-primary-light);\n}\n\n.wy-comp-title {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--wy-primary);\n display: block;\n}\n\n.wy-comp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n}\n\n.wy-comp-item {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.wy-comp-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.wy-comp-details h4 {\n margin-bottom: 0.5rem;\n color: var(--wy-primary-dark);\n}\n\n.wy-comp-value {\n font-size: clamp(22px, 4vw, 28px);\n font-weight: 900;\n color: var(--wy-primary);\n margin: 0.25rem 0;\n}\n\n.wy-comp-desc {\n font-size: 14px;\n color: var(--wy-text-light);\n margin: 0;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.wy-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n}\n\n.wy-usage-card {\n background: var(--wy-white);\n border-radius: var(--wy-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--wy-shadow);\n position: relative;\n border: 3px solid transparent;\n transition: all .3s ease;\n}\n\n.wy-usage-premenopause {\n border-color: var(--wy-accent);\n}\n\n.wy-usage-menopause {\n border-color: var(--wy-secondary);\n}\n\n.wy-usage-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--wy-shadow-lg);\n}\n\n.wy-usage-badge {\n position: absolute;\n top: -12px;\n right: 20px;\n background: var(--wy-primary);\n color: white;\n padding: 6px 16px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.wy-usage-card h3 {\n margin-bottom: 1.5rem;\n padding-bottom: 1rem;\n border-bottom: 2px solid var(--wy-primary-light);\n}\n\n.wy-usage-dosage {\n font-size: clamp(24px, 4vw, 30px);\n font-weight: 900;\n color: var(--wy-primary);\n margin-bottom: 1rem;\n text-align: center;\n background: var(--wy-primary-light);\n padding: 1rem;\n border-radius: var(--wy-radius-sm);\n}\n\n.wy-usage-timing {\n font-size: clamp(15px, 2.5vw, 17px);\n text-align: center;\n margin-bottom: 1.5rem;\n color: var(--wy-text);\n line-height: 1.6;\n}\n\n.wy-usage-timing strong {\n color: var(--wy-primary);\n}\n\n.wy-usage-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.wy-usage-list li {\n padding: 0.75rem 0;\n padding-left: 2rem;\n position: relative;\n color: var(--wy-text-light);\n border-bottom: 1px solid var(--wy-border);\n}\n\n.wy-usage-list li:last-child {\n border-bottom: none;\n}\n\n.wy-usage-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--wy-primary);\n font-weight: 900;\n font-size: 18px;\n}\n\n.wy-duration-box {\n background: var(--wy-primary-light);\n border-radius: var(--wy-radius-sm);\n padding: 1.5rem;\n text-align: center;\n border: 2px solid var(--wy-primary);\n}\n\n.wy-duration-box p {\n margin: 0;\n font-size: clamp(16px, 2.5vw, 19px);\n color: var(--wy-primary-dark);\n}\n\n.wy-duration-box strong {\n color: var(--wy-primary);\n}\n\n\/* === TIMELINE === *\/\n.wy-timeline {\n position: relative;\n padding-left: 60px;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.wy-timeline::before {\n content: '';\n position: absolute;\n left: 20px;\n top: 20px;\n bottom: 20px;\n width: 3px;\n background: linear-gradient(to bottom, var(--wy-primary), var(--wy-accent));\n}\n\n.wy-timeline-item {\n position: relative;\n margin-bottom: 2rem;\n padding: 1.5rem;\n background: var(--wy-white);\n border-radius: var(--wy-radius-sm);\n box-shadow: var(--wy-shadow);\n}\n\n.wy-timeline-marker {\n position: absolute;\n left: -48px;\n top: 50%;\n transform: translateY(-50%);\n width: 40px;\n height: 40px;\n background: var(--wy-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: 14px;\n box-shadow: 0 4px 12px rgba(44,95,45,.3);\n border: 3px solid var(--wy-cream);\n}\n\n.wy-timeline-content h4 {\n margin-bottom: 0.75rem;\n color: var(--wy-primary-dark);\n}\n\n.wy-timeline-content p {\n margin: 0;\n color: var(--wy-text-light);\n line-height: 1.7;\n}\n\n\/* === PROFILES === *\/\n.wy-profile-card {\n background: var(--wy-white);\n border-radius: var(--wy-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--wy-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.wy-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--wy-shadow-lg);\n border-color: var(--wy-accent);\n}\n\n.wy-profile-emoji {\n font-size: 56px;\n margin-bottom: 1rem;\n}\n\n.wy-profile-card p {\n color: var(--wy-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === INFO CARD === *\/\n.wy-info-card {\n background: linear-gradient(135deg, var(--wy-primary-light) 0%, rgba(255,255,255,.5) 100%);\n border-radius: var(--wy-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--wy-shadow);\n border: 3px solid var(--wy-accent);\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n}\n\n.wy-info-icon {\n font-size: 64px;\n flex-shrink: 0;\n}\n\n.wy-info-content h3 {\n margin-bottom: 1rem;\n color: var(--wy-primary-dark);\n}\n\n.wy-info-content p {\n color: var(--wy-text);\n line-height: 1.8;\n margin-bottom: 1rem;\n}\n\n.wy-info-content p:last-child {\n margin-bottom: 0;\n}\n\n.wy-info-content strong {\n color: var(--wy-primary);\n}\n\n\/* === WARNING BOX === *\/\n.wy-warning-box {\n background: #fff3cd;\n border: 3px solid #ffc107;\n border-radius: var(--wy-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n}\n\n.wy-warning-grid {\n display: grid;\n gap: 1.5rem;\n}\n\n.wy-warning-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.wy-warning-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.wy-warning-item p {\n margin: 0;\n color: #856404;\n line-height: 1.6;\n}\n\n.wy-warning-item strong {\n color: #533f03;\n}\n\n\/* === INFO GRID === *\/\n.wy-info-grid {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.wy-info-box {\n background: var(--wy-white);\n border-radius: var(--wy-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--wy-shadow);\n text-align: center;\n border: 2px solid var(--wy-primary-light);\n transition: all .3s ease;\n}\n\n.wy-info-box:hover {\n transform: translateY(-5px);\n border-color: var(--wy-primary);\n}\n\n.wy-info-box-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n}\n\n.wy-info-box h4 {\n margin-bottom: 0.75rem;\n font-size: clamp(15px, 2.5vw, 18px);\n}\n\n.wy-info-value {\n font-size: clamp(20px, 3.5vw, 26px);\n font-weight: 900;\n color: var(--wy-primary);\n margin: 0.5rem 0;\n}\n\n.wy-info-detail {\n font-size: 14px;\n color: var(--wy-text-light);\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.wy-cta-box {\n background: linear-gradient(135deg, var(--wy-primary) 0%, var(--wy-primary-dark) 100%);\n border-radius: var(--wy-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.wy-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: repeating-linear-gradient(\n -45deg,\n transparent,\n transparent 35px,\n rgba(255,255,255,.3) 35px,\n rgba(255,255,255,.3) 70px\n );\n}\n\n.wy-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.wy-cta-title {\n color: white;\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n margin-bottom: 1.5rem;\n letter-spacing: -.02em;\n}\n\n.wy-cta-box p {\n color: rgba(255,255,255,.95);\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: 1rem;\n}\n\n.wy-cta-box p:last-child {\n margin-bottom: 0;\n}\n\n.wy-cta-box strong {\n color: white;\n font-weight: 800;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .wy-grid,\n .wy-usage-grid {\n grid-template-columns: 1fr;\n }\n \n .wy-timeline {\n padding-left: 50px;\n }\n \n .wy-timeline-marker {\n left: -40px;\n width: 36px;\n height: 36px;\n font-size: 12px;\n }\n \n .wy-info-card {\n flex-direction: column;\n text-align: center;\n }\n \n .wy-comp-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .wy-card,\n .wy-profile-card,\n .wy-usage-card,\n .wy-info-box {\n animation: fadeInUp .6s ease backwards;\n }\n \n .wy-card:nth-child(1),\n .wy-profile-card:nth-child(1) { animation-delay: .1s; }\n .wy-card:nth-child(2),\n .wy-profile-card:nth-child(2) { animation-delay: .2s; }\n .wy-card:nth-child(3),\n .wy-profile-card:nth-child(3) { animation-delay: .3s; }\n .wy-card:nth-child(4),\n .wy-profile-card:nth-child(4) { animation-delay: .4s; }\n \n .wy-timeline-item {\n animation: slideInLeft .6s ease backwards;\n }\n \n .wy-timeline-item:nth-child(1) { animation-delay: .15s; }\n .wy-timeline-item:nth-child(2) { animation-delay: .3s; }\n .wy-timeline-item:nth-child(3) { animation-delay: .45s; }\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 .wy-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 .wy-card,\n .wy-profile-card,\n .wy-usage-card {\n border: 3px solid var(--wy-primary);\n }\n}\n\u003c\/style\u003e","brand":"NEODIET","offers":[{"title":"Default Title","offer_id":55183686435193,"sku":"VO4635","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/yam-sauvage-wild-yam-80-gelules-neodiet-packshothd_ccb71ae6-b116-491a-a691-c8ab07b7e104.webp?v=1786016642"},{"product_id":"gattilier-extrait-250mg-60-gelules-vital-osmose","title":"Gattilier extrait 250mg - 60 gélules - Vital Osmose","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🌿 Extrait titré 0,6 % agnuside\u003c\/span\u003e\n \u003cspan class=\"gt-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003cspan class=\"gt-badge\"\u003e🇫🇷 Vital Osmose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gt-hero-title\"\u003eGattilier extrait 250 mg\u003c\/span\u003e\n \u003cp class=\"gt-subtitle\"\u003eÉquilibre et bien-être féminin\u003c\/p\u003e\n \u003cp class=\"gt-description\"\u003eL'extrait de semences de Vitex agnus-castus, standardisé et concentré dans une gélule végétale pour accompagner chaque étape de votre vie hormonale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003eGattilier Vital Osmose : l'extrait de semences pour votre équilibre féminin\u003c\/h2\u003e\n \u003cp class=\"gt-section-intro\"\u003eVous cherchez un soutien naturel pour traverser sereinement vos cycles ou aborder la \u003cstrong\u003eménopause\u003c\/strong\u003e avec plus de confort ? L'\u003cstrong\u003eextrait de gattilier\u003c\/strong\u003e Vital Osmose est formulé spécifiquement pour vous accompagner.\u003c\/p\u003e\n \u003cdiv class=\"gt-grid-compact\"\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🎯 Titré à 0,6 % d'agnuside\u003c\/h3\u003e\n \u003cp\u003eLe marqueur d'efficacité du gattilier, dosé avec précision dans chaque gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🌱 Vitex agnus-castus\u003c\/h3\u003e\n \u003cp\u003eL'une des plantes les plus étudiées en phytothérapie féminine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e💚 Gélule végétale\u003c\/h3\u003e\n \u003cp\u003e100 % d'origine végétale, facile à prendre au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e📦 250 mg par gélule\u003c\/h3\u003e\n \u003cp\u003eExtrait sec concentré, dosage standardisé et constant à chaque prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003eBienfaits du gattilier pour les femmes\u003c\/h2\u003e\n \u003cp class=\"gt-section-intro\"\u003eLe gattilier est l'une des plantes les plus étudiées en phytothérapie féminine. Ses semences renferment des composés actifs précieux — agnuside, aucubine, casticine — qui agissent en synergie sur l'organisme.\u003c\/p\u003e\n \u003cdiv class=\"gt-grid\"\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e😌 Confort prémenstruel\u003c\/h3\u003e\n \u003cp\u003eContribue à apaiser les tensions mammaires, l'irritabilité, les ballonnements et les douleurs abdominales liées au syndrome prémenstruel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🌸 Gattilier et ménopause\u003c\/h3\u003e\n \u003cp\u003eFavorise une transition hormonale plus douce en soutenant l'équilibre naturel du corps, sans action œstrogénique directe. De nombreuses femmes rapportent une amélioration notable de leur bien-être général.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🔄 Régularité du cycle\u003c\/h3\u003e\n \u003cp\u003eSoutient le maintien d'un cycle menstruel harmonieux, même en période de stress ou de déséquilibre passager.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e💜 Soutien émotionnel\u003c\/h3\u003e\n \u003cp\u003eAide à atténuer les sautes d'humeur et la nervosité souvent associées aux fluctuations hormonales.\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\u003eContrairement à un extrait hydroalcoolique, cet \u003cstrong\u003eextrait sec de gattilier\u003c\/strong\u003e offre un dosage standardisé et constant à chaque prise, ce qui garantit une efficacité reproductible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n \u003cdiv class=\"gt-grid\"\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🌿 Extrait de semences de gattilier\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e250 mg\u003c\/strong\u003e de Vitex agnus-castus, titré à \u003cstrong\u003e0,6 % d'agnuside\u003c\/strong\u003e — le principe actif clé pour l'équilibre féminin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e⚗️ Stéarate de magnésium\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e12 mg\u003c\/strong\u003e — anti-agglomérant d'origine végétale pour une répartition homogène de l'actif dans chaque gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e💊 Enveloppe végétale\u003c\/h3\u003e\n \u003cp\u003eGélule d'origine 100 % végétale, parfaitement adaptée aux personnes végétariennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003eGattilier ménopause : quelle posologie adopter ?\u003c\/h2\u003e\n \u003cp class=\"gt-section-intro\"\u003eLa \u003cstrong\u003eposologie du gattilier\u003c\/strong\u003e varie selon votre situation. Avalez les gélules avec un grand verre d'eau, de préférence le matin.\u003c\/p\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\u003eEn période d'activité hormonale\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e pendant 20 jours consécutifs, puis interrompez la prise durant les règles. Reprenez ensuite un nouveau cycle de 20 jours.\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\u003eAprès la ménopause\u003c\/h3\u003e\n \u003cp\u003eVous pouvez prendre \u003cstrong\u003e1 à 2 gélules par jour en continu\u003c\/strong\u003e, sur des cures de plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\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\u003eUn flacon de 60 gélules vous offre \u003cstrong\u003e30 à 60 jours de cure\u003c\/strong\u003e selon le dosage choisi. Pour une approche complémentaire, certaines femmes associent \u003cstrong\u003egattilier et sauge\u003c\/strong\u003e durant la ménopause : n'hésitez pas à demander conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003ePourquoi choisir cet extrait de gattilier Vital Osmose ?\u003c\/h2\u003e\n \u003cdiv class=\"gt-grid-compact\"\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🎯 Titrage garanti\u003c\/h3\u003e\n \u003cp\u003eChaque gélule contient exactement 0,6 % d'agnuside, le marqueur d'efficacité du gattilier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🌱 100 % végétal\u003c\/h3\u003e\n \u003cp\u003eGélule et actifs d'origine naturelle, sans ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e✨ Simplicité d'utilisation\u003c\/h3\u003e\n \u003cp\u003eUne à deux gélules par jour suffisent, sans préparation ni goût désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🏅 Fabrication de qualité\u003c\/h3\u003e\n \u003cp\u003eExtrait standardisé issu de semences sélectionnées selon des critères rigoureux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 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⚠️ Usage et dose journalière\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, équilibrée, ni un traitement médical. Ne dépassez pas la dose journalière recommandée de \u003cstrong\u003e2 gélules\u003c\/strong\u003e.\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\u003eDéconseillé aux femmes enceintes, allaitantes, ou suivant un traitement hormonal, sauf 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🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"gt-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!-- SECTION 7 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003eFiche technique\u003c\/h2\u003e\n \u003cdiv class=\"gt-grid-compact\"\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🔬 Nom botanique\u003c\/h3\u003e\n \u003cp\u003eVitex agnus-castus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🌾 Partie utilisée\u003c\/h3\u003e\n \u003cp\u003eSemences\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e💊 Forme\u003c\/h3\u003e\n \u003cp\u003eExtrait sec titré à 0,6 % d'agnuside\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eFlacon de 60 gélules végétales dosées à 250 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eVital Osmose\u003c\/p\u003e\n \u003c\/div\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\u003e🌿 Retrouvez votre équilibre naturel avec l'extrait de gattilier Vital Osmose — \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e pour 1 à 2 mois de cure au service de votre bien-être féminin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gt-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gt-cream: #f7f5f0;\n --gt-white: #ffffff;\n --gt-primary: #4a8c3f;\n --gt-primary-dark: #2d5e24;\n --gt-primary-light: #e8f3e5;\n --gt-secondary: #7cb342;\n --gt-accent: #a8d08d;\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.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, #2d5e24 0%, #4a8c3f 50%, #7cb342 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% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.05) 0%, transparent 45%);\n opacity: 1;\n}\n\n.gt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\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}\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: 600px;\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}\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-secondary));\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: 650px;\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.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-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.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\/* === TIP === *\/\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\/* === 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\/* === CTA === *\/\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 === *\/\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\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@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":"VITALOSMOSE","offers":[{"title":"Default Title","offer_id":55183696855417,"sku":"VO4660","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gattilier-extrait-250mg-60-gelules-vital-osmose-packshothd.webp?v=1775210798"},{"product_id":"omega-3-caps-epa-dha-inolab","title":"Omega 3 Caps - EPA \u0026 DHA - Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Omega 3 Caps - EPA \u0026 DHA - Inolab\nPalette détectée:\n - Primaire: #F5A623 (jaune-orangé doré du packaging - couleur dominante)\n - Secondaire: #E8941F (orange plus soutenu pour les accents)\n - Accent: #FFD93D (jaune lumineux pour highlights)\nAmbiance: Santé\/bien-être, scientifique mais accessible, moderne et lumineux, confiance et vitalité\nPréfixe CSS: om3\n--\u003e\n\n\u003cdiv class=\"om3-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"om3-hero\"\u003e\n \u003cdiv class=\"om3-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"om3-hero-content\"\u003e\n \u003cdiv class=\"om3-badges-top\"\u003e\n \u003cspan class=\"om3-badge\"\u003e🐟 Huile EPAX® premium\u003c\/span\u003e\n \u003cspan class=\"om3-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"om3-badge\"\u003e💛 80% EPA + DHA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"om3-hero-title\"\u003eOmega 3 Caps EPA \u0026amp; DHA\u003c\/span\u003e\n \u003cp class=\"om3-subtitle\"\u003eVotre triple soutien : cœur, cerveau et vision\u003c\/p\u003e\n \u003cp class=\"om3-description\"\u003e1200 mg d'oméga 3 par jour issus d'huile de poissons sauvages certifiée EPAX®. Une pureté exceptionnelle avec un indice TotOx ultra-bas pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e🎯 Les bienfaits prouvés des oméga 3\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e❤️ Soutien cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eL'EPA et le DHA contribuent au fonctionnement normal du cœur. Effet bénéfique dès 250 mg\/jour selon l'EFSA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🧠 Fonction cérébrale optimisée\u003c\/h3\u003e\n \u003cp\u003eLe DHA participe au maintien d'une fonction cérébrale normale : mémoire, concentration, clarté mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e👁️ Vision préservée\u003c\/h3\u003e\n \u003cp\u003eLe DHA contribue au maintien d'une vision normale, particulièrement précieux face aux écrans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e🔬 Gélules ultra-concentrée\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n \u003ch3\u003e🐟 Huile de poisson EPAX®\u003c\/h3\u003e\n \u003cp class=\"om3-dosage\"\u003e1500 mg \/ jour\u003c\/p\u003e\n \u003cp\u003eMatière première premium issue de poissons sauvages de pêcheries durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n \u003ch3\u003e💛 Oméga 3 totaux\u003c\/h3\u003e\n \u003cp class=\"om3-dosage\"\u003e1200 mg \/ jour\u003c\/p\u003e\n \u003cp\u003eConcentration exceptionnelle de 80% en acides gras essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n \u003ch3\u003e⚡ EPA\u003c\/h3\u003e\n \u003cp class=\"om3-dosage\"\u003e600 mg \/ jour\u003c\/p\u003e\n \u003cp\u003eAcide eicosapentaénoïque pour le système cardiovasculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n \u003ch3\u003e🧬 DHA\u003c\/h3\u003e\n \u003cp class=\"om3-dosage\"\u003e450 mg \/ jour\u003c\/p\u003e\n \u003cp\u003eAcide docosahexaénoïque ciblant cerveau et rétine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CE QUI DISTINGUE --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e✨ Pourquoi choisir les gélules Omega 3 Caps Inolab ?\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🏆 Huile EPAX® certifiée\u003c\/h3\u003e\n \u003cp\u003eRéférence mondiale en huile de poisson purifiée. Garantie sans métaux lourds, PCB ni contaminants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🧪 Indice TotOx ultra-bas\u003c\/h3\u003e\n \u003cp\u003eIndicateur de fraîcheur et stabilité. Plus il est bas, plus l'huile est pure et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e😌 Aucun goût de poisson\u003c\/h3\u003e\n \u003cp\u003eFini les renvois désagréables ! Gélules parfaitement tolérées, même par les estomacs sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eChaque étape de production réalisée en France avec contrôles qualité rigoureux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🍽️ Mangeurs de peu de poisson\u003c\/h3\u003e\n \u003cp\u003eVous consommez moins de 2 poissons gras par semaine ? Cette supplémentation comble vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e💼 Travailleurs intellectuels\u003c\/h3\u003e\n \u003cp\u003eÉtudiants, cadres, seniors : préservez vos capacités cognitives et votre concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e💻 Digital workers\u003c\/h3\u003e\n \u003cp\u003eLongues heures devant les écrans ? Prenez soin de votre vision avec le DHA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n \u003cp\u003eFavorisez votre récupération et soutenez votre système cardiovasculaire naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e📋 Comment prendre Omega 3 Caps ?\u003c\/h2\u003e\n \u003cdiv class=\"om3-timeline\"\u003e\n \u003cdiv class=\"om3-step\"\u003e\n \u003cdiv class=\"om3-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"om3-step-content\"\u003e\n \u003ch3\u003eAdultes : 3 capsules par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence au cours du repas du soir. Les graisses de votre assiette favorisent l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-step\"\u003e\n \u003cdiv class=\"om3-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"om3-step-content\"\u003e\n \u003ch3\u003eEnfants dès 10 ans : 1 capsule par jour\u003c\/h3\u003e\n \u003cp\u003eSi l'enfant peut avaler une gélule sans difficulté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-step\"\u003e\n \u003cdiv class=\"om3-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"om3-step-content\"\u003e\n \u003ch3\u003eCure recommandée : 3 mois minimum\u003c\/h3\u003e\n \u003cp\u003eLe temps nécessaire pour reconstituer vos réserves et observer des effets durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- RÉSULTATS ATTENDUS --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e📈 Quand ressentirez-vous les effets ?\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e⏱️ Après 2-3 semaines\u003c\/h3\u003e\n \u003cp\u003eMeilleure concentration, peau plus souple, moins de fatigue visuelle pour certains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e📅 Après 1 mois\u003c\/h3\u003e\n \u003cp\u003eEffets sur l'humeur et la clarté mentale plus perceptibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🎯 Après 3 mois\u003c\/h3\u003e\n \u003cp\u003eImpact global sur votre bien-être cardiovasculaire et cognitif pleinement évaluable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid-compact\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e💊 90 capsules\u003c\/h3\u003e\n \u003cp\u003eProgramme 30 jours\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e⚖️ Poids net\u003c\/h3\u003e\n \u003cp\u003e60 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🏭 Origine\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e✅ Qualité\u003c\/h3\u003e\n \u003cp\u003eHuile EPAX® certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON - INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"om3-accordion\"\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e📝 Liste complète des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-1\"\u003e\n \u003cp\u003eHuile de poisson EPAX®*, gélatine de poisson*, humectant : glycérol, antioxydants : extrait de romarin (\u003cem\u003eRosmarinus officinalis\u003c\/em\u003e) et vitamine E (mélange de tocophérols).\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Contient du poisson et produits dérivés.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-1\"\u003e\n \u003cp\u003e\u003cstrong\u003eAllergie au poisson :\u003c\/strong\u003e Ce produit contient de l'huile et de la gélatine de poisson. Déconseillé aux personnes allergiques.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eTraitement anticoagulant :\u003c\/strong\u003e Les oméga 3 peuvent avoir un effet fluidifiant sur le sang. Consultez votre médecin.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eGrossesse et allaitement :\u003c\/strong\u003e Demandez l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003cp\u003eCe complément ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e❓ Questions fréquentes\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-1\"\u003e\n \u003cp\u003e\u003cstrong\u003ePeut-on prendre des oméga 3 tous les jours ?\u003c\/strong\u003e\u003cbr\u003eOui, une prise quotidienne est recommandée. Ces acides gras ne sont pas stockés longtemps par le corps.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eLes oméga 3 font-ils grossir ?\u003c\/strong\u003e\u003cbr\u003eNon. Aux doses recommandées, ils ne favorisent pas la prise de poids et participent à un métabolisme lipidique équilibré.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eQuelle différence entre EPA et DHA ?\u003c\/strong\u003e\u003cbr\u003eL'EPA agit sur le système cardiovasculaire, le DHA cible cerveau et rétine. La formule Inolab apporte les deux.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003ePourquoi choisir une huile EPAX® ?\u003c\/strong\u003e\u003cbr\u003eEPAX® garantit l'absence de métaux lourds, PCB et contaminants, avec une concentration élevée en acides gras actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"om3-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"om3-cta-box\"\u003e\n \u003cp\u003e🐟 \u003cstrong\u003e1200 mg d'oméga 3 par jour\u003c\/strong\u003e • Huile EPAX® ultra-pure de poissons sauvages • Triple action cœur, cerveau, vision • Haute tolérance digestive sans goût de poisson • Fabrication française avec traçabilité complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --om3-cream: #FFFBF5;\n --om3-white: #ffffff;\n --om3-primary: #F5A623;\n --om3-primary-dark: #D4890A;\n --om3-primary-light: #FFF5E6;\n --om3-secondary: #E8941F;\n --om3-accent: #FFD93D;\n\n \/* Textes *\/\n --om3-text: #1a1a1a;\n --om3-text-light: #5a5a5a;\n\n \/* Effets *\/\n --om3-border: #e0e0e0;\n --om3-shadow: 0 4px 24px rgba(0,0,0,.08);\n --om3-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --om3-radius: 20px;\n --om3-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.om3-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--om3-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.om3-hero {\n position: relative;\n background: linear-gradient(135deg, #FFD93D 0%, #F5A623 50%, #D4890A 100%);\n border-radius: var(--om3-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--om3-shadow-lg);\n}\n\n.om3-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5C17.3 5 5 17.3 5 30s12.3 25 25 25 25-12.3 25-25S42.7 5 30 5zm0 40c-8.3 0-15-6.7-15-15s6.7-15 15-15 15 6.7 15 15-6.7 15-15 15z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.om3-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.om3-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.om3-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--om3-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.om3-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE === *\/\n.om3-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.om3-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.om3-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.om3-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.om3-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--om3-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.om3-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--om3-primary), var(--om3-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.om3-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.om3-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.om3-card {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--om3-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.om3-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--om3-shadow-lg);\n border-color: var(--om3-primary);\n}\n\n.om3-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.om3-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--om3-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.om3-card-highlight {\n background: linear-gradient(135deg, var(--om3-primary-light) 0%, var(--om3-white) 100%);\n border: 2px solid var(--om3-primary);\n}\n\n.om3-dosage {\n font-size: clamp(20px, 4vw, 28px) !important;\n font-weight: 900 !important;\n color: var(--om3-primary) !important;\n margin: .5rem 0 !important;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.om3-grid-compact .om3-card {\n padding: 1rem;\n}\n\n.om3-grid-compact .om3-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.om3-grid-compact .om3-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.om3-timeline {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.om3-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--om3-shadow);\n transition: all .3s ease;\n}\n\n.om3-step:hover {\n transform: translateX(8px);\n box-shadow: var(--om3-shadow-lg);\n}\n\n.om3-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--om3-primary), var(--om3-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 12px rgba(245,166,35,.4);\n}\n\n.om3-step-content h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.om3-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--om3-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.om3-accordion {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n box-shadow: var(--om3-shadow);\n overflow: hidden;\n}\n\n.om3-accordion-item {\n border-bottom: 1px solid var(--om3-border);\n margin: 0;\n padding: 0;\n}\n\n.om3-accordion-item:last-child {\n border-bottom: none;\n}\n\n.om3-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--om3-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.om3-accordion-header:hover {\n background: var(--om3-primary-light);\n}\n\n.om3-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.om3-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--om3-primary);\n transition: transform .2s ease;\n}\n\n.om3-accordion-item[open] .om3-accordion-header::after {\n content: '−';\n}\n\n.om3-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--om3-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.om3-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.om3-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.mt-1 {\n margin-top: 5px;\n}\n\n\/* === CTA FINAL === *\/\n.om3-cta-box {\n background: linear-gradient(135deg, var(--om3-primary) 0%, var(--om3-primary-dark) 100%);\n border-radius: var(--om3-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.om3-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .om3-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .om3-card {\n padding: 1.125rem;\n }\n \n .om3-section {\n margin-bottom: 1.75rem;\n }\n \n .om3-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--om3-radius-sm);\n }\n \n .om3-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .om3-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .om3-badges-top {\n gap: 8px;\n }\n \n .om3-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .om3-grid-compact {\n gap: .625rem;\n }\n \n .om3-grid-compact .om3-card {\n padding: .75rem;\n }\n \n .om3-step {\n padding: 1rem;\n gap: 1rem;\n }\n \n .om3-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .om3-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .om3-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .om3-card {\n animation: fadeInUp .5s ease backwards;\n }\n .om3-card:nth-child(1) { animation-delay: .05s; }\n .om3-card:nth-child(2) { animation-delay: .1s; }\n .om3-card:nth-child(3) { animation-delay: .15s; }\n .om3-card:nth-child(4) { animation-delay: .2s; }\n .om3-card:nth-child(5) { animation-delay: .25s; }\n .om3-card:nth-child(6) { animation-delay: .3s; }\n \n .om3-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .om3-step:nth-child(1) { animation-delay: .1s; }\n .om3-step:nth-child(2) { animation-delay: .2s; }\n .om3-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .om3-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55203003957625,"sku":"OMEGAFORM","price":15.43,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/omega-3-caps-epa-dha-inolab-packshothd.webp?v=1785936622"},{"product_id":"acide-hyaluronique-gelules-hydraform-inolab","title":"Hydraform Acide Hyaluronique 30 gélules - 20-50 kDA - Inolab","description":"\u003cdiv class=\"ah-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ah-hero\"\u003e\n \u003cdiv class=\"ah-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ah-hero-content\"\u003e\n \u003cdiv class=\"ah-badges-top\"\u003e\n \u003cspan class=\"ah-badge\"\u003e🌿 100 % vegan\u003c\/span\u003e\n \u003cspan class=\"ah-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ah-badge\"\u003e💊 1 gélule \/ jour\u003c\/span\u003e\n \u003cspan class=\"ah-badge\"\u003e📅 Programme 30 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ah-hero-title\"\u003eHydraform Acide Hyaluronique\u003c\/span\u003e\n \u003cp class=\"ah-subtitle\"\u003e200 mg · Bas poids moléculaire 20-50 kDa · Gélule gastro-résistante\u003c\/p\u003e\n \u003cp class=\"ah-description\"\u003eL'alternative naturelle aux injections : repulpez, hydratez et raffermissez votre peau de l'intérieur grâce à la forme d'acide hyaluronique la mieux absorbée du marché.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ah-section\"\u003e\n \u003ch2\u003eL'acide hyaluronique en gélules à bas poids moléculaire : l'alternative naturelle aux injections\u003c\/h2\u003e\n \u003cp class=\"ah-section-intro\"\u003eVous cherchez à retrouver une peau repulpée et bien hydratée \u003cstrong\u003esans passer par les injections d'acide hyaluronique\u003c\/strong\u003e ? La formule \u003cstrong\u003eHydraform d'Inolab\u003c\/strong\u003e vous propose un véritable soin de beauté par voie orale : une gélule par jour suffit pour apporter à votre organisme \u003cstrong\u003e200 mg d'acide hyaluronique à bas poids moléculaire (20-50 kDa)\u003c\/strong\u003e, la forme la mieux absorbée par le corps.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ah-section\"\u003e\n \u003ch2\u003ePourquoi le poids moléculaire change tout\u003c\/h2\u003e\n \u003cp class=\"ah-section-intro\"\u003eTous les compléments d'acide hyaluronique ne se valent pas. La différence se joue principalement sur le \u003cstrong\u003epoids moléculaire\u003c\/strong\u003e. Plus il est bas, plus la molécule traverse facilement la barrière intestinale pour atteindre les couches profondes de la peau.\u003c\/p\u003e\n \u003cdiv class=\"ah-grid-compact\"\u003e\n \u003cdiv class=\"ah-card\"\u003e\n \u003ch3\u003e🔬 20-50 kDa\u003c\/h3\u003e\n \u003cp\u003ePoids moléculaire ultra-bas pour une absorption maximale par l'intestin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-card\"\u003e\n \u003ch3\u003e🛡️ Gélule gastro-résistante\u003c\/h3\u003e\n \u003cp\u003eEnveloppe HPMC végétale protégeant l'actif des sucs gastriques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-card\"\u003e\n \u003ch3\u003e🎯 Action en profondeur\u003c\/h3\u003e\n \u003cp\u003eAgit de l'intérieur pour nourrir véritablement les tissus en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-card\"\u003e\n \u003ch3\u003e⚡ Assimilation optimale\u003c\/h3\u003e\n \u003cp\u003eL'actif arrive intact dans l'intestin grâce à la protection gastro-résistante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ah-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"ah-grid\"\u003e\n \u003cdiv class=\"ah-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde de la peau\u003c\/h3\u003e\n \u003cp\u003eL'acide hyaluronique peut fixer jusqu'à \u003cstrong\u003e1000 fois son poids en eau\u003c\/strong\u003e, contribuant à repulper visiblement l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-card\"\u003e\n \u003ch3\u003e✨ Réduction de l'apparence des rides\u003c\/h3\u003e\n \u003cp\u003eEn restaurant les réserves naturelles, la peau retrouve \u003cstrong\u003efermeté et élasticité\u003c\/strong\u003e jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eSoutient les tissus conjonctifs — cartilage, tendons, ligaments — souvent sollicités avec l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-card\"\u003e\n \u003ch3\u003e🌿 Formule 100 % vegan\u003c\/h3\u003e\n \u003cp\u003eSans allergènes ni additifs artificiels. Une formule propre et respectueuse de votre corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-card\"\u003e\n \u003ch3\u003e💊 Routine ultra simple\u003c\/h3\u003e\n \u003cp\u003eUne seule gélule par jour, à jeun ou pendant un repas. Rien de plus facile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ah-section\"\u003e\n \u003ch2\u003eComposition détaillée pour une gélule\u003c\/h2\u003e\n \u003cdiv class=\"ah-grid\"\u003e\n \u003cdiv class=\"ah-card ah-card-compo\"\u003e\n \u003ch3\u003e🧪 Sodium hyaluronate\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e210,7 mg\u003c\/strong\u003e dont \u003cstrong\u003e200 mg d'acide hyaluronique pur\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-card ah-card-compo\"\u003e\n \u003ch3\u003e🌾 Fibregum™\u003c\/h3\u003e\n \u003cp\u003eFibres d'acacia bio (\u003cem\u003eAcacia seyal delile\u003c\/em\u003e), améliorant la tolérance digestive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-card ah-card-compo\"\u003e\n \u003ch3\u003e🍚 Antiagglomérant\u003c\/h3\u003e\n \u003cp\u003eAmidon de riz biologique pour une formulation pure et naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-card ah-card-compo\"\u003e\n \u003ch3\u003e💊 Enveloppe de la gélule\u003c\/h3\u003e\n \u003cp\u003eHPMC gastro-résistante végétale pour une protection optimale de l'actif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-tip\"\u003e\n \u003cspan class=\"ah-tip-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eFabriqué en France · Sans OGM · Packaging recyclable\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ah-section\"\u003e\n \u003ch2\u003ePosologie et conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"ah-timeline\"\u003e\n \u003cdiv class=\"ah-timeline-item\"\u003e\n \u003cdiv class=\"ah-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ah-timeline-content\"\u003e\n \u003ch3\u003eDose recommandée\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e, c'est tout ce qu'il vous faut.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-timeline-item\"\u003e\n \u003cdiv class=\"ah-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ah-timeline-content\"\u003e\n \u003ch3\u003eQuand la prendre\u003c\/h3\u003e\n \u003cp\u003eLe matin \u003cstrong\u003eà jeun\u003c\/strong\u003e pour une absorption optimale, ou au cours d'un repas si vous êtes sensible au niveau digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-timeline-item\"\u003e\n \u003cdiv class=\"ah-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ah-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eProgramme de \u003cstrong\u003e30 jours\u003c\/strong\u003e, idéalement renouvelé sur \u003cstrong\u003e3 mois\u003c\/strong\u003e pour des résultats durables. Les premiers effets apparaissent entre \u003cstrong\u003e4 et 8 semaines\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ah-tip\"\u003e\n \u003cspan class=\"ah-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour amplifier les résultats, associez votre cure à un sérum à l'acide hyaluronique appliqué en topique. L'action combinée intérieure et extérieure offre une synergie particulièrement efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 \u0026 7 — ACCORDÉON --\u003e\n \u003csection class=\"ah-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ah-accordion\"\u003e\n \u003cdetails class=\"ah-accordion-item\" open\u003e\n \u003csummary class=\"ah-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ah-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière indiquée. Ce complément alimentaire \u003cstrong\u003ene se substitue pas à une alimentation variée et équilibrée\u003c\/strong\u003e ni à un mode de vie sain. Déconseillé aux femmes enceintes ou allaitantes. Si vous suivez un traitement médical ou envisagez une injection d'acide hyaluronique en médecine esthétique, consultez votre professionnel de santé avant toute supplémentation. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ah-section\"\u003e\n \u003ch2\u003eConservation\u003c\/h2\u003e\n \u003cdiv class=\"ah-accordion\"\u003e\n \u003cdetails class=\"ah-accordion-item\" open\u003e\n \u003csummary class=\"ah-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ah-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver dans un endroit sec, à température modérée, à l'abri de la lumière et de l'humidité. Bien refermer le sachet après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ah-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ah-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre peau une hydratation profonde et durable — \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e pour retrouver éclat, fermeté et confort articulaire. Commencez votre cure Hydraform dès aujourd'hui.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ah-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --ah-cream: #fdf8f5;\n --ah-white: #ffffff;\n --ah-primary: #d4896a;\n --ah-primary-dark: #a85d42;\n --ah-primary-light: #fdf0ea;\n --ah-secondary: #e8a98e;\n --ah-accent: #c27252;\n\n \/* Textes *\/\n --ah-text: #1a1a1a;\n --ah-text-light: #5a5a5a;\n\n \/* Effets *\/\n --ah-border: #f0e0d6;\n --ah-shadow: 0 4px 24px rgba(164,93,66,.08);\n --ah-shadow-lg: 0 12px 48px rgba(164,93,66,.15);\n --ah-radius: 20px;\n --ah-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ah-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ah-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ah-hero {\n position: relative;\n background: linear-gradient(135deg, #a85d42 0%, #d4896a 50%, #e8a98e 100%);\n border-radius: var(--ah-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ah-shadow-lg);\n}\n\n.ah-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(ellipse at 30% 20%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 80%, rgba(255,255,255,.08) 0%, transparent 50%);\n opacity: 1;\n}\n\n.ah-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ah-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ah-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.ah-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ah-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ah-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ah-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ah-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ah-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ah-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ah-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ah-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ah-primary), var(--ah-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ah-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ah-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n}\n\n\/* === CARDS === *\/\n.ah-card {\n background: var(--ah-white);\n border-radius: var(--ah-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ah-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ah-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ah-shadow-lg);\n border-color: var(--ah-primary);\n}\n\n.ah-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ah-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ah-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ah-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ah-card-compo {\n border-left: 4px solid var(--ah-secondary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.ah-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ah-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ah-grid-compact .ah-card {\n padding: 1rem;\n}\n\n.ah-grid-compact .ah-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ah-grid-compact .ah-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ah-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ah-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ah-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ah-primary), var(--ah-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ah-timeline-content {\n flex: 1;\n background: var(--ah-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ah-radius-sm);\n box-shadow: var(--ah-shadow);\n}\n\n.ah-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ah-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ah-timeline-content p {\n font-size: 14px;\n color: var(--ah-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ah-testimonial {\n background: var(--ah-white);\n border-radius: var(--ah-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ah-shadow);\n border-left: 4px solid var(--ah-primary);\n}\n\n.ah-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ah-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ah-accordion {\n background: var(--ah-white);\n border-radius: var(--ah-radius);\n box-shadow: var(--ah-shadow);\n overflow: hidden;\n}\n\n.ah-accordion-item {\n border-bottom: 1px solid var(--ah-border);\n margin: 0;\n padding: 0;\n}\n\n.ah-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ah-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ah-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ah-accordion-header:hover {\n background: var(--ah-primary-light);\n}\n\n.ah-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ah-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ah-primary);\n transition: transform .2s ease;\n}\n\n.ah-accordion-item[open] .ah-accordion-header::after {\n content: '−';\n}\n\n.ah-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ah-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ah-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ah-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ah-primary-light);\n border-radius: var(--ah-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ah-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ah-tip p {\n font-size: 14px;\n color: var(--ah-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ah-cta-box {\n background: linear-gradient(135deg, var(--ah-primary) 0%, var(--ah-primary-dark) 100%);\n border-radius: var(--ah-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ah-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ah-disclaimer {\n font-size: 12px;\n color: var(--ah-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ah-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ah-card {\n padding: 1.125rem;\n }\n\n .ah-section {\n margin-bottom: 1.75rem;\n }\n\n .ah-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ah-radius-sm);\n }\n\n .ah-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ah-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ah-grid-compact {\n gap: .625rem;\n }\n\n .ah-grid-compact .ah-card {\n padding: .75rem;\n }\n\n .ah-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ah-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ah-timeline-content h3 {\n font-size: 14px;\n }\n\n .ah-timeline-content p {\n font-size: 13px;\n }\n\n .ah-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ah-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ah-testimonial {\n padding: 1.25rem;\n }\n\n .ah-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ah-card {\n animation: ahFadeInUp .5s ease backwards;\n }\n .ah-card:nth-child(1) { animation-delay: .05s; }\n .ah-card:nth-child(2) { animation-delay: .1s; }\n .ah-card:nth-child(3) { animation-delay: .15s; }\n .ah-card:nth-child(4) { animation-delay: .2s; }\n .ah-card:nth-child(5) { animation-delay: .25s; }\n .ah-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ahFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ah-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55294065246585,"sku":"HYDRAFORM","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/hydraform-acide-hyaluronique-30-gelules-20-50-kda-inolab-packshothd.webp?v=1785937238"},{"product_id":"huile-omega-3-150ml-inolab","title":"Huile d'Oméga 3 EPA DHA EPAX Ultra concentré - 150ml - Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile d'Oméga 3 EPA DHA EPAX Ultra concentré - Omégaform - Laboratoire Inolab\nPalette détectée:\n - Primaire: #E8B617 (jaune doré vif du packaging et des bandeaux)\n - Secondaire: #3AABD2 (bleu cyan\/turquoise des visuels et infographies)\n - Accent: #1A7FA0 (bleu plus foncé des textes sur fond cyan)\n - Fond sombre packaging: #4A2810 (flacon brun ambré)\nAmbiance: Santé\/bien-être familial, scientifique mais accessible, fraîcheur (citron), pureté nordique (EPAX Norvège), confiance laboratoire\nPréfixe CSS: of\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile d'Oméga 3 EPA DHA ultra-concentrée Omégaform – Qualité EPAX®\"\n 2. \"Ce qui rend cette huile riche en oméga-3 unique\"\n 3. \"Les bienfaits reconnus des oméga-3 EPA et DHA\"\n 4. \"Composition complète\"\n 5. \"Posologie et conseils d'utilisation\"\n 6. \"Notre conseil pour maximiser les résultats\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"of-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"of-hero\"\u003e\n \u003cdiv class=\"of-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"of-hero-content\"\u003e\n \u003cdiv class=\"of-badges-top\"\u003e\n \u003cspan class=\"of-badge\"\u003e🇳🇴 Qualité EPAX® Norvège\u003c\/span\u003e\n \u003cspan class=\"of-badge\"\u003e🍋 Goût citron naturel\u003c\/span\u003e\n \u003cspan class=\"of-badge\"\u003e💛 1838 mg d'oméga-3\/dose\u003c\/span\u003e\n \u003cspan class=\"of-badge\"\u003e👨‍👩‍👧‍👦 Format familial 150 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"of-hero-title\"\u003eOmégaform – Huile d'Oméga 3 ultra-concentrée\u003c\/span\u003e\n \u003cp class=\"of-subtitle\"\u003eLaboratoire Inolab · Huile de poisson EPAX® · EPA \u0026amp; DHA forme triglycérides\u003c\/p\u003e\n \u003cp class=\"of-description\"\u003eL'huile oméga-3 la plus concentrée et la plus pure du marché, avec un goût citron agréable même pour les enfants. Indice TotOx ultra-bas, absorption maximale, zéro arrière-goût de poisson.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"of-section\"\u003e\n \u003ch2\u003eHuile d'Oméga 3 EPA DHA ultra-concentrée Omégaform – Qualité EPAX®\u003c\/h2\u003e\n \u003cp class=\"of-section-intro\"\u003eVous cherchez une huile oméga-3 réellement concentrée, pure et agréable à prendre ? L'Omégaform du Laboratoire Inolab coche toutes les cases.\u003c\/p\u003e\n \u003cdiv class=\"of-highlight-box\"\u003e\n \u003cdiv class=\"of-highlight-grid\"\u003e\n \u003cdiv class=\"of-highlight-stat\"\u003e\n \u003cspan class=\"of-stat-number\"\u003e1838 mg\u003c\/span\u003e\n \u003cspan class=\"of-stat-label\"\u003ed'oméga-3 EPA DHA par dose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-highlight-stat\"\u003e\n \u003cspan class=\"of-stat-number\"\u003e90 %\u003c\/span\u003e\n \u003cspan class=\"of-stat-label\"\u003eforme triglycérides naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-highlight-stat\"\u003e\n \u003cspan class=\"of-stat-number\"\u003e\u0026lt; 10\u003c\/span\u003e\n \u003cspan class=\"of-stat-label\"\u003eindice TotOx garanti\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-highlight-stat\"\u003e\n \u003cspan class=\"of-stat-number\"\u003e60 jours\u003c\/span\u003e\n \u003cspan class=\"of-stat-label\"\u003ede cure pour un adulte\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"of-section-text\"\u003eFormulée à partir d'huile de poisson de qualité \u003cstrong\u003eEPAX®\u003c\/strong\u003e (Norvège), elle fournit \u003cstrong\u003e918 mg d'EPA\u003c\/strong\u003e et \u003cstrong\u003e689 mg de DHA\u003c\/strong\u003e par dose de 2,5 ml, sous forme triglycérides naturelle pour une absorption optimale par votre organisme. Et son arôme naturel de citron ? Il élimine totalement l'arrière-goût de poisson que beaucoup redoutent.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"of-section\"\u003e\n \u003ch2\u003eCe qui rend cette huile riche en oméga-3 unique\u003c\/h2\u003e\n \u003cdiv class=\"of-grid\"\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e⚡ Ultra-concentrée\u003c\/h3\u003e\n \u003cp\u003e2297 mg d'huile de poisson par dose de 2,5 ml, dont 918 mg d'EPA et 689 mg de DHA pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🏅 Qualité EPAX® certifiée\u003c\/h3\u003e\n \u003cp\u003eHuile ultra pure issue de petits poissons sauvages (anchois, sardines, maquereaux), contrôlée pour l'absence de métaux lourds, PCB et dioxines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🔬 Forme triglycérides à 90 %\u003c\/h3\u003e\n \u003cp\u003eBiodisponibilité supérieure aux formes éthyl-ester, meilleure tolérance digestive et absorption par l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🧊 Indice TotOx bas\u003c\/h3\u003e\n \u003cp\u003eGage d'une huile fraîche, peu oxydée et plus efficace. Omégaform garantit un indice TotOx toujours inférieur à 10.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🛡️ Conservation optimale\u003c\/h3\u003e\n \u003cp\u003eFlacon en verre fumé et boîte opaque, protégés par des antioxydants naturels (extrait de romarin, vitamine E).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🍋 Sans odeur de poisson\u003c\/h3\u003e\n \u003cp\u003eGoût citron naturel agréable, même pour les enfants. Fini les grimaces au moment de la prise !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Format familial 150 ml\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 60 jours pour un adulte, jusqu'à 10 mois pour un enfant. Une pipette graduée pour un dosage précis adapté à chaque âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"of-section\"\u003e\n \u003ch2\u003eLes bienfaits reconnus des oméga-3 EPA et DHA\u003c\/h2\u003e\n \u003cp class=\"of-section-intro\"\u003eLes oméga-3 EPA\/DHA sont des acides gras essentiels que votre corps ne sait pas fabriquer. Ils doivent être apportés par l'alimentation ou la supplémentation. Voici pourquoi ils comptent vraiment :\u003c\/p\u003e\n \u003cdiv class=\"of-grid-compact\"\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e❤️ Fonction cardiaque\u003c\/h3\u003e\n \u003cp\u003eL'EPA et le DHA contribuent au fonctionnement normal du cœur (effet obtenu dès 250 mg\/jour).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🧠 Cerveau et vision\u003c\/h3\u003e\n \u003cp\u003eLe DHA participe au maintien d'une fonction cérébrale et d'une vision normales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🩸 Tension artérielle\u003c\/h3\u003e\n \u003cp\u003eLe DHA et l'EPA aident à maintenir une pression sanguine normale (à partir de 3 g\/jour).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e💪 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eLes oméga-3 soutiennent l'équilibre inflammatoire global de l'organisme pour plus de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"of-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"of-accordion\"\u003e\n \u003cdetails class=\"of-accordion-item\" open\u003e\n \u003csummary class=\"of-accordion-header\"\u003e🧪 Ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"of-accordion-content mt-3\"\u003e\n \u003cp\u003eHuile de poisson qualité EPAX® (anchois, sardines, maquereaux), arôme naturel citron. \u003cstrong\u003eAntioxydants :\u003c\/strong\u003e extraits de romarin, vitamine E (mélange de tocophérols).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"of-accordion-item\"\u003e\n \u003csummary class=\"of-accordion-header\"\u003e📊 Apports pour 2,5 ml\u003c\/summary\u003e\n \u003cdiv class=\"of-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eHuile de poisson :\u003c\/strong\u003e 2297 mg\u003cbr\u003e\n \u003cstrong\u003eOméga-3 totaux :\u003c\/strong\u003e 1838 mg\u003cbr\u003e\n — dont \u003cstrong\u003eEPA :\u003c\/strong\u003e 918 mg\u003cbr\u003e\n — dont \u003cstrong\u003eDHA :\u003c\/strong\u003e 689 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"of-accordion-item\"\u003e\n \u003csummary class=\"of-accordion-header\"\u003e✅ Garanties qualité\u003c\/summary\u003e\n \u003cdiv class=\"of-accordion-content mt-3\"\u003e\n \u003cp\u003eSans colorant, sans conservateur artificiel, sans gélatine bovine. Compatible avec un régime cétogène. Forme triglycérides à 90 %. Indice TotOx garanti inférieur à 10.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"of-section\"\u003e\n \u003ch2\u003ePosologie et conseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"of-section-intro\"\u003ePrenez l'Omégaform au cours d'un repas pour favoriser l'absorption des acides gras :\u003c\/p\u003e\n \u003cdiv class=\"of-timeline\"\u003e\n \u003cdiv class=\"of-timeline-item\"\u003e\n \u003cdiv class=\"of-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"of-timeline-content\"\u003e\n \u003ch3\u003e👶 Enfants de 3 à 6 ans\u003c\/h3\u003e\n \u003cp\u003e0,5 ml\/jour à l'aide de la pipette graduée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-timeline-item\"\u003e\n \u003cdiv class=\"of-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"of-timeline-content\"\u003e\n \u003ch3\u003e🧒 Enfants de 6 à 12 ans\u003c\/h3\u003e\n \u003cp\u003e1 ml\/jour à l'aide de la pipette graduée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-timeline-item\"\u003e\n \u003cdiv class=\"of-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"of-timeline-content\"\u003e\n \u003ch3\u003e🧑 Adolescents et adultes\u003c\/h3\u003e\n \u003cp\u003e2,5 ml\/jour à l'aide de la pipette ou ½ cuillère à café.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-tip\"\u003e\n \u003cspan class=\"of-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAgitez bien le flacon avant chaque utilisation. Après ouverture, conservez au réfrigérateur et consommez dans les 3 mois. En cas de grossesse, d'allaitement ou de traitement médical, demandez conseil à votre médecin avant toute prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"of-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eNotre conseil pour maximiser les résultats\u003c\/h2\u003e\n \u003cdiv class=\"of-cta-box\"\u003e\n \u003cp\u003ePour tirer le meilleur parti de votre huile riche en oméga 3, associez-la à une alimentation variée incluant des \u003cstrong\u003epoissons gras deux fois par semaine\u003c\/strong\u003e, des noix et des graines de lin. Un apport régulier en \u003cstrong\u003evitamine D\u003c\/strong\u003e renforce la synergie avec les oméga-3 EPA DHA, notamment en hiver. Pensez-y : \u003cstrong\u003ela régularité compte davantage que la dose ponctuelle\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"of-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation équilibrée, un mode de vie sain, ni à un traitement médical. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --of-cream: #FAFAF5;\n --of-white: #ffffff;\n --of-primary: #E8B617;\n --of-primary-dark: #B8900E;\n --of-primary-light: #FFF8E1;\n --of-secondary: #3AABD2;\n --of-secondary-dark: #1A7FA0;\n --of-secondary-light: #E6F6FB;\n --of-accent: #1A7FA0;\n --of-text: #1a1a1a;\n --of-text-light: #5a5a5a;\n --of-border: #e0e0e0;\n --of-shadow: 0 4px 24px rgba(0,0,0,.08);\n --of-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --of-radius: 20px;\n --of-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.of-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--of-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.of-hero {\n position: relative;\n background: linear-gradient(135deg, var(--of-secondary-dark) 0%, var(--of-secondary) 40%, var(--of-primary) 100%);\n border-radius: var(--of-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--of-shadow-lg);\n}\n\n.of-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.03) 30px, rgba(255,255,255,.03) 60px);\n opacity: 1;\n}\n\n.of-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.of-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.of-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.of-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.of-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.of-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--of-secondary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.of-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.of-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.of-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--of-secondary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.of-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--of-primary), var(--of-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.of-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--of-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.of-section-text {\n text-align: center;\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--of-text-light);\n margin-top: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX (chiffres clés) === *\/\n.of-highlight-box {\n background: var(--of-white);\n border-radius: var(--of-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--of-shadow);\n border: 2px solid var(--of-primary);\n}\n\n.of-highlight-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1.25rem;\n text-align: center;\n}\n\n.of-highlight-stat {\n display: flex;\n flex-direction: column;\n gap: .25rem;\n}\n\n.of-stat-number {\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n color: var(--of-secondary-dark);\n letter-spacing: -.03em;\n line-height: 1.1;\n}\n\n.of-stat-label {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--of-text-light);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .04em;\n}\n\n\/* === CARDS === *\/\n.of-card {\n background: var(--of-white);\n border-radius: var(--of-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--of-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.of-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--of-shadow-lg);\n border-color: var(--of-primary);\n}\n\n.of-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--of-secondary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.of-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--of-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.of-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.of-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.of-grid-compact .of-card {\n padding: 1rem;\n}\n\n.of-grid-compact .of-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.of-grid-compact .of-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.of-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.of-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.of-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--of-secondary), var(--of-primary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(58,171,210,.3);\n}\n\n.of-timeline-content {\n flex: 1;\n background: var(--of-white);\n padding: 1rem 1.25rem;\n border-radius: var(--of-radius-sm);\n box-shadow: var(--of-shadow);\n}\n\n.of-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--of-secondary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.of-timeline-content p {\n font-size: 14px;\n color: var(--of-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.of-testimonial {\n background: var(--of-white);\n border-radius: var(--of-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--of-shadow);\n border-left: 4px solid var(--of-primary);\n}\n\n.of-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--of-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.of-accordion {\n background: var(--of-white);\n border-radius: var(--of-radius);\n box-shadow: var(--of-shadow);\n overflow: hidden;\n}\n\n.of-accordion-item {\n border-bottom: 1px solid var(--of-border);\n margin: 0;\n padding: 0;\n}\n\n.of-accordion-item:last-child {\n border-bottom: none;\n}\n\n.of-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--of-secondary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.of-accordion-header:hover {\n background: var(--of-secondary-light);\n}\n\n.of-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.of-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--of-secondary);\n transition: transform .2s ease;\n}\n\n.of-accordion-item[open] .of-accordion-header::after {\n content: '−';\n}\n\n.of-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--of-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.of-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.of-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--of-secondary-light);\n border-radius: var(--of-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.of-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.of-tip p {\n font-size: 14px;\n color: var(--of-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.of-cta-box {\n background: linear-gradient(135deg, var(--of-secondary) 0%, var(--of-secondary-dark) 100%);\n border-radius: var(--of-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.of-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(232,182,23,.15) 0%, transparent 60%);\n}\n\n.of-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.of-disclaimer {\n font-size: 12px;\n color: var(--of-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .of-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .of-card {\n padding: 1.125rem;\n }\n\n .of-section {\n margin-bottom: 1.75rem;\n }\n\n .of-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--of-radius-sm);\n }\n\n .of-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .of-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .of-highlight-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n\n .of-highlight-box {\n padding: 1.25rem;\n }\n\n .of-stat-number {\n font-size: 26px;\n }\n\n .of-stat-label {\n font-size: 11px;\n }\n\n \/* Grille compacte : 2 colonnes serrées *\/\n .of-grid-compact {\n gap: .625rem;\n }\n\n .of-grid-compact .of-card {\n padding: .75rem;\n }\n\n \/* Timeline mobile *\/\n .of-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .of-timeline-content {\n padding: .875rem 1rem;\n }\n\n .of-timeline-content h3 {\n font-size: 14px;\n }\n\n .of-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .of-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .of-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .of-testimonial {\n padding: 1.25rem;\n }\n\n .of-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .of-card {\n animation: of-fadeInUp .5s ease backwards;\n }\n .of-card:nth-child(1) { animation-delay: .05s; }\n .of-card:nth-child(2) { animation-delay: .1s; }\n .of-card:nth-child(3) { animation-delay: .15s; }\n .of-card:nth-child(4) { animation-delay: .2s; }\n .of-card:nth-child(5) { animation-delay: .25s; }\n .of-card:nth-child(6) { animation-delay: .3s; }\n .of-card:nth-child(7) { animation-delay: .35s; }\n\n .of-timeline-item {\n animation: of-fadeInUp .5s ease backwards;\n }\n .of-timeline-item:nth-child(1) { animation-delay: .1s; }\n .of-timeline-item:nth-child(2) { animation-delay: .2s; }\n .of-timeline-item:nth-child(3) { animation-delay: .3s; }\n\n .of-highlight-stat {\n animation: of-fadeInUp .5s ease backwards;\n }\n .of-highlight-stat:nth-child(1) { animation-delay: .05s; }\n .of-highlight-stat:nth-child(2) { animation-delay: .1s; }\n .of-highlight-stat:nth-child(3) { animation-delay: .15s; }\n .of-highlight-stat:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes of-fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .of-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55326300766585,"sku":"OMEGA3HUILEINOLAB","price":26.53,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-omega-3-epa-dha-epax-ultra-concentre-inolab-1-min.webp?v=1749729851"},{"product_id":"dha-algal-lifes-code","title":"DHA Algues (Oméga 3 végétal) : Huile de Schizochytrium - Life's Code","description":"\u003cdiv class=\"dha-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"dha-hero\"\u003e\n \u003cdiv class=\"dha-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dha-hero-content\"\u003e\n \u003cdiv class=\"dha-badges-top\"\u003e\n \u003cspan class=\"dha-badge\"\u003e🌿 100 % végétal\u003c\/span\u003e\n \u003cspan class=\"dha-badge\"\u003e🧠 Vision \u0026amp; cognition\u003c\/span\u003e\n \u003cspan class=\"dha-badge\"\u003e💊 250 mg DHA \/ capsule\u003c\/span\u003e\n \u003cspan class=\"dha-badge\"\u003e🐟 Aucun poisson tué\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dha-hero-title\"\u003eDHA Algal – Oméga-3 végétal\u003c\/span\u003e\n \u003cp class=\"dha-subtitle\"\u003eHuile de Schizochytrium · Life's Code\u003c\/p\u003e\n \u003cp class=\"dha-description\"\u003eLa puissance des oméga-3 marins, directement à la source végétale. Soutenez votre cerveau, votre vision et votre cœur avec un DHA pur, sans poisson, sans polluants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"dha-section\"\u003e\n \u003ch2\u003eDHA Algal 250 mg : votre oméga-3 végétal issu de micro-algues Schizochytrium\u003c\/h2\u003e\n \u003cp class=\"dha-section-intro\"\u003eVous cherchez un \u003cstrong\u003eoméga-3 DHA\u003c\/strong\u003e puissant, sans poisson et sans compromis sur la qualité ? Le DHA Algal de Life's Code vous apporte \u003cstrong\u003e250 mg de DHA pur par capsule\u003c\/strong\u003e, directement extrait de la micro-algue \u003cem\u003eSchizochytrium sp.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp class=\"dha-section-intro\"\u003eUne source végétale d'\u003cstrong\u003eoméga-3 DHA EPA\u003c\/strong\u003e qui va droit à l'essentiel : soutenir votre cerveau, votre vision et votre cœur au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"dha-section\"\u003e\n \u003ch2\u003ePourquoi le DHA est-il si important pour votre organisme ?\u003c\/h2\u003e\n \u003cp class=\"dha-section-intro\"\u003eLe \u003cstrong\u003eDHA (acide docosahexaénoïque)\u003c\/strong\u003e est l'oméga-3 le plus présent dans vos membranes neuronales et votre rétine. Les bienfaits des oméga-3 EPA DHA sont largement documentés par la recherche scientifique.\u003c\/p\u003e\n \u003cdiv class=\"dha-grid\"\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e🧠 Fonctionnement cérébral\u003c\/h3\u003e\n \u003cp\u003eLe DHA contribue au fonctionnement normal du cerveau : mémoire, concentration, clarté mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e👁️ Vision normale\u003c\/h3\u003e\n \u003cp\u003eIl participe au maintien d'une vision normale grâce à sa présence essentielle dans la rétine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e❤️ Fonction cardiaque\u003c\/h3\u003e\n \u003cp\u003eIl aide à maintenir une fonction cardiaque normale et à réguler les triglycérides sanguins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e🤰 Développement fœtal\u003c\/h3\u003e\n \u003cp\u003eIl joue un rôle crucial dans le développement cérébral et visuel du fœtus et du nourrisson.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-tip\"\u003e\n \u003cspan class=\"dha-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eEn période de stress, de fatigue intellectuelle ou de convalescence, vos besoins en DHA augmentent significativement. Ce complément vous aide à y répondre simplement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"dha-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément en oméga-3 végétal ?\u003c\/h2\u003e\n \u003cdiv class=\"dha-grid\"\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e🌱 Végétariens et végans\u003c\/h3\u003e\n \u003cp\u003eUn apport direct en oméga-3 DHA, 100 % végétal, sans aucun produit animal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e🤱 Femmes enceintes ou allaitantes\u003c\/h3\u003e\n \u003cp\u003ePour accompagner le développement neurologique du bébé tout au long de la grossesse et de l'allaitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e🎓 Étudiants et actifs\u003c\/h3\u003e\n \u003cp\u003eEn soutien de la concentration et des performances cognitives au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003ePour préserver les fonctions cérébrales et la santé visuelle avec l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e👧 Enfants dès 8 ans\u003c\/h3\u003e\n \u003cp\u003ePour accompagner la croissance, l'apprentissage et le développement cognitif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"dha-section\"\u003e\n \u003ch2\u003eUne alternative écologique et pure aux huiles de poisson\u003c\/h2\u003e\n \u003cp class=\"dha-section-intro\"\u003eSaviez-vous que les poissons ne fabriquent pas eux-mêmes leurs oméga-3 ? Ils les accumulent en consommant des algues. Avec le DHA Algal Life's Code, vous allez \u003cstrong\u003edirectement à la source\u003c\/strong\u003e — sans intermédiaire animal.\u003c\/p\u003e\n \u003cdiv class=\"dha-grid-compact\"\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e🐠 Aucun poisson tué\u003c\/h3\u003e\n \u003cp\u003eCapsule 100 % végane\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e🛡️ Sans polluants marins\u003c\/h3\u003e\n \u003cp\u003eNi métaux lourds, ni PCB, ni dioxines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e🔬 Culture en bassins fermés\u003c\/h3\u003e\n \u003cp\u003eZéro impact sur la biodiversité océanique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e⚙️ Procédé breveté\u003c\/h3\u003e\n \u003cp\u003eStabilité multipliée par 5, sans oxydation ni arrière-goût\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"dha-section\"\u003e\n \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n \u003cdiv class=\"dha-accordion\"\u003e\n \u003cdetails class=\"dha-accordion-item\" open\u003e\n \u003csummary class=\"dha-accordion-header\"\u003e💊 Ingrédients par capsule\u003c\/summary\u003e\n \u003cdiv class=\"dha-accordion-content mt-3\"\u003e\n \u003cp\u003eHuile de micro-algues \u003cem\u003eSchizochytrium sp.\u003c\/em\u003e apportant \u003cstrong\u003e250 mg de DHA\u003c\/strong\u003e (100 % des VNR).\u003cbr\u003eEnveloppe de la capsule : gélatine végétale, glycérine, eau purifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dha-accordion-item\"\u003e\n \u003csummary class=\"dha-accordion-header\"\u003e📋 Conseils d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"dha-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eAdultes et enfants dès 8 ans :\u003c\/strong\u003e 1 capsule par jour, au cours d'un repas.\u003cbr\u003e\u003cstrong\u003eFemmes enceintes ou allaitantes :\u003c\/strong\u003e 2 capsules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dha-accordion-item\"\u003e\n \u003csummary class=\"dha-accordion-header\"\u003e📅 Durée recommandée\u003c\/summary\u003e\n \u003cdiv class=\"dha-accordion-content mt-3\"\u003e\n \u003cp\u003eCure de 3 mois, renouvelable. Conservez le flacon à température ambiante, au réfrigérateur par temps chaud.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"dha-section\"\u003e\n \u003ch2\u003eQualité et traçabilité garanties\u003c\/h2\u003e\n \u003cp class=\"dha-section-intro\"\u003eChaque lot est \u003cstrong\u003eanalysé par un laboratoire certifié ISO 22000 et GMP\u003c\/strong\u003e. Vous bénéficiez d'une traçabilité complète, de la culture de l'algue jusqu'à la capsule finale.\u003c\/p\u003e\n \u003cdiv class=\"dha-grid-compact\"\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e🔬 ISO 22000\u003c\/h3\u003e\n \u003cp\u003eLaboratoire certifié\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e✅ GMP\u003c\/h3\u003e\n \u003cp\u003eBonnes pratiques de fabrication\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité totale\u003c\/h3\u003e\n \u003cp\u003eDe l'algue à la capsule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e💎 Pureté irréprochable\u003c\/h3\u003e\n \u003cp\u003eOméga-3 DHA ultra-pur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"dha-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"dha-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre cerveau, votre vision et votre cœur le meilleur des oméga-3 — directement à la source, 100 % végétal, sans aucun compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"dha-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, consultez votre professionnel de santé avant utilisation. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --dha-cream: #f8f6f1;\n --dha-white: #ffffff;\n --dha-primary: #c4a94d;\n --dha-primary-dark: #2c4a3e;\n --dha-primary-light: #f0ead4;\n --dha-secondary: #5a8a6e;\n --dha-accent: #d4a843;\n --dha-text: #1a1a1a;\n --dha-text-light: #5a5a5a;\n --dha-border: #e0ddd4;\n --dha-shadow: 0 4px 24px rgba(0,0,0,.08);\n --dha-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --dha-radius: 20px;\n --dha-radius-sm: 12px;\n}\n\n.dha-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dha-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.dha-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.dha-hero {\n position: relative;\n background: linear-gradient(135deg, #2c4a3e 0%, #3d6b55 40%, #c4a94d 100%);\n border-radius: var(--dha-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(--dha-shadow-lg);\n}\n\n.dha-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(196,169,77,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(90,138,110,.2) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.dha-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dha-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dha-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(--dha-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dha-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.dha-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.dha-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.dha-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.dha-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dha-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dha-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.dha-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(--dha-primary), var(--dha-secondary));\n border-radius: 2px;\n}\n\n.dha-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dha-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.dha-card {\n background: var(--dha-white);\n border-radius: var(--dha-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dha-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dha-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dha-shadow-lg);\n border-color: var(--dha-primary);\n}\n\n.dha-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dha-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dha-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dha-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.dha-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.dha-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dha-grid-compact .dha-card {\n padding: 1rem;\n}\n\n.dha-grid-compact .dha-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dha-grid-compact .dha-card p {\n font-size: 12px;\n}\n\n\/* === TIP BOX === *\/\n.dha-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dha-primary-light);\n border-radius: var(--dha-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dha-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dha-tip p {\n font-size: 14px;\n color: var(--dha-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.dha-accordion {\n background: var(--dha-white);\n border-radius: var(--dha-radius);\n box-shadow: var(--dha-shadow);\n overflow: hidden;\n}\n\n.dha-accordion-item {\n border-bottom: 1px solid var(--dha-border);\n margin: 0;\n padding: 0;\n}\n\n.dha-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dha-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dha-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.dha-accordion-header:hover {\n background: var(--dha-primary-light);\n}\n\n.dha-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dha-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--dha-primary);\n transition: transform .2s ease;\n}\n\n.dha-accordion-item[open] .dha-accordion-header::after {\n content: '−';\n}\n\n.dha-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dha-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dha-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.dha-testimonial {\n background: var(--dha-white);\n border-radius: var(--dha-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--dha-shadow);\n border-left: 4px solid var(--dha-primary);\n}\n\n.dha-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dha-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.dha-cta-box {\n background: linear-gradient(135deg, var(--dha-primary-dark) 0%, #3d6b55 50%, var(--dha-primary) 100%);\n border-radius: var(--dha-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.dha-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.dha-disclaimer {\n font-size: 12px;\n color: var(--dha-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 .dha-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .dha-card {\n padding: 1.125rem;\n }\n\n .dha-section {\n margin-bottom: 1.75rem;\n }\n\n .dha-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dha-radius-sm);\n }\n\n .dha-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .dha-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .dha-grid-compact {\n gap: .625rem;\n }\n\n .dha-grid-compact .dha-card {\n padding: .75rem;\n }\n\n .dha-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .dha-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .dha-testimonial {\n padding: 1.25rem;\n }\n\n .dha-testimonial-text {\n font-size: 14px;\n }\n\n .dha-tip {\n padding: .875rem 1rem;\n }\n\n .dha-tip-icon {\n font-size: 20px;\n }\n\n .dha-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dha-card {\n animation: dhaFadeInUp .5s ease backwards;\n }\n .dha-card:nth-child(1) { animation-delay: .05s; }\n .dha-card:nth-child(2) { animation-delay: .1s; }\n .dha-card:nth-child(3) { animation-delay: .15s; }\n .dha-card:nth-child(4) { animation-delay: .2s; }\n .dha-card:nth-child(5) { animation-delay: .25s; }\n .dha-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dhaFadeInUp {\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 .dha-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LIFES CODE","offers":[{"title":"30 gélules","offer_id":55463107985785,"sku":"111-301DHA30","price":19.89,"currency_code":"EUR","in_stock":true},{"title":"90 gélules","offer_id":55463108018553,"sku":"111-303","price":44.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dha-algues-omega-3-vegetal-huile-de-schizochytrium-lifes-cod-packshothd.webp?v=1786009656"},{"product_id":"bourgeons-airelle-bio-50ml-alphagem","title":"Macérat de Bourgeons d’Airelle Bio – 50 ml — Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Macérat de Bourgeons d'Airelle Bio – 50 ml — Alphagem\nPalette détectée:\n - Primaire: #6B9B37 (vert feuille\/nature du packaging)\n - Secondaire: #8BC34A (vert clair\/lime du bandeau AIRELLE)\n - Accent: #4A7C23 (vert foncé profond)\n - Brun ambré: #5D4037 (flacon verre ambré)\nAmbiance: Naturel\/bio, phytothérapie, féminin doux, santé naturelle, artisanal belge\nPréfixe CSS: air\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Le macérat de bourgeons d'Airelle : votre allié naturel pour la ménopause\"\n 2. \"Pourquoi choisir le bourgeon d'Airelle pendant la ménopause ?\"\n 3. \"Un draineur urinaire naturel et efficace\"\n 4. \"Un régulateur digestif adaptogène\"\n 5. \"Une action anti-âge globale\"\n 6. \"Composition complète du macérat d'Airelle Alphagem\"\n 7. \"Comment prendre le macérat de bourgeons d'Airelle ?\"\n 8. \"Précautions d'emploi importantes\"\n 9. \"Pourquoi choisir la qualité Alphagem ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"air-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"air-hero\"\u003e\n \u003cdiv class=\"air-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"air-hero-content\"\u003e\n \u003cdiv class=\"air-badges-top\"\u003e\n \u003cspan class=\"air-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"air-badge\"\u003e🇧🇪 Savoir-faire belge\u003c\/span\u003e\n \u003cspan class=\"air-badge\"\u003e👩 Spécial ménopause\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"air-hero-title\"\u003eMacérat de Bourgeons d'Airelle Bio\u003c\/span\u003e\n \u003cp class=\"air-subtitle\"\u003eAlphagem • 50 ml • Vaccinium vitis-idaea\u003c\/p\u003e\n \u003cp class=\"air-description\"\u003eLe bourgeon féminin par excellence pour traverser la ménopause en douceur, soutenir votre confort urinaire et préserver votre vitalité osseuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"air-section\"\u003e\n \u003ch2\u003eLe macérat de bourgeons d'Airelle : votre allié naturel pour la ménopause\u003c\/h2\u003e\n \u003cp class=\"air-section-intro\"\u003eVous ressentez les premiers signes de la ménopause ? Bouffées de chaleur, inconfort urinaire, fatigue osseuse... Ces bouleversements hormonaux peuvent vraiment impacter votre quotidien.\u003c\/p\u003e\n \u003cdiv class=\"air-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003emacérat de bourgeons d'Airelle bio Alphagem\u003c\/strong\u003e est précisément formulé pour vous accompagner dans cette transition avec douceur et efficacité. Issu des jeunes pousses fraîches de \u003cem\u003eVaccinium vitis-idaea\u003c\/em\u003e, ce concentré de gemmothérapie renferme toute l'énergie vitale du bourgeon.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem; margin-bottom: 0;\"\u003eUne approche naturelle et bienveillante pour retrouver votre équilibre hormonal sans contrainte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"air-section\"\u003e\n \u003ch2\u003ePourquoi choisir le bourgeon d'Airelle pendant la ménopause ?\u003c\/h2\u003e\n \u003cp class=\"air-section-intro\"\u003eL'airelle rouge est reconnue en gemmothérapie comme \u003cstrong\u003ele bourgeon féminin par excellence\u003c\/strong\u003e. Sa particularité ? Une action \u003cstrong\u003eœstrogène-like\u003c\/strong\u003e douce qui mime naturellement les effets des œstrogènes.\u003c\/p\u003e\n \u003cdiv class=\"air-grid\"\u003e\n \u003cdiv class=\"air-card\"\u003e\n \u003ch3\u003e🔥 Bouffées de chaleur\u003c\/h3\u003e\n \u003cp\u003eAtténue les bouffées de chaleur et les sueurs nocturnes qui perturbent votre sommeil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"air-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre hormonal\u003c\/h3\u003e\n \u003cp\u003eSoutient l'équilibre hormonal pendant la périménopause et la ménopause installée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"air-card\"\u003e\n \u003ch3\u003e🌸 Confort gynécologique\u003c\/h3\u003e\n \u003cp\u003eAccompagne les désagréments gynécologiques comme les fibromes utérins bénins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"air-card\"\u003e\n \u003ch3\u003e🦴 Capital osseux\u003c\/h3\u003e\n \u003cp\u003ePréserve votre capital osseux en favorisant l'assimilation du calcium contre l'ostéoporose\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"air-section\"\u003e\n \u003ch2\u003eUn draineur urinaire naturel et efficace\u003c\/h2\u003e\n \u003cp class=\"air-section-intro\"\u003eAu-delà de son action hormonale, le bourgeon d'airelle se distingue par ses \u003cstrong\u003epropriétés antiseptiques urinaires\u003c\/strong\u003e remarquables. Un véritable soutien au quotidien contre les cystites et infections à répétition.\u003c\/p\u003e\n \u003cdiv class=\"air-grid-compact\"\u003e\n \u003cdiv class=\"air-card\"\u003e\n \u003ch3\u003e💧 Effet diurétique\u003c\/h3\u003e\n \u003cp\u003eFavorise l'élimination des toxines en douceur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"air-card\"\u003e\n \u003ch3\u003e🛡️ Action antibactérienne\u003c\/h3\u003e\n \u003cp\u003eProtection naturelle des voies urinaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"air-card\"\u003e\n \u003ch3\u003e⚗️ Acide urique\u003c\/h3\u003e\n \u003cp\u003eRégulation pour un meilleur équilibre acido-basique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"air-card\"\u003e\n \u003ch3\u003e🫧 Confort vésical\u003c\/h3\u003e\n \u003cp\u003eProtection de la vessie au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"air-section\"\u003e\n \u003ch2\u003eUn régulateur digestif adaptogène\u003c\/h2\u003e\n \u003cdiv class=\"air-testimonial\"\u003e\n \u003cp class=\"air-testimonial-text\"\u003eCe qui rend le bourgeon d'airelle si particulier, c'est son \u003cstrong\u003eeffet adaptogène sur le côlon\u003c\/strong\u003e. Autrement dit, il s'adapte à vos besoins : il régule aussi bien la constipation que la diarrhée, en rééquilibrant naturellement votre transit intestinal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"air-tip\"\u003e\n \u003cspan class=\"air-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCette action apaisante sur le côlon facilite également \u003cstrong\u003el'absorption du calcium\u003c\/strong\u003e au niveau intestinal. Un atout précieux pour renforcer votre densité osseuse pendant et après la ménopause.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"air-section\"\u003e\n \u003ch2\u003eUne action anti-âge globale\u003c\/h2\u003e\n \u003cp class=\"air-section-intro\"\u003eLe macérat d'airelle ne se limite pas à la sphère hormonale. Il offre une \u003cstrong\u003erégénération tissulaire profonde\u003c\/strong\u003e et une protection vasculaire qui en font un véritable élixir de jeunesse naturel.\u003c\/p\u003e\n \u003cdiv class=\"air-grid\"\u003e\n \u003cdiv class=\"air-card\"\u003e\n \u003ch3\u003e🩸 Protection vasculaire\u003c\/h3\u003e\n \u003cp\u003eProtection contre la sclérose vasculaire liée au vieillissement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"air-card\"\u003e\n \u003ch3\u003e🌊 Drainage lymphatique\u003c\/h3\u003e\n \u003cp\u003eDrainage lymphatique et sanguin pour une meilleure circulation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"air-card\"\u003e\n \u003ch3\u003e✨ Régénération\u003c\/h3\u003e\n \u003cp\u003eRégénération des tissus conjonctifs pour une peau plus ferme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"air-section\"\u003e\n \u003ch2\u003eComposition complète du macérat d'Airelle Alphagem\u003c\/h2\u003e\n \u003cdiv class=\"air-composition-box\"\u003e\n \u003cp class=\"air-composition-title\"\u003e📋 Ingrédients pour 15 gouttes (dose journalière de référence)\u003c\/p\u003e\n \u003cdiv class=\"air-composition-grid\"\u003e\n \u003cdiv class=\"air-composition-item\"\u003e\n \u003cspan class=\"air-composition-icon\"\u003e🌱\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eGlycérine végétale bio\u003c\/strong\u003e\n \u003cspan\u003eGlycérol, E422\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"air-composition-item\"\u003e\n \u003cspan class=\"air-composition-icon\"\u003e🍇\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eAlcool biologique\u003c\/strong\u003e\n \u003cspan\u003e35% vol.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"air-composition-item\"\u003e\n \u003cspan class=\"air-composition-icon\"\u003e💧\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eEau purifiée\u003c\/strong\u003e\n \u003cspan\u003eBase aqueuse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"air-composition-item\"\u003e\n \u003cspan class=\"air-composition-icon\"\u003e🍃\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eJeunes pousses fraîches d'airelle bio\u003c\/strong\u003e\n \u003cspan\u003e\u003cem\u003eVaccinium vitis-idaea\u003c\/em\u003e – 37,5 mg éq. poids sec\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"air-composition-footer\"\u003eFlacon de \u003cstrong\u003e50 ml\u003c\/strong\u003e – Certification biologique garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"air-section\"\u003e\n \u003ch2\u003eComment prendre le macérat de bourgeons d'Airelle ?\u003c\/h2\u003e\n \u003cdiv class=\"air-timeline\"\u003e\n \u003cdiv class=\"air-timeline-item\"\u003e\n \u003cspan class=\"air-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"air-timeline-content\"\u003e\n \u003ch3\u003ePosologie conseillée\u003c\/h3\u003e\n \u003cp\u003e5 à 15 gouttes par jour, de préférence le matin à jeun ou entre les repas pour une absorption optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"air-timeline-item\"\u003e\n \u003cspan class=\"air-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"air-timeline-content\"\u003e\n \u003ch3\u003eMode d'emploi\u003c\/h3\u003e\n \u003cp\u003eDéposez les gouttes directement sous la langue pour une action rapide, ou diluez-les dans un petit verre d'eau de source. Gardez quelques secondes en bouche avant d'avaler\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"air-timeline-item\"\u003e\n \u003cspan class=\"air-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"air-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003ePour des résultats durables sur l'équilibre hormonal et le confort osseux, privilégiez une cure de \u003cstrong\u003e3 mois minimum\u003c\/strong\u003e. Pause d'un mois possible avant de reprendre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"air-tip\"\u003e\n \u003cspan class=\"air-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Commencez par 5 gouttes les premiers jours, puis augmentez progressivement jusqu'à 15 gouttes selon votre ressenti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"air-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n \u003cdiv class=\"air-accordion\"\u003e\n \u003cdetails class=\"air-accordion-item\"\u003e\n \u003csummary class=\"air-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n \u003cdiv class=\"air-accordion-content\"\u003e\n \u003cp\u003eDéconseillé en raison de son action hormonale. Consultez votre médecin avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"air-accordion-item\"\u003e\n \u003csummary class=\"air-accordion-header\"\u003e⚠️ Cancers hormono-dépendants\u003c\/summary\u003e\n \u003cdiv class=\"air-accordion-content\"\u003e\n \u003cp\u003eEn cas d'antécédents de cancers hormono-dépendants (cancer du sein, de l'utérus, de l'ovaire), consultez impérativement votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"air-accordion-item\"\u003e\n \u003csummary class=\"air-accordion-header\"\u003e👶 Enfants de moins de 3 ans\u003c\/summary\u003e\n \u003cdiv class=\"air-accordion-content\"\u003e\n \u003cp\u003eDéconseillé en raison de la présence d'alcool dans la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"air-accordion-item\"\u003e\n \u003csummary class=\"air-accordion-header\"\u003e📋 Avis général\u003c\/summary\u003e\n \u003cdiv class=\"air-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. En cas de doute ou de traitement médical en cours, demandez conseil à votre médecin ou pharmacien avant de commencer une cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 9 --\u003e\n \u003csection class=\"air-section\"\u003e\n \u003ch2\u003ePourquoi choisir Alphagem ?\u003c\/h2\u003e\n \u003cp class=\"air-section-intro\"\u003eAlphagem perpétue un savoir-faire artisanal belge en gemmothérapie depuis des années. Chaque flacon reflète un engagement qualité sans compromis.\u003c\/p\u003e\n \u003cdiv class=\"air-grid-compact\"\u003e\n \u003cdiv class=\"air-card\"\u003e\n \u003ch3\u003e🌱 Bourgeons frais\u003c\/h3\u003e\n \u003cp\u003eRécoltés au moment optimal de leur développement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"air-card\"\u003e\n \u003ch3\u003e🧪 Macération traditionnelle\u003c\/h3\u003e\n \u003cp\u003eMélange eau-alcool-glycérine préservant tous les actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"air-card\"\u003e\n \u003ch3\u003e✅ Certification bio\u003c\/h3\u003e\n \u003cp\u003eAbsence garantie de pesticides et d'OGM\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"air-card\"\u003e\n \u003ch3\u003e🇪🇺 Fabrication européenne\u003c\/h3\u003e\n \u003cp\u003eAux normes les plus strictes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"air-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"air-cta-box\"\u003e\n \u003cp\u003eLe macérat de bourgeons d'Airelle bio Alphagem vous accompagne avec bienveillance dans cette nouvelle étape de vie. Une solution naturelle et efficace pour traverser la ménopause en douceur, retrouver votre confort urinaire et préserver votre vitalité osseuse.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem; font-size: 1.1em;\"\u003e🌿 Prenez soin de vous, naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"air-disclaimer\"\u003eComplément alimentaire • Ne se substitue pas à une alimentation variée et équilibrée\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --air-cream: #f8f9f5;\n --air-white: #ffffff;\n --air-primary: #6B9B37;\n --air-primary-dark: #4A7C23;\n --air-primary-light: #e8f2dc;\n --air-secondary: #8BC34A;\n --air-accent: #5D4037;\n --air-text: #1a1a1a;\n --air-text-light: #5a5a5a;\n --air-border: #e0e0e0;\n --air-shadow: 0 4px 24px rgba(107, 155, 55, .08);\n --air-shadow-lg: 0 12px 48px rgba(107, 155, 55, .15);\n --air-radius: 20px;\n --air-radius-sm: 12px;\n}\n\n.air-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--air-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.air-hero {\n position: relative;\n background: linear-gradient(135deg, var(--air-primary-dark) 0%, var(--air-primary) 50%, var(--air-secondary) 100%);\n border-radius: var(--air-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(--air-shadow-lg);\n}\n\n.air-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.5 5-7.5 8.5-12.5 10 5 1.5 10 5 12.5 10 2.5-5 7.5-8.5 12.5-10-5-1.5-10-5-12.5-10z' fill='%23fff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.air-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.air-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.air-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(--air-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.air-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.air-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.air-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.air-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.air-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.air-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--air-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.air-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(--air-primary), var(--air-secondary));\n border-radius: 2px;\n}\n\n.air-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--air-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.air-card {\n background: var(--air-white);\n border-radius: var(--air-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--air-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.air-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--air-shadow-lg);\n border-color: var(--air-primary);\n}\n\n.air-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--air-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.air-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--air-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.air-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.air-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.air-grid-compact .air-card {\n padding: 1rem;\n}\n\n.air-grid-compact .air-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.air-grid-compact .air-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.air-highlight-box {\n background: var(--air-white);\n border-radius: var(--air-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--air-shadow);\n border-left: 4px solid var(--air-primary);\n}\n\n.air-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--air-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.air-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.air-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.air-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--air-primary), var(--air-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.air-timeline-content {\n flex: 1;\n background: var(--air-white);\n padding: 1rem 1.25rem;\n border-radius: var(--air-radius-sm);\n box-shadow: var(--air-shadow);\n}\n\n.air-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--air-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.air-timeline-content p {\n font-size: 14px;\n color: var(--air-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.air-testimonial {\n background: var(--air-white);\n border-radius: var(--air-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--air-shadow);\n border-left: 4px solid var(--air-secondary);\n}\n\n.air-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--air-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.air-accordion {\n background: var(--air-white);\n border-radius: var(--air-radius);\n box-shadow: var(--air-shadow);\n overflow: hidden;\n}\n\n.air-accordion-item {\n border-bottom: 1px solid var(--air-border);\n margin: 0;\n padding: 0;\n}\n\n.air-accordion-item:last-child {\n border-bottom: none;\n}\n\n.air-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--air-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.air-accordion-header:hover {\n background: var(--air-primary-light);\n}\n\n.air-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.air-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--air-primary);\n transition: transform .2s ease;\n}\n\n.air-accordion-item[open] .air-accordion-header::after {\n content: '−';\n}\n\n.air-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--air-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.air-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.air-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--air-primary-light);\n border-radius: var(--air-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.air-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.air-tip p {\n font-size: 14px;\n color: var(--air-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.air-composition-box {\n background: var(--air-white);\n border-radius: var(--air-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--air-shadow);\n}\n\n.air-composition-title {\n font-size: 16px;\n font-weight: 700;\n color: var(--air-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n.air-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n}\n\n.air-composition-item {\n display: flex;\n gap: .75rem;\n align-items: center;\n padding: .75rem;\n background: var(--air-primary-light);\n border-radius: var(--air-radius-sm);\n}\n\n.air-composition-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.air-composition-item div {\n display: flex;\n flex-direction: column;\n}\n\n.air-composition-item strong {\n font-size: 14px;\n color: var(--air-primary-dark);\n}\n\n.air-composition-item span {\n font-size: 12px;\n color: var(--air-text-light);\n}\n\n.air-composition-footer {\n margin: 1.25rem 0 0 0;\n text-align: center;\n font-size: 14px;\n color: var(--air-text);\n}\n\n\/* === CTA FINAL === *\/\n.air-cta-box {\n background: linear-gradient(135deg, var(--air-primary) 0%, var(--air-primary-dark) 100%);\n border-radius: var(--air-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.air-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.air-disclaimer {\n font-size: 12px;\n color: var(--air-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 .air-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .air-card {\n padding: 1.125rem;\n }\n \n .air-section {\n margin-bottom: 1.75rem;\n }\n \n .air-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--air-radius-sm);\n }\n \n .air-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .air-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .air-grid-compact {\n gap: .625rem;\n }\n \n .air-grid-compact .air-card {\n padding: .75rem;\n }\n \n .air-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .air-timeline-content {\n padding: .875rem 1rem;\n }\n \n .air-timeline-content h3 {\n font-size: 14px;\n }\n \n .air-timeline-content p {\n font-size: 13px;\n }\n \n .air-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .air-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .air-testimonial {\n padding: 1.25rem;\n }\n \n .air-testimonial-text {\n font-size: 14px;\n }\n \n .air-highlight-box {\n padding: 1.25rem;\n }\n \n .air-highlight-box p {\n font-size: 14px;\n }\n \n .air-composition-grid {\n grid-template-columns: 1fr;\n }\n \n .air-composition-item {\n padding: .625rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .air-card {\n animation: fadeInUp .5s ease backwards;\n }\n .air-card:nth-child(1) { animation-delay: .05s; }\n .air-card:nth-child(2) { animation-delay: .1s; }\n .air-card:nth-child(3) { animation-delay: .15s; }\n .air-card:nth-child(4) { animation-delay: .2s; }\n .air-card:nth-child(5) { animation-delay: .25s; }\n .air-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 .air-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":55686643024249,"sku":"GE0035","price":25.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/macerat-de-bourgeons-dairelle-bio-50-ml-alphagem-packshothd.webp?v=1791469280"},{"product_id":"vitalite-collagene-pomme-citron-humble","title":"Multi-Nutriments Vitalité - 420g (saveur Pomme-Citron) - Humble+","description":"\u003cdiv class=\"hmb-premium\"\u003e\n\n \u003cdiv class=\"hmb-hero\"\u003e\n \u003cdiv class=\"hmb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hmb-hero-content\"\u003e\n \u003cdiv class=\"hmb-badges-top\"\u003e\n \u003cspan class=\"hmb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"hmb-badge\"\u003e🌿 19 vitamines \u0026amp; minéraux\u003c\/span\u003e\n \u003cspan class=\"hmb-badge\"\u003e🍏 Saveur pomme-citron\u003c\/span\u003e\n \u003cspan class=\"hmb-badge\"\u003e📅 Cure de 30 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hmb-hero-title\"\u003eRetrouvez tonus, clarté et sérénité au quotidien\u003c\/span\u003e\n \u003cp class=\"hmb-subtitle\"\u003eLook good, feel good.\u003c\/p\u003e\n \u003cp class=\"hmb-description\"\u003eUne poudre nouvelle génération qui réunit 19 vitamines et minéraux essentiels, associés à la spiruline et à la rhodiola, pour soutenir votre vitalité chaque matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hmb-section\"\u003e\n \u003ch2\u003eMulti-Nutriments Vitalité Humble+ : votre allié quotidien contre la fatigue\u003c\/h2\u003e\n \u003cp class=\"hmb-section-intro\"\u003eVous ressentez une baisse d'énergie persistante, un stress qui s'installe ou un besoin de soutenir votre organisme au quotidien ? Le \u003cstrong\u003eMulti-Nutriments Vitalité Humble+\u003c\/strong\u003e est un complément alimentaire vitalité nouvelle génération, formulé sous forme de poudre à la saveur pomme-citron. Une seule dose vous apporte \u003cstrong\u003e19 vitamines et minéraux essentiels\u003c\/strong\u003e, associés à des plantes reconnues comme la spiruline et la rhodiola. Pensé pour celles et ceux qui veulent retrouver tonus, clarté mentale et sérénité, ce complément alimentaire forme et vitalité se glisse facilement dans votre routine matinale.\u003c\/p\u003e\n \u003cdiv class=\"hmb-grid-compact\"\u003e\n \u003cdiv class=\"hmb-card\"\u003e\n \u003ch3\u003e⚡ Énergie\u003c\/h3\u003e\n \u003cp\u003eRéduit la fatigue au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-card\"\u003e\n \u003ch3\u003e🛡️ Immunité\u003c\/h3\u003e\n \u003cp\u003eSoutient le système immunitaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-card\"\u003e\n \u003ch3\u003e🧠 Cognition\u003c\/h3\u003e\n \u003cp\u003eFavorise la fonction cognitive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-card\"\u003e\n \u003ch3\u003e🧘 Sérénité\u003c\/h3\u003e\n \u003cp\u003eAide à mieux gérer le stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hmb-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complément alimentaire énergie et vitalité ?\u003c\/h2\u003e\n \u003cp class=\"hmb-section-intro\"\u003eContrairement aux gélules classiques, la formule en poudre permet un dosage généreux et une meilleure biodisponibilité des actifs. Chaque dosette de 14 g concentre un cocktail complet pensé pour vous.\u003c\/p\u003e\n \u003cdiv class=\"hmb-grid\"\u003e\n \u003cdiv class=\"hmb-card\"\u003e\n \u003ch3\u003e💪 Réduire la fatigue\u003c\/h3\u003e\n \u003cp\u003eGrâce à la vitamine C, aux vitamines B et au magnésium pour retrouver un vrai coup d'énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-card\"\u003e\n \u003ch3\u003e🛡️ Soutenir l'immunité\u003c\/h3\u003e\n \u003cp\u003eLe zinc et la vitamine C contribuent au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-card\"\u003e\n \u003ch3\u003e🧠 Booster la cognition\u003c\/h3\u003e\n \u003cp\u003eLe zinc et les vitamines B favorisent une fonction cognitive normale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-card\"\u003e\n \u003ch3\u003e🌿 Mieux gérer le stress\u003c\/h3\u003e\n \u003cp\u003eL'extrait de Rhodiola rosea, plante adaptogène reconnue, aide à composer avec le stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre hormonal\u003c\/h3\u003e\n \u003cp\u003eLa vitamine B6 contribue à réguler l'activité hormonale au fil des cycles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-card\"\u003e\n \u003ch3\u003e🌱 Actifs végétaux\u003c\/h3\u003e\n \u003cp\u003eSpiruline, épinard et rhodiola pour un vrai concentré de nature dans votre verre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hmb-section hmb-compo\"\u003e\n \u003ch2\u003eComposition détaillée par dose de 14 g\u003c\/h2\u003e\n \u003cp class=\"hmb-section-intro\"\u003eUne dosette de 14 g dans 250 ml d'eau ou de lait végétal. Voici exactement ce qu'elle vous apporte, avec la part des \u003cstrong\u003evaleurs nutritionnelles de référence (VNR)\u003c\/strong\u003e couverte chaque jour.\u003c\/p\u003e\n \u003cdiv class=\"hmb-accordion\"\u003e\n \u003cdetails class=\"hmb-accordion-item\"\u003e\n \u003csummary class=\"hmb-accordion-header\"\u003e💊 Vitamines\u003c\/summary\u003e\n \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n \u003cdiv class=\"hmb-nutri-wrap\"\u003e\n \u003ctable class=\"hmb-nutri\"\u003e\n \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eVitamine\u003c\/th\u003e\n\u003cth\u003ePar dose\u003c\/th\u003e\n\u003cth\u003e% VNR*\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine C\u003c\/td\u003e\n\u003ctd\u003e94 mg\u003c\/td\u003e\n\u003ctd\u003e118 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine A\u003c\/td\u003e\n\u003ctd\u003e789 µg\u003c\/td\u003e\n\u003ctd\u003e99 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine D3\u003c\/td\u003e\n\u003ctd\u003e5 µg\u003c\/td\u003e\n\u003ctd\u003e100 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine E\u003c\/td\u003e\n\u003ctd\u003e12 mg\u003c\/td\u003e\n\u003ctd\u003e98 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine K1\u003c\/td\u003e\n\u003ctd\u003e72 µg\u003c\/td\u003e\n\u003ctd\u003e96 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B1 (thiamine)\u003c\/td\u003e\n\u003ctd\u003e1,2 mg\u003c\/td\u003e\n\u003ctd\u003e107 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B2 (riboflavine)\u003c\/td\u003e\n\u003ctd\u003e1,5 mg\u003c\/td\u003e\n\u003ctd\u003e108 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B3 (niacine)\u003c\/td\u003e\n\u003ctd\u003e14 mg\u003c\/td\u003e\n\u003ctd\u003e86 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B5 (acide pantothénique)\u003c\/td\u003e\n\u003ctd\u003e6,1 mg\u003c\/td\u003e\n\u003ctd\u003e101 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B6 (pyridoxine)\u003c\/td\u003e\n\u003ctd\u003e1,5 mg\u003c\/td\u003e\n\u003ctd\u003e109 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B8 (biotine)\u003c\/td\u003e\n\u003ctd\u003e50 µg\u003c\/td\u003e\n\u003ctd\u003e100 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B9 (acide folique)\u003c\/td\u003e\n\u003ctd\u003e178 µg\u003c\/td\u003e\n\u003ctd\u003e89 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B12 (cyanocobalamine)\u003c\/td\u003e\n\u003ctd\u003e2,5 µg\u003c\/td\u003e\n\u003ctd\u003e99 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hmb-accordion-item\"\u003e\n \u003csummary class=\"hmb-accordion-header\"\u003e⚡ Minéraux\u003c\/summary\u003e\n \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n \u003cdiv class=\"hmb-nutri-wrap\"\u003e\n \u003ctable class=\"hmb-nutri\"\u003e\n \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eMinéral\u003c\/th\u003e\n\u003cth\u003ePar dose\u003c\/th\u003e\n\u003cth\u003e% VNR*\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003ePotassium\u003c\/td\u003e\n\u003ctd\u003e409 mg\u003c\/td\u003e\n\u003ctd\u003e20 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMagnésium\u003c\/td\u003e\n\u003ctd\u003e120 mg\u003c\/td\u003e\n\u003ctd\u003e32 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCalcium\u003c\/td\u003e\n\u003ctd\u003e36,5 mg\u003c\/td\u003e\n\u003ctd\u003e5 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eZinc\u003c\/td\u003e\n\u003ctd\u003e10 mg\u003c\/td\u003e\n\u003ctd\u003e100 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eIode\u003c\/td\u003e\n\u003ctd\u003e57,3 µg\u003c\/td\u003e\n\u003ctd\u003e38 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSélénium\u003c\/td\u003e\n\u003ctd\u003e22 µg\u003c\/td\u003e\n\u003ctd\u003e40 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eChrome\u003c\/td\u003e\n\u003ctd\u003e13 µg\u003c\/td\u003e\n\u003ctd\u003e31 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hmb-accordion-item\"\u003e\n \u003csummary class=\"hmb-accordion-header\"\u003e🌿 Plantes et actifs\u003c\/summary\u003e\n \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n \u003cdiv class=\"hmb-nutri-wrap\"\u003e\n \u003ctable class=\"hmb-nutri hmb-nutri--plain\"\u003e\n \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eActif\u003c\/th\u003e\n\u003cth\u003ePar dose\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003ePoudre d'épinard\u003c\/td\u003e\n\u003ctd\u003e363 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSpiruline\u003c\/td\u003e\n\u003ctd\u003e245 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eExtrait de Rhodiola rosea\u003c\/td\u003e\n\u003ctd\u003e200 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCholine (bitartrate)\u003c\/td\u003e\n\u003ctd\u003e160 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hmb-accordion-item\"\u003e\n \u003csummary class=\"hmb-accordion-header\"\u003e📊 Valeurs nutritionnelles\u003c\/summary\u003e\n \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n \u003cdiv class=\"hmb-nutri-wrap\"\u003e\n \u003ctable class=\"hmb-nutri hmb-nutri--plain\"\u003e\n \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eNutriment\u003c\/th\u003e\n\u003cth\u003ePar dose\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003eÉnergie\u003c\/td\u003e\n\u003ctd\u003e48 kcal \/ 204 kJ\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eProtéines\u003c\/td\u003e\n\u003ctd\u003e3,1 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eGlucides\u003c\/td\u003e\n\u003ctd\u003e6,8 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e  dont sucres\u003c\/td\u003e\n\u003ctd\u003e2,2 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFibres alimentaires\u003c\/td\u003e\n\u003ctd\u003e2,9 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMatières grasses\u003c\/td\u003e\n\u003ctd\u003e\u0026lt; 0,5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e  dont acides gras saturés\u003c\/td\u003e\n\u003ctd\u003e\u0026lt; 0,1 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSel\u003c\/td\u003e\n\u003ctd\u003e0,22 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hmb-accordion-item\"\u003e\n \u003csummary class=\"hmb-accordion-header\"\u003e📋 Ingrédients complets\u003c\/summary\u003e\n \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n \u003cp\u003eProtéine de pois (origine UE), fibre d'acacia (origine non UE), minéraux (12 %) : citrate de potassium, bisglycinate de magnésium, bisglycinate de zinc, picolinate de chrome, iodure de potassium ; sucre blond de canne, arôme naturel de citron et autres arômes naturels, poudre de citron (4,32 %), poudre de pomme (4,32 %), choline L-bitartrate enrobée, vitamines (2,7 %) : vitamine C (acide ascorbique), vitamine K1 (phylloquinone), extrait d'acérola (\u003cem\u003eMalpighia glabra\u003c\/em\u003e L., fruit), vitamine E, vitamine B3 (nicotinamide), vitamine A (acétate de rétinol), vitamine B5, vitamine B12, vitamine B6, vitamine D3 (cholécalciférol), vitamine B1, vitamine B2, vitamine B9, vitamine B8 (biotine) ; poudre d'épinard (2,59 %), poudre de microalgues de spiruline (\u003cem\u003eArthrospira platensis\u003c\/em\u003e) (1,75 %), extrait de \u003cem\u003eRhodiola rosea\u003c\/em\u003e (racine) (1,44 %), maltodextrine, basilic, L-sélénométhionine.\u003c\/p\u003e\n \u003cp class=\"hmb-nutri-traces\"\u003ePeut contenir des traces de sulfites, céleri, gluten, lait et moutarde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"hmb-disclaimer\"\u003e* VNR : valeurs nutritionnelles de référence pour un adulte.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hmb-section\"\u003e\n \u003ch2\u003eComment prendre le Multi-Nutriments Vitalité ?\u003c\/h2\u003e\n \u003cdiv class=\"hmb-timeline\"\u003e\n \u003cdiv class=\"hmb-timeline-item\"\u003e\n \u003cdiv class=\"hmb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hmb-timeline-content\"\u003e\n \u003ch3\u003eUne dosette par jour\u003c\/h3\u003e\n \u003cp\u003ePrenez 1 dosette (14 g), de préférence le matin ou en début de journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-timeline-item\"\u003e\n \u003cdiv class=\"hmb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hmb-timeline-content\"\u003e\n \u003ch3\u003eMélangez à 250 ml\u003c\/h3\u003e\n \u003cp\u003eDiluez dans 250 ml d'eau froide ou de lait végétal, selon votre préférence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-timeline-item\"\u003e\n \u003cdiv class=\"hmb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hmb-timeline-content\"\u003e\n \u003ch3\u003eFouettez ou shakez\u003c\/h3\u003e\n \u003cp\u003eUtilisez un fouet ou un shaker pour une dissolution complète et onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-timeline-item\"\u003e\n \u003cdiv class=\"hmb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hmb-timeline-content\"\u003e\n \u003ch3\u003eBuvez immédiatement\u003c\/h3\u003e\n \u003cp\u003eÀ reconstituer juste avant consommation pour préserver toute la fraîcheur des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-tip\"\u003e\n \u003cspan class=\"hmb-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cp\u003eLe sachet de 420 g offre \u003cstrong\u003e30 doses\u003c\/strong\u003e, soit une cure complète d'un mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hmb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hmb-accordion\"\u003e\n \u003cdetails class=\"hmb-accordion-item\"\u003e\n \u003csummary class=\"hmb-accordion-header\"\u003e⚠️ Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé aux adultes. Ne pas dépasser la dose journalière recommandée. Usage prolongé déconseillé. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hmb-accordion-item\"\u003e\n \u003csummary class=\"hmb-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes, allaitantes, désireuses de l'être et aux femmes ménopausées (présence de rétinol). Déconseillé aux personnes sous anticoagulants, souffrant de troubles thyroïdiens, aux fumeurs, aux personnes âgées ou atteintes de néphropathie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hmb-accordion-item\"\u003e\n \u003csummary class=\"hmb-accordion-header\"\u003e👨‍⚕️ Traitement médicamenteux\u003c\/summary\u003e\n \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médicamenteux, demandez conseil à un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"hmb-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain. Il ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hmb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFabrication française et exigence Humble+\u003c\/h2\u003e\n \u003cdiv class=\"hmb-cta-box\"\u003e\n \u003cp\u003eLe Multi-Nutriments Vitalité est \u003cstrong\u003efabriqué en France\u003c\/strong\u003e et proposé en exclusivité par Humble+. Une formule pensée dans l'esprit de la marque : \u003cem\u003eLook good, feel good.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --hmb-cream: #f5efe3;\n --hmb-white: #ffffff;\n --hmb-primary: #a8c47a;\n --hmb-primary-dark: #2a3a26;\n --hmb-primary-light: #eaf1d8;\n --hmb-secondary: #6b8e3d;\n --hmb-accent: #d4e09b;\n --hmb-text: #1a1a1a;\n --hmb-text-light: #5a5a5a;\n --hmb-border: #e0e0e0;\n --hmb-shadow: 0 4px 24px rgba(42,58,38,.08);\n --hmb-shadow-lg: 0 12px 48px rgba(42,58,38,.15);\n --hmb-radius: 20px;\n --hmb-radius-sm: 12px;\n }\n\n .hmb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hmb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--hmb-text);\n }\n\n .hmb-hero {\n position: relative;\n background: linear-gradient(135deg, #a8c47a 0%, #6b8e3d 50%, #2a3a26 100%);\n border-radius: var(--hmb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--hmb-shadow-lg);\n }\n\n .hmb-hero-pattern {\n position: absolute;\n inset: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .15;\n }\n\n .hmb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .hmb-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n }\n\n .hmb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.8vw, 20px);\n font-weight: 600;\n font-style: italic;\n margin: 0 0 1rem 0;\n }\n\n .hmb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.3vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n }\n\n .hmb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .hmb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hmb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .hmb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .hmb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .hmb-premium h2 {\n font-size: clamp(22px, 5vw, 34px);\n font-weight: 900;\n color: var(--hmb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n }\n\n .hmb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--hmb-primary), var(--hmb-secondary));\n border-radius: 2px;\n }\n\n .hmb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hmb-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n\n .hmb-card {\n background: var(--hmb-white);\n border-radius: var(--hmb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hmb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .hmb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hmb-shadow-lg);\n border-color: var(--hmb-primary);\n }\n\n .hmb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hmb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .hmb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hmb-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .hmb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .hmb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .hmb-grid-compact .hmb-card {\n padding: 1rem;\n }\n\n .hmb-grid-compact .hmb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .hmb-grid-compact .hmb-card p {\n font-size: 12px;\n }\n\n .hmb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .hmb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .hmb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hmb-primary), var(--hmb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n }\n\n .hmb-timeline-content {\n flex: 1;\n background: var(--hmb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hmb-radius-sm);\n box-shadow: var(--hmb-shadow);\n }\n\n .hmb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hmb-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .hmb-timeline-content p {\n font-size: 14px;\n color: var(--hmb-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .hmb-accordion {\n background: var(--hmb-white);\n border-radius: var(--hmb-radius);\n box-shadow: var(--hmb-shadow);\n overflow: hidden;\n }\n\n .hmb-accordion-item {\n border-bottom: 1px solid var(--hmb-border);\n }\n\n .hmb-accordion-item:last-child {\n border-bottom: none;\n }\n\n .hmb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hmb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n }\n\n .hmb-accordion-header:hover {\n background: var(--hmb-primary-light);\n }\n\n .hmb-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .hmb-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--hmb-primary);\n transition: transform .2s ease;\n }\n\n .hmb-accordion-item[open] .hmb-accordion-header::after {\n content: '−';\n }\n\n .hmb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hmb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .hmb-accordion-content p {\n margin: 0;\n }\n\n .hmb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hmb-primary-light);\n border-radius: var(--hmb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n }\n\n .hmb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .hmb-tip p {\n font-size: 14px;\n color: var(--hmb-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .hmb-cta-box {\n background: linear-gradient(135deg, var(--hmb-secondary) 0%, var(--hmb-primary-dark) 100%);\n border-radius: var(--hmb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hmb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n }\n\n .hmb-disclaimer {\n font-size: 12px;\n color: var(--hmb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n }\n\n @media (max-width: 767px) {\n .hmb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .hmb-card {\n padding: 1.125rem;\n }\n .hmb-section {\n margin-bottom: 1.75rem;\n }\n .hmb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hmb-radius-sm);\n }\n .hmb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .hmb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .hmb-grid-compact {\n gap: .625rem;\n }\n .hmb-grid-compact .hmb-card {\n padding: .75rem;\n }\n .hmb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .hmb-timeline-content {\n padding: .875rem 1rem;\n }\n .hmb-timeline-content h3 {\n font-size: 14px;\n }\n .hmb-timeline-content p {\n font-size: 13px;\n }\n .hmb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .hmb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .hmb-card {\n animation: hmbFadeInUp .5s ease backwards;\n }\n .hmb-card:nth-child(1) { animation-delay: .05s; }\n .hmb-card:nth-child(2) { animation-delay: .1s; }\n .hmb-card:nth-child(3) { animation-delay: .15s; }\n .hmb-card:nth-child(4) { animation-delay: .2s; }\n .hmb-card:nth-child(5) { animation-delay: .25s; }\n .hmb-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes hmbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .hmb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\n \/* Tableaux de composition *\/\n .hmb-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n .hmb-premium table.hmb-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--hmb-text); word-break: normal; }\n .hmb-premium table.hmb-nutri th, .hmb-premium table.hmb-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--hmb-border); padding: .55rem .75rem !important; box-shadow: none; background-clip: border-box; }\n .hmb-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--hmb-secondary); padding: .5rem .5rem .6rem; border-bottom: 2px solid var(--hmb-primary); }\n .hmb-nutri td { padding: .55rem .5rem; border-bottom: 1px solid var(--hmb-border); }\n .hmb-nutri tbody tr:last-child td { border-bottom: none; }\n .hmb-nutri tbody tr:nth-child(even) td { background: var(--hmb-primary-light); }\n .hmb-nutri th:not(:first-child), .hmb-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n .hmb-nutri td:last-child { font-weight: 700; color: var(--hmb-primary-dark); }\n .hmb-nutri--plain td:last-child { font-weight: 600; }\n .hmb-accordion-content .hmb-nutri-traces { margin-top: .75rem; font-style: italic; }\n @media (max-width: 767px) { .hmb-premium table.hmb-nutri { font-size: 13px; } .hmb-premium table.hmb-nutri th, .hmb-premium table.hmb-nutri td { padding: .5rem .4rem !important; } .hmb-premium table.hmb-nutri th { letter-spacing: 0; } }\n\n @media (min-width: 768px) { .hmb-premium .hmb-grid:has(\u003e :nth-child(5):last-child), .hmb-premium .hmb-grid:has(\u003e :nth-child(6):last-child) { grid-template-columns: repeat(3, 1fr); } }\n\n.hmb-premium .hmb-accordion-header { gap: .75rem; } .hmb-premium .hmb-accordion-header::after { flex-shrink: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":55692167709049,"sku":"MULTINUTRIMENTSVITALIT","price":59.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/multi-nutriments-vitalite-420g-saveur-pomme-citron-humble-packshothd.webp?v=1789641157"},{"product_id":"huile-de-poisson-riche-en-omega-3-120-capsules-superdiet","title":"Huile de Poisson Riche en Oméga 3 - 120 capsules - Superdiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Poisson Riche en Oméga 3 - Superdiet\nPalette détectée:\n - Primaire: #E63946 (rouge vif du texte \"Riche en Oméga-3\")\n - Secondaire: #F4A900 (jaune doré du bas d'étiquette et badge \"FORMAT MAXI\")\n - Accent: #2A9D8F (bleu-vert pour ambiance marine\/santé)\n - Neutre: #F5F5F0 (beige clair naturel pour backgrounds)\nAmbiance: Santé\/bien-être, naturel, scientifique, confiance, marine\nType: Complément alimentaire (capsules d'huile de poisson)\nStyle suggéré: Premium santé, scientifique mais accessible, naturel\nPréfixe CSS: om3\n--\u003e\n\n\u003cdiv class=\"om3-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"om3-hero\"\u003e\n \u003cdiv class=\"om3-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"om3-hero-content\"\u003e\n \u003cdiv class=\"om3-badges-top\"\u003e\n \u003cspan class=\"om3-badge\"\u003e🐟 Poissons sauvages\u003c\/span\u003e\n \u003cspan class=\"om3-badge\"\u003e💊 120 capsules\u003c\/span\u003e\n \u003cspan class=\"om3-badge\"\u003e⭐ Format maxi\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"om3-hero-title\"\u003eHuile de poisson riche en oméga-3\u003c\/span\u003e\n \u003cp class=\"om3-subtitle\"\u003e240 mg EPA + 150 mg DHA par jour pour votre santé cardiovasculaire\u003c\/p\u003e\n \u003cp class=\"om3-description\"\u003eProfitez d'une source naturelle et concentrée d'acides gras essentiels oméga-3, issus de poissons sauvages. Une formule optimale pour soutenir votre cœur, votre cerveau et votre vision 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=\"om3-section\"\u003e\n \u003ch2\u003ePourquoi choisir notre oméga-3\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003cdiv class=\"om3-icon\"\u003e❤️\u003c\/div\u003e\n \u003cdiv class=\"om3-card-title\"\u003eSanté cardiovasculaire\u003c\/div\u003e\n \u003cp\u003eL'EPA et le DHA contribuent à une fonction cardiaque normale et aident à maintenir une pression sanguine saine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003cdiv class=\"om3-icon\"\u003e🧠\u003c\/div\u003e\n \u003cdiv class=\"om3-card-title\"\u003eFonction cérébrale\u003c\/div\u003e\n \u003cp\u003eLe DHA soutient le fonctionnement normal du cerveau et favorise la concentration et la mémoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003cdiv class=\"om3-icon\"\u003e👁️\u003c\/div\u003e\n \u003cdiv class=\"om3-card-title\"\u003eVision optimale\u003c\/div\u003e\n \u003cp\u003eLe DHA contribue au maintien d'une vision normale, essentiel à tout âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003cdiv class=\"om3-icon\"\u003e🐟\u003c\/div\u003e\n \u003cdiv class=\"om3-card-title\"\u003eOrigine marine sauvage\u003c\/div\u003e\n \u003cp\u003eHuile extraite de poissons sauvages pêchés dans le respect des océans et de leur équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003cdiv class=\"om3-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"om3-card-title\"\u003eHaute concentration\u003c\/div\u003e\n \u003cp\u003eDosage optimal avec 240 mg d'EPA et 150 mg de DHA par dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003cdiv class=\"om3-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"om3-card-title\"\u003eFacile à prendre\u003c\/div\u003e\n \u003cp\u003eCapsules souples faciles à avaler, sans goût de poisson désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eUne composition riche et naturelle\u003c\/h2\u003e\n \u003cdiv class=\"om3-composition-box\"\u003e\n \u003cdiv class=\"om3-comp-item\"\u003e\n \u003cdiv class=\"om3-comp-icon\"\u003e🔴\u003c\/div\u003e\n \u003cdiv class=\"om3-comp-content\"\u003e\n \u003cdiv class=\"om3-comp-name\"\u003eEPA (acide eicosapentaénoïque)\u003c\/div\u003e\n \u003cdiv class=\"om3-comp-dosage\"\u003e240 mg par jour\u003c\/div\u003e\n \u003cp\u003eAcide gras oméga-3 à longue chaîne, essentiel pour le système cardiovasculaire et la régulation de l'inflammation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-comp-item\"\u003e\n \u003cdiv class=\"om3-comp-icon\"\u003e🟡\u003c\/div\u003e\n \u003cdiv class=\"om3-comp-content\"\u003e\n \u003cdiv class=\"om3-comp-name\"\u003eDHA (acide docosahexaénoïque)\u003c\/div\u003e\n \u003cdiv class=\"om3-comp-dosage\"\u003e150 mg par jour\u003c\/div\u003e\n \u003cp\u003eOméga-3 majeur pour le cerveau et la rétine, constituant essentiel des membranes cellulaires nerveuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-comp-item\"\u003e\n \u003cdiv class=\"om3-comp-icon\"\u003e🐟\u003c\/div\u003e\n \u003cdiv class=\"om3-comp-content\"\u003e\n \u003cdiv class=\"om3-comp-name\"\u003eHuile de poissons sauvages\u003c\/div\u003e\n \u003cdiv class=\"om3-comp-dosage\"\u003eSource naturelle\u003c\/div\u003e\n \u003cp\u003eExtraite de poissons sauvages, garantissant une qualité optimale et une traçabilité complète.\u003c\/p\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=\"om3-section\"\u003e\n \u003ch2\u003eComment utiliser votre complément oméga-3\u003c\/h2\u003e\n \u003cdiv class=\"om3-steps\"\u003e\n \u003cdiv class=\"om3-step\"\u003e\n \u003cdiv class=\"om3-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"om3-step-content\"\u003e\n \u003cdiv class=\"om3-step-title\"\u003ePosologie recommandée\u003c\/div\u003e\n \u003cp\u003ePrendre 2 capsules par jour avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-step\"\u003e\n \u003cdiv class=\"om3-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"om3-step-content\"\u003e\n \u003cdiv class=\"om3-step-title\"\u003eMoment idéal\u003c\/div\u003e\n \u003cp\u003eDe préférence au moment des repas pour une meilleure absorption des acides gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-step\"\u003e\n \u003cdiv class=\"om3-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"om3-step-content\"\u003e\n \u003cdiv class=\"om3-step-title\"\u003eCure recommandée\u003c\/div\u003e\n \u003cp\u003eProgramme de 2 mois (120 capsules = 60 jours) renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-step\"\u003e\n \u003cdiv class=\"om3-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"om3-step-content\"\u003e\n \u003cdiv class=\"om3-step-title\"\u003eConservation\u003c\/div\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- RÉSULTATS ATTENDUS --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eLes bienfaits dans le temps\u003c\/h2\u003e\n \u003cdiv class=\"om3-timeline\"\u003e\n \u003cdiv class=\"om3-timeline-item\"\u003e\n \u003cdiv class=\"om3-timeline-badge\"\u003e📅 Semaine 1-2\u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-content\"\u003e\n \u003cdiv class=\"om3-timeline-title\"\u003eIntégration progressive\u003c\/div\u003e\n \u003cp\u003eLes oméga-3 commencent à s'intégrer dans vos membranes cellulaires. Première phase d'adaptation de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-item\"\u003e\n \u003cdiv class=\"om3-timeline-badge\"\u003e📅 Mois 1\u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-content\"\u003e\n \u003cdiv class=\"om3-timeline-title\"\u003ePremiers effets\u003c\/div\u003e\n \u003cp\u003eAmélioration notable de la fonction cardiovasculaire, meilleure fluidité sanguine. Les effets sur la concentration peuvent commencer à se faire sentir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-item\"\u003e\n \u003cdiv class=\"om3-timeline-badge\"\u003e📅 Mois 2-3\u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-content\"\u003e\n \u003cdiv class=\"om3-timeline-title\"\u003eBénéfices confirmés\u003c\/div\u003e\n \u003cp\u003eConsolidation des effets sur le cœur, le cerveau et la vision. Meilleur équilibre inflammatoire global de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-item\"\u003e\n \u003cdiv class=\"om3-timeline-badge\"\u003e📅 Long terme\u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-content\"\u003e\n \u003cdiv class=\"om3-timeline-title\"\u003eProtection durable\u003c\/div\u003e\n \u003cp\u003eProtection cardiovasculaire optimale, soutien cognitif continu et maintien d'une bonne santé oculaire avec une supplémentation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003ePour qui est destiné ce complément\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-profile-card\"\u003e\n \u003cdiv class=\"om3-profile-emoji\"\u003e💼\u003c\/div\u003e\n \u003cdiv class=\"om3-profile-title\"\u003eActifs et stressés\u003c\/div\u003e\n \u003cp\u003ePour soutenir la santé cardiovasculaire mise à l'épreuve par le rythme de vie moderne et favoriser la concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-profile-card\"\u003e\n \u003cdiv class=\"om3-profile-emoji\"\u003e🧓\u003c\/div\u003e\n \u003cdiv class=\"om3-profile-title\"\u003eSeniors\u003c\/div\u003e\n \u003cp\u003ePour préserver la santé du cœur, du cerveau et de la vision avec l'âge grâce aux oméga-3 essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-profile-card\"\u003e\n \u003cdiv class=\"om3-profile-emoji\"\u003e🏃\u003c\/div\u003e\n \u003cdiv class=\"om3-profile-title\"\u003eSportifs\u003c\/div\u003e\n \u003cp\u003ePour optimiser la récupération, réduire l'inflammation liée à l'effort et soutenir la fonction cardiovasculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-profile-card\"\u003e\n \u003cdiv class=\"om3-profile-emoji\"\u003e🎓\u003c\/div\u003e\n \u003cdiv class=\"om3-profile-title\"\u003eÉtudiants\u003c\/div\u003e\n \u003cp\u003ePour favoriser la concentration, la mémoire et les performances cognitives pendant les périodes d'études intensives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-profile-card\"\u003e\n \u003cdiv class=\"om3-profile-emoji\"\u003e🥗\u003c\/div\u003e\n \u003cdiv class=\"om3-profile-title\"\u003ePersonnes peu consommatrices de poisson\u003c\/div\u003e\n \u003cp\u003ePour compenser un apport insuffisant en oméga-3 via l'alimentation et éviter les carences.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-profile-card\"\u003e\n \u003cdiv class=\"om3-profile-emoji\"\u003e❤️\u003c\/div\u003e\n \u003cdiv class=\"om3-profile-title\"\u003ePrévention santé\u003c\/div\u003e\n \u003cp\u003ePour tous ceux qui souhaitent prendre soin de leur santé cardiovasculaire et cognitive de manière proactive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003cdiv class=\"om3-warning-box\"\u003e\n \u003cdiv class=\"om3-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"om3-warning-content\"\u003e\n \u003cdiv class=\"om3-warning-title\"\u003ePrécautions d'emploi\u003c\/div\u003e\n \u003cul class=\"om3-warning-list\"\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée (2 capsules par jour).\u003c\/li\u003e\n \u003cli\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/li\u003e\n \u003cli\u003eDéconseillé aux personnes allergiques au poisson et aux produits de la mer.\u003c\/li\u003e\n \u003cli\u003eEn cas de prise d'anticoagulants, demander l'avis de votre médecin avant utilisation.\u003c\/li\u003e\n \u003cli\u003eDéconseillé aux femmes enceintes et allaitantes sans avis médical préalable.\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des jeunes enfants.\u003c\/li\u003e\n \u003cli\u003eConserver à l'abri de la chaleur, de la lumière et de l'humidité.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS PRATIQUES --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid om3-info-grid\"\u003e\n \u003cdiv class=\"om3-info-card\"\u003e\n \u003cdiv class=\"om3-info-icon\"\u003e📦\u003c\/div\u003e\n \u003cdiv class=\"om3-info-label\"\u003eContenu\u003c\/div\u003e\n \u003cdiv class=\"om3-info-value\"\u003e120 capsules\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-info-card\"\u003e\n \u003cdiv class=\"om3-info-icon\"\u003e⏱️\u003c\/div\u003e\n \u003cdiv class=\"om3-info-label\"\u003eDurée\u003c\/div\u003e\n \u003cdiv class=\"om3-info-value\"\u003e60 jours (cure 2 mois)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-info-card\"\u003e\n \u003cdiv class=\"om3-info-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"om3-info-label\"\u003ePosologie\u003c\/div\u003e\n \u003cdiv class=\"om3-info-value\"\u003e2 capsules par jour\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-info-card\"\u003e\n \u003cdiv class=\"om3-info-icon\"\u003e🐟\u003c\/div\u003e\n \u003cdiv class=\"om3-info-label\"\u003eOrigine\u003c\/div\u003e\n \u003cdiv class=\"om3-info-value\"\u003ePoissons sauvages\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-info-card\"\u003e\n \u003cdiv class=\"om3-info-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"om3-info-label\"\u003eDosage EPA\u003c\/div\u003e\n \u003cdiv class=\"om3-info-value\"\u003e240 mg\/jour\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-info-card\"\u003e\n \u003cdiv class=\"om3-info-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"om3-info-label\"\u003eDosage DHA\u003c\/div\u003e\n \u003cdiv class=\"om3-info-value\"\u003e150 mg\/jour\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-info-card\"\u003e\n \u003cdiv class=\"om3-info-icon\"\u003e🏷️\u003c\/div\u003e\n \u003cdiv class=\"om3-info-label\"\u003eMarque\u003c\/div\u003e\n \u003cdiv class=\"om3-info-value\"\u003eSuperdiet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-info-card\"\u003e\n \u003cdiv class=\"om3-info-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"om3-info-label\"\u003eType\u003c\/div\u003e\n \u003cdiv class=\"om3-info-value\"\u003eComplément alimentaire\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"om3-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"om3-cta-box\"\u003e\n \u003cdiv class=\"om3-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"om3-cta-content\"\u003e\n \u003cdiv class=\"om3-cta-icon\"\u003e🐟\u003c\/div\u003e\n \u003cp class=\"om3-cta-text\"\u003ePrenez soin de votre santé cardiovasculaire, cérébrale et visuelle avec notre huile de poisson riche en oméga-3. Une source naturelle d'EPA et de DHA pour vous accompagner au quotidien vers un bien-être optimal.\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 --om3-cream: #F5F5F0;\n --om3-white: #ffffff;\n --om3-primary: #E63946;\n --om3-primary-dark: #C32F3A;\n --om3-primary-light: #FFE8EA;\n --om3-secondary: #F4A900;\n --om3-accent: #2A9D8F;\n \n \/* Textes *\/\n --om3-text: #1a1a1a;\n --om3-text-light: #5a5a5a;\n \n \/* Effets *\/\n --om3-border: #e0e0e0;\n --om3-shadow: 0 4px 24px rgba(0,0,0,.08);\n --om3-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --om3-radius: 20px;\n --om3-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.om3-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--om3-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--om3-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.om3-hero {\n position: relative;\n background: linear-gradient(135deg, var(--om3-accent) 0%, #1D7A6F 50%, var(--om3-primary) 100%);\n border-radius: var(--om3-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(--om3-shadow-lg);\n}\n\n.om3-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px),\n radial-gradient(circle at 20% 50%, rgba(255,255,255,.2) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(255,255,255,.15) 0%, transparent 50%);\n}\n\n.om3-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.om3-badges-top {\n display: flex;\n gap: 12px;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 2rem;\n}\n\n.om3-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--om3-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.om3-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.om3-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.1;\n}\n\n.om3-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin-bottom: 1.5rem;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.om3-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: 500;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.om3-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.om3-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--om3-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.om3-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--om3-primary), var(--om3-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.om3-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.om3-card {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--om3-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.om3-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--om3-shadow-lg);\n border-color: var(--om3-primary);\n}\n\n.om3-icon {\n font-size: clamp(40px, 8vw, 56px);\n margin-bottom: 1rem;\n display: block;\n filter: drop-shadow(0 4px 12px rgba(0,0,0,.1));\n}\n\n.om3-card-title {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.om3-card p {\n color: var(--om3-text-light);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.om3-composition-box {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--om3-shadow);\n display: flex;\n flex-direction: column;\n gap: 2rem;\n}\n\n.om3-comp-item {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n padding: 1.5rem;\n background: linear-gradient(135deg, var(--om3-primary-light) 0%, rgba(255,255,255,0) 100%);\n border-radius: var(--om3-radius-sm);\n border-left: 4px solid var(--om3-primary);\n transition: all .3s ease;\n}\n\n.om3-comp-item:hover {\n transform: translateX(8px);\n box-shadow: var(--om3-shadow);\n}\n\n.om3-comp-icon {\n font-size: 36px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.om3-comp-content {\n flex: 1;\n}\n\n.om3-comp-name {\n font-size: clamp(17px, 3vw, 20px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n margin-bottom: .5rem;\n letter-spacing: -.02em;\n}\n\n.om3-comp-dosage {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 700;\n color: var(--om3-secondary);\n margin-bottom: .75rem;\n}\n\n.om3-comp-content p {\n color: var(--om3-text-light);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ÉTAPES === *\/\n.om3-steps {\n display: grid;\n gap: 1.5rem;\n}\n\n.om3-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--om3-shadow);\n transition: all .3s ease;\n}\n\n.om3-step:hover {\n transform: translateX(12px);\n box-shadow: var(--om3-shadow-lg);\n}\n\n.om3-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--om3-primary) 0%, var(--om3-primary-dark) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(230,57,70,.3);\n}\n\n.om3-step-content {\n flex: 1;\n}\n\n.om3-step-title {\n font-size: clamp(17px, 3vw, 20px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n margin-bottom: .5rem;\n letter-spacing: -.02em;\n}\n\n.om3-step-content p {\n color: var(--om3-text-light);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.om3-timeline {\n position: relative;\n padding-left: clamp(1rem, 3vw, 2rem);\n}\n\n.om3-timeline::before {\n content: '';\n position: absolute;\n left: 0;\n top: 24px;\n bottom: 24px;\n width: 4px;\n background: linear-gradient(180deg, var(--om3-accent) 0%, var(--om3-primary) 100%);\n border-radius: 2px;\n}\n\n.om3-timeline-item {\n position: relative;\n padding-left: clamp(1.5rem, 4vw, 3rem);\n margin-bottom: 2.5rem;\n}\n\n.om3-timeline-item:last-child {\n margin-bottom: 0;\n}\n\n.om3-timeline-item::before {\n content: '';\n position: absolute;\n left: -10px;\n top: 24px;\n width: 24px;\n height: 24px;\n background: var(--om3-white);\n border: 4px solid var(--om3-primary);\n border-radius: 50%;\n box-shadow: 0 2px 12px rgba(230,57,70,.3);\n}\n\n.om3-timeline-badge {\n display: inline-block;\n padding: 6px 14px;\n background: linear-gradient(135deg, var(--om3-secondary) 0%, #E09700 100%);\n color: white;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n margin-bottom: 1rem;\n box-shadow: 0 2px 12px rgba(244,169,0,.3);\n}\n\n.om3-timeline-content {\n background: var(--om3-white);\n border-radius: var(--om3-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--om3-shadow);\n transition: all .3s ease;\n}\n\n.om3-timeline-item:hover .om3-timeline-content {\n transform: translateX(8px);\n box-shadow: var(--om3-shadow-lg);\n}\n\n.om3-timeline-title {\n font-size: clamp(17px, 3vw, 20px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.om3-timeline-content p {\n color: var(--om3-text-light);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === PROFILS === *\/\n.om3-profile-card {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--om3-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.om3-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--om3-shadow-lg);\n border-color: var(--om3-accent);\n}\n\n.om3-profile-emoji {\n font-size: clamp(48px, 10vw, 64px);\n margin-bottom: 1rem;\n display: block;\n filter: drop-shadow(0 4px 12px rgba(0,0,0,.1));\n}\n\n.om3-profile-title {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--om3-accent);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.om3-profile-card p {\n color: var(--om3-text-light);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.om3-warning-box {\n display: flex;\n gap: 1.5rem;\n background: linear-gradient(135deg, #FFF3CD 0%, #FFF9E6 100%);\n border-radius: var(--om3-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n border-left: 6px solid var(--om3-secondary);\n box-shadow: var(--om3-shadow);\n}\n\n.om3-warning-icon {\n font-size: 48px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.om3-warning-content {\n flex: 1;\n}\n\n.om3-warning-title {\n font-size: clamp(20px, 3.5vw, 26px);\n font-weight: 800;\n color: var(--om3-text);\n margin-bottom: 1rem;\n letter-spacing: -.02em;\n}\n\n.om3-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.om3-warning-list li {\n position: relative;\n padding-left: 1.5rem;\n color: var(--om3-text-light);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.6;\n}\n\n.om3-warning-list li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: var(--om3-secondary);\n font-weight: 900;\n font-size: 18px;\n}\n\n\/* === INFO CARDS === *\/\n.om3-info-grid {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n}\n\n.om3-info-card {\n background: var(--om3-white);\n border-radius: var(--om3-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--om3-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.om3-info-card:hover {\n transform: translateY(-6px);\n border-color: var(--om3-accent);\n box-shadow: var(--om3-shadow-lg);\n}\n\n.om3-info-icon {\n font-size: 36px;\n margin-bottom: .75rem;\n display: block;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.om3-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--om3-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .5rem;\n}\n\n.om3-info-value {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n letter-spacing: -.02em;\n}\n\n\/* === CTA FINAL === *\/\n.om3-cta-box {\n background: linear-gradient(135deg, var(--om3-accent) 0%, var(--om3-primary) 100%);\n border-radius: var(--om3-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--om3-shadow-lg);\n}\n\n.om3-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 25% 25%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 75% 75%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.om3-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.om3-cta-icon {\n font-size: 64px;\n margin-bottom: 1.5rem;\n filter: drop-shadow(0 4px 16px rgba(0,0,0,.2));\n}\n\n.om3-cta-text {\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 max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .om3-grid {\n grid-template-columns: 1fr;\n }\n \n .om3-composition-box {\n padding: 1.5rem;\n }\n \n .om3-comp-item {\n flex-direction: column;\n gap: 1rem;\n }\n \n .om3-warning-box {\n flex-direction: column;\n gap: 1rem;\n }\n \n .om3-step {\n flex-direction: column;\n gap: 1rem;\n }\n \n .om3-step-number {\n align-self: flex-start;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .om3-card, .om3-profile-card, .om3-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .om3-card:nth-child(1), .om3-profile-card:nth-child(1), .om3-info-card:nth-child(1) { animation-delay: .1s; }\n .om3-card:nth-child(2), .om3-profile-card:nth-child(2), .om3-info-card:nth-child(2) { animation-delay: .2s; }\n .om3-card:nth-child(3), .om3-profile-card:nth-child(3), .om3-info-card:nth-child(3) { animation-delay: .3s; }\n .om3-card:nth-child(4), .om3-profile-card:nth-child(4), .om3-info-card:nth-child(4) { animation-delay: .4s; }\n .om3-card:nth-child(5), .om3-profile-card:nth-child(5), .om3-info-card:nth-child(5) { animation-delay: .5s; }\n .om3-card:nth-child(6), .om3-profile-card:nth-child(6), .om3-info-card:nth-child(6) { animation-delay: .6s; }\n .om3-card:nth-child(7), .om3-info-card:nth-child(7) { animation-delay: .7s; }\n .om3-card:nth-child(8), .om3-info-card:nth-child(8) { animation-delay: .8s; }\n \n .om3-step {\n animation: slideInLeft .6s ease backwards;\n }\n \n .om3-step:nth-child(1) { animation-delay: .1s; }\n .om3-step:nth-child(2) { animation-delay: .2s; }\n .om3-step:nth-child(3) { animation-delay: .3s; }\n .om3-step:nth-child(4) { animation-delay: .4s; }\n \n .om3-timeline-item {\n animation: slideInRight .6s ease backwards;\n }\n \n .om3-timeline-item:nth-child(1) { animation-delay: .1s; }\n .om3-timeline-item:nth-child(2) { animation-delay: .2s; }\n .om3-timeline-item:nth-child(3) { animation-delay: .3s; }\n .om3-timeline-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes slideInLeft {\n from {\n opacity: 0;\n transform: translateX(-40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes slideInRight {\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 .om3-premium *,\n .om3-premium *::before,\n .om3-premium *::after {\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 .om3-card,\n .om3-profile-card,\n .om3-info-card,\n .om3-step,\n .om3-timeline-content {\n border: 2px solid var(--om3-text);\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .om3-premium {\n background: white;\n }\n \n .om3-card,\n .om3-profile-card,\n .om3-info-card {\n break-inside: avoid;\n box-shadow: none;\n border: 1px solid var(--om3-border);\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":56336787341689,"sku":"NBAISUP0042","price":24.29,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Huiledepoisson120capsules.webp?v=1765286753"},{"product_id":"phyco-libido-30-gelules-lifes-code","title":"Phyco-libido - 30 gélules - Life's code","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Phyco-Libido - Life's Code\nPalette détectée:\n - Primaire: #D35F2D (orange terracotta du bandeau central)\n - Secondaire: #C9A86C (beige doré de l'étiquette kraft)\n - Accent: #3D2314 (brun foncé du flacon ambré)\nAmbiance: Naturel\/organique avec touche premium, univers bien-être\/santé naturelle, packaging craft authentique\nPréfixe CSS: pl\n--\u003e\n\u003cdiv class=\"pl-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"pl-hero\"\u003e\n\u003cdiv class=\"pl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pl-hero-content\"\u003e\n\u003cdiv class=\"pl-badges-top\"\u003e\n\u003cspan class=\"pl-badge\"\u003e🔥 Libido \u0026amp; vitalité\u003c\/span\u003e \u003cspan class=\"pl-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"pl-badge\"\u003e💑 Femme \u0026amp; homme\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pl-hero-title\"\u003ePhyco-Libido\u003c\/span\u003e\n\u003cp class=\"pl-subtitle\"\u003ePhycocyanine \u0026amp; plantes adaptogènes\u003c\/p\u003e\n\u003cp class=\"pl-description\"\u003eRéveillez votre désir naturellement grâce à une synergie unique de 5 actifs puissants : phycocyanine, tribulus, maca, safran et ashwagandha.\u003c\/p\u003e\n\u003cdiv class=\"pl-hero-stats\"\u003e\n\u003cdiv class=\"pl-stat\"\u003e\n\u003cspan class=\"pl-stat-value\"\u003e200 mg\u003c\/span\u003e \u003cspan class=\"pl-stat-label\"\u003ePhycocyanine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pl-stat\"\u003e\n\u003cspan class=\"pl-stat-value\"\u003e5\u003c\/span\u003e \u003cspan class=\"pl-stat-label\"\u003eActifs synergiques\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pl-stat\"\u003e\n\u003cspan class=\"pl-stat-value\"\u003e30\u003c\/span\u003e \u003cspan class=\"pl-stat-label\"\u003eGélules végétales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- POURQUOI CHOISIR --\u003e\n\u003csection class=\"pl-section\"\u003e\n\u003ch2\u003ePourquoi choisir Phyco-Libido ?\u003c\/h2\u003e\n\u003cdiv class=\"pl-grid\"\u003e\n\u003cdiv class=\"pl-card\"\u003e\n\u003cdiv class=\"pl-card-icon\"\u003e💎\u003c\/div\u003e\n\u003ch3\u003ePhycocyanine premium\u003c\/h3\u003e\n\u003cp\u003eExtraite et séchée à froid pour préserver 100% de ses propriétés antioxydantes et énergisantes exceptionnelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pl-card\"\u003e\n\u003cdiv class=\"pl-card-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003ePlantes adaptogènes\u003c\/h3\u003e\n\u003cp\u003e4 extraits végétaux complémentaires agissant en synergie pour soutenir votre vitalité globale et votre équilibre hormonal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pl-card\"\u003e\n\u003cdiv class=\"pl-card-icon\"\u003e⚖️\u003c\/div\u003e\n\u003ch3\u003eFormule mixte\u003c\/h3\u003e\n\u003cp\u003eSpécialement conçue pour répondre aux besoins spécifiques des femmes comme des hommes en quête de désir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pl-card\"\u003e\n\u003cdiv class=\"pl-card-icon\"\u003e✅\u003c\/div\u003e\n\u003ch3\u003eQualité irréprochable\u003c\/h3\u003e\n\u003cp\u003eSans OGM, sans gluten, sans conservateurs, sans métaux lourds. Gélules 100% végétales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LES 5 ACTIFS --\u003e\n\u003csection class=\"pl-section\"\u003e\n\u003ch2\u003eLes 5 actifs de la formule\u003c\/h2\u003e\n\u003cdiv class=\"pl-ingredients\"\u003e\n\u003cdiv class=\"pl-ingredient-card pl-ingredient-main\"\u003e\n\u003cdiv class=\"pl-ingredient-header\"\u003e\n\u003cspan class=\"pl-ingredient-icon\"\u003e🔵\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003ePhycocyanine lyophilisée\u003c\/h3\u003e\n\u003cspan class=\"pl-dosage\"\u003e200 mg par dose\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eCe pigment bleu précieux issu de la spiruline est un puissant antioxydant naturel. Il soutient l'énergie cellulaire et combat la fatigue, facteur majeur de la baisse de libido. Son extraction à froid garantit une concentration optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pl-ingredients-grid\"\u003e\n\u003cdiv class=\"pl-ingredient-card\"\u003e\n\u003cdiv class=\"pl-ingredient-header\"\u003e\n\u003cspan class=\"pl-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch3\u003eTribulus terrestris\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eUtilisé depuis des millénaires en médecine ayurvédique, il soutient la vitalité masculine et féminine et contribue à l'équilibre hormonal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pl-ingredient-card\"\u003e\n\u003cdiv class=\"pl-ingredient-header\"\u003e\n\u003cspan class=\"pl-ingredient-icon\"\u003e🏔️\u003c\/span\u003e\n\u003ch3\u003eMaca du Pérou\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eSurnommée « ginseng péruvien », cette racine adaptogène stimule traditionnellement le désir et l'endurance naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pl-ingredient-card\"\u003e\n\u003cdiv class=\"pl-ingredient-header\"\u003e\n\u003cspan class=\"pl-ingredient-icon\"\u003e🌸\u003c\/span\u003e\n\u003ch3\u003eSafran\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eAux propriétés remarquables sur l'humeur et l'équilibre émotionnel, il crée un terrain propice à l'épanouissement intime.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pl-ingredient-card\"\u003e\n\u003cdiv class=\"pl-ingredient-header\"\u003e\n\u003cspan class=\"pl-ingredient-icon\"\u003e🍃\u003c\/span\u003e\n\u003ch3\u003eAshwagandha\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eRéférence pour renforcer la résistance au stress chronique, premier ennemi du désir. Aide l'organisme à retrouver son équilibre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"pl-section\"\u003e\n\u003ch2\u003eComment prendre Phyco-Libido ?\u003c\/h2\u003e\n\u003cdiv class=\"pl-usage-box\"\u003e\n\u003cdiv class=\"pl-usage-steps\"\u003e\n\u003cdiv class=\"pl-step\"\u003e\n\u003cdiv class=\"pl-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pl-step-content\"\u003e\n\u003ch4\u003eAu moment du repas\u003c\/h4\u003e\n\u003cp\u003ePrenez vos gélules avec un grand verre d'eau, de préférence pendant le repas pour une meilleure assimilation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pl-step\"\u003e\n\u003cdiv class=\"pl-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pl-step-content\"\u003e\n\u003ch4\u003eRespectez la posologie\u003c\/h4\u003e\n\u003cp\u003eSuivez les indications inscrites sur le flacon pour des résultats optimaux et en toute sécurité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pl-step\"\u003e\n\u003cdiv class=\"pl-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pl-step-content\"\u003e\n\u003ch4\u003eCure de 1 à 3 mois\u003c\/h4\u003e\n\u003cp\u003eUne cure prolongée est conseillée pour observer des résultats durables. Renouvelable plusieurs fois par an.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pl-tip\"\u003e\n\u003cspan class=\"pl-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e les effets des plantes adaptogènes se construisent progressivement. Accordez-vous quelques semaines avant d'évaluer les bienfaits sur votre vitalité et votre désir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"pl-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse Phyco-Libido ?\u003c\/h2\u003e\n\u003cdiv class=\"pl-grid\"\u003e\n\u003cdiv class=\"pl-profile-card\"\u003e\n\u003cspan class=\"pl-profile-icon\"\u003e👩\u003c\/span\u003e\n\u003ch3\u003eLes femmes\u003c\/h3\u003e\n\u003cp\u003eSouhaitant un complément libido naturel et sans hormones de synthèse pour retrouver leur désir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pl-profile-card\"\u003e\n\u003cspan class=\"pl-profile-icon\"\u003e👨\u003c\/span\u003e\n\u003ch3\u003eLes hommes\u003c\/h3\u003e\n\u003cp\u003eCherchant à booster leur libido naturellement et soutenir leur vitalité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pl-profile-card\"\u003e\n\u003cspan class=\"pl-profile-icon\"\u003e😓\u003c\/span\u003e\n\u003ch3\u003ePersonnes stressées\u003c\/h3\u003e\n\u003cp\u003eDont la baisse de désir est liée à un rythme de vie intense, à la fatigue ou au stress chronique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pl-profile-card\"\u003e\n\u003cspan class=\"pl-profile-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch3\u003eAdeptes du naturel\u003c\/h3\u003e\n\u003cp\u003ePrivilégiant les solutions naturelles et les actifs végétaux de qualité supérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ENGAGEMENTS QUALITÉ --\u003e\n\u003csection class=\"pl-section\"\u003e\n\u003ch2\u003eEngagements qualité Life's Code\u003c\/h2\u003e\n\u003cdiv class=\"pl-quality-grid\"\u003e\n\u003cdiv class=\"pl-quality-item\"\u003e\n\u003cspan\u003e🚫\u003c\/span\u003e\n\u003cp\u003eSans conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pl-quality-item\"\u003e\n\u003cspan\u003e🧬\u003c\/span\u003e\n\u003cp\u003eSans OGM ni ionisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pl-quality-item\"\u003e\n\u003cspan\u003e🌾\u003c\/span\u003e\n\u003cp\u003eSans gluten\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pl-quality-item\"\u003e\n\u003cspan\u003e⚗️\u003c\/span\u003e\n\u003cp\u003eSans métaux lourds\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pl-quality-item\"\u003e\n\u003cspan\u003e🎨\u003c\/span\u003e\n\u003cp\u003eSans colorant ni arôme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pl-quality-item\"\u003e\n\u003cspan\u003e🎯\u003c\/span\u003e\n\u003cp\u003eActifs concentrés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"pl-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"pl-warning-box\"\u003e\n\u003cdiv class=\"pl-warning-content\"\u003e\n\u003cp class=\"pl-warning-list\"\u003e\u003cstrong\u003eDéconseillé :\u003c\/strong\u003e aux femmes enceintes ou allaitantes, aux personnes sous traitement médical (notamment hormonal) et en cas d'antécédent de cancer hormono-dépendant.\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=\"pl-section\"\u003e\n\u003cdiv class=\"pl-cta-box\"\u003e\n\u003cdiv class=\"pl-cta-content\"\u003e\n\u003cspan class=\"pl-cta-emoji\"\u003e\u003c\/span\u003e\n\u003cp\u003e🔥Réveillez votre flamme intérieure et retrouvez une vitalité rayonnante grâce à la puissance combinée de la phycocyanine et des plantes adaptogènes ancestrales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --pl-cream: #FAF7F2;\n --pl-white: #ffffff;\n --pl-primary: #D35F2D;\n --pl-primary-dark: #A84820;\n --pl-primary-light: #F8E8E0;\n --pl-secondary: #C9A86C;\n --pl-secondary-light: #E8DCC8;\n --pl-accent: #3D2314;\n --pl-text: #1a1a1a;\n --pl-text-light: #5a5a5a;\n --pl-border: #e0e0e0;\n --pl-shadow: 0 4px 24px rgba(61, 35, 20, .08);\n --pl-shadow-lg: 0 12px 48px rgba(61, 35, 20, .15);\n --pl-radius: 20px;\n --pl-radius-sm: 12px;\n}\n\n.pl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--pl-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.pl-hero {\n position: relative;\n background: linear-gradient(135deg, var(--pl-primary) 0%, var(--pl-primary-dark) 50%, var(--pl-accent) 100%);\n border-radius: var(--pl-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(--pl-shadow-lg);\n}\n\n.pl-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(201, 168, 108, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255, 255, 255, .1) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 Q35 15 30 25 Q25 35 30 45 Q35 55 30 55' stroke='%23ffffff' stroke-width='1' fill='none' opacity='.08'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.pl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.pl-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(--pl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pl-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pl-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 letter-spacing: .02em;\n}\n\n.pl-description {\n color: rgba(255,255,255,.85);\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.pl-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.pl-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(--pl-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.pl-stat-value {\n display: block;\n font-size: clamp(28px, 5vw, 36px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.pl-stat-label {\n display: block;\n font-size: 13px;\n color: rgba(255,255,255,.8);\n margin-top: 4px;\n font-weight: 500;\n}\n\n\/* === SECTIONS === *\/\n.pl-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.pl-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--pl-accent);\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.pl-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(--pl-primary), var(--pl-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.pl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.pl-card {\n background: var(--pl-white);\n border-radius: var(--pl-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--pl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pl-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--pl-shadow-lg);\n border-color: var(--pl-primary);\n}\n\n.pl-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.pl-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--pl-accent);\n margin: 0 0 0.75rem 0;\n}\n\n.pl-card p {\n font-size: 15px;\n color: var(--pl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGRÉDIENTS === *\/\n.pl-ingredients {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.pl-ingredient-main {\n background: linear-gradient(135deg, var(--pl-primary-light) 0%, var(--pl-white) 100%);\n border: 2px solid var(--pl-primary);\n}\n\n.pl-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.pl-ingredient-card {\n background: var(--pl-white);\n border-radius: var(--pl-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--pl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.pl-ingredient-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--pl-shadow-lg);\n border-color: var(--pl-secondary);\n}\n\n.pl-ingredient-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.pl-ingredient-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.pl-ingredient-header h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--pl-accent);\n margin: 0;\n}\n\n.pl-dosage {\n display: inline-block;\n background: var(--pl-primary);\n color: white;\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n margin-top: 4px;\n}\n\n.pl-ingredient-card p {\n font-size: 15px;\n color: var(--pl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.pl-usage-box {\n background: var(--pl-white);\n border-radius: var(--pl-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--pl-shadow);\n}\n\n.pl-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.pl-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n}\n\n.pl-step-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--pl-primary), var(--pl-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n flex-shrink: 0;\n box-shadow: 0 4px 12px rgba(211, 95, 45, .3);\n}\n\n.pl-step-content h4 {\n font-size: 17px;\n font-weight: 800;\n color: var(--pl-accent);\n margin: 0 0 0.5rem 0;\n}\n\n.pl-step-content p {\n font-size: 15px;\n color: var(--pl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n padding: 1.25rem;\n background: var(--pl-secondary-light);\n border-radius: var(--pl-radius-sm);\n border-left: 4px solid var(--pl-secondary);\n}\n\n.pl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pl-tip p {\n margin: 0;\n font-size: 14px;\n color: var(--pl-text);\n line-height: 1.6;\n}\n\n\/* === PROFILS === *\/\n.pl-profile-card {\n background: var(--pl-white);\n border-radius: var(--pl-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--pl-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.pl-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--pl-shadow-lg);\n border-color: var(--pl-primary);\n}\n\n.pl-profile-icon {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.pl-profile-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--pl-accent);\n margin: 0 0 0.75rem 0;\n}\n\n.pl-profile-card p {\n font-size: 14px;\n color: var(--pl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === QUALITÉ === *\/\n.pl-quality-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 1rem;\n}\n\n.pl-quality-item {\n background: var(--pl-white);\n border-radius: var(--pl-radius-sm);\n padding: 1.25rem 1rem;\n text-align: center;\n box-shadow: var(--pl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.pl-quality-item:hover {\n border-color: var(--pl-primary);\n transform: translateY(-4px);\n}\n\n.pl-quality-item span {\n font-size: 28px;\n display: block;\n margin-bottom: 0.5rem;\n}\n\n.pl-quality-item p {\n font-size: 13px;\n font-weight: 700;\n color: var(--pl-accent);\n margin: 0;\n}\n\n\/* === FAQ === *\/\n.pl-faq {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pl-faq-item {\n background: var(--pl-white);\n border-radius: var(--pl-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--pl-shadow);\n border-left: 4px solid var(--pl-primary);\n}\n\n.pl-faq-item h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--pl-accent);\n margin: 0 0 0.75rem 0;\n}\n\n.pl-faq-item p {\n font-size: 15px;\n color: var(--pl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === WARNING === *\/\n.pl-warning-box {\n display: flex;\n gap: 1.5rem;\n background: linear-gradient(135deg, #FFF5F0 0%, var(--pl-white) 100%);\n border-radius: var(--pl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border: 2px solid #FFCCBC;\n box-shadow: var(--pl-shadow);\n}\n\n.pl-warning-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.pl-warning-content p {\n font-size: 14px;\n color: var(--pl-text);\n margin: 0 0 1rem 0;\n line-height: 1.7;\n}\n\n.pl-warning-content p:last-child {\n margin-bottom: 0;\n}\n\n.pl-warning-list {\n background: rgba(211, 95, 45, .1);\n padding: 1rem;\n border-radius: var(--pl-radius-sm);\n}\n\n.pl-warning-note {\n font-size: 13px !important;\n color: var(--pl-text-light) !important;\n}\n\n\/* === CTA === *\/\n.pl-cta-box {\n background: linear-gradient(135deg, var(--pl-primary) 0%, var(--pl-primary-dark) 50%, var(--pl-accent) 100%);\n border-radius: var(--pl-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--pl-shadow-lg);\n}\n\n.pl-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 10% 90%, rgba(201, 168, 108, .2) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(255, 255, 255, .1) 0%, transparent 30%);\n}\n\n.pl-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.pl-cta-emoji {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.pl-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;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .pl-grid,\n .pl-ingredients-grid {\n grid-template-columns: 1fr;\n }\n \n .pl-hero-stats {\n gap: 1rem;\n }\n \n .pl-stat {\n padding: 0.75rem 1rem;\n }\n \n .pl-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .pl-quality-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pl-card,\n .pl-ingredient-card,\n .pl-profile-card,\n .pl-faq-item {\n animation: fadeInUp .6s ease backwards;\n }\n \n .pl-card:nth-child(1),\n .pl-ingredient-card:nth-child(1),\n .pl-profile-card:nth-child(1) { animation-delay: .1s; }\n .pl-card:nth-child(2),\n .pl-ingredient-card:nth-child(2),\n .pl-profile-card:nth-child(2) { animation-delay: .2s; }\n .pl-card:nth-child(3),\n .pl-ingredient-card:nth-child(3),\n .pl-profile-card:nth-child(3) { animation-delay: .3s; }\n .pl-card:nth-child(4),\n .pl-ingredient-card:nth-child(4),\n .pl-profile-card:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\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 .pl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .pl-card,\n .pl-ingredient-card,\n .pl-profile-card {\n border: 2px solid var(--pl-text);\n }\n}\n\u003c\/style\u003e","brand":"LIFES CODE","offers":[{"title":"Default Title","offer_id":56388435607929,"sku":"LIBIDOLIFESCODE","price":44.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/phyco-libido-30-gelules-lifes-code-packshothd.webp?v=1790451357"},{"product_id":"complexe-menopause-meno-soja-yam-90-gelules-sfb","title":"Complexe Ménopause (Méno+ Soja Yam) - 90 gélules - SFB","description":"\u003cdiv class=\"meno-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"meno-hero\"\u003e\n\u003cdiv class=\"meno-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"meno-hero-content\"\u003e\n\u003cdiv class=\"meno-badges-top\"\u003e\n\u003cspan class=\"meno-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"meno-badge\"\u003e🌿 100 % vegan\u003c\/span\u003e \u003cspan class=\"meno-badge\"\u003e🚫 Sans OGM\u003c\/span\u003e \u003cspan class=\"meno-badge\"\u003e💊 90 gélules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"meno-hero-title\"\u003eComplexe Ménopause Méno+ Soja Yam\u003c\/span\u003e\n\u003cp class=\"meno-subtitle\"\u003eSFB Laboratoires — La force du naturel\u003c\/p\u003e\n\u003cp class=\"meno-description\"\u003eDeux extraits végétaux puissants pour traverser la ménopause avec sérénité, naturellement et sans hormone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"meno-section\"\u003e\n\u003ch2\u003eMéno+ Soja Yam : votre complément alimentaire pour la ménopause, naturel et sans hormone\u003c\/h2\u003e\n\u003cp class=\"meno-section-intro\"\u003eLa ménopause est une étape naturelle de la vie, mais elle s'accompagne souvent d'inconforts qui perturbent le quotidien.\u003c\/p\u003e\n\u003cdiv class=\"meno-grid-compact\"\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🔥 Bouffées de chaleur\u003c\/h3\u003e\n\u003cp\u003eRéduisez l'intensité et la fréquence des bouffées de chaleur grâce aux phytoestrogènes naturels du soja.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e😴 Troubles du sommeil\u003c\/h3\u003e\n\u003cp\u003eRetrouvez des nuits plus paisibles et un sommeil de meilleure qualité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e😤 Irritabilité\u003c\/h3\u003e\n\u003cp\u003eFavorisez une humeur plus stable et un meilleur équilibre émotionnel au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🌸 Confort global\u003c\/h3\u003e\n\u003cp\u003eAccompagnez votre corps avec une formule végétale, vegan, sans OGM et fabriquée en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"meno-section\"\u003e\n\u003ch2\u003ePourquoi associer le soja et le yam ?\u003c\/h2\u003e\n\u003cp class=\"meno-section-intro\"\u003eCes deux plantes sont reconnues depuis longtemps pour leur affinité avec l'équilibre féminin. Ensemble, elles agissent en synergie pour favoriser un meilleur confort global.\u003c\/p\u003e\n\u003cdiv class=\"meno-grid\"\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🫘 Extrait de soja sans OGM\u003c\/h3\u003e\n\u003cp\u003eDosé à \u003cstrong\u003e10 % en isoflavones\u003c\/strong\u003e, il apporte des phytoestrogènes naturels qui contribuent à atténuer les bouffées de chaleur et à soutenir le confort hormonal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🌱 Extrait de yam (igname sauvage)\u003c\/h3\u003e\n\u003cp\u003eDosé à \u003cstrong\u003e16 % de diosgénine\u003c\/strong\u003e, il est traditionnellement utilisé pour accompagner les femmes dès la préménopause vers un meilleur équilibre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🤝 Synergie puissante\u003c\/h3\u003e\n\u003cp\u003eHumeur plus stable, sommeil de meilleure qualité et réduction des douleurs articulaires grâce à l'action combinée de ces deux actifs végétaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"meno-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 3 gélules\u003c\/h2\u003e\n\u003cdiv class=\"meno-grid\"\u003e\n\u003cdiv class=\"meno-card meno-card-highlight\"\u003e\n\u003ch3\u003e🌱 Extrait de yam (racine)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e540 mg\u003c\/strong\u003e dosé à 16 % de diosgénine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card meno-card-highlight\"\u003e\n\u003ch3\u003e🫘 Extrait de soja sans OGM\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e360 mg\u003c\/strong\u003e dosé à 10 % en isoflavones\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card meno-card-highlight\"\u003e\n\u003ch3\u003e💊 Tunique végétale\u003c\/h3\u003e\n\u003cp\u003eGélule en \u003cstrong\u003epullulan\u003c\/strong\u003e, 100 % d'origine végétale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-tip\"\u003e\n\u003cspan class=\"meno-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eChaque flacon contient \u003cstrong\u003e90 gélules végétales de 300 mg\u003c\/strong\u003e, soit une cure de 30 jours. Formule \u003cstrong\u003esans gluten, sans lactose, sans alcool\u003c\/strong\u003e, parfaitement adaptée aux végétariennes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"meno-section\"\u003e\n\u003ch2\u003eComment prendre Méno+ Soja Yam ?\u003c\/h2\u003e\n\u003cdiv class=\"meno-timeline\"\u003e\n\u003cdiv class=\"meno-timeline-item\"\u003e\n\u003cdiv class=\"meno-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"meno-timeline-content\"\u003e\n\u003ch3\u003ePrenez 3 gélules par jour\u003c\/h3\u003e\n\u003cp\u003eAvec un grand verre d'eau, au cours d'un repas, pour une absorption optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-timeline-item\"\u003e\n\u003cdiv class=\"meno-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"meno-timeline-content\"\u003e\n\u003ch3\u003eCure régulière recommandée\u003c\/h3\u003e\n\u003cp\u003ePour des résultats optimaux, maintenez la prise sur plusieurs semaines. Ce complément s'intègre facilement dans votre routine quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-timeline-item\"\u003e\n\u003cdiv class=\"meno-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"meno-timeline-content\"\u003e\n\u003ch3\u003eRespectez la dose journalière\u003c\/h3\u003e\n\u003cp\u003eNe dépassez pas la dose indiquée. En cas de doute ou de traitement en cours, consultez votre médecin ou pharmacien avant de commencer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"meno-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"meno-testimonial\"\u003e\n\u003cp class=\"meno-testimonial-text\"\u003e\"Méno+ Soja Yam est formulé pour les femmes à partir de 40 ans, qu'elles soient en phase de préménopause ou de ménopause installée. Si vous recherchez le meilleur complément alimentaire pour la ménopause sans recourir aux hormones de synthèse, cette formule végétale représente une alternative naturelle et bien dosée.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🔥 Bouffées de chaleur\u003c\/h3\u003e\n\u003cp\u003eAtténuation naturelle des épisodes de chaleur intense\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🧴 Peau sèche\u003c\/h3\u003e\n\u003cp\u003eSoutien appréciable pour la sécheresse cutanée liée à la ménopause\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e⚖️ Prise de poids\u003c\/h3\u003e\n\u003cp\u003eAide à gérer les fluctuations hormonales en complément d'une bonne hygiène de vie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🌿 Sans hormone\u003c\/h3\u003e\n\u003cp\u003eAlternative 100 % végétale aux traitements hormonaux de synthèse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"meno-section\"\u003e\n\u003ch2\u003eLes engagements qualité SFB Laboratoires\u003c\/h2\u003e\n\u003cdiv class=\"meno-grid-compact\"\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eProduction française garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🚫 Soja sans OGM\u003c\/h3\u003e\n\u003cp\u003eExtrait de soja garanti non génétiquement modifié\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🌿 100 % vegan\u003c\/h3\u003e\n\u003cp\u003eFormule entièrement d'origine végétale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🧪 Sans allergènes\u003c\/h3\u003e\n\u003cp\u003eSans gluten, sans lactose, sans alcool\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e💊 Gélules végétales\u003c\/h3\u003e\n\u003cp\u003eTunique en pullulan, adaptée aux végétariennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e✅ Dosages optimaux\u003c\/h3\u003e\n\u003cp\u003eActifs rigoureusement dosés pour une efficacité maximale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"meno-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"meno-accordion\"\u003e\n\u003cdetails class=\"meno-accordion-item\"\u003e\n\u003csummary class=\"meno-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n\u003cdiv class=\"meno-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne remplace ni un traitement médical ni une alimentation variée et équilibrée. Conservez-le à l'abri de la chaleur et hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"meno-accordion-item\"\u003e\n\u003csummary class=\"meno-accordion-header\"\u003e👩⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"meno-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de pathologie ou de traitement hormonal, demandez toujours l'avis d'un professionnel de santé avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"meno-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\u003cstyle\u003e\n:root {\n --meno-cream: #f5f7f2;\n --meno-white: #ffffff;\n --meno-primary: #2d7a3a;\n --meno-primary-dark: #1b5426;\n --meno-primary-light: #e8f3ea;\n --meno-secondary: #6ab04c;\n --meno-accent: #d4a843;\n --meno-text: #1a1a1a;\n --meno-text-light: #5a5a5a;\n --meno-border: #dde5d9;\n --meno-shadow: 0 4px 24px rgba(0,0,0,.08);\n --meno-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --meno-radius: 20px;\n --meno-radius-sm: 12px;\n}\n\n.meno-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--meno-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.meno-hero {\n position: relative;\n background: linear-gradient(135deg, #1b5426 0%, #2d7a3a 45%, #6ab04c 100%);\n border-radius: var(--meno-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(--meno-shadow-lg);\n}\n\n.meno-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(212,168,67,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.meno-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.meno-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.meno-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(--meno-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.meno-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.meno-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.meno-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.meno-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\/* === SECTIONS === *\/\n.meno-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.meno-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--meno-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.meno-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(--meno-primary), var(--meno-secondary));\n border-radius: 2px;\n}\n\n.meno-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--meno-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.meno-card {\n background: var(--meno-white);\n border-radius: var(--meno-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--meno-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.meno-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--meno-shadow-lg);\n border-color: var(--meno-primary);\n}\n\n.meno-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--meno-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.meno-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--meno-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.meno-card-highlight {\n border-left: 4px solid var(--meno-secondary);\n}\n\n\/* === GRILLES === *\/\n.meno-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.meno-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.meno-grid-compact .meno-card {\n padding: 1rem;\n}\n\n.meno-grid-compact .meno-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.meno-grid-compact .meno-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.meno-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.meno-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.meno-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--meno-primary), var(--meno-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.meno-timeline-content {\n flex: 1;\n background: var(--meno-white);\n padding: 1rem 1.25rem;\n border-radius: var(--meno-radius-sm);\n box-shadow: var(--meno-shadow);\n}\n\n.meno-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--meno-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.meno-timeline-content p {\n font-size: 14px;\n color: var(--meno-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.meno-testimonial {\n background: var(--meno-white);\n border-radius: var(--meno-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--meno-shadow);\n border-left: 4px solid var(--meno-primary);\n}\n\n.meno-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--meno-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.meno-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--meno-primary-light);\n border-radius: var(--meno-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.meno-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.meno-tip p {\n font-size: 14px;\n color: var(--meno-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.meno-accordion {\n background: var(--meno-white);\n border-radius: var(--meno-radius);\n box-shadow: var(--meno-shadow);\n overflow: hidden;\n}\n\n.meno-accordion-item {\n border-bottom: 1px solid var(--meno-border);\n margin: 0;\n padding: 0;\n}\n\n.meno-accordion-item:last-child {\n border-bottom: none;\n}\n\n.meno-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--meno-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.meno-accordion-header:hover {\n background: var(--meno-primary-light);\n}\n\n.meno-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.meno-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--meno-primary);\n transition: transform .2s ease;\n}\n\n.meno-accordion-item[open] .meno-accordion-header::after {\n content: '−';\n}\n\n.meno-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--meno-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.meno-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.meno-disclaimer {\n font-size: 12px;\n color: var(--meno-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 .meno-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .meno-card {\n padding: 1.125rem;\n }\n\n .meno-section {\n margin-bottom: 1.75rem;\n }\n\n .meno-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--meno-radius-sm);\n }\n\n .meno-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .meno-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .meno-grid-compact {\n gap: .625rem;\n }\n\n .meno-grid-compact .meno-card {\n padding: .75rem;\n }\n\n .meno-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .meno-timeline-content {\n padding: .875rem 1rem;\n }\n\n .meno-timeline-content h3 {\n font-size: 14px;\n }\n\n .meno-timeline-content p {\n font-size: 13px;\n }\n\n .meno-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .meno-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .meno-testimonial {\n padding: 1.25rem;\n }\n\n .meno-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .meno-card {\n animation: menoFadeInUp .5s ease backwards;\n }\n .meno-card:nth-child(1) { animation-delay: .05s; }\n .meno-card:nth-child(2) { animation-delay: .1s; }\n .meno-card:nth-child(3) { animation-delay: .15s; }\n .meno-card:nth-child(4) { animation-delay: .2s; }\n .meno-card:nth-child(5) { animation-delay: .25s; }\n .meno-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes menoFadeInUp {\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 .meno-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":57051694006649,"sku":"SF0210","price":25.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/complexe-menopause-meno-soja-yam-90-gelules-sfb-packshothd.webp?v=1776082613"},{"product_id":"complexe-menopause-climactyl-superdiet","title":"Climactyl complexe ménopause - 30 gélules - 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🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e✨ Effets en 7 jours\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e💊 30 jours de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cm-hero-title\"\u003eTraversez la ménopause avec sérénité\u003c\/span\u003e\n \u003cp class=\"cm-subtitle\"\u003eTrèfle rouge, Gattilier, Cimicifuga \u0026amp; Vitamines B6, B9 et C\u003c\/p\u003e\n \u003cp class=\"cm-description\"\u003eUn allié naturel pour apaiser bouffées de chaleur, sueurs nocturnes, irritabilité et fatigue — en une seule gélule par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eClimactyl Ménopause Superdiet : un allié naturel au quotidien\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eLa ménopause et la préménopause s'accompagnent souvent de désagréments qui bouleversent le quotidien : bouffées de chaleur, sueurs nocturnes, irritabilité, fatigue…\u003c\/p\u003e\n \u003cdiv class=\"cm-grid-compact\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🔥 Bouffées de chaleur\u003c\/h3\u003e\n \u003cp\u003eUn apaisement en douceur grâce au Gattilier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e💧 Sueurs nocturnes\u003c\/h3\u003e\n \u003cp\u003eLe Trèfle rouge contribue à les calmer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e💭 Irritabilité\u003c\/h3\u003e\n \u003cp\u003eLa vitamine B9 soutient l'équilibre psychique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e⚡ Fatigue\u003c\/h3\u003e\n \u003cp\u003eLa vitamine C aide à réduire la fatigue.\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\u003eUne \u003cstrong\u003eseule gélule par jour\u003c\/strong\u003e pendant 30 jours pour vous accompagner en douceur dans cette période de transition hormonale — fabriqué en France par Superdiet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eUne formule ciblée à base de plantes et vitamines\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eLa force de ce complexe repose sur la synergie de ses actifs, sélectionnés pour agir sur les différents signes de la ménopause.\u003c\/p\u003e\n \u003cdiv class=\"cm-grid\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🌿 Trèfle rouge\u003c\/h3\u003e\n \u003cp\u003eExtrait des parties aériennes titré à \u003cstrong\u003e40 mg d'isoflavones\u003c\/strong\u003e en moyenne par gélule : contribue à calmer les sueurs nocturnes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🍃 Gattilier\u003c\/h3\u003e\n \u003cp\u003eExtrait du fruit : aide à apaiser les bouffées de chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🌱 Cimicifuga\u003c\/h3\u003e\n \u003cp\u003eExtrait de rhizome : complète l'action globale sur les signes de préménopause et ménopause.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e💊 Vitamine B6\u003c\/h3\u003e\n \u003cp\u003eContribue à réguler l'activité hormonale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🧠 Vitamine B9\u003c\/h3\u003e\n \u003cp\u003eSoutient les fonctions psychologiques normales, utile pour mieux gérer l'irritabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e✨ Vitamine C\u003c\/h3\u003e\n \u003cp\u003e60 mg par gélule (75 % des VNR) ; elle intervient pour réduire la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-tip\"\u003e\n \u003cspan class=\"cm-tip-icon\"\u003e🧾\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e gélule d'hydroxypropylméthylcellulose, fécule de manioc. Ingrédients d'origine Non UE.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003ePour qui est conçu ce complément alimentaire ménopause ?\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eCe complexe s'adresse aux \u003cstrong\u003efemmes en période de ménopause ou de préménopause\u003c\/strong\u003e qui souhaitent une approche naturelle pour mieux vivre cette étape.\u003c\/p\u003e\n \u003cdiv class=\"cm-grid-compact\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🌸 Vegan\u003c\/h3\u003e\n \u003cp\u003eFormule 100 % végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n \u003cp\u003eAdapté aux intolérances.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🥛 Sans lactose\u003c\/h3\u003e\n \u003cp\u003eConvient à de nombreux profils.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eComment prendre le Complexe Ménopause Superdiet ?\u003c\/h2\u003e\n \u003cdiv class=\"cm-timeline\"\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e pendant 30 jours.\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\u003eMoment de la prise\u003c\/h3\u003e\n \u003cp\u003eÀ tout moment de la journée, avec un grand verre d'eau.\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\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eCure à renouveler si besoin, \u003cstrong\u003esans dépasser 6 mois maximum\u003c\/strong\u003e. Réservé à l'adulte.\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\u003eChaque boîte contient \u003cstrong\u003e30 gélules\u003c\/strong\u003e, soit exactement un mois de cure, pour une prise simple et régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée, ni un mode de vie sain, ni un traitement médical. \u003cstrong\u003eDemandez conseil à un professionnel de santé avant utilisation.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"cm-accordion\"\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e⚠️ Contre-indications strictes\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eTrouble hépatique, biliaire, cancer du sein ou hormono-dépendant (ou antécédents) : \u003cstrong\u003ene pas consommer\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e💊 Traitements hormonaux\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé en cas de traitement hormonal en cours (œstrogènes, œstroprogestatifs, anti-œstrogènes).\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🧠 Troubles hypophysaires\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé en cas de tumeur hypophysaire à prolactine ou d'antécédents de troubles hypophysaires.\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💉 Traitements dopaminergiques\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé en cas de traitement par agonistes ou antagonistes dopaminergiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e🌷 Femmes en âge de procréer\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eUtiliser une contraception non hormonale pendant la prise.\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, sec, à l'abri de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le Complexe Ménopause\u003c\/h2\u003e\n \u003cdiv class=\"cm-accordion\"\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e⏱️ Quand voit-on les premiers effets ?\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eComme tout complément alimentaire, les résultats varient selon les personnes. Une cure complète de \u003cstrong\u003e30 jours minimum\u003c\/strong\u003e est recommandée pour évaluer les bienfaits.\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🔄 Peut-on renouveler la cure ?\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, la cure peut être renouvelée si besoin, \u003cstrong\u003esans dépasser 6 mois consécutifs\u003c\/strong\u003e, idéalement avec l'avis d'un professionnel de santé.\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🇫🇷 Le produit est-il fabriqué en France ?\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, \u003cstrong\u003eSuperdiet\u003c\/strong\u003e est un fabricant français reconnu, gage de qualité et de traçabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-cta-box\" style=\"margin-top:2rem;\"\u003e\n \u003cp\u003e🌸 Retrouvez votre équilibre au quotidien avec Climactyl Ménopause — la force des plantes et des vitamines, en une seule gélule par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cm-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\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cm-cream: #fdf7f9;\n --cm-white: #ffffff;\n --cm-primary: #a8437a;\n --cm-primary-dark: #6d2952;\n --cm-primary-light: #f9e6ef;\n --cm-secondary: #4a7c3a;\n --cm-accent: #d17aa8;\n\n --cm-text: #2a1a24;\n --cm-text-light: #6a5a62;\n\n --cm-border: #ecd9e3;\n --cm-shadow: 0 4px 24px rgba(168, 67, 122, .08);\n --cm-shadow-lg: 0 12px 48px rgba(168, 67, 122, .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, #a8437a 0%, #c85a95 50%, #d17aa8 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% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.25) 0%, transparent 40%);\n opacity: .5;\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(24px, 7vw, 44px);\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.cm-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.cm-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n margin: 0;\n opacity: .9;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\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, 34px);\n font-weight: 900;\n color: var(--cm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.cm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cm-primary), var(--cm-accent));\n border-radius: 2px;\n}\n\n.cm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cm-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.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-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(168,67,122,.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-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: 22px;\n font-weight: 400;\n color: var(--cm-primary);\n transition: transform .2s ease;\n margin-left: 12px;\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 border-left: 4px solid var(--cm-primary);\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.cm-disclaimer {\n font-size: 12px;\n color: var(--cm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .cm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cm-card {\n padding: 1.125rem;\n }\n .cm-section {\n margin-bottom: 1.75rem;\n }\n .cm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cm-radius-sm);\n }\n .cm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cm-grid-compact {\n gap: .625rem;\n }\n .cm-grid-compact .cm-card {\n padding: .75rem;\n }\n .cm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cm-timeline-content {\n padding: .875rem 1rem;\n }\n .cm-timeline-content h3 {\n font-size: 14px;\n }\n .cm-timeline-content p {\n font-size: 13px;\n }\n .cm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\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":64384938246521,"sku":"NBAISUP0064","price":20.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/climactyl-complexe-menopause-30-gelules-superdiet-packshothd.webp?v=1789740241"},{"product_id":"probiomelia-confort-intime-30-gelules-superdiet","title":"Probiomelia - Confort Intime - 30 gélules - Superdiet","description":"\u003cdiv class=\"pbm-premium\"\u003e\n \u003cdiv class=\"pbm-hero\"\u003e\n \u003cdiv class=\"pbm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pbm-hero-content\"\u003e\n \u003cdiv class=\"pbm-badges-top\"\u003e\n \u003cspan class=\"pbm-badge\"\u003e🌸 Confort intime\u003c\/span\u003e\n \u003cspan class=\"pbm-badge\"\u003e🧪 Souches cliniquement testées\u003c\/span\u003e\n \u003cspan class=\"pbm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"pbm-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pbm-hero-title\"\u003eL'équilibre féminin au naturel, chaque jour\u003c\/span\u003e\n \u003cp class=\"pbm-subtitle\"\u003eComplexe probiotique breveté SynbÆctive® Femme\u003c\/p\u003e\n \u003cp class=\"pbm-description\"\u003e3 souches brevetées · D-mannose · Vitamines B2, B3 \u0026amp; B6 — en gélules gastro-résistantes pour une efficacité préservée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"pbm-section\"\u003e\n \u003ch2\u003eProbiomelia Confort Intime Superdiet : l'allié quotidien de votre équilibre féminin\u003c\/h2\u003e\n \u003cp class=\"pbm-section-intro\"\u003eVous cherchez un \u003cstrong\u003eprobiotique pour femme\u003c\/strong\u003e pensé spécifiquement pour préserver votre équilibre intime au quotidien ? \u003cstrong\u003eProbiomelia Confort Intime\u003c\/strong\u003e du Laboratoire Superdiet associe un complexe probiotique breveté, du D-mannose et un trio de vitamines B pour vous accompagner en douceur. Une formule cliniquement testée, vegan, sans gluten ni lactose, conçue pour les femmes et adolescentes à partir de 14 ans.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pbm-section\"\u003e\n \u003ch2\u003ePourquoi choisir Probiomelia comme probiotique intime femme ?\u003c\/h2\u003e\n \u003cp class=\"pbm-section-intro\"\u003eLe microbiote vaginal est un écosystème sensible qui peut être perturbé par le stress, les variations hormonales, l'alimentation ou certains traitements. Probiomelia vous aide à retrouver un \u003cstrong\u003econfort intime féminin\u003c\/strong\u003e durable grâce à une approche ciblée.\u003c\/p\u003e\n \u003cdiv class=\"pbm-grid\"\u003e\n \u003cdiv class=\"pbm-card\"\u003e\n \u003ch3\u003e🦠 3 souches brevetées\u003c\/h3\u003e\n \u003cp\u003eComplexe \u003cstrong\u003eSynbÆctive® Femme\u003c\/strong\u003e dosé à \u003cstrong\u003e3 milliards d'UFC\u003c\/strong\u003e par gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pbm-card\"\u003e\n \u003ch3\u003e💧 50 mg de D-mannose\u003c\/h3\u003e\n \u003cp\u003eUn sucre naturel apprécié dans le cadre du \u003cstrong\u003econfort urinaire féminin\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pbm-card\"\u003e\n \u003ch3\u003e✨ Vitamines B2, B3 \u0026amp; B6\u003c\/h3\u003e\n \u003cp\u003eSoutiennent les \u003cstrong\u003emuqueuses\u003c\/strong\u003e et participent à l'\u003cstrong\u003eéquilibre hormonal\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pbm-card\"\u003e\n \u003ch3\u003e🛡️ Gélules gastro-résistantes\u003c\/h3\u003e\n \u003cp\u003ePréservent la vitalité des souches jusqu'à leur \u003cstrong\u003elieu d'action\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pbm-section\"\u003e\n \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n \u003cdiv class=\"pbm-composition\"\u003e\n \u003cdiv class=\"pbm-comp-header\"\u003e\n \u003ch3\u003e🧬 Complexe SynbÆctive® Femme\u003c\/h3\u003e\n \u003cspan class=\"pbm-dose\"\u003e3 × 10⁹ UFC\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cul class=\"pbm-strain-list\"\u003e\n \u003cli\u003eLactobacillus rhamnosus LRH020\u003c\/li\u003e\n \u003cli\u003eBifidobacterium animalis subsp. lactis BL050\u003c\/li\u003e\n \u003cli\u003eLactobacillus plantarum PBS067\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pbm-grid-compact\"\u003e\n \u003cdiv class=\"pbm-card\"\u003e\n \u003ch3\u003e💧 D-mannose\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e50 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pbm-card\"\u003e\n \u003ch3\u003e🌿 Vitamine B3\u003c\/h3\u003e\n \u003cp\u003eNiacinamide\u003cbr\u003e\u003cstrong\u003e2,4 mg\u003c\/strong\u003e · 15 % VNR\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pbm-card\"\u003e\n \u003ch3\u003e🌼 Vitamine B2\u003c\/h3\u003e\n \u003cp\u003eRiboflavine\u003cbr\u003e\u003cstrong\u003e0,21 mg\u003c\/strong\u003e · 15 % VNR\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pbm-card\"\u003e\n \u003ch3\u003e🌸 Vitamine B6\u003c\/h3\u003e\n \u003cp\u003ePyridoxine\u003cbr\u003e\u003cstrong\u003e0,21 mg\u003c\/strong\u003e · 15 % VNR\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pbm-tip\"\u003e\n \u003cspan class=\"pbm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLa \u003cstrong\u003evitamine B2\u003c\/strong\u003e contribue au maintien de muqueuses normales, tandis que la \u003cstrong\u003evitamine B6\u003c\/strong\u003e participe à la régulation de l'activité hormonale : deux atouts précieux pour votre bien-être féminin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pbm-disclaimer\"\u003eAutres ingrédients : amidon de maïs, gélule d'hydroxypropylméthylcellulose, stéarate de magnésium (antiagglomérant).\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pbm-section\"\u003e\n \u003ch2\u003eComment prendre Probiomelia Confort Intime ?\u003c\/h2\u003e\n \u003cdiv class=\"pbm-timeline\"\u003e\n \u003cdiv class=\"pbm-timeline-item\"\u003e\n \u003cdiv class=\"pbm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pbm-timeline-content\"\u003e\n \u003ch3\u003e1 gélule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003ele matin\u003c\/strong\u003e, pour une prise régulière et facile à mémoriser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pbm-timeline-item\"\u003e\n \u003cdiv class=\"pbm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pbm-timeline-content\"\u003e\n \u003ch3\u003eÀ distance des repas\u003c\/h3\u003e\n \u003cp\u003eAvalez la gélule avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e, à jeun si possible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pbm-timeline-item\"\u003e\n \u003cdiv class=\"pbm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pbm-timeline-content\"\u003e\n \u003ch3\u003eCure de 30 jours\u003c\/h3\u003e\n \u003cp\u003eProgramme d'une cure de \u003cstrong\u003e30 jours\u003c\/strong\u003e, renouvelable si besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pbm-timeline-item\"\u003e\n \u003cdiv class=\"pbm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pbm-timeline-content\"\u003e\n \u003ch3\u003eAvec antibiotiques\u003c\/h3\u003e\n \u003cp\u003eRespectez un délai de \u003cstrong\u003e2 à 3 heures\u003c\/strong\u003e minimum entre les prises.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pbm-tip\"\u003e\n \u003cspan class=\"pbm-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003ePour de meilleurs résultats, associez la cure à une \u003cstrong\u003ehygiène de vie adaptée\u003c\/strong\u003e : sous-vêtements en coton, hydratation régulière, alimentation variée et gestion du stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pbm-section\"\u003e\n \u003ch2\u003ePour qui ce probiotique féminin est-il conçu ?\u003c\/h2\u003e\n \u003cp class=\"pbm-section-intro\"\u003eProbiomelia s'adresse à toutes les femmes adultes et adolescentes dès 14 ans qui souhaitent prendre soin de leur \u003cstrong\u003eflore intime\u003c\/strong\u003e : périodes de fatigue, changements hormonaux, préménopause, retour de vacances, après un traitement… Chaque étape de la vie féminine peut bénéficier d'un accompagnement ciblé.\u003c\/p\u003e\n \u003cdiv class=\"pbm-tip\"\u003e\n \u003cspan class=\"pbm-tip-icon\"\u003e🤰\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eFemme enceinte ou allaitante :\u003c\/strong\u003e demandez systématiquement l'avis de votre médecin ou sage-femme avant toute supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pbm-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pbm-accordion\"\u003e\n \u003cdetails class=\"pbm-accordion-item\"\u003e\n \u003csummary class=\"pbm-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"pbm-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas consommer en cas de \u003cstrong\u003edéficit immunitaire\u003c\/strong\u003e. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pbm-accordion-item\"\u003e\n \u003csummary class=\"pbm-accordion-header\"\u003e👶 Public sensible\u003c\/summary\u003e\n \u003cdiv class=\"pbm-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. Réservé aux femmes et adolescentes à partir de 14 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pbm-accordion-item\"\u003e\n \u003csummary class=\"pbm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"pbm-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la \u003cstrong\u003elumière\u003c\/strong\u003e, de la \u003cstrong\u003echaleur\u003c\/strong\u003e et de l'\u003cstrong\u003ehumidité\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pbm-accordion-item\"\u003e\n \u003csummary class=\"pbm-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"pbm-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, ni à un traitement médical. En cas de doute ou de symptômes persistants, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pbm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eSuperdiet, une expertise française en phytothérapie\u003c\/h2\u003e\n \u003cdiv class=\"pbm-cta-box\"\u003e\n \u003cp\u003eFabriqué en France par le \u003cstrong\u003eLaboratoire Superdiet\u003c\/strong\u003e, Probiomelia bénéficie d'un savoir-faire reconnu depuis plusieurs décennies dans la nutrition naturelle. Une formule \u003cstrong\u003evegan\u003c\/strong\u003e, exigeante et respectueuse de votre équilibre féminin. 🌸\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pbm-cream: #fdf6f8;\n --pbm-white: #ffffff;\n --pbm-primary: #e5478a;\n --pbm-primary-dark: #b8२ #a02362;\n --pbm-primary-dark: #a02362;\n --pbm-primary-light: #fce4ee;\n --pbm-secondary: #5cb85c;\n --pbm-accent: #f7a8c4;\n --pbm-text: #1a1a1a;\n --pbm-text-light: #6a5a62;\n --pbm-border: #f0dce4;\n --pbm-shadow: 0 4px 24px rgba(184, 35, 98, .08);\n --pbm-shadow-lg: 0 12px 48px rgba(184, 35, 98, .18);\n --pbm-radius: 20px;\n --pbm-radius-sm: 12px;\n}\n\n.pbm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pbm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--pbm-text);\n line-height: 1.6;\n}\n\n.pbm-hero {\n position: relative;\n background: linear-gradient(135deg, #e5478a 0%, #d63384 50%, #a02362 100%);\n border-radius: var(--pbm-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(--pbm-shadow-lg);\n}\n\n.pbm-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 50%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n opacity: .4;\n}\n\n.pbm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pbm-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.pbm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.pbm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n.pbm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pbm-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(--pbm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pbm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pbm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pbm-premium h2 {\n font-size: clamp(22px, 5vw, 34px);\n font-weight: 900;\n color: var(--pbm-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.pbm-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(--pbm-primary), var(--pbm-accent));\n border-radius: 2px;\n}\n\n.pbm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pbm-text-light);\n margin: 0 auto 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.pbm-section-intro strong {\n color: var(--pbm-primary-dark);\n}\n\n.pbm-card {\n background: var(--pbm-white);\n border-radius: var(--pbm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pbm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pbm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pbm-shadow-lg);\n border-color: var(--pbm-primary);\n}\n\n.pbm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pbm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pbm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pbm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pbm-card strong {\n color: var(--pbm-primary-dark);\n}\n\n.pbm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.pbm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pbm-grid-compact .pbm-card {\n padding: 1rem;\n}\n\n.pbm-grid-compact .pbm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pbm-grid-compact .pbm-card p {\n font-size: 12px;\n}\n\n.pbm-composition {\n background: var(--pbm-white);\n border-radius: var(--pbm-radius);\n padding: 1.5rem;\n box-shadow: var(--pbm-shadow);\n border-left: 4px solid var(--pbm-primary);\n margin-bottom: 1.25rem;\n}\n\n.pbm-comp-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: .5rem;\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n border-bottom: 1px dashed var(--pbm-border);\n}\n\n.pbm-comp-header h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--pbm-primary-dark);\n margin: 0;\n}\n\n.pbm-dose {\n background: linear-gradient(135deg, var(--pbm-primary), var(--pbm-primary-dark));\n color: white;\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 800;\n white-space: nowrap;\n}\n\n.pbm-strain-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.pbm-strain-list li {\n padding: .5rem 0 .5rem 1.75rem;\n font-size: 14px;\n color: var(--pbm-text);\n font-style: italic;\n position: relative;\n}\n\n.pbm-strain-list li::before {\n content: '🦠';\n position: absolute;\n left: 0;\n top: .5rem;\n font-style: normal;\n}\n\n.pbm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pbm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pbm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pbm-primary), var(--pbm-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(229, 71, 138, .3);\n}\n\n.pbm-timeline-content {\n flex: 1;\n background: var(--pbm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pbm-radius-sm);\n box-shadow: var(--pbm-shadow);\n}\n\n.pbm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pbm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pbm-timeline-content p {\n font-size: 14px;\n color: var(--pbm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.pbm-timeline-content strong {\n color: var(--pbm-primary-dark);\n}\n\n.pbm-accordion {\n background: var(--pbm-white);\n border-radius: var(--pbm-radius);\n box-shadow: var(--pbm-shadow);\n overflow: hidden;\n}\n\n.pbm-accordion-item {\n border-bottom: 1px solid var(--pbm-border);\n margin: 0;\n padding: 0;\n}\n\n.pbm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pbm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pbm-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.pbm-accordion-header:hover {\n background: var(--pbm-primary-light);\n}\n\n.pbm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pbm-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--pbm-primary);\n transition: transform .2s ease;\n}\n\n.pbm-accordion-item[open] .pbm-accordion-header::after {\n content: '−';\n}\n\n.pbm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pbm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pbm-accordion-content p {\n margin: 0;\n}\n\n.pbm-accordion-content strong {\n color: var(--pbm-primary-dark);\n}\n\n.pbm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pbm-primary-light);\n border-radius: var(--pbm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--pbm-primary);\n}\n\n.pbm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1.2;\n}\n\n.pbm-tip p {\n font-size: 14px;\n color: var(--pbm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.pbm-tip strong {\n color: var(--pbm-primary-dark);\n}\n\n.pbm-cta-box {\n background: linear-gradient(135deg, var(--pbm-primary) 0%, var(--pbm-primary-dark) 100%);\n border-radius: var(--pbm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--pbm-shadow-lg);\n}\n\n.pbm-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.pbm-cta-box strong {\n font-weight: 800;\n}\n\n.pbm-disclaimer {\n font-size: 12px;\n color: var(--pbm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .pbm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .pbm-card { padding: 1.125rem; }\n .pbm-section { margin-bottom: 1.75rem; }\n .pbm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pbm-radius-sm);\n }\n .pbm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .pbm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .pbm-grid-compact { gap: .625rem; }\n .pbm-grid-compact .pbm-card { padding: .75rem; }\n .pbm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .pbm-timeline-content { padding: .875rem 1rem; }\n .pbm-timeline-content h3 { font-size: 14px; }\n .pbm-timeline-content p { font-size: 13px; }\n .pbm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .pbm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .pbm-composition { padding: 1.25rem; }\n .pbm-comp-header h3 { font-size: 15px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .pbm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .pbm-card:nth-child(1) { animation-delay: .05s; }\n .pbm-card:nth-child(2) { animation-delay: .1s; }\n .pbm-card:nth-child(3) { animation-delay: .15s; }\n .pbm-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .pbm-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":64385175159161,"sku":"NBAISUP0063","price":20.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/probiomelia-confort-intime-30-gelules-superdiet-packshothd.webp?v=1791389673"},{"product_id":"creatine-glow-300-gelules-humble","title":"Créatine Glow AGE-WELL - 300 gélules - Humble +","description":"\u003cdiv class=\"cg-premium\"\u003e\n\u003cdiv class=\"cg-hero\"\u003e\n\u003cdiv class=\"cg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cg-hero-content\"\u003e\n\u003cdiv class=\"cg-badges-top\"\u003e\n\u003cspan class=\"cg-badge\"\u003e💪 3 g de créatine \/ jour\u003c\/span\u003e \u003cspan class=\"cg-badge\"\u003e⚡ Vitamines B6 \u0026amp; B12\u003c\/span\u003e \u003cspan class=\"cg-badge\"\u003e🌸 Soutien hormonal\u003c\/span\u003e \u003cspan class=\"cg-badge\"\u003e🌱 300 gélules végétales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cg-hero-title\"\u003eLa créatine pensée pour les femmes actives\u003c\/span\u003e\n\u003cp class=\"cg-subtitle\"\u003eCréatine monohydrate Age-Well® + Vitamines B6 \u0026amp; B12\u003c\/p\u003e\n\u003cp class=\"cg-description\"\u003e3 g de créatine par jour dans un format pratique de 5 gélules végétales, enrichi en vitamines B6 et B12 pour accompagner les performances physiques, l'énergie et le quotidien des femmes actives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"cg-section\"\u003e\n\u003ch2\u003eCréatine Glow d'Humble+ : la créatine en gélules pensée pour les femmes actives\u003c\/h2\u003e\n\u003cp class=\"cg-section-intro\"\u003eVous cherchez un complément alimentaire à base de \u003cstrong\u003ecréatine en gélules\u003c\/strong\u003e pratique et facile à intégrer à votre quotidien ? La \u003cstrong\u003eCréatine Glow d'Humble+\u003c\/strong\u003e associe de la créatine monohydrate Age-Well® à des vitamines B6 et B12. Chaque dose journalière de 5 gélules apporte \u003cstrong\u003e3 g de créatine\u003c\/strong\u003e, dans un format sans préparation et sans le goût de la poudre.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cg-section\"\u003e\n\u003ch2\u003ePourquoi choisir la créatine en gélules plutôt qu'en poudre ?\u003c\/h2\u003e\n\u003cp class=\"cg-section-intro\"\u003eLa question \u003cstrong\u003ecréatine gélule ou poudre\u003c\/strong\u003e revient souvent. Les deux formats permettent d'apporter de la créatine, mais la \u003cstrong\u003ecréatine monohydrate en gélules\u003c\/strong\u003e offre surtout un avantage pratique au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"cg-grid\"\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e🎒 Pratique au quotidien\u003c\/h3\u003e\n\u003cp\u003ePas de shaker ni de dosette : les gélules s'emportent facilement au travail, à la salle de sport ou en voyage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e🎯 Dosage précis\u003c\/h3\u003e\n\u003cp\u003e5 gélules correspondent à la dose journalière recommandée et apportent 3 g de créatine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e😋 Sans goût de poudre\u003c\/h3\u003e\n\u003cp\u003eUn format intéressant si vous n'appréciez pas le goût ou la texture des préparations à base de créatine en poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e🌿 Gélules végétales\u003c\/h3\u003e\n\u003cp\u003eUn format simple à avaler et facile à intégrer à votre routine quotidienne, sans préparation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-tip\"\u003e\n\u003cspan class=\"cg-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eLe format en gélules permet de profiter d'une dose précise de \u003cstrong\u003ecréatine monohydrate\u003c\/strong\u003e sans avoir à mesurer ni mélanger de poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cg-section\"\u003e\n\u003ch2\u003eComposition de la Créatine Glow\u003c\/h2\u003e\n\u003cp class=\"cg-section-intro\"\u003eChaque pot contient \u003cstrong\u003e300 gélules végétales\u003c\/strong\u003e, soit 60 portions de 5 gélules et environ \u003cstrong\u003e2 mois d'utilisation\u003c\/strong\u003e à la dose journalière recommandée.\u003c\/p\u003e\n\u003cdiv class=\"cg-grid\"\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e💪 Créatine monohydrate Age-Well®\u003c\/h3\u003e\n\u003cp\u003eChaque dose journalière apporte 3 g de créatine. La créatine améliore les capacités physiques lors de séries successives d'exercices très intenses de courte durée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e🌸 Vitamine B6\u003c\/h3\u003e\n\u003cp\u003eContribue à la régulation de l'activité hormonale, à la réduction de la fatigue et à un métabolisme énergétique normal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e⚡ Vitamine B12\u003c\/h3\u003e\n\u003cp\u003eContribue à réduire la fatigue et participe au fonctionnement normal du métabolisme énergétique et du système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-tip\"\u003e\n\u003cspan class=\"cg-tip-icon\"\u003e🔍\u003c\/span\u003e\n\u003cp\u003eUne formule associant \u003cstrong\u003ecréatine monohydrate, vitamine B6 et vitamine B12\u003c\/strong\u003e dans un format de gélules végétales pratique au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-accordion cg-compo\"\u003e\n\u003cdetails class=\"cg-accordion-item\"\u003e\n\u003csummary class=\"cg-accordion-header\"\u003e📊 Quantités par dose (5 gélules)\u003c\/summary\u003e\n\u003cdiv class=\"cg-accordion-content mt-3\"\u003e\n\u003cdiv class=\"cg-nutri-wrap\"\u003e\n\u003ctable class=\"cg-nutri\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eActif\u003c\/th\u003e\n\u003cth\u003ePar dose\u003c\/th\u003e\n\u003cth\u003e% VNR*\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eCréatine\u003cspan class=\"cg-nutri-form\"\u003emonohydrate Age-Well®\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e3 g\u003c\/td\u003e\n\u003ctd\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVitamine B6\u003cspan class=\"cg-nutri-form\"\u003epyridoxal-5'-phosphate\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e1,4 mg\u003c\/td\u003e\n\u003ctd\u003e100 %\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVitamine B12\u003cspan class=\"cg-nutri-form\"\u003eméthylcobalamine\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e2,5 µg\u003c\/td\u003e\n\u003ctd\u003e100 %\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"cg-nutri-note\"\u003eDose journalière de 5 gélules : 3,4 g.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cg-accordion-item\"\u003e\n\u003csummary class=\"cg-accordion-header\"\u003e📋 Ingrédients complets\u003c\/summary\u003e\n\u003cdiv class=\"cg-accordion-content mt-3\"\u003e\n\u003cp\u003eCréatine monohydrate Age-Well®, vitamine B6 (pyridoxal 5'-phosphate), vitamine B12 (méthylcobalamine), gélule végétale (agent d'enrobage : HPMC), amidon de riz, Nutralub™ (extrait de noix de coco, maltodextrine).\u003c\/p\u003e\n\u003cp class=\"cg-nutri-note\"\u003eSans arôme, sans édulcorant, sans sucre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cg-disclaimer\"\u003e* VNR : valeurs nutritionnelles de référence pour un adulte.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cg-section\"\u003e\n\u003ch2\u003eLes bienfaits de la Créatine Glow au quotidien\u003c\/h2\u003e\n\u003cp class=\"cg-section-intro\"\u003eLa Créatine Glow associe une dose journalière de \u003cstrong\u003e3 g de créatine\u003c\/strong\u003e à des vitamines B6 et B12 pour accompagner les femmes actives dans leur routine quotidienne et sportive.\u003c\/p\u003e\n\u003cdiv class=\"cg-grid-compact\"\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e💪 Performances physiques\u003c\/h3\u003e\n\u003cp\u003eLa consommation quotidienne de 3 g de créatine améliore les capacités physiques lors de séries successives d'exercices très intenses de courte durée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e⚡ Énergie \u0026amp; vitalité\u003c\/h3\u003e\n\u003cp\u003eLes vitamines B6 et B12 contribuent à un métabolisme énergétique normal et à réduire la fatigue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e🌸 Activité hormonale\u003c\/h3\u003e\n\u003cp\u003eLa vitamine B6 contribue à la régulation de l'activité hormonale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n\u003cp\u003eLes vitamines B6 et B12 contribuent au fonctionnement normal du système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-tip\"\u003e\n\u003cspan class=\"cg-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLa Créatine Glow s'intègre dans une routine quotidienne associant une alimentation variée, un mode de vie sain et, selon vos objectifs, une activité physique régulière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cg-section\"\u003e\n\u003ch2\u003eComment prendre la Créatine Glow ?\u003c\/h2\u003e\n\u003cp class=\"cg-section-intro\"\u003eHumble+ recommande une prise quotidienne de \u003cstrong\u003e5 gélules\u003c\/strong\u003e, correspondant à \u003cstrong\u003e3 g de créatine\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"cg-timeline\"\u003e\n\u003cdiv class=\"cg-timeline-item\"\u003e\n\u003cdiv class=\"cg-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cg-timeline-content\"\u003e\n\u003ch3\u003e5 gélules par jour\u003c\/h3\u003e\n\u003cp\u003eÀ avaler avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-timeline-item\"\u003e\n\u003cdiv class=\"cg-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cg-timeline-content\"\u003e\n\u003ch3\u003eDe préférence le matin ou le midi\u003c\/h3\u003e\n\u003cp\u003eIntégrez les 5 gélules à votre routine, par exemple au petit-déjeuner ou au déjeuner.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-timeline-item\"\u003e\n\u003cdiv class=\"cg-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cg-timeline-content\"\u003e\n\u003ch3\u003eUne prise régulière\u003c\/h3\u003e\n\u003cp\u003eLa régularité quotidienne est importante pour maintenir un apport constant en créatine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-tip\"\u003e\n\u003cspan class=\"cg-tip-icon\"\u003e⏰\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eCréatine avant ou après le sport ?\u003c\/strong\u003e L'essentiel est avant tout de la consommer régulièrement chaque jour. Choisissez un moment facile à conserver dans votre routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cg-section\"\u003e\n\u003ch2\u003ePour qui est faite la Créatine Glow ?\u003c\/h2\u003e\n\u003cp class=\"cg-section-intro\"\u003eLa Créatine Glow a été spécifiquement formulée pour les \u003cstrong\u003efemmes actives, sportives ou non\u003c\/strong\u003e, qui souhaitent intégrer facilement la créatine à leur quotidien tout en bénéficiant d'un apport complémentaire en vitamines B6 et B12.\u003c\/p\u003e\n\u003cdiv class=\"cg-testimonial\"\u003e\n\u003cp class=\"cg-testimonial-text\"\u003e\"Un format pratique pour celles qui souhaitent profiter de 3 g de créatine par jour sans shaker, sans dosage et sans le goût de la poudre.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"cg-accordion\"\u003e\n\u003cdetails class=\"cg-accordion-item\"\u003e\n\u003csummary class=\"cg-accordion-header\"\u003e⚠️ Dosage recommandé\u003c\/summary\u003e\n\u003cdiv class=\"cg-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée de 5 gélules. Les compléments alimentaires ne doivent pas être utilisés comme substituts d'une alimentation variée et équilibrée et d'un mode de vie sain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cg-accordion-item\"\u003e\n\u003csummary class=\"cg-accordion-header\"\u003e🚫 Public déconseillé\u003c\/summary\u003e\n\u003cdiv class=\"cg-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes ainsi qu'aux enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cg-accordion-item\"\u003e\n\u003csummary class=\"cg-accordion-header\"\u003e👩‍⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"cg-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de traitement médical, de pathologie ou de doute sur l'utilisation de ce complément alimentaire, demandez conseil à un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cg-disclaimer\"\u003eComplément alimentaire — À conserver hors de portée des jeunes enfants, dans un endroit sec et à l'abri de la lumière.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --cg-cream: #faf5f2;\n --cg-white: #ffffff;\n --cg-primary: #a86475;\n --cg-primary-dark: #7d4757;\n --cg-primary-light: #f3e3e6;\n --cg-secondary: #d4a5a5;\n --cg-accent: #e8b89a;\n --cg-text: #2a1f22;\n --cg-text-light: #6b5a5e;\n --cg-border: #e8dcdc;\n --cg-shadow: 0 4px 24px rgba(126,71,87,.08);\n --cg-shadow-lg: 0 12px 48px rgba(126,71,87,.18);\n --cg-radius: 20px;\n --cg-radius-sm: 12px;\n}\n\n.cg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cg-text);\n}\n\n.cg-hero {\n position: relative;\n background: linear-gradient(135deg, #a86475 0%, #7d4757 55%, #d4a5a5 100%);\n border-radius: var(--cg-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(--cg-shadow-lg);\n}\n\n.cg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .3;\n}\n\n.cg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cg-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n line-height: 1.15;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cg-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.cg-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.6;\n max-width: 640px;\n margin: 0 auto;\n}\n\n.cg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cg-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(--cg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cg-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n line-height: 1.25;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cg-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(--cg-primary), var(--cg-secondary));\n border-radius: 2px;\n}\n\n.cg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cg-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.cg-section-intro strong {\n color: var(--cg-primary-dark);\n}\n\n.cg-card {\n background: var(--cg-white);\n border-radius: var(--cg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cg-shadow-lg);\n border-color: var(--cg-primary);\n}\n\n.cg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cg-grid-compact .cg-card {\n padding: 1rem;\n}\n\n.cg-grid-compact .cg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cg-grid-compact .cg-card p {\n font-size: 12px;\n}\n\n.cg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cg-primary), var(--cg-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(168,100,117,.3);\n}\n\n.cg-timeline-content {\n flex: 1;\n background: var(--cg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cg-radius-sm);\n box-shadow: var(--cg-shadow);\n}\n\n.cg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cg-timeline-content p {\n font-size: 14px;\n color: var(--cg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cg-testimonial {\n background: var(--cg-white);\n border-radius: var(--cg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cg-shadow);\n border-left: 4px solid var(--cg-primary);\n}\n\n.cg-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cg-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cg-accordion {\n background: var(--cg-white);\n border-radius: var(--cg-radius);\n box-shadow: var(--cg-shadow);\n overflow: hidden;\n}\n\n.cg-accordion-item {\n border-bottom: 1px solid var(--cg-border);\n margin: 0;\n padding: 0;\n}\n\n.cg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cg-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.cg-accordion-header:hover {\n background: var(--cg-primary-light);\n}\n\n.cg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cg-primary);\n transition: transform .2s ease;\n}\n\n.cg-accordion-item[open] .cg-accordion-header::after {\n content: '−';\n}\n\n.cg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cg-accordion-content p {\n margin: 0;\n}\n\n.cg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cg-primary-light);\n border-radius: var(--cg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cg-tip p {\n font-size: 14px;\n color: var(--cg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cg-tip p strong {\n color: var(--cg-primary-dark);\n}\n\n.cg-disclaimer {\n font-size: 12px;\n color: var(--cg-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n.cg-compo {\n margin-top: 1.25rem;\n}\n\n.cg-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n.cg-premium table.cg-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--cg-text); word-break: normal; }\n.cg-premium table.cg-nutri th, .cg-premium table.cg-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--cg-border); padding: .55rem .75rem !important; box-shadow: none; }\n.cg-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--cg-text-light); border-bottom: 2px solid var(--cg-primary); }\n.cg-premium table.cg-nutri th { border-bottom: 2px solid var(--cg-primary); }\n.cg-nutri tbody tr:last-child td { border-bottom: none; }\n.cg-nutri tbody tr:nth-child(even) td { background: var(--cg-primary-light); }\n.cg-nutri th:not(:first-child), .cg-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.cg-nutri td:last-child { font-weight: 700; color: var(--cg-primary-dark); }\n.cg-nutri-form { display: block; font-size: 12px; color: var(--cg-text-light); white-space: nowrap; }\n.cg-accordion-content .cg-nutri-note { margin-top: .75rem; font-style: italic; }\n.cg-nutri-wrap + .cg-nutri-note { max-width: 720px; margin-left: auto; margin-right: auto; }\n@media (max-width: 767px) { .cg-premium table.cg-nutri { font-size: 13px; } .cg-premium table.cg-nutri th, .cg-premium table.cg-nutri td { padding-left: .4rem !important; padding-right: .4rem !important; } }\n\n@media (max-width: 767px) {\n .cg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cg-card {\n padding: 1.125rem;\n }\n .cg-section {\n margin-bottom: 1.75rem;\n }\n .cg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cg-radius-sm);\n }\n .cg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cg-grid-compact {\n gap: .625rem;\n }\n .cg-grid-compact .cg-card {\n padding: .75rem;\n }\n .cg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cg-timeline-content {\n padding: .875rem 1rem;\n }\n .cg-timeline-content h3 {\n font-size: 14px;\n }\n .cg-timeline-content p {\n font-size: 13px;\n }\n .cg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .cg-testimonial {\n padding: 1.25rem;\n }\n .cg-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cg-card {\n animation: cgFadeInUp .5s ease backwards;\n }\n .cg-card:nth-child(1) { animation-delay: .05s; }\n .cg-card:nth-child(2) { animation-delay: .1s; }\n .cg-card:nth-child(3) { animation-delay: .15s; }\n .cg-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes cgFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n @media (max-width: 767px) { .cg-premium table.cg-nutri th, .cg-premium table.cg-nutri td { padding: .5rem .4rem !important; } .cg-premium table.cg-nutri th { letter-spacing: 0; } }\n\n.cg-premium .cg-accordion-header { gap: .75rem; } .cg-premium .cg-accordion-header::after { flex-shrink: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":64620825346425,"sku":"CREATINEGLOWGELULES","price":31.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creatine-glow-gelule-300-gelules-humble-packshothd.webp?v=1789642437"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/femmes.webp?v=1790072286","url":"https:\/\/www.naturellement-bio.com\/collections\/femmes.oembed?page=3","provider":"Naturellement Bio","version":"1.0","type":"link"}