{"title":"Complément alimentaire Sommeil","description":"\u003ch2\u003ePourquoi choisir un complément alimentaire pour mieux dormir ?\u003c\/h2\u003e\n\u003cp\u003eEn France, près d'un adulte sur trois déclare souffrir de troubles du sommeil, selon l'Institut National du Sommeil et de la Vigilance. Le sommeil, bien plus qu'un moment de repos, est essentiel pour votre santé physique et mentale. Pourtant, de nombreux facteurs – \u003cstrong\u003estress chronique, rythme de vie effréné, exposition aux écrans, alimentation déséquilibrée\u003c\/strong\u003e – viennent perturber ce précieux équilibre. Résultat : des nuits agitées ou trop courtes qui impactent votre énergie, votre humeur et votre productivité au quotidien.\u003c\/p\u003e\n\u003cp\u003eHeureusement, il existe des \u003cstrong\u003esolutions naturelles pour retrouver un sommeil réparateur\u003c\/strong\u003e sans passer par les somnifères. Les \u003cstrong\u003ecompléments alimentaires pour le sommeil\u003c\/strong\u003e sont conçus pour aider votre organisme à se détendre et à réguler son cycle veille-sommeil. Ces alliés doux et efficaces peuvent vous accompagner vers un meilleur bien-être, que vos difficultés concernent l'endormissement, les réveils nocturnes ou la qualité globale de vos nuits.\u003c\/p\u003e\n\u003cp\u003eDans ce guide, nous explorons les différents actifs disponibles, les conseils pour bien choisir votre \u003cstrong\u003ecomplément alimentaire contre l'insomnie\u003c\/strong\u003e, et les habitudes à adopter pour maximiser leurs bienfaits. Chaque information pourrait être une clé pour améliorer vos nuits naturellement.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eLes ingrédients actifs pour un sommeil réparateur\u003c\/h2\u003e\n\u003cp\u003eTrouver le complément adapté à vos troubles du sommeil peut sembler complexe tant les options sont nombreuses. Voici les ingrédients les plus reconnus par la science et la phytothérapie, avec leurs bienfaits spécifiques.\u003c\/p\u003e\n\u003ch3\u003eLa mélatonine : l'hormone du sommeil\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLa mélatonine\u003c\/strong\u003e, surnommée l'hormone du sommeil, joue un rôle clé dans la régulation de votre horloge biologique, également appelée \u003cstrong\u003erythme circadien\u003c\/strong\u003e. Elle envoie un signal naturel à votre corps pour lui indiquer qu'il est temps de se détendre et de s'endormir. Produite par la glande pinéale en réponse à l'obscurité, sa sécrétion peut cependant être perturbée par divers \u003cstrong\u003efacteurs externes\u003c\/strong\u003e tels que :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eL'exposition à la lumière bleue des écrans (smartphones, tablettes, ordinateurs).\u003c\/li\u003e\n\u003cli\u003eLes horaires de travail décalés ou les nuits blanches.\u003c\/li\u003e\n\u003cli\u003eLe stress ou des niveaux élevés de cortisol.\u003c\/li\u003e\n\u003cli\u003eLes décalages horaires dus aux voyages longue distance.\u003c\/li\u003e\n\u003cli\u003eUne alimentation ou des habitudes de vie déséquilibrées.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003ePourquoi utiliser la mélatonine ?\u003c\/h4\u003e\n\u003cp\u003eLorsque votre corps ne produit pas suffisamment de mélatonine, les conséquences peuvent inclure \u003cstrong\u003edes troubles d'endormissement\u003c\/strong\u003e, des réveils fréquents ou des difficultés à s'adapter à un changement de fuseau horaire (\u003cstrong\u003ejet-lag\u003c\/strong\u003e). C'est pourquoi la mélatonine en complément alimentaire est souvent recommandée pour :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eRetrouver un cycle de sommeil naturel.\u003c\/li\u003e\n\u003cli\u003eLutter contre l'insomnie temporaire.\u003c\/li\u003e\n\u003cli\u003eS'ajuster plus facilement après un voyage.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003eComment l'utiliser ?\u003c\/h4\u003e\n\u003cp\u003ePrenez la mélatonine environ \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e pour laisser à votre organisme le temps de l'assimiler. Veillez à éviter les écrans et à vous détendre dans une pièce faiblement éclairée pour maximiser son efficacité.\u003c\/p\u003e\n\u003ch4\u003eQuel dosage choisir ?\u003c\/h4\u003e\n\u003cp\u003eLes compléments à base de mélatonine sont disponibles en \u003cstrong\u003edeux dosages principaux\u003c\/strong\u003e :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e1 mg\u003c\/strong\u003e, idéal pour les troubles légers ou une première utilisation. Ce dosage convient à une adaptation douce sans risque d'excès.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e1,9 mg\u003c\/strong\u003e, le dosage maximum autorisé en vente libre en Europe, conseillé pour les troubles plus marqués ou les périodes de stress intense.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eNe prenez pas de mélatonine en cas de troubles chroniques du sommeil sans avis médical. Nous vous recommandons de l'utiliser de manière ponctuelle pour éviter toute dépendance psychologique (bien qu'aucune dépendance physique ne soit reconnue à ce jour avec ce type de \u003cstrong\u003esomnifère naturel sans ordonnance\u003c\/strong\u003e).\u003c\/p\u003e\n\u003ch3\u003eLe magnésium : le relaxant naturel par excellence\u003c\/h3\u003e\n\u003cp\u003eLe magnésium contribue à apaiser le \u003cstrong\u003esystème nerveux\u003c\/strong\u003e, en agissant comme un véritable antidote contre le stress. Il aide également à détendre les muscles, ce qui favorise un endormissement plus rapide et un sommeil de meilleure qualité. Un déficit en magnésium – l'une des \u003cstrong\u003ecarences qui provoquent l'insomnie\u003c\/strong\u003e – peut se traduire par :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNervosité et irritabilité\u003c\/strong\u003e accrues.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCrampes musculaires nocturnes\u003c\/strong\u003e ou spasmes.\u003c\/li\u003e\n\u003cli\u003eFatigue persistante malgré des nuits de sommeil complètes.\u003c\/li\u003e\n\u003cli\u003eDifficultés à se relaxer après une journée stressante.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003eÀ qui le magnésium est-il recommandé ?\u003c\/h4\u003e\n\u003cp\u003eLe magnésium est particulièrement indiqué pour :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eLes \u003cstrong\u003epersonnes stressées\u003c\/strong\u003e, confrontées à une charge mentale ou émotionnelle importante.\u003c\/li\u003e\n\u003cli\u003eLes individus sujets aux \u003cstrong\u003ecrampes nocturnes\u003c\/strong\u003e, aux tensions musculaires ou aux spasmes.\u003c\/li\u003e\n\u003cli\u003eCeux qui ont des difficultés à s'endormir ou à maintenir un sommeil profond.\u003c\/li\u003e\n\u003cli\u003eLes sportifs, dont l'effort physique peut entraîner une perte accrue de magnésium par la transpiration.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003eComment intégrer le magnésium à votre routine ?\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eEn compléments alimentaires\u003c\/strong\u003e : Disponibles sous forme de comprimés, gélules ou poudre, les compléments à base de magnésium sont une option pratique pour atteindre un apport optimal. Privilégiez des formes bien assimilées, comme le \u003cstrong\u003ebisglycinate de magnésium\u003c\/strong\u003e, le \u003cstrong\u003ecitrate de magnésium\u003c\/strong\u003e, ou encore le \u003cstrong\u003emagnésium marin\u003c\/strong\u003e.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlimentation\u003c\/strong\u003e : Favorisez les aliments riches en magnésium, tels que les noix, les graines, les légumineuses, le chocolat noir et les légumes verts à feuilles.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003e3 astuces pour maximiser ses bienfaits\u003c\/h4\u003e\n\u003col\u003e\n\u003cli\u003ePrenez votre magnésium \u003cstrong\u003een soirée\u003c\/strong\u003e, car son effet relaxant est idéal pour favoriser un sommeil réparateur.\u003c\/li\u003e\n\u003cli\u003eAssociez-le à des habitudes apaisantes, comme la méditation, des étirements ou une tisane relaxante.\u003c\/li\u003e\n\u003cli\u003eSi vous êtes en situation de stress intense, une cure ponctuelle de magnésium peut aider votre corps à retrouver son équilibre.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003ch3\u003eLes plantes relaxantes pour le sommeil\u003c\/h3\u003e\n\u003cp\u003eLes \u003cstrong\u003eplantes relaxantes\u003c\/strong\u003e sont de véritables alliées pour calmer l'esprit et préparer le corps à une détente profonde. Utilisées depuis des siècles en phytothérapie, elles offrent une alternative naturelle pour réduire l'anxiété et \u003cstrong\u003eaméliorer la qualité du sommeil naturellement\u003c\/strong\u003e, sans risque de dépendance ni effets secondaires lourds.\u003c\/p\u003e\n\u003ch4\u003eLes plantes incontournables pour la relaxation\u003c\/h4\u003e\n\u003cp\u003eVoici les stars des plantes calmantes et leurs bienfaits spécifiques :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eValériane\u003c\/strong\u003e : Idéale pour calmer le système nerveux, elle est particulièrement efficace en cas de troubles du sommeil ou de nervosité. Plusieurs études cliniques ont confirmé son action sur la réduction du temps d'endormissement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePassiflore\u003c\/strong\u003e : Reconnue pour ses propriétés apaisantes, elle aide à relâcher les tensions et favorise un sommeil profond. Elle agit notamment en augmentant les niveaux de GABA, un neurotransmetteur inhibiteur.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMélisse\u003c\/strong\u003e : Appréciée pour son effet relaxant et digestif, elle est parfaite pour les personnes sujettes au stress accompagné de troubles digestifs. Si vous êtes dans ce cas, découvrez également \u003ca href=\"\/collections\/digestion-et-transit\" title=\"Compléments alimentaires digestion et transit\"\u003enos solutions pour le confort digestif\u003c\/a\u003e.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCamomille\u003c\/strong\u003e : Douce et polyvalente, elle aide à apaiser l'esprit tout en soutenant la digestion pour un bien-être global.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLavande\u003c\/strong\u003e : Avec son parfum apaisant, elle agit aussi bien sur le stress mental que sur les tensions physiques.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003ePourquoi opter pour des plantes relaxantes en cas de troubles du sommeil ?\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDouceur\u003c\/strong\u003e : Ces plantes agissent en harmonie avec votre corps, sans provoquer de somnolence excessive au réveil, contrairement aux somnifères ou à la mélatonine fortement dosée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePas de dépendance\u003c\/strong\u003e : Contrairement aux médicaments, elles n'induisent aucune accoutumance, même en usage prolongé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePolyvalence\u003c\/strong\u003e : Elles se déclinent en infusions, gélules, extraits liquides ou huiles essentielles pour s'adapter à toutes les routines.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003eComment les utiliser au quotidien ?\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eInfusions\u003c\/strong\u003e : Préparez une tasse d'infusion chaude avec l'une de ces plantes avant de vous coucher. Cela favorise une routine apaisante et prépare votre corps au sommeil.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCompléments alimentaires\u003c\/strong\u003e : Pour un usage pratique et concentré, optez pour des gélules ou extraits standardisés à base de ces plantes. Il existe de nombreuses formules combinant plusieurs plantes pour une action synergique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBains relaxants\u003c\/strong\u003e : Ajoutez des fleurs de lavande ou de camomille séchées dans un bain chaud pour une détente complète avant le coucher.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003eL'aromathérapie pour favoriser l'endormissement\u003c\/h4\u003e\n\u003cp\u003eLes \u003cstrong\u003ehuiles essentielles\u003c\/strong\u003e constituent un excellent complément aux plantes prises par voie orale. L'\u003cstrong\u003ehuile essentielle de lavande\u003c\/strong\u003e est la plus étudiée pour ses effets sur le sommeil : une méta-analyse publiée dans \u003cem\u003eEvidence-Based Complementary and Alternative Medicine\u003c\/em\u003e a confirmé son action positive sur la qualité du sommeil. Voici comment intégrer l'aromathérapie à votre rituel du soir :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDiffusion atmosphérique\u003c\/strong\u003e : Déposez 3 à 5 gouttes d'huile essentielle de lavande, de mandarine ou d'orange douce dans un diffuseur, 30 minutes avant le coucher. Ces trois huiles sont réputées pour leurs propriétés sédatives et anxiolytiques.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMassage relaxant\u003c\/strong\u003e : Diluez 2 gouttes d'huile essentielle de lavande dans une cuillère à café d'huile végétale (amande douce, jojoba) et massez les poignets, la nuque ou la plante des pieds.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSur l'oreiller\u003c\/strong\u003e : Déposez simplement 1 à 2 gouttes de lavande vraie sur un mouchoir glissé sous votre oreiller.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eL'aromathérapie est particulièrement intéressante pour les personnes qui n'aiment pas prendre de gélules ou qui cherchent un complément sensoriel à leur routine sommeil.\u003c\/p\u003e\n\u003ch3\u003eLes adaptogènes : ashwagandha et rhodiola pour le stress chronique\u003c\/h3\u003e\n\u003cp\u003eLorsque l'insomnie est liée à un \u003cstrong\u003estress chronique\u003c\/strong\u003e, les plantes relaxantes classiques ne suffisent pas toujours. C'est là qu'interviennent les \u003cstrong\u003eadaptogènes\u003c\/strong\u003e, des plantes capables d'aider votre organisme à mieux gérer le stress sur le long terme, en régulant naturellement les niveaux de cortisol (l'hormone du stress).\u003c\/p\u003e\n\u003cp\u003eL'\u003cstrong\u003eashwagandha\u003c\/strong\u003e (\u003cem\u003eWithania somnifera\u003c\/em\u003e) est sans doute l'adaptogène le plus étudié pour le sommeil. Son nom latin, \u003cem\u003esomnifera\u003c\/em\u003e, signifie littéralement « qui induit le sommeil ». Une étude clinique publiée dans le \u003cem\u003eJournal of Ethnopharmacology\u003c\/em\u003e (2021) a montré que la prise d'un extrait standardisé d'ashwagandha KSM-66 pendant 8 semaines améliorait significativement la qualité du sommeil et réduisait le temps d'endormissement chez des adultes souffrant d'insomnie.\u003c\/p\u003e\n\u003cp\u003eLa \u003cstrong\u003erhodiola\u003c\/strong\u003e (\u003cem\u003eRhodiola rosea\u003c\/em\u003e) agit quant à elle en soutenant la résistance au stress et en réduisant la fatigue mentale. Son action complémentaire avec l'ashwagandha en fait un duo particulièrement efficace pour les personnes dont les insomnies sont alimentées par l'anxiété ou la surcharge mentale.\u003c\/p\u003e\n\u003cp\u003ePour bénéficier de ces \u003cstrong\u003eadaptogènes pour le sommeil\u003c\/strong\u003e, vous pouvez opter pour \u003ca href=\"\/products\/serenityform-inolab\" title=\"Complexe ashwagandha KSM-66 et rhodiola bio SerenityForm\"\u003eun complexe d'ashwagandha KSM-66 et de rhodiola\u003c\/a\u003e, qui associe ces deux plantes dans des dosages optimisés. Contrairement à la mélatonine qui agit directement sur le cycle veille-sommeil, les adaptogènes travaillent en profondeur sur la cause du problème : votre niveau de stress.\u003c\/p\u003e\n\u003ch3\u003eLa vitamine B6 : alliée de la production naturelle de mélatonine\u003c\/h3\u003e\n\u003cp\u003eLa \u003cstrong\u003evitamine B6\u003c\/strong\u003e est un véritable amplificateur des bienfaits des compléments pour le sommeil. Pourquoi ? Parce qu'elle intervient directement dans la chaîne de production de la mélatonine par votre organisme. Le processus est le suivant :\u003c\/p\u003e\n\u003col\u003e\n\u003cli\u003eVotre corps utilise le \u003cstrong\u003etryptophane\u003c\/strong\u003e (un acide aminé essentiel présent dans l'alimentation) comme matière première.\u003c\/li\u003e\n\u003cli\u003eGrâce à la vitamine B6, le tryptophane est converti en \u003cstrong\u003esérotonine\u003c\/strong\u003e, le neurotransmetteur du bien-être.\u003c\/li\u003e\n\u003cli\u003eLa sérotonine est ensuite transformée en \u003cstrong\u003emélatonine\u003c\/strong\u003e lorsque la lumière diminue le soir.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003eUne carence en vitamine B6 peut donc freiner cette cascade biochimique et contribuer à l'insomnie. Associée à la \u003cstrong\u003emélatonine et à la vitamine B6\u003c\/strong\u003e, cette combinaison agit à la fois sur la production endogène et l'apport exogène de l'hormone du sommeil.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDosages recommandés :\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine B6 seule\u003c\/strong\u003e : 1,4 à 2 mg par jour (apport journalier recommandé pour un adulte).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEn combinaison avec la mélatonine\u003c\/strong\u003e : les formules associant 1,9 mg de mélatonine + 2 mg de vitamine B6 offrent un excellent rapport efficacité\/praticité. Notre produit de référence est le complexe Mélatonine 1,9 mg + Vitamine B6 2 mg en comprimés de la marque KAL, qui vous évite d'acheter deux produits séparément.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eLes fleurs de Bach pour un sommeil apaisé\u003c\/h3\u003e\n\u003cp\u003eLes \u003cstrong\u003efleurs de Bach\u003c\/strong\u003e proposent une approche différente des compléments classiques : elles agissent sur la dimension \u003cstrong\u003eémotionnelle\u003c\/strong\u003e des troubles du sommeil. Peurs, ruminations, anxiété anticipatoire… Autant d'états émotionnels qui peuvent empêcher l'endormissement et que les fleurs de Bach cherchent à rééquilibrer.\u003c\/p\u003e\n\u003cp\u003eLes élixirs floraux « Nuit » combinent généralement plusieurs essences choisies pour favoriser le lâcher-prise et la sérénité au moment du coucher. Faciles à utiliser (quelques gouttes sous la langue ou dans un verre d'eau), ils s'intègrent naturellement à une routine du soir et peuvent être associés sans risque aux autres compléments pour le sommeil.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eExiste-t-il des risques avec les compléments alimentaires pour le sommeil ?\u003c\/h2\u003e\n\u003cp\u003eLes compléments alimentaires sont généralement bien tolérés, mais chez Naturellement Bio, nous tenons à ce que vous soyez parfaitement informé. Certains points méritent votre attention :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli style=\"margin-bottom: 5px;\"\u003e\n\u003cstrong\u003eSurdosage\u003c\/strong\u003e : une consommation excessive de mélatonine ou de magnésium peut entraîner des effets secondaires comme de la somnolence diurne ou des troubles digestifs. Respectez toujours les doses recommandées indiquées sur les produits.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 5px;\"\u003e\n\u003cstrong\u003eQualité du produit\u003c\/strong\u003e : Privilégiez des marques reconnues et des produits certifiés (Bio, GMP), exempts d'additifs ou d'ingrédients artificiels.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInteractions médicamenteuses\u003c\/strong\u003e : Si vous prenez déjà des traitements (antidépresseurs, antihypertenseurs, anticoagulants), certaines interactions peuvent survenir.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003ePourquoi demander conseil en cas de traitement en cours ?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eLes \u003cstrong\u003einteractions médicamenteuses\u003c\/strong\u003e peuvent survenir lorsque des compléments interfèrent avec vos médicaments, ce qui peut :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAltérer l'efficacité\u003c\/strong\u003e du traitement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAugmenter les effets secondaires\u003c\/strong\u003e.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMettre votre santé en danger\u003c\/strong\u003e, notamment avec des médicaments pour la pression artérielle, les anticoagulants ou les antidépresseurs.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003ePar exemple, la valériane peut provoquer une somnolence excessive avec des antidépresseurs, ou le magnésium peut réduire l'absorption de certains antibiotiques. Demandez toujours conseil à votre médecin ou pharmacien avant de commencer un complément pour garantir votre sécurité.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComment choisir le bon complément alimentaire pour le sommeil ?\u003c\/h2\u003e\n\u003cp\u003eFaire le bon choix dépend de votre situation spécifique. Voici un guide rapide pour vous orienter :\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePour les troubles d'endormissement :\u003c\/strong\u003e Optez pour un complément à base de \u003cstrong\u003emélatonine\u003c\/strong\u003e ou de \u003cstrong\u003evalériane\u003c\/strong\u003e, efficaces pour faciliter un endormissement rapide.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePour des nuits agitées :\u003c\/strong\u003e Les mélanges de \u003cstrong\u003eplantes relaxantes pour le sommeil\u003c\/strong\u003e comme la \u003cstrong\u003epassiflore\u003c\/strong\u003e ou la \u003cstrong\u003ecamomille\u003c\/strong\u003e sont parfaits pour calmer l'esprit et réduire les réveils nocturnes.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePour le stress lié au sommeil :\u003c\/strong\u003e Associez \u003cstrong\u003emagnésium\u003c\/strong\u003e et \u003cstrong\u003emélisse\u003c\/strong\u003e pour apaiser le système nerveux, ou tournez-vous vers les adaptogènes (\u003cstrong\u003eashwagandha pour mieux dormir\u003c\/strong\u003e) si le stress est chronique.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSi vous cherchez un soutien global :\u003c\/strong\u003e Privilégiez des formules combinant plusieurs actifs pour agir simultanément sur plusieurs aspects du sommeil.\u003c\/p\u003e\n\u003cp\u003ePrenez également en compte les formes disponibles (gélules, poudres, infusions, huiles essentielles) et choisissez celle qui s'intègre le mieux à votre routine.\u003c\/p\u003e\n\u003ch3\u003eLes formules combinées : une approche complète\u003c\/h3\u003e\n\u003cp\u003eLe \u003cstrong\u003emeilleur complément alimentaire pour le sommeil\u003c\/strong\u003e est souvent celui qui associe plusieurs actifs complémentaires dans une seule formule. Plutôt que de multiplier les produits, ces complexes offrent une synergie optimisée :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eLa \u003ca href=\"\/products\/dormaline-60-gelules-lt-labo\" title=\"Dormaline 60 gélules LT Labo - formule complète sommeil\"\u003eDormaline, une formule complète associant mélatonine et plantes\u003c\/a\u003e, combine plusieurs actifs reconnus pour agir à la fois sur l'endormissement et la qualité du sommeil profond.\u003c\/li\u003e\n\u003cli\u003e\n\u003ca href=\"\/products\/graines-de-sommeil-graine-sauvage\" title=\"Graines de sommeil bio 60 gélules Graine Sauvage\"\u003eLes Graines de sommeil bio\u003c\/a\u003e proposent une approche 100 % végétale certifiée biologique, idéale pour ceux qui privilégient le naturel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCes \u003cstrong\u003eformules complètes pour dormir\u003c\/strong\u003e vous simplifient la vie tout en offrant une efficacité renforcée grâce à la complémentarité des ingrédients.\u003c\/p\u003e\n\u003cp\u003ePour vous aider à trouver le complément adapté à vos besoins, consultez ce graphique pratique :\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"Infographie pour choisir le bon complément alimentaire sommeil : mélatonine pour l'endormissement, magnésium pour le stress, plantes relaxantes pour les nuits agitées, formules combinées pour un soutien global.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infographie-comment-choisir-le-bon-complement-alimentaire-pour-ameliorer-le-sommeil.jpg?v=1737541223\"\u003e\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eLes habitudes complémentaires pour un sommeil réparateur\u003c\/h2\u003e\n\u003cp\u003eLes compléments alimentaires donnent de meilleurs résultats lorsqu'ils sont accompagnés de bonnes habitudes de vie. En voici quatre qui sont, selon nous (et la science), les plus efficaces à adopter.\u003c\/p\u003e\n\u003ch3\u003e1. Créez un rituel du soir\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eÉteignez les écrans au moins 1 heure avant de dormir.\u003c\/li\u003e\n\u003cli\u003eFavorisez une lumière tamisée et une activité relaxante comme la lecture ou des exercices de respiration.\u003c\/li\u003e\n\u003cli\u003ePrenez votre complément pour le sommeil à heure fixe pour conditionner votre organisme.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e2. Préparez votre chambre au sommeil\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eOptez pour une pièce sombre :\u003c\/strong\u003e cela permet de réduire la production de cortisol (hormone du stress) et favorise la libération de mélatonine. Même de petites quantités de lumière artificielle peuvent perturber ce processus. Une \u003ca href=\"https:\/\/lejournal.cnrs.fr\/articles\/comment-la-lumiere-regit-notre-sommeil\" rel=\"nofollow\" title=\"Étude : Comment la lumière régit notre sommeil\" target=\"_blank\"\u003eétude\u003c\/a\u003e publiée dans \u003cem\u003eThe Journal of Clinical Endocrinology \u0026amp; Metabolism\u003c\/em\u003e a montré que l'exposition à la lumière la nuit diminue significativement la qualité du sommeil.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMinimisez les bruits ambiants :\u003c\/strong\u003e Les bruits perturbent les cycles de sommeil profond et paradoxal. Même si vous ne vous réveillez pas complètement, le bruit peut fragmenter votre sommeil et diminuer sa qualité réparatrice.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDormez au frais (18 à 20°C maximum) :\u003c\/strong\u003e La température corporelle baisse naturellement pendant le sommeil. Une pièce trop chaude ou trop froide perturbe cette régulation, ce qui peut entraîner des réveils fréquents. L'\u003ca href=\"https:\/\/institut-sommeil-vigilance.org\/une-chambre-ideale-pour-bien-dormir-les-6-erreurs-a-eviter\/\" rel=\"nofollow\" title=\"Une chambre idéale pour bien dormir\" target=\"_blank\"\u003eInstitut National du Sommeil et de la Vigilance\u003c\/a\u003e recommande une température idéale autour de 18-20°C.\u003c\/p\u003e\n\u003ch3\u003e3. Adoptez une alimentation propice au sommeil\u003c\/h3\u003e\n\u003cp\u003eL'alimentation joue un rôle souvent sous-estimé dans la qualité de vos nuits :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eÉvitez la caféine et l'alcool en soirée.\u003c\/li\u003e\n\u003cli\u003ePrivilégiez des aliments riches en \u003cstrong\u003etryptophane\u003c\/strong\u003e (bananes, dinde, amandes, noix), qui favorisent la production de sérotonine puis de mélatonine.\u003c\/li\u003e\n\u003cli\u003eDînez léger et au moins 2 heures avant le coucher pour éviter que la digestion ne perturbe votre endormissement.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e4. Pratiquez une activité physique régulière\u003c\/h3\u003e\n\u003cp\u003ePratiquer une activité physique régulière aide à réguler le taux de cortisol et à améliorer la qualité du sommeil profond. Toutefois, nous vous recommandons d'éviter les exercices intenses en soirée, car ils peuvent temporairement augmenter le cortisol et perturber l'endormissement (\u003ca href=\"https:\/\/conseilsport.decathlon.fr\/cortisol-et-sport-on-fait-le-point-sur-l-hormone-du-stress\" title=\"Cortisol et sport\" rel=\"nofollow\" target=\"_blank\"\u003esource\u003c\/a\u003e). Préférez une séance le matin ou en début d'après-midi pour en tirer tous les bénéfices sur votre sommeil.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eVos questions fréquentes sur les compléments alimentaires pour le sommeil\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuel est le meilleur complément alimentaire pour le sommeil ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eIl n'existe pas de solution universelle. Les compléments à base de mélatonine conviennent pour les troubles d'endormissement, tandis que les formules combinant magnésium et plantes relaxantes comme la valériane sont idéales pour réduire le stress et améliorer la qualité du sommeil. Pour un soutien global, les formules synergiques associant plusieurs actifs (mélatonine, vitamine B6, plantes) offrent généralement les meilleurs résultats.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuelle carence provoque l'insomnie ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003ePlusieurs carences nutritionnelles peuvent contribuer aux troubles du sommeil. Les plus fréquentes sont le déficit en magnésium (qui entraîne nervosité et tensions musculaires), la carence en vitamine B6 (qui freine la production naturelle de mélatonine), et un manque de vitamine D. Un apport insuffisant en tryptophane, acide aminé précurseur de la sérotonine, peut également perturber le cycle veille-sommeil.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eEst-ce que l'ashwagandha aide à dormir ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eOui, l'ashwagandha est un adaptogène reconnu pour améliorer la qualité du sommeil, en particulier lorsque l'insomnie est liée au stress chronique. Une étude clinique publiée dans le Journal of Ethnopharmacology (2021) a montré que l'extrait standardisé KSM-66, pris pendant 8 semaines, réduisait significativement le temps d'endormissement et améliorait la qualité du sommeil. Contrairement à la mélatonine qui agit directement sur le rythme circadien, l'ashwagandha agit en régulant les niveaux de cortisol, l'hormone du stress, s'attaquant ainsi à la cause profonde de l'insomnie.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003ePourquoi je me réveille entre 3h et 5h du matin ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eLes réveils entre 3h et 5h du matin sont souvent liés à un pic de cortisol prématuré. Normalement, le cortisol augmente progressivement en fin de nuit pour préparer le réveil, mais le stress chronique peut avancer ce pic. Une autre cause fréquente est une chute de glycémie nocturne, notamment si vous avez dîné trop tôt ou consommé des sucres rapides le soir. Pour y remédier, un complément à base de magnésium et d'ashwagandha peut aider à réguler le cortisol, tandis qu'un dîner équilibré avec des protéines et des glucides complexes stabilise la glycémie pendant la nuit.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003ePeut-on prendre de la mélatonine tous les jours ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eÀ condition de respecter les doses recommandées (1 à 1,9 mg par jour), la prise quotidienne de mélatonine est généralement bien tolérée sur des périodes courtes à moyennes (quelques semaines). Cependant, un usage prolongé au-delà de 3 mois doit être surveillé par un professionnel de santé, surtout en cas de troubles chroniques du sommeil. L'idéal est d'utiliser la mélatonine pour « recaler » votre horloge biologique, puis de maintenir de bonnes habitudes de sommeil pour que votre production naturelle prenne le relais.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eCombien de temps avant de dormir faut-il prendre un complément pour le sommeil ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eLe timing varie selon le type de complément. La mélatonine doit être prise environ 30 minutes avant le coucher pour synchroniser son action avec votre cycle circadien. Les plantes relaxantes comme la passiflore ou la valériane peuvent être consommées 1 à 2 heures avant pour laisser le temps à la détente de s'installer. Le magnésium se prend idéalement au dîner ou en début de soirée. Pour l'aromathérapie, lancez la diffusion 20 à 30 minutes avant de vous coucher.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eLes compléments alimentaires pour le sommeil sont-ils compatibles avec d'autres traitements ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eIl est possible de combiner certains compléments pour le sommeil avec des traitements médicamenteux, mais cela doit toujours être validé par un médecin ou un pharmacien. La valériane peut renforcer l'effet sédatif de certains antidépresseurs, le magnésium peut réduire l'absorption de certains antibiotiques, et la mélatonine peut interagir avec les anticoagulants ou les antihypertenseurs. En cas de traitement en cours, demandez systématiquement un avis médical avant de commencer un complément.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuelle est la différence entre mélatonine et plantes relaxantes ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eLa mélatonine et les plantes relaxantes agissent par des mécanismes différents et complémentaires. La mélatonine est une hormone qui régule directement votre horloge biologique : elle indique à votre corps qu'il est l'heure de dormir. Les plantes relaxantes (valériane, passiflore, mélisse) agissent quant à elles sur le système nerveux en réduisant l'anxiété et les tensions. La mélatonine est donc idéale pour les problèmes d'endormissement ou le décalage horaire, tandis que les plantes conviennent mieux au stress et à l'agitation mentale. Les deux peuvent être combinées pour une action complète.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuelle plante est la plus efficace pour dormir ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eLa valériane est souvent considérée comme l'une des plantes les plus efficaces pour améliorer le sommeil, grâce à ses propriétés apaisantes sur le système nerveux. Elle est suivie de près par la passiflore, particulièrement utile contre l'anxiété nocturne. La mélisse se distingue pour les personnes dont le stress s'accompagne de troubles digestifs. L'idéal est souvent de combiner deux ou trois plantes complémentaires pour bénéficier d'une synergie plus large.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuels gestes simples complètent l'effet des compléments alimentaires pour le sommeil ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eAdoptez une routine apaisante chaque soir : réduisez l'exposition aux écrans au moins une heure avant le coucher, maintenez votre chambre entre 18 et 20°C, privilégiez l'obscurité complète et évitez la caféine après 14h. Des exercices de respiration ou de relaxation, une tisane aux plantes ou la diffusion d'huile essentielle de lavande peuvent également créer un environnement propice à un sommeil de qualité.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003cp\u003eLe sommeil est bien plus qu'une simple pause pour votre corps : il est le socle de votre santé et de votre bien-être quotidien. En comprenant vos besoins spécifiques et en agissant sur plusieurs fronts – compléments alimentaires ciblés et gestes simples au quotidien – vous pouvez transformer vos nuits, et donc les journées qui en découlent.\u003c\/p\u003e\n\u003cp\u003eN'oubliez pas que chaque organisme est unique. Ce qui fonctionne pour l'un peut prendre plus de temps pour l'autre. L'essentiel est de commencer, d'écouter votre corps et d'être patient. Avec des ingrédients naturels comme la mélatonine, le magnésium, l'ashwagandha ou les plantes relaxantes, il est tout à fait possible de retrouver un sommeil réparateur et de dire adieu aux nuits agitées.\u003c\/p\u003e\n\u003cp\u003ePrêt à passer à l'action ? \u003cstrong\u003eExplorez nos compléments alimentaires pour le sommeil\u003c\/strong\u003e et offrez à votre corps les clés d'un repos de qualité. Parce qu'une bonne nuit ouvre toujours la porte à une meilleure journée.\u003c\/p\u003e\n\u003cp\u003eEt pour décupler les effets d'une bonne nuit réparatrice, découvrez :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eNos \u003ca href=\"\/collections\/anti-stress-anxiete\" title=\"Compléments alimentaires anti-stress et nervosité\"\u003ecompléments alimentaires anti-stress et nervosité\u003c\/a\u003e\n\u003c\/li\u003e\n\u003cli\u003eNos \u003ca href=\"\/collections\/fatigue\" title=\"Compléments alimentaires contre la fatigue\"\u003ecompléments alimentaires pour lutter contre la fatigue\u003c\/a\u003e\n\u003c\/li\u003e\n\u003cli\u003eNos \u003ca href=\"\/collections\/vitalite-et-tonus\" title=\"Compléments alimentaires vitalité et énergie\"\u003ecompléments alimentaires pour la vitalité et l'énergie\u003c\/a\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eÀ très vite sur Naturellement Bio pour de nouveaux conseils bien-être !\u003c\/p\u003e","products":[{"product_id":"melatonine-120-gelules-superdiet","title":"Mélatonine 1 mg - 120 Gélules - Superdiet","description":"\u003cdiv class=\"mela-premium\"\u003e\n \u003cdiv class=\"mela-hero\"\u003e\n \u003cdiv class=\"mela-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mela-hero-content\"\u003e\n \u003cdiv class=\"mela-badges-top\"\u003e\n \u003cspan class=\"mela-badge\"\u003e🌙 Endormissement rapide\u003c\/span\u003e\n \u003cspan class=\"mela-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mela-badge\"\u003e♻️ Flacon éco-conçu\u003c\/span\u003e\n \u003cspan class=\"mela-badge\"\u003e💊 120 jours de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mela-hero-title\"\u003eMélatonine 1 mg Superdiet\u003c\/span\u003e\n \u003cp class=\"mela-subtitle\"\u003eL'hormone du sommeil, dosée juste ce qu'il faut\u003c\/p\u003e\n \u003cp class=\"mela-description\"\u003eVous peinez à trouver le sommeil le soir venu ? La Mélatonine 1 mg de Superdiet vous accompagne en douceur vers un endormissement plus rapide et naturel. Un format généreux de 120 gélules, soit 4 mois de cure à raison d'une gélule par jour, pour retrouver un rythme de sommeil apaisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mela-section\"\u003e\n \u003ch2\u003ePourquoi choisir la Mélatonine Superdiet ?\u003c\/h2\u003e\n \u003cp class=\"mela-section-intro\"\u003eLa mélatonine, souvent appelée « hormone du sommeil », est produite naturellement par la glande pinéale de notre cerveau. Elle joue un rôle clé dans la régulation du cycle veille-sommeil. Avec l'âge, le stress, les écrans ou encore les voyages, sa production peut être perturbée, entraînant des difficultés à trouver le sommeil.\u003c\/p\u003e\n \u003cdiv class=\"mela-grid-compact\"\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌙 1 mg par gélule\u003c\/h3\u003e\n \u003cp\u003eDosage conforme aux recommandations européennes pour une efficacité prouvée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e⏱️ Endormissement\u003c\/h3\u003e\n \u003cp\u003eContribue à réduire le temps nécessaire pour trouver le sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e✈️ Décalage horaire\u003c\/h3\u003e\n \u003cp\u003eAtténue efficacement les effets du jet lag lors de vos voyages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌿 Formule courte\u003c\/h3\u003e\n \u003cp\u003eSans colorant, sans conservateur ni additif superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mela-section\"\u003e\n \u003ch2\u003eLes bienfaits de la mélatonine pour le sommeil\u003c\/h2\u003e\n \u003cdiv class=\"mela-grid\"\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e😴 Endormissement rapide\u003c\/h3\u003e\n \u003cp\u003eAide à s'endormir plus rapidement le soir, dès la première prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌍 Jet lag maîtrisé\u003c\/h3\u003e\n \u003cp\u003eAccompagne les voyageurs pour retrouver un rythme naturel après un vol long-courrier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌓 Rythmes décalés\u003c\/h3\u003e\n \u003cp\u003eSoutient les travailleurs de nuit et les personnes aux horaires irréguliers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🔄 Cycle naturel\u003c\/h3\u003e\n \u003cp\u003eFavorise un retour progressif à un cycle de sommeil équilibré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-tip\"\u003e\n \u003cspan class=\"mela-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement à certains somnifères, la mélatonine ne provoque pas d'accoutumance lorsqu'elle est utilisée ponctuellement et aux doses recommandées. Une approche naturelle plébiscitée pour un sommeil retrouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mela-section\"\u003e\n \u003ch2\u003eComposition détaillée (pour 1 gélule)\u003c\/h2\u003e\n \u003cdiv class=\"mela-grid\"\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌙 Mélatonine 1 mg\u003c\/h3\u003e\n \u003cp\u003eN-acétyl-5-méthoxytryptamine, au dosage optimal recommandé par les autorités européennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌾 Amidon de riz\u003c\/h3\u003e\n \u003cp\u003eExcipient naturel et neutre, d'origine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🐟 Gélule de poisson\u003c\/h3\u003e\n \u003cp\u003eGélatine de poisson pour une enveloppe digeste et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-tip\"\u003e\n \u003cspan class=\"mela-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eFormule courte, sans colorant, sans conservateur et sans additif superflu : Superdiet mise sur une composition simple et respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mela-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"mela-timeline\"\u003e\n \u003cdiv class=\"mela-timeline-item\"\u003e\n \u003cdiv class=\"mela-timeline-number\"\u003e?\u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-content\"\u003e\n \u003ch3\u003eQui ?\u003c\/h3\u003e\n \u003cp\u003eHommes et femmes adultes en recherche d'un sommeil plus apaisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-item\"\u003e\n \u003cdiv class=\"mela-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-content\"\u003e\n \u003ch3\u003eQuand ?\u003c\/h3\u003e\n \u003cp\u003eLe soir, juste avant le coucher. En cas de décalage horaire, prendre la gélule au moment du coucher les premiers jours suivant l'arrivée à destination.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-item\"\u003e\n \u003cdiv class=\"mela-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-content\"\u003e\n \u003ch3\u003eComment ?\u003c\/h3\u003e\n \u003cp\u003e1 gélule avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-item\"\u003e\n \u003cdiv class=\"mela-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-content\"\u003e\n \u003ch3\u003eDurée\u003c\/h3\u003e\n \u003cp\u003e4 semaines consécutives maximum. À conserver au sec, à l'abri de la lumière et à température ambiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mela-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mela-accordion\"\u003e\n \u003cdetails class=\"mela-accordion-item\"\u003e\n \u003csummary class=\"mela-accordion-header\"\u003e⚠️ Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"mela-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'adulte. Déconseillé aux femmes enceintes ou allaitantes, aux personnes souffrant de maladies inflammatoires, auto-immunes, d'insuffisance hépatique ou rénale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mela-accordion-item\"\u003e\n \u003csummary class=\"mela-accordion-header\"\u003e🩺 Avis médical recommandé\u003c\/summary\u003e\n \u003cdiv class=\"mela-accordion-content mt-3\"\u003e\n \u003cp\u003eIl est fortement recommandé de consulter votre médecin en cas de traitement médicamenteux, de diabète, d'épilepsie, d'asthme, de troubles de l'humeur, de la personnalité ou du comportement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mela-accordion-item\"\u003e\n \u003csummary class=\"mela-accordion-header\"\u003e🚗 Vigilance\u003c\/summary\u003e\n \u003cdiv class=\"mela-accordion-content mt-3\"\u003e\n \u003cp\u003eUne vigilance est nécessaire en cas d'activité nécessitant de la concentration (conduite, machines). Respectez les doses conseillées et tenez hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mela-accordion-item\"\u003e\n \u003csummary class=\"mela-accordion-header\"\u003eℹ️ Information générale\u003c\/summary\u003e\n \u003cdiv class=\"mela-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eCe complément alimentaire ne se substitue pas à un mode de vie sain, à une alimentation équilibrée, ni à un traitement médical.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mela-section\"\u003e\n \u003ch2\u003eUn engagement éco-responsable\u003c\/h2\u003e\n \u003cdiv class=\"mela-grid-compact\"\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🏭 Depuis 1961\u003c\/h3\u003e\n \u003cp\u003eMarque française pionnière du bio, fondée dans les Hauts-de-France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e♻️ 97 % recyclé\u003c\/h3\u003e\n \u003cp\u003eFlacon composé d'au moins 97 % de matière recyclée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌍 100 % recyclable\u003c\/h3\u003e\n \u003cp\u003eUn emballage entièrement recyclable pour limiter son empreinte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication française, respectueuse de la Santé de l'Homme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mela-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mela-cta-box\"\u003e\n \u003cp\u003e🌙 Offrez-vous des nuits plus douces avec la Mélatonine 1 mg Superdiet. 120 gélules pour 4 mois de sérénité, dans un flacon éco-conçu et fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mela-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mela-cream: #f5f7fb;\n --mela-white: #ffffff;\n --mela-primary: #1e3a8a;\n --mela-primary-dark: #0f1f4d;\n --mela-primary-light: #e6ecf7;\n --mela-secondary: #3b5bdb;\n --mela-accent: #c62828;\n --mela-text: #1a1a1a;\n --mela-text-light: #5a5a5a;\n --mela-border: #e0e0e0;\n --mela-shadow: 0 4px 24px rgba(15,31,77,.08);\n --mela-shadow-lg: 0 12px 48px rgba(15,31,77,.18);\n --mela-radius: 20px;\n --mela-radius-sm: 12px;\n}\n\n.mela-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mela-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mela-text);\n}\n\n.mela-hero {\n position: relative;\n background: linear-gradient(135deg, #0f1f4d 0%, #1e3a8a 50%, #3b5bdb 100%);\n border-radius: var(--mela-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mela-shadow-lg);\n}\n\n.mela-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 1px, transparent 1.5px),\n radial-gradient(circle at 75% 60%, rgba(255,255,255,.3) 1px, transparent 2px),\n radial-gradient(circle at 50% 85%, rgba(255,255,255,.3) 1px, transparent 1.5px);\n background-size: 80px 80px, 120px 120px, 100px 100px;\n opacity: .6;\n}\n\n.mela-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mela-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.mela-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.8vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.mela-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.mela-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mela-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mela-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.mela-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mela-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mela-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mela-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mela-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mela-primary), var(--mela-secondary));\n border-radius: 2px;\n}\n\n.mela-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mela-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.mela-card {\n background: var(--mela-white);\n border-radius: var(--mela-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mela-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mela-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mela-shadow-lg);\n border-color: var(--mela-primary);\n}\n\n.mela-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mela-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mela-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mela-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mela-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mela-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mela-grid-compact .mela-card {\n padding: 1rem;\n}\n\n.mela-grid-compact .mela-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mela-grid-compact .mela-card p {\n font-size: 12px;\n}\n\n.mela-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mela-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mela-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mela-primary), var(--mela-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mela-timeline-content {\n flex: 1;\n background: var(--mela-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mela-radius-sm);\n box-shadow: var(--mela-shadow);\n}\n\n.mela-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mela-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mela-timeline-content p {\n font-size: 14px;\n color: var(--mela-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mela-accordion {\n background: var(--mela-white);\n border-radius: var(--mela-radius);\n box-shadow: var(--mela-shadow);\n overflow: hidden;\n}\n\n.mela-accordion-item {\n border-bottom: 1px solid var(--mela-border);\n margin: 0;\n padding: 0;\n}\n\n.mela-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mela-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mela-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mela-accordion-header:hover {\n background: var(--mela-primary-light);\n}\n\n.mela-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mela-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mela-primary);\n transition: transform .2s ease;\n}\n\n.mela-accordion-item[open] .mela-accordion-header::after {\n content: '−';\n}\n\n.mela-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mela-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mela-accordion-content p {\n margin: 0;\n}\n\n.mela-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mela-primary-light);\n border-radius: var(--mela-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mela-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mela-tip p {\n font-size: 14px;\n color: var(--mela-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mela-cta-box {\n background: linear-gradient(135deg, var(--mela-primary) 0%, var(--mela-primary-dark) 100%);\n border-radius: var(--mela-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--mela-shadow-lg);\n}\n\n.mela-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n.mela-disclaimer {\n font-size: 12px;\n color: var(--mela-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .mela-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .mela-card { padding: 1.125rem; }\n .mela-section { margin-bottom: 1.75rem; }\n .mela-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mela-radius-sm);\n }\n .mela-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .mela-premium h2::after { width: 40px; height: 3px; }\n .mela-grid-compact { gap: .625rem; }\n .mela-grid-compact .mela-card { padding: .75rem; }\n .mela-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .mela-timeline-content { padding: .875rem 1rem; }\n .mela-timeline-content h3 { font-size: 14px; }\n .mela-timeline-content p { font-size: 13px; }\n .mela-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .mela-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .mela-card { animation: melaFadeInUp .5s ease backwards; }\n .mela-card:nth-child(1) { animation-delay: .05s; }\n .mela-card:nth-child(2) { animation-delay: .1s; }\n .mela-card:nth-child(3) { animation-delay: .15s; }\n .mela-card:nth-child(4) { animation-delay: .2s; }\n .mela-card:nth-child(5) { animation-delay: .25s; }\n .mela-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes melaFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mela-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754691780765,"sku":"NBAISUP0032","price":23.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/melatonine-1-mg-120-gelules-superdiet-packshothd.webp?v=1776429569"},{"product_id":"quatuor-sommeil-paisible-bio-20-ampoules-superdiet","title":"Quatuor Sommeil Paisible Bio 20 Ampoules - Superdiet","description":"\u003cdiv class=\"sp-premium\"\u003e\n \u003cdiv class=\"sp-hero\"\u003e\n \u003cdiv class=\"sp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sp-hero-content\"\u003e\n \u003cdiv class=\"sp-badges-top\"\u003e\n \u003cspan class=\"sp-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e🇫🇷 Plantes françaises\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e🌙 Sans mélatonine\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e✨ +125% d'actifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sp-hero-title\"\u003eQuatuor Sommeil Paisible Bio\u003c\/span\u003e\n \u003cp class=\"sp-subtitle\"\u003e20 ampoules buvables — Superdiet\u003c\/p\u003e\n \u003cp class=\"sp-description\"\u003eRetrouvez des nuits apaisées grâce à la synergie de 4 plantes biologiques françaises, concentrées selon la méthode Canopée pour une efficacité renforcée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003cp class=\"sp-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire sommeil\u003c\/strong\u003e efficace, naturel et sans mélatonine ? Le \u003cstrong\u003eQuatuor Sommeil Paisible Bio de Superdiet\u003c\/strong\u003e associe la force de quatre plantes françaises biologiques, soigneusement sélectionnées pour favoriser un \u003cstrong\u003esommeil réparateur\u003c\/strong\u003e et des nuits apaisées. Présenté en ampoules buvables, il offre une formule concentrée et une assimilation rapide, idéale pour retrouver un rythme nocturne harmonieux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complément alimentaire pour le sommeil ?\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eLes nuits agitées, les difficultés d'endormissement ou les réveils fréquents peuvent vite impacter votre qualité de vie. Ce \u003cstrong\u003ecomplément alimentaire naturel sommeil\u003c\/strong\u003e a été pensé pour celles et ceux qui souhaitent une alternative douce, 100 % végétale et \u003cstrong\u003esans mélatonine\u003c\/strong\u003e. Grâce à la méthode Canopée de Superdiet, la formule contient +125 % d'actifs par rapport à une formule classique, pour une efficacité renforcée à chaque prise.\u003c\/p\u003e\n \u003cdiv class=\"sp-grid-compact\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌿 100% plantes bio\u003c\/h3\u003e\n \u003cp\u003ePlantes françaises issues de l'agriculture biologique certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌱 Vegan \u0026amp; pur\u003c\/h3\u003e\n \u003cp\u003eSans alcool, sans conservateur, sans colorant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré dans les Hauts-de-France par Superdiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e📅 Cure de 20 jours\u003c\/h3\u003e\n \u003cp\u003e20 ampoules buvables de 10 ml — 1 par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eComposition : 4 plantes bio aux vertus reconnues\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003ePour chaque ampoule de 10 ml, vous bénéficiez d'un dosage concentré en extraits de plantes :\u003c\/p\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌾 Angélique Bio — 490 mg\u003c\/h3\u003e\n \u003cp\u003ePlante traditionnellement utilisée pour favoriser la détente et le bien-être nocturne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌸 Passiflore Bio — 340 mg\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés relaxantes, elle contribue à un \u003cstrong\u003esommeil profond\u003c\/strong\u003e et à la réduction de la nervosité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌼 Eschscholtzia Bio — 300 mg\u003c\/h3\u003e\n \u003cp\u003eAussi appelée pavot de Californie, elle aide à favoriser l'endormissement en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌺 Aubépine Bio — 150 mg\u003c\/h3\u003e\n \u003cp\u003ePlante apaisante, elle soutient la relaxation avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-tip\"\u003e\n \u003cspan class=\"sp-tip-icon\"\u003e💧\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e eau, jus concentré de raisin bio, jus concentré de citron bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"sp-timeline\"\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003eAgitez l'ampoule\u003c\/h3\u003e\n \u003cp\u003eSecouez bien votre ampoule avant emploi pour homogénéiser la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003eCassez aux deux extrémités\u003c\/h3\u003e\n \u003cp\u003eOuvrez l'ampoule délicatement aux deux bouts pour en faciliter l'écoulement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003eVersez \u0026amp; dégustez\u003c\/h3\u003e\n \u003cp\u003eDirectement en bouche ou dilué dans un peu d'eau, 30 minutes avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003eSuivez une cure complète\u003c\/h3\u003e\n \u003cp\u003e1 ampoule par jour pendant 20 jours, renouvelable si besoin pour des résultats optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-tip\"\u003e\n \u003cspan class=\"sp-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécautions :\u003c\/strong\u003e ne pas dépasser la dose journalière recommandée. Déconseillé aux femmes enceintes, allaitantes et aux enfants de moins de 12 ans. Demandez l'avis de votre médecin en cas de traitement médicamenteux. Ce \u003cstrong\u003ecomplément sommeil\u003c\/strong\u003e ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain, et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"sp-accordion\"\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e🌙 Ce complément contient-il de la mélatonine ?\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eNon, il s'agit d'un \u003cstrong\u003ecomplément alimentaire sommeil sans mélatonine\u003c\/strong\u003e, composé uniquement de plantes biologiques françaises.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e⏱️ Au bout de combien de temps voit-on des résultats ?\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eLes effets varient selon chaque personne. Une cure complète de 20 jours permet généralement d'évaluer les bienfaits sur la qualité de vos nuits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e💊 Peut-on l'associer à d'autres compléments ?\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, notamment avec du magnésium en cas de stress. En cas de doute, demandez conseil à votre pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLe savoir-faire Superdiet\u003c\/h2\u003e\n \u003cdiv class=\"sp-cta-box\"\u003e\n \u003cp\u003eDepuis plus de 60 ans, Superdiet cultive une passion pour les plantes et le naturel. Installé dans les Hauts-de-France, le laboratoire s'engage pour votre bien-être avec des formules authentiques, respectueuses de l'environnement et issues d'une agriculture biologique certifiée. Avec le \u003cstrong\u003eQuatuor Sommeil Paisible Bio\u003c\/strong\u003e, vous bénéficiez d'un savoir-faire français reconnu pour retrouver des nuits vraiment paisibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sp-disclaimer\"\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée, ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sp-cream: #f4f1ea;\n --sp-white: #ffffff;\n --sp-primary: #2d4a6b;\n --sp-primary-dark: #1e3451;\n --sp-primary-light: #e6edf4;\n --sp-secondary: #5a7fa3;\n --sp-accent: #c0392b;\n --sp-text: #1a1a1a;\n --sp-text-light: #5a5a5a;\n --sp-border: #e0e0e0;\n --sp-shadow: 0 4px 24px rgba(45,74,107,.08);\n --sp-shadow-lg: 0 12px 48px rgba(45,74,107,.18);\n --sp-radius: 20px;\n --sp-radius-sm: 12px;\n}\n\n.sp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sp-text);\n line-height: 1.6;\n}\n\n.sp-premium p { margin: 0 0 1rem 0; }\n.sp-premium p:last-child { margin-bottom: 0; }\n.sp-premium strong { color: var(--sp-primary-dark); font-weight: 700; }\n\n\/* === HERO === *\/\n.sp-hero {\n position: relative;\n background: linear-gradient(135deg, #2d4a6b 0%, #3d5f85 50%, #5a7fa3 100%);\n border-radius: var(--sp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sp-shadow-lg);\n}\n\n.sp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .15;\n}\n\n.sp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.sp-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.sp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.sp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sp-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n\/* === SECTIONS === *\/\n.sp-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n.sp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.sp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sp-primary), var(--sp-secondary));\n border-radius: 2px;\n}\n\n.sp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sp-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n}\n\n\/* === CARDS === *\/\n.sp-card {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sp-shadow-lg);\n border-color: var(--sp-primary);\n}\n\n.sp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sp-grid-compact .sp-card { padding: 1rem; }\n.sp-grid-compact .sp-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.sp-grid-compact .sp-card p { font-size: 12px; }\n\n\/* === TIMELINE === *\/\n.sp-timeline { display: flex; flex-direction: column; gap: 1rem; }\n\n.sp-timeline-item { display: flex; gap: 1rem; align-items: flex-start; }\n\n.sp-timeline-number {\n flex-shrink: 0;\n width: 40px; height: 40px;\n background: linear-gradient(135deg, var(--sp-primary), var(--sp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(45,74,107,.3);\n}\n\n.sp-timeline-content {\n flex: 1;\n background: var(--sp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sp-radius-sm);\n box-shadow: var(--sp-shadow);\n}\n\n.sp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sp-timeline-content p {\n font-size: 14px;\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.sp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sp-primary-light);\n border-radius: var(--sp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--sp-primary);\n}\n\n.sp-tip-icon { font-size: 24px; flex-shrink: 0; line-height: 1.2; }\n\n.sp-tip p {\n font-size: 14px;\n color: var(--sp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sp-accordion {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n box-shadow: var(--sp-shadow);\n overflow: hidden;\n}\n\n.sp-accordion-item { border-bottom: 1px solid var(--sp-border); margin: 0; padding: 0; }\n.sp-accordion-item:last-child { border-bottom: none; }\n\n.sp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.sp-accordion-header:hover { background: var(--sp-primary-light); }\n.sp-accordion-header::-webkit-details-marker { display: none; }\n\n.sp-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--sp-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.sp-accordion-item[open] .sp-accordion-header::after { content: '−'; }\n\n.sp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sp-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sp-accordion-content p { margin: 0; }\n.mt-3 { margin-top: 10px; }\n\n\/* === CTA === *\/\n.sp-cta-box {\n background: linear-gradient(135deg, var(--sp-primary) 0%, var(--sp-primary-dark) 100%);\n border-radius: var(--sp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--sp-shadow-lg);\n}\n\n.sp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.8;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.sp-cta-box strong { color: white; font-weight: 800; }\n\n.sp-disclaimer {\n font-size: 12px;\n color: var(--sp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .sp-grid { grid-template-columns: 1fr; gap: 1rem; }\n .sp-card { padding: 1.125rem; }\n .sp-section { margin-bottom: 1.75rem; }\n .sp-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--sp-radius-sm); }\n .sp-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .sp-premium h2::after { width: 40px; height: 3px; }\n .sp-grid-compact { gap: .625rem; }\n .sp-grid-compact .sp-card { padding: .75rem; }\n .sp-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .sp-timeline-content { padding: .875rem 1rem; }\n .sp-timeline-content h3 { font-size: 14px; }\n .sp-timeline-content p { font-size: 13px; }\n .sp-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .sp-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .sp-tip { padding: .875rem 1rem; }\n .sp-tip p { font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .sp-card { animation: fadeInUp .5s ease backwards; }\n .sp-card:nth-child(1) { animation-delay: .05s; }\n .sp-card:nth-child(2) { animation-delay: .1s; }\n .sp-card:nth-child(3) { animation-delay: .15s; }\n .sp-card:nth-child(4) { animation-delay: .2s; }\n .sp-card:nth-child(5) { animation-delay: .25s; }\n .sp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754712359069,"sku":"NBAISUP0044","price":19.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quatuor-sommeil-paisible-bio-20-ampoules-superdiet-packshothd.webp?v=1776409314"},{"product_id":"glycine-cristallisee-300-g-qualidiet","title":"Glycine Cristallisée en poudre - 300 g - Qualidiet","description":"\u003cdiv class=\"gly-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gly-hero\"\u003e\n\u003cdiv class=\"gly-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gly-hero-content\"\u003e\n\u003cdiv class=\"gly-badges-top\"\u003e\n\u003cspan class=\"gly-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"gly-badge\"\u003e🧪 100 % pure\u003c\/span\u003e \u003cspan class=\"gly-badge\"\u003e📦 Format 300 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gly-hero-title\"\u003eGlycine cristallisée en poudre\u003c\/span\u003e\n\u003cp class=\"gly-subtitle\"\u003eQualidiet - 300 g de pureté absolue\u003c\/p\u003e\n\u003cp class=\"gly-description\"\u003eL'acide aminé indispensable pour vos articulations, votre peau et un sommeil réparateur. Saveur douce et naturellement sucrée, sans aucun additif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eGlycine cristallisée en poudre : l'acide aminé essentiel à votre bien-être quotidien\u003c\/h2\u003e\n\u003cp class=\"gly-section-intro\"\u003eVous cherchez un complément simple, pur et efficace pour prendre soin de vos articulations, de votre peau et de votre sommeil ? La \u003cstrong\u003eglycine cristallisée en poudre\u003c\/strong\u003e de Qualidiet est exactement ce qu'il vous faut.\u003c\/p\u003e\n\u003cdiv class=\"gly-grid-compact\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e📦 300 g généreux\u003c\/h3\u003e\n\u003cp\u003ePlusieurs semaines d'utilisation grâce à un format économique et pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🧬 Acide aminé clé\u003c\/h3\u003e\n\u003cp\u003eNaturellement présent dans l'organisme, mais souvent insuffisant via l'alimentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🍬 Saveur douce\u003c\/h3\u003e\n\u003cp\u003eLégèrement sucrée, agréable dans un verre d'eau, une tisane ou un smoothie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🚫 Zéro additif\u003c\/h3\u003e\n\u003cp\u003eFormule sans aucun conservateur, colorant ni excipient. Pureté maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eLes bienfaits de la glycine cristallisée\u003c\/h2\u003e\n\u003cp class=\"gly-section-intro\"\u003eLes bienfaits de la glycine sont aujourd'hui largement documentés. Cet acide aminé intervient dans de nombreuses fonctions essentielles de votre organisme.\u003c\/p\u003e\n\u003cdiv class=\"gly-grid\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🦴 Synthèse du collagène\u003c\/h3\u003e\n\u003cp\u003ePrincipal composant du collagène, la glycine est indispensable à la \u003cstrong\u003esouplesse des articulations\u003c\/strong\u003e, à la solidité des tendons et à l'élasticité de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🌙 Qualité du sommeil\u003c\/h3\u003e\n\u003cp\u003ePrise le soir, la glycine favorise un \u003cstrong\u003eendormissement plus rapide\u003c\/strong\u003e et un sommeil réparateur, sans effet de somnolence au réveil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e💪 Soutien articulaire\u003c\/h3\u003e\n\u003cp\u003eEn stimulant la production de collagène, elle contribue à \u003cstrong\u003eréduire les inconforts articulaires\u003c\/strong\u003e liés à l'âge ou à l'activité physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eLa glycine participe à la production de \u003cstrong\u003eglutathion\u003c\/strong\u003e, l'un des antioxydants les plus puissants du corps, contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🫁 Fonction digestive\u003c\/h3\u003e\n\u003cp\u003eElle contribue à la \u003cstrong\u003ebonne santé de la muqueuse intestinale\u003c\/strong\u003e, soutenant ainsi une digestion confortable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"gly-composition-highlight\"\u003e\n\u003cdiv class=\"gly-composition-badge\"\u003e100 %\u003c\/div\u003e\n\u003cdiv class=\"gly-composition-text\"\u003e\n\u003ch3\u003eGlycine pure cristallisée\u003c\/h3\u003e\n\u003cp\u003eIngrédient unique. Aucun conservateur, aucun colorant, aucun excipient. Un produit d'une \u003cstrong\u003epureté maximale\u003c\/strong\u003e, totalement hydrosoluble et hautement biodisponible. C'est cette transparence qui fait la différence par rapport à ce que vous pourriez trouver en pharmacie ou ailleurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"gly-timeline\"\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eDosez 3 à 5 g par jour\u003c\/h3\u003e\n\u003cp\u003ePrélevez la quantité souhaitée à l'aide d'une cuillère doseuse ou d'une cuillère à café rase (environ 3 g).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eDiluez dans une boisson\u003c\/h3\u003e\n\u003cp\u003eLa poudre se dissout facilement grâce à sa forme cristallisée : eau, tisane, smoothie, jus de fruit ou même un yaourt ou une compote.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eRépartissez en 2 à 3 prises\u003c\/h3\u003e\n\u003cp\u003eRépartissez la dose sur la journée. Pour favoriser le sommeil, privilégiez une prise \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-tip\"\u003e\n\u003cspan class=\"gly-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e N'hésitez pas à varier les plaisirs en l'incorporant dans vos recettes du quotidien. Sa saveur douce et sucrée se marie à tout !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eGlycine cristallisée : danger ou sans risque ?\u003c\/h2\u003e\n\u003cdiv class=\"gly-testimonial\"\u003e\n\u003cp class=\"gly-testimonial-text\"\u003e\"Beaucoup d'entre vous se demandent si la glycine cristallisée présente un danger. Rassurez-vous : aux doses recommandées, la glycine est très bien tolérée par la grande majorité des personnes. Cependant, si vous suivez un traitement médical, si vous êtes enceinte ou allaitante, demandez l'avis de votre médecin avant toute supplémentation. Ce complément alimentaire ne remplace pas un traitement médical ni une alimentation variée et équilibrée.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003ePourquoi choisir la glycine Qualidiet ?\u003c\/h2\u003e\n\u003cdiv class=\"gly-grid\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eProduite dans une usine certifiée \u003cstrong\u003eISO 22000\u003c\/strong\u003e, garantissant les plus hauts standards de qualité et de sécurité alimentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🧪 Formule 100 % pure\u003c\/h3\u003e\n\u003cp\u003eSans aucun additif, conservateur, colorant ni excipient. La pureté à l'état brut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e📦 Format économique 300 g\u003c\/h3\u003e\n\u003cp\u003eUn grand format pensé pour une \u003cstrong\u003ecure prolongée\u003c\/strong\u003e de plusieurs semaines sans interruption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🍬 Saveur naturellement douce\u003c\/h3\u003e\n\u003cp\u003eAgréable et facile à consommer au quotidien, sans goût désagréable ni arrière-goût chimique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e✅ Traçabilité rigoureuse\u003c\/h3\u003e\n\u003cp\u003eContrôle qualité strict sur chaque lot pour vous garantir un produit irréprochable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"gly-section-intro\" style=\"margin-top: 1.5rem;\"\u003eQue vous soyez sportif souhaitant préserver vos articulations, en quête d'un sommeil de meilleure qualité ou simplement désireux de soutenir votre production naturelle de collagène, cette glycine en poudre s'intègre facilement dans votre routine quotidienne.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- ACCORDÉON : Précautions --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003cdiv class=\"gly-accordion\"\u003e\n\u003cdetails class=\"gly-accordion-item\"\u003e\n\u003csummary class=\"gly-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"gly-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"gly-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"gly-cta-box\"\u003e\n\u003cp\u003e🧬 Offrez à votre corps l'acide aminé dont il a besoin.\u003cbr\u003e300 g de glycine pure, fabriquée en France, pour des résultats que vous ressentirez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gly-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --gly-cream: #f5f6fa;\n --gly-white: #ffffff;\n --gly-primary: #1a3a6e;\n --gly-primary-dark: #0e2550;\n --gly-primary-light: #e8edf6;\n --gly-secondary: #c8102e;\n --gly-accent: #3b7dd8;\n --gly-text: #1a1a1a;\n --gly-text-light: #5a5a5a;\n --gly-border: #e0e0e0;\n --gly-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gly-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gly-radius: 20px;\n --gly-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gly-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gly-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gly-hero {\n position: relative;\n background: linear-gradient(135deg, #0e2550 0%, #1a3a6e 45%, #3b7dd8 100%);\n border-radius: var(--gly-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gly-shadow-lg);\n}\n\n.gly-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(200,16,46,.12) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(59,125,216,.06) 0%, transparent 60%);\n opacity: 1;\n}\n\n.gly-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gly-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.gly-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.gly-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.gly-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gly-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gly-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gly-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gly-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gly-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gly-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.gly-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gly-primary), var(--gly-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gly-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gly-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.gly-card {\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gly-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gly-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gly-shadow-lg);\n border-color: var(--gly-primary);\n}\n\n.gly-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gly-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gly-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gly-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gly-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gly-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gly-grid-compact .gly-card {\n padding: 1rem;\n}\n\n.gly-grid-compact .gly-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gly-grid-compact .gly-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.gly-composition-highlight {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gly-shadow);\n border: 2px solid var(--gly-primary-light);\n}\n\n.gly-composition-badge {\n flex-shrink: 0;\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, var(--gly-primary), var(--gly-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 22px;\n box-shadow: 0 6px 24px rgba(26,58,110,.3);\n}\n\n.gly-composition-text h3 {\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 800;\n color: var(--gly-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.gly-composition-text p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gly-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === TIMELINE === *\/\n.gly-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gly-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gly-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gly-primary), var(--gly-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(26,58,110,.25);\n}\n\n.gly-timeline-content {\n flex: 1;\n background: var(--gly-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gly-radius-sm);\n box-shadow: var(--gly-shadow);\n}\n\n.gly-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gly-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gly-timeline-content p {\n font-size: 14px;\n color: var(--gly-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gly-testimonial {\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gly-shadow);\n border-left: 4px solid var(--gly-secondary);\n}\n\n.gly-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gly-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gly-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gly-primary-light);\n border-radius: var(--gly-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gly-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gly-tip p {\n font-size: 14px;\n color: var(--gly-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gly-accordion {\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n box-shadow: var(--gly-shadow);\n overflow: hidden;\n}\n\n.gly-accordion-item {\n border-bottom: 1px solid var(--gly-border);\n margin: 0;\n padding: 0;\n}\n\n.gly-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gly-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gly-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gly-accordion-header:hover {\n background: var(--gly-primary-light);\n}\n\n.gly-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gly-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gly-primary);\n transition: transform .2s ease;\n}\n\n.gly-accordion-item[open] .gly-accordion-header::after {\n content: '−';\n}\n\n.gly-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gly-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gly-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gly-cta-box {\n background: linear-gradient(135deg, var(--gly-primary) 0%, var(--gly-primary-dark) 100%);\n border-radius: var(--gly-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gly-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(200,16,46,.15) 0%, transparent 50%),\n radial-gradient(circle at 70% 30%, rgba(59,125,216,.1) 0%, transparent 50%);\n}\n\n.gly-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gly-disclaimer {\n font-size: 12px;\n color: var(--gly-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gly-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gly-card {\n padding: 1.125rem;\n }\n\n .gly-section {\n margin-bottom: 1.75rem;\n }\n\n .gly-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gly-radius-sm);\n }\n\n .gly-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gly-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gly-grid-compact {\n gap: .625rem;\n }\n\n .gly-grid-compact .gly-card {\n padding: .75rem;\n }\n\n \/* Composition highlight mobile *\/\n .gly-composition-highlight {\n flex-direction: column;\n text-align: center;\n padding: 1.25rem;\n }\n\n .gly-composition-badge {\n width: 64px;\n height: 64px;\n font-size: 18px;\n }\n\n \/* Timeline mobile *\/\n .gly-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gly-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gly-timeline-content h3 {\n font-size: 14px;\n }\n\n .gly-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .gly-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gly-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .gly-testimonial {\n padding: 1.25rem;\n }\n\n .gly-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gly-card {\n animation: glyFadeInUp .5s ease backwards;\n }\n .gly-card:nth-child(1) { animation-delay: .05s; }\n .gly-card:nth-child(2) { animation-delay: .1s; }\n .gly-card:nth-child(3) { animation-delay: .15s; }\n .gly-card:nth-child(4) { animation-delay: .2s; }\n .gly-card:nth-child(5) { animation-delay: .25s; }\n .gly-card:nth-child(6) { animation-delay: .3s; }\n\n .gly-timeline-item {\n animation: glyFadeInUp .5s ease backwards;\n }\n .gly-timeline-item:nth-child(1) { animation-delay: .1s; }\n .gly-timeline-item:nth-child(2) { animation-delay: .2s; }\n .gly-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes glyFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gly-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754724712605,"sku":"VO4840","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/glycine-cristallisee-en-poudre-300-g-vitalosmose-lifestyle.webp?v=1770887240"},{"product_id":"reishi-500-mg-bio-60-gelules-qualidiet","title":"Reishi 500 Mg Bio - 60 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Reishi 500 Mg Bio - 60 Gélules\nPalette détectée:\n - Primaire: #1E5AA8 (bleu du texte \"REISHI\" sur le packaging)\n - Secondaire: #2E7D32 (vert \"Agriculture biologique\")\n - Accent: #C62828 (rouge \"QUALIDIET\")\nAmbiance: Naturel\/Bio, médical, épuré, scientifique avec touches organiques\nPréfixe CSS: rei\n--\u003e\n\n\u003cdiv class=\"rei-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"rei-hero\"\u003e\n \u003cdiv class=\"rei-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rei-hero-content\"\u003e\n \u003cdiv class=\"rei-badges-top\"\u003e\n \u003cspan class=\"rei-badge\"\u003e🍄 Ganoderma lucidum\u003c\/span\u003e\n \u003cspan class=\"rei-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"rei-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rei-hero-title\"\u003eReishi 500 mg bio\u003c\/span\u003e\n \u003cp class=\"rei-subtitle\"\u003eLe champignon de l'immortalité\u003c\/p\u003e\n \u003cp class=\"rei-description\"\u003eExtrait hautement concentré en polysaccharides et triterpènes pour renforcer naturellement vos défenses et apaiser votre esprit\u003c\/p\u003e\n \u003cdiv class=\"rei-hero-stats\"\u003e\n \u003cdiv class=\"rei-stat\"\u003e\n \u003cspan class=\"rei-stat-number\"\u003e500 mg\u003c\/span\u003e\n \u003cspan class=\"rei-stat-label\"\u003epar gélule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-stat\"\u003e\n \u003cspan class=\"rei-stat-number\"\u003e60%\u003c\/span\u003e\n \u003cspan class=\"rei-stat-label\"\u003epolysaccharides\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-stat\"\u003e\n \u003cspan class=\"rei-stat-number\"\u003e20%\u003c\/span\u003e\n \u003cspan class=\"rei-stat-label\"\u003ebêta-glucanes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e🌟 Les bienfaits du reishi\u003c\/h2\u003e\n \u003cdiv class=\"rei-grid\"\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n \u003cp\u003eLes bêta-glucanes stimulent naturellement le système immunitaire et aident l'organisme à mieux se défendre contre les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e🧘\u003c\/div\u003e\n \u003ch3\u003eGestion du stress\u003c\/h3\u003e\n \u003cp\u003eChampignon adaptogène par excellence, le reishi aide à réguler la réponse au stress et favorise un état d'équilibre mental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eAntioxydant puissant\u003c\/h3\u003e\n \u003cp\u003eRiche en triterpènes et polysaccharides, il combat le stress oxydatif et protège les cellules du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e😴\u003c\/div\u003e\n \u003ch3\u003eSommeil apaisé\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisé pour favoriser un sommeil réparateur et améliorer la qualité du repos nocturne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e❤️\u003c\/div\u003e\n \u003ch3\u003eBien-être cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien d'une circulation sanguine normale et soutient la santé du système cardiovasculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch3\u003eVitalité durable\u003c\/h3\u003e\n \u003cp\u003eSurnommé \"champignon de l'immortalité\" en Asie, il procure une énergie constante sans stimulation excessive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e🔬 Composition premium\u003c\/h2\u003e\n \u003cdiv class=\"rei-composition-wrapper\"\u003e\n \u003cdiv class=\"rei-composition-main\"\u003e\n \u003cdiv class=\"rei-ingredient-hero\"\u003e\n \u003cdiv class=\"rei-ingredient-content\"\u003e\n \u003ch3\u003e🍄 Extrait de reishi bio\u003c\/h3\u003e\n \u003cspan class=\"rei-ingredient-latin\"\u003eGanoderma lucidum\u003c\/span\u003e\n \u003cdiv class=\"rei-ingredient-dosage\"\u003e500 mg par gélule\u003c\/div\u003e\n \u003cp\u003eExtrait haute concentration certifié biologique, standardisé à 60% de polysaccharides et 20% de bêta-glucanes pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-composition-grid\"\u003e\n \u003cdiv class=\"rei-mini-card\"\u003e\n \u003cspan class=\"rei-mini-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"rei-mini-label\"\u003eCellulose microcristalline bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-mini-card\"\u003e\n \u003cspan class=\"rei-mini-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"rei-mini-label\"\u003eAmidon de riz bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rei-usage-box\"\u003e\n \u003cdiv class=\"rei-usage-steps\"\u003e\n \u003cdiv class=\"rei-step\"\u003e\n \u003cdiv class=\"rei-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003ch4\u003ePosologie\u003c\/h4\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e1 à 2 gélules\u003c\/strong\u003e par jour selon vos besoins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-step\"\u003e\n \u003cdiv class=\"rei-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003ch4\u003eMoment\u003c\/h4\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003eau cours des repas\u003c\/strong\u003e avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-step\"\u003e\n \u003cdiv class=\"rei-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003ch4\u003eDurée\u003c\/h4\u003e\n \u003cp\u003eCure de \u003cstrong\u003eplusieurs mois\u003c\/strong\u003e recommandée pour une efficacité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-tip\"\u003e\n \u003cspan class=\"rei-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLa posologie peut être adaptée selon les recommandations de votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"rei-grid rei-grid-4\"\u003e\n \u003cdiv class=\"rei-profile-card\"\u003e\n \u003cspan class=\"rei-profile-icon\"\u003e🏃\u003c\/span\u003e\n \u003ch4\u003eActifs stressés\u003c\/h4\u003e\n \u003cp\u003eRetrouvez calme et sérénité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-profile-card\"\u003e\n \u003cspan class=\"rei-profile-icon\"\u003e🤧\u003c\/span\u003e\n \u003ch4\u003eImmunité fragilisée\u003c\/h4\u003e\n \u003cp\u003eRenforcez vos défenses naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-profile-card\"\u003e\n \u003cspan class=\"rei-profile-icon\"\u003e😓\u003c\/span\u003e\n \u003ch4\u003eFatigue chronique\u003c\/h4\u003e\n \u003cp\u003eRetrouvez votre vitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-profile-card\"\u003e\n \u003cspan class=\"rei-profile-icon\"\u003e🧓\u003c\/span\u003e\n \u003ch4\u003eSeniors\u003c\/h4\u003e\n \u003cp\u003ePréservez votre bien-être global\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- QUALITÉ --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e✨ Nos engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"rei-quality-grid\"\u003e\n \u003cdiv class=\"rei-quality-card\"\u003e\n \u003cdiv class=\"rei-quality-badge\"\u003e🌿\u003c\/div\u003e\n \u003ch4\u003e100% biologique\u003c\/h4\u003e\n \u003cp\u003eCertifié ECOCERT, sans pesticides ni agents chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-quality-card\"\u003e\n \u003cdiv class=\"rei-quality-badge\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch4\u003eFabriqué en France\u003c\/h4\u003e\n \u003cp\u003eProduction contrôlée selon les normes les plus strictes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-quality-card\"\u003e\n \u003cdiv class=\"rei-quality-badge\"\u003e🔍\u003c\/div\u003e\n \u003ch4\u003eTraçabilité totale\u003c\/h4\u003e\n \u003cp\u003eDe la récolte à la production, chaque étape est contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003cdiv class=\"rei-warning-box\"\u003e\n \u003cdiv class=\"rei-warning-header\"\u003e\n \u003cspan class=\"rei-warning-icon\"\u003e⚠️\u003c\/span\u003e\n \u003ch4\u003ePrécautions d'emploi\u003c\/h4\u003e\n \u003c\/div\u003e\n \u003cul class=\"rei-warning-list\"\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n \u003cli\u003eConsultez votre médecin si vous êtes enceinte, allaitez ou êtes sous traitement médical\u003c\/li\u003e\n \u003cli\u003eConserver à l'abri de la chaleur et de l'humidité\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"rei-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rei-cta-box\"\u003e\n \u003cdiv class=\"rei-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rei-cta-content\"\u003e\n \u003cspan class=\"rei-cta-emoji\"\u003e🍄\u003c\/span\u003e\n \u003cp\u003eOffrez à votre corps le pouvoir millénaire du reishi, le champignon sacré de la médecine traditionnelle asiatique. Une cure naturelle pour renforcer votre immunité et retrouver sérénité et vitalité.\u003c\/p\u003e\n \u003cdiv class=\"rei-cta-badges\"\u003e\n \u003cspan class=\"rei-cta-badge\"\u003e✓ Bio certifié\u003c\/span\u003e\n \u003cspan class=\"rei-cta-badge\"\u003e✓ Haute concentration\u003c\/span\u003e\n \u003cspan class=\"rei-cta-badge\"\u003e✓ Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rei-cream: #F8F6F3;\n --rei-white: #ffffff;\n --rei-primary: #1E5AA8;\n --rei-primary-dark: #164785;\n --rei-primary-light: #E8F1FB;\n --rei-secondary: #2E7D32;\n --rei-secondary-light: #E8F5E9;\n --rei-accent: #C62828;\n --rei-text: #1a1a1a;\n --rei-text-light: #5a5a5a;\n --rei-border: #e0e0e0;\n --rei-shadow: 0 4px 24px rgba(0,0,0,.08);\n --rei-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --rei-radius: 20px;\n --rei-radius-sm: 12px;\n}\n\n.rei-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rei-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--rei-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.rei-hero {\n position: relative;\n background: linear-gradient(135deg, #1E5AA8 0%, #164785 40%, #2E7D32 100%);\n border-radius: var(--rei-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--rei-shadow-lg);\n}\n\n.rei-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 60%);\n opacity: 1;\n}\n\n.rei-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rei-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.rei-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rei-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rei-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rei-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rei-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.rei-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 600px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.rei-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.rei-stat {\n text-align: center;\n padding: 1rem 1.5rem;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: var(--rei-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.rei-stat-number {\n display: block;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: white;\n}\n\n.rei-stat-label {\n font-size: 12px;\n color: rgba(255,255,255,.8);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.rei-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.rei-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--rei-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rei-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rei-primary), var(--rei-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.rei-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.rei-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === CARDS BIENFAITS === *\/\n.rei-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--rei-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rei-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--rei-shadow-lg);\n border-color: var(--rei-primary);\n}\n\n.rei-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.rei-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.rei-card p {\n font-size: 14px;\n color: var(--rei-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.rei-composition-wrapper {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.rei-ingredient-hero {\n background: linear-gradient(135deg, var(--rei-primary-light) 0%, var(--rei-secondary-light) 100%);\n border-radius: var(--rei-radius);\n padding: clamp(2rem, 4vw, 3rem);\n display: flex;\n align-items: center;\n gap: 2rem;\n border: 2px solid var(--rei-primary);\n}\n\n.rei-ingredient-icon {\n font-size: 72px;\n flex-shrink: 0;\n}\n\n.rei-ingredient-content h3 {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.25rem 0;\n}\n\n.rei-ingredient-latin {\n font-style: italic;\n color: var(--rei-secondary);\n font-size: 14px;\n display: block;\n margin-bottom: 0.5rem;\n}\n\n.rei-ingredient-dosage {\n display: inline-block;\n background: var(--rei-primary);\n color: white;\n padding: 6px 16px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n margin-bottom: 1rem;\n}\n\n.rei-ingredient-content p {\n font-size: 15px;\n color: var(--rei-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.rei-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.rei-mini-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius-sm);\n padding: 1rem;\n display: flex;\n align-items: center;\n gap: 10px;\n box-shadow: var(--rei-shadow);\n}\n\n.rei-mini-icon {\n font-size: 24px;\n}\n\n.rei-mini-label {\n font-size: 13px;\n color: var(--rei-text-light);\n font-weight: 500;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.rei-usage-box {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--rei-shadow);\n}\n\n.rei-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.rei-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n}\n\n.rei-step-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--rei-primary), var(--rei-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n flex-shrink: 0;\n}\n\n.rei-step-content h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.25rem 0;\n}\n\n.rei-step-content p {\n font-size: 14px;\n color: var(--rei-text-light);\n margin: 0;\n}\n\n.rei-tip {\n display: flex;\n align-items: center;\n gap: 12px;\n background: var(--rei-secondary-light);\n border-radius: var(--rei-radius-sm);\n padding: 1rem 1.25rem;\n border-left: 4px solid var(--rei-secondary);\n}\n\n.rei-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rei-tip p {\n font-size: 14px;\n color: var(--rei-text);\n margin: 0;\n}\n\n\/* === PROFILS === *\/\n.rei-profile-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--rei-shadow);\n transition: all .3s ease;\n}\n\n.rei-profile-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--rei-shadow-lg);\n}\n\n.rei-profile-icon {\n font-size: 40px;\n display: block;\n margin-bottom: 0.75rem;\n}\n\n.rei-profile-card h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.rei-profile-card p {\n font-size: 13px;\n color: var(--rei-text-light);\n margin: 0;\n}\n\n\/* === QUALITÉ === *\/\n.rei-quality-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.rei-quality-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: 2rem;\n text-align: center;\n box-shadow: var(--rei-shadow);\n transition: all .3s ease;\n border-top: 4px solid var(--rei-secondary);\n}\n\n.rei-quality-card:hover {\n transform: translateY(-5px);\n}\n\n.rei-quality-badge {\n font-size: 40px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.rei-quality-card h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.rei-quality-card p {\n font-size: 14px;\n color: var(--rei-text-light);\n margin: 0;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.rei-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.rei-info-item {\n background: var(--rei-white);\n border-radius: var(--rei-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--rei-shadow);\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.rei-info-icon {\n font-size: 28px;\n}\n\n.rei-info-label {\n font-size: 12px;\n color: var(--rei-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.rei-info-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n}\n\n\/* === PRÉCAUTIONS === *\/\n.rei-warning-box {\n background: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);\n border-radius: var(--rei-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid #FFB300;\n}\n\n.rei-warning-header {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 1rem;\n}\n\n.rei-warning-icon {\n font-size: 28px;\n}\n\n.rei-warning-header h4 {\n font-size: 18px;\n font-weight: 800;\n color: #E65100;\n margin: 0;\n}\n\n.rei-warning-list {\n margin: 0;\n padding-left: 1.5rem;\n}\n\n.rei-warning-list li {\n font-size: 14px;\n color: #5D4037;\n margin-bottom: 0.5rem;\n line-height: 1.6;\n}\n\n.rei-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.rei-cta-box {\n background: linear-gradient(135deg, var(--rei-primary) 0%, var(--rei-secondary) 100%);\n border-radius: var(--rei-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rei-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 30%);\n}\n\n.rei-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.rei-cta-emoji {\n font-size: 64px;\n display: block;\n margin-bottom: 1.5rem;\n}\n\n.rei-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n}\n\n.rei-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n}\n\n.rei-cta-badge {\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.3);\n border-radius: 999px;\n padding: 8px 16px;\n color: white;\n font-size: 13px;\n font-weight: 700;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .rei-grid,\n .rei-grid-4,\n .rei-quality-grid {\n grid-template-columns: 1fr;\n }\n \n .rei-ingredient-hero {\n flex-direction: column;\n text-align: center;\n }\n \n .rei-hero-stats {\n flex-direction: column;\n align-items: center;\n }\n \n .rei-stat {\n width: 100%;\n max-width: 200px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rei-card,\n .rei-profile-card,\n .rei-quality-card {\n animation: reiFadeInUp .6s ease backwards;\n }\n \n .rei-card:nth-child(1), .rei-profile-card:nth-child(1), .rei-quality-card:nth-child(1) { animation-delay: .1s; }\n .rei-card:nth-child(2), .rei-profile-card:nth-child(2), .rei-quality-card:nth-child(2) { animation-delay: .2s; }\n .rei-card:nth-child(3), .rei-profile-card:nth-child(3), .rei-quality-card:nth-child(3) { animation-delay: .3s; }\n .rei-card:nth-child(4), .rei-profile-card:nth-child(4), .rei-quality-card:nth-child(4) { animation-delay: .4s; }\n .rei-card:nth-child(5) { animation-delay: .5s; }\n .rei-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes reiFadeInUp {\n from { \n opacity: 0; \n transform: translateY(40px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .rei-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .rei-card,\n .rei-profile-card,\n .rei-quality-card {\n border: 2px solid var(--rei-text);\n }\n \n .rei-badge {\n border: 2px solid var(--rei-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754732576925,"sku":"VO4608","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/reishi-500-mg-bio-60-gelules-vitalosmose-ingredients.jpg?v=1766695198"},{"product_id":"aubepine-bio-15-ml-alphagem","title":"Macérat de bourgeons d'Aubépine Bio (Crataegus laevigata) - 15ml - Alphagem","description":"\u003cdiv class=\"ag-premium\"\u003e\n\n \u003cdiv class=\"ag-hero\"\u003e\n \u003cdiv class=\"ag-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ag-hero-content\"\u003e\n \u003cdiv class=\"ag-badges-top\"\u003e\n \u003cspan class=\"ag-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"ag-badge\"\u003e🇧🇪 Expertise belge\u003c\/span\u003e\n \u003cspan class=\"ag-badge\"\u003e💧 15 ml\u003c\/span\u003e\n \u003cspan class=\"ag-badge\"\u003e🫙 Flacon verre ambré\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ag-hero-title\"\u003eAubépine Bio — AlphaGem\u003c\/span\u003e\n \u003cp class=\"ag-subtitle\"\u003eMacérat concentré de bourgeons · Crataegus laevigata\u003c\/p\u003e\n \u003cp class=\"ag-description\"\u003eToute la vitalité des jeunes pousses d'aubépine récoltées à la main, pour apaiser les tensions et retrouver un sommeil réparateur grâce à la gemmothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003eAubépine Bio en gemmothérapie : le macérat de bourgeons AlphaGem\u003c\/h2\u003e\n \u003cp class=\"ag-section-intro\"\u003eVous cherchez un allié naturel pour apaiser les tensions du quotidien et retrouver un sommeil réparateur ? Le macérat de bourgeons d'\u003cstrong\u003eaubépine bio\u003c\/strong\u003e AlphaGem concentre toute la vitalité des jeunes pousses de \u003cem\u003eCrataegus laevigata\u003c\/em\u003e dans un flacon de 15 ml. Issu d'une \u003cstrong\u003egemmothérapie\u003c\/strong\u003e rigoureuse et certifiée biologique, ce concentré végétal vous accompagne naturellement vers plus de sérénité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003eBienfaits de la gemmothérapie à l'aubépine\u003c\/h2\u003e\n \u003cp class=\"ag-section-intro\"\u003eSurnommée « épine blanche », l'aubépine est utilisée depuis des siècles en phytothérapie européenne. En \u003cstrong\u003egemmothérapie\u003c\/strong\u003e, ce sont les bourgeons — véritables réservoirs d'énergie végétale — qui offrent un spectre d'action particulièrement large.\u003c\/p\u003e\n \u003cdiv class=\"ag-grid\"\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🧘 Relaxation et gestion du stress\u003c\/h3\u003e\n \u003cp\u003eL'aubépine aide à tempérer la nervosité et favorise un état de détente profond, idéal lors des périodes de surmenage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🌙 Qualité du sommeil\u003c\/h3\u003e\n \u003cp\u003eEn apaisant le système nerveux, elle facilite l'endormissement et contribue à un sommeil plus continu et réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e❤️ Soutien cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement reconnue pour aider à réguler le rythme cardiaque et soutenir une bonne circulation sanguine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🌈 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eLes bourgeons d'aubépine sont souvent conseillés aux personnes traversant des phases d'anxiété ou de fragilité émotionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"ag-section-intro\"\u003eCe macérat concentré AlphaGem est formulé avec soin, selon les règles traditionnelles de la gemmothérapie :\u003c\/p\u003e\n \u003cdiv class=\"ag-grid-compact\"\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🌱 Bourgeons frais bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCrataegus laevigata\u003c\/em\u003e, récoltés à la main au moment optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🍷 Alcool bio\u003c\/h3\u003e\n \u003cp\u003e35 % vol., servant de solvant d'extraction naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🫧 Glycérine végétale bio\u003c\/h3\u003e\n \u003cp\u003eCo-solvant doux pour une extraction complète des actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n \u003cp\u003eBase neutre garantissant pureté et stabilité du macérat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-tip\"\u003e\n \u003cspan class=\"ag-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eCertifié biologique\u003c\/strong\u003e, garanti sans OGM, sans pesticides de synthèse et sans additifs artificiels. Flacon de 15 ml en verre ambré pour une conservation optimale des principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"ag-timeline\"\u003e\n \u003cdiv class=\"ag-timeline-item\"\u003e\n \u003cdiv class=\"ag-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ag-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e5 à 10 gouttes\u003c\/strong\u003e, 1 à 3 fois par jour selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-timeline-item\"\u003e\n \u003cdiv class=\"ag-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ag-timeline-content\"\u003e\n \u003ch3\u003eMode d'administration\u003c\/h3\u003e\n \u003cp\u003eDiluez les gouttes dans un petit verre 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=\"ag-timeline-item\"\u003e\n \u003cdiv class=\"ag-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ag-timeline-content\"\u003e\n \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n \u003cp\u003ePrivilégiez une prise \u003cstrong\u003een dehors des repas\u003c\/strong\u003e, de préférence le matin et en fin de journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-timeline-item\"\u003e\n \u003cdiv class=\"ag-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ag-timeline-content\"\u003e\n \u003ch3\u003eSi vous débutez\u003c\/h3\u003e\n \u003cp\u003eCommencez par 5 gouttes une fois par jour et augmentez progressivement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-tip\"\u003e\n \u003cspan class=\"ag-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e3 semaines\u003c\/strong\u003e, suivie d'une semaine de pause, est généralement conseillée. Pour une approche complémentaire, l'aubépine se marie bien avec d'autres bourgeons comme le tilleul ou le figuier, et certains l'associent à une synergie de type \u003cstrong\u003eail olivier aubépine bio\u003c\/strong\u003e pour un soutien cardiovasculaire global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003eContre-indications et précautions\u003c\/h2\u003e\n \u003cdiv class=\"ag-accordion\"\u003e\n \u003cdetails class=\"ag-accordion-item\"\u003e\n \u003csummary class=\"ag-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ag-accordion-item\"\u003e\n \u003csummary class=\"ag-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n \u003cp\u003eConsultez votre médecin si vous prenez un traitement pour le cœur ou la tension artérielle, car l'aubépine peut interagir avec certains médicaments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ag-accordion-item\"\u003e\n \u003csummary class=\"ag-accordion-header\"\u003e👶 Enfants de moins de 3 ans\u003c\/summary\u003e\n \u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne convient pas aux enfants de moins de 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ag-accordion-item\"\u003e\n \u003csummary class=\"ag-accordion-header\"\u003e🍷 Teneur en alcool\u003c\/summary\u003e\n \u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n \u003cp\u003eContient de l'alcool (35 % vol.).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"ag-disclaimer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain, et ne se substitue en aucun cas à un traitement médical. En cas de doute, demandez toujours conseil à un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ag-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir AlphaGem ?\u003c\/h2\u003e\n \u003cdiv class=\"ag-cta-box\"\u003e\n \u003cp\u003eSpécialiste belge de la gemmothérapie depuis de nombreuses années, \u003cstrong\u003eAlphaGem\u003c\/strong\u003e récolte ses bourgeons à la main dans des zones préservées, au moment précis où leur concentration en principes actifs est maximale. La macération est réalisée à frais, sans séchage préalable, pour conserver toute la richesse du végétal vivant. Chaque lot est contrôlé et tracé, du bourgeon au flacon.\u003c\/p\u003e\n \u003cp style=\"margin-top:1rem;\"\u003eEn choisissant ce macérat d'\u003cstrong\u003eaubépine bio\u003c\/strong\u003e, vous optez pour un produit authentique, respectueux de la nature et conçu pour vous offrir le meilleur de la gemmothérapie 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 --ag-cream: #f5f7f2;\n --ag-white: #ffffff;\n --ag-primary: #4a8c3f;\n --ag-primary-dark: #2d5a25;\n --ag-primary-light: #e8f2e5;\n --ag-secondary: #5baa4e;\n --ag-accent: #3a7a6b;\n --ag-text: #1a1a1a;\n --ag-text-light: #5a5a5a;\n --ag-border: #dde6d9;\n --ag-shadow: 0 4px 24px rgba(45,90,37,.08);\n --ag-shadow-lg: 0 12px 48px rgba(45,90,37,.15);\n --ag-radius: 20px;\n --ag-radius-sm: 12px;\n}\n\n.ag-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ag-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ag-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5a25 0%, #4a8c3f 45%, #3a7a6b 100%);\n border-radius: var(--ag-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(--ag-shadow-lg);\n}\n\n.ag-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.ag-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ag-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.ag-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 500;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ag-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 16px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ag-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ag-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(--ag-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ag-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ag-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ag-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ag-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.ag-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(--ag-primary), var(--ag-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ag-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ag-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.ag-section-intro strong {\n color: var(--ag-primary-dark);\n}\n\n\/* === CARDS === *\/\n.ag-card {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ag-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ag-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ag-shadow-lg);\n border-color: var(--ag-primary);\n}\n\n.ag-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ag-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ag-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ag-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ag-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ag-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ag-grid-compact .ag-card {\n padding: 1rem;\n}\n\n.ag-grid-compact .ag-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ag-grid-compact .ag-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ag-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ag-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ag-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ag-primary), var(--ag-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.ag-timeline-content {\n flex: 1;\n background: var(--ag-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ag-radius-sm);\n box-shadow: var(--ag-shadow);\n}\n\n.ag-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ag-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ag-timeline-content p {\n font-size: 14px;\n color: var(--ag-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ag-testimonial {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ag-shadow);\n border-left: 4px solid var(--ag-primary);\n}\n\n.ag-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ag-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ag-accordion {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n box-shadow: var(--ag-shadow);\n overflow: hidden;\n}\n\n.ag-accordion-item {\n border-bottom: 1px solid var(--ag-border);\n margin: 0;\n padding: 0;\n}\n\n.ag-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ag-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ag-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.ag-accordion-header:hover {\n background: var(--ag-primary-light);\n}\n\n.ag-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ag-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ag-primary);\n transition: transform .2s ease;\n}\n\n.ag-accordion-item[open] .ag-accordion-header::after {\n content: '−';\n}\n\n.ag-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ag-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ag-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP === *\/\n.ag-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ag-primary-light);\n border-radius: var(--ag-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ag-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ag-tip p {\n font-size: 14px;\n color: var(--ag-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ag-cta-box {\n background: linear-gradient(135deg, var(--ag-primary) 0%, var(--ag-primary-dark) 100%);\n border-radius: var(--ag-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ag-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 17px);\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.ag-cta-box strong {\n font-weight: 700;\n}\n\n\/* === DISCLAIMER === *\/\n.ag-disclaimer {\n font-size: 12px;\n color: var(--ag-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 .ag-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ag-card {\n padding: 1.125rem;\n }\n\n .ag-section {\n margin-bottom: 1.75rem;\n }\n\n .ag-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ag-radius-sm);\n }\n\n .ag-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ag-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ag-grid-compact {\n gap: .625rem;\n }\n\n .ag-grid-compact .ag-card {\n padding: .75rem;\n }\n\n .ag-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ag-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ag-timeline-content h3 {\n font-size: 14px;\n }\n\n .ag-timeline-content p {\n font-size: 13px;\n }\n\n .ag-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ag-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ag-testimonial {\n padding: 1.25rem;\n }\n\n .ag-testimonial-text {\n font-size: 14px;\n }\n\n .ag-badges-top {\n gap: 6px;\n }\n\n .ag-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ag-card {\n animation: agFadeInUp .5s ease backwards;\n }\n .ag-card:nth-child(1) { animation-delay: .05s; }\n .ag-card:nth-child(2) { animation-delay: .1s; }\n .ag-card:nth-child(3) { animation-delay: .15s; }\n .ag-card:nth-child(4) { animation-delay: .2s; }\n .ag-card:nth-child(5) { animation-delay: .25s; }\n .ag-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes agFadeInUp {\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 .ag-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":45754884948125,"sku":"5010","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/macerat-de-bourgeons-daubepine-bio-crataegus-laevigata-15ml--packshothd.webp?v=1774021212"},{"product_id":"aubepine-bio-50-ml-alphagem","title":"Macérat de bourgeons frais d'Aubépine Bio - 50 ml - Alphagem","description":"\u003cdiv class=\"aub-premium\"\u003e\n\n\u003cdiv class=\"aub-hero\"\u003e\n\u003cdiv class=\"aub-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"aub-hero-content\"\u003e\n\u003cdiv class=\"aub-badges-top\"\u003e\n\u003cspan class=\"aub-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n\u003cspan class=\"aub-badge\"\u003e💧 50 ml\u003c\/span\u003e\n\u003cspan class=\"aub-badge\"\u003e🇧🇪 Laboratoire belge\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"aub-hero-title\"\u003eMacérat d'Aubépine Bio Alphagem\u003c\/span\u003e\n\u003cp class=\"aub-subtitle\"\u003eMacérat concentré de bourgeons frais\u003c\/p\u003e\n\u003cp class=\"aub-description\"\u003eToute la puissance de \u003cem\u003eCrataegus laevigata\u003c\/em\u003e au service de votre cœur et de votre sérénité. De l'arbre au flacon, la gemmothérapie dans sa forme la plus pure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"aub-section\"\u003e\n\u003cp class=\"aub-section-intro\"\u003eVous cherchez une solution naturelle pour apaiser les tensions nerveuses et soutenir votre système cardiovasculaire ?\u003c\/p\u003e\n\u003cdiv class=\"aub-testimonial\"\u003e\n\u003cp class=\"aub-testimonial-text\"\u003eLe macérat de bourgeons d'\u003cstrong\u003eaubépine bio\u003c\/strong\u003e Alphagem concentre toute la puissance de \u003cem\u003eCrataegus laevigata\u003c\/em\u003e dans un flacon de 50 ml. Issue de la \u003cstrong\u003egemmothérapie\u003c\/strong\u003e, cette préparation utilise les bourgeons frais de la plante, récoltés au moment précis où leur richesse en principes actifs est maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"aub-section\"\u003e\n\u003ch2\u003eBienfaits de la gemmothérapie à l'aubépine\u003c\/h2\u003e\n\u003cp class=\"aub-section-intro\"\u003eL'aubépine est surnommée « la plante du cœur » en phytothérapie traditionnelle, et ce n'est pas un hasard. Les \u003cstrong\u003ebienfaits de la gemmothérapie aubépine\u003c\/strong\u003e sont multiples et reconnus depuis des siècles.\u003c\/p\u003e\n\u003cdiv class=\"aub-grid\"\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e🧘 Équilibre nerveux\u003c\/h3\u003e\n\u003cp\u003eL'aubépine aide à tempérer la nervosité et favorise un état de détente profonde, particulièrement utile en période de stress.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e❤️ Soutien cardiovasculaire\u003c\/h3\u003e\n\u003cp\u003eElle contribue à maintenir un rythme cardiaque régulier et à soutenir une bonne circulation sanguine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e🌙 Sommeil apaisé\u003c\/h3\u003e\n\u003cp\u003eEn calmant le système nerveux, elle facilite l'endormissement et améliore la qualité du repos nocturne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e🛡️ Richesse en flavonoïdes\u003c\/h3\u003e\n\u003cp\u003eLes bourgeons concentrent des antioxydants naturels qui participent à la protection cellulaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-tip\"\u003e\n\u003cspan class=\"aub-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe macérat de bourgeons offre un avantage par rapport à une simple \u003cstrong\u003etisane d'aubépine bio\u003c\/strong\u003e : il préserve l'intégralité du capital énergétique du bourgeon, là où une infusion ne capte qu'une partie des composés actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"aub-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cp class=\"aub-section-intro\"\u003eLa formule d'Alphagem est volontairement épurée pour vous offrir un produit pur et transparent.\u003c\/p\u003e\n\u003cdiv class=\"aub-grid-compact\"\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e🌱 Bourgeons d'aubépine\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eCrataegus laevigata\u003c\/em\u003e* – actif principal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e🍷 Alcool bio\u003c\/h3\u003e\n\u003cp\u003e35 % vol – solvant d'extraction naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n\u003cp\u003eBase purifiée de qualité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e🫧 Glycérine végétale bio\u003c\/h3\u003e\n\u003cp\u003eStabilisant 100 % naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"aub-disclaimer\"\u003e*Ingrédient issu de l'agriculture biologique certifiée. Sans pesticide, sans colorant, sans conservateur artificiel.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"aub-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"aub-timeline\"\u003e\n\u003cdiv class=\"aub-timeline-item\"\u003e\n\u003cdiv class=\"aub-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"aub-timeline-content\"\u003e\n\u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n\u003cp\u003ePensez à bien agiter le flacon avant chaque utilisation pour homogénéiser le macérat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-timeline-item\"\u003e\n\u003cdiv class=\"aub-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"aub-timeline-content\"\u003e\n\u003ch3\u003eDosez 5 à 15 gouttes par jour\u003c\/h3\u003e\n\u003cp\u003eDiluez dans un verre d'eau, de préférence en dehors des repas. Répartissez la prise en une à trois fois dans la journée selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-timeline-item\"\u003e\n\u003cdiv class=\"aub-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"aub-timeline-content\"\u003e\n\u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n\u003cp\u003eDébutez par 5 gouttes pour observer la réaction de votre organisme, puis augmentez progressivement si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-timeline-item\"\u003e\n\u003cdiv class=\"aub-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"aub-timeline-content\"\u003e\n\u003ch3\u003eRespectez les cycles de cure\u003c\/h3\u003e\n\u003cp\u003eUne cure de trois semaines, suivie d'une semaine de pause, constitue un rythme classique en gemmothérapie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"aub-section\"\u003e\n\u003ch2\u003eContre-indications et précautions\u003c\/h2\u003e\n\u003cdiv class=\"aub-accordion\"\u003e\n\u003cdetails class=\"aub-accordion-item\"\u003e\n\u003csummary class=\"aub-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n\u003cdiv class=\"aub-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes et allaitantes sans avis médical préalable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"aub-accordion-item\"\u003e\n\u003csummary class=\"aub-accordion-header\"\u003e💊 Traitement cardiaque en cours\u003c\/summary\u003e\n\u003cdiv class=\"aub-accordion-content mt-3\"\u003e\n\u003cp\u003eSi vous prenez un traitement cardiaque (bêtabloquants, antiarythmiques), consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"aub-accordion-item\"\u003e\n\u003csummary class=\"aub-accordion-header\"\u003e👶 Enfants de moins de 3 ans\u003c\/summary\u003e\n\u003cdiv class=\"aub-accordion-content mt-3\"\u003e\n\u003cp\u003eNe convient pas aux enfants de moins de 3 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"aub-accordion-item\"\u003e\n\u003csummary class=\"aub-accordion-header\"\u003e🍷 Teneur en alcool\u003c\/summary\u003e\n\u003cdiv class=\"aub-accordion-content mt-3\"\u003e\n\u003cp\u003eContient de l'alcool (35 % vol). À prendre en compte pour les personnes sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"aub-disclaimer\"\u003e\u003cem\u003eCe complément alimentaire ne remplace ni un traitement médical, ni une alimentation variée et équilibrée, ni un mode de vie sain. Ne dépassez pas la dose journalière recommandée. Conservez hors de portée des enfants.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"aub-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir le macérat d'aubépine Alphagem ?\u003c\/h2\u003e\n\u003cdiv class=\"aub-grid\"\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e🇧🇪 Expertise belge\u003c\/h3\u003e\n\u003cp\u003eAlphagem est un laboratoire belge spécialisé en gemmothérapie depuis de nombreuses années. Sa devise : « De l'arbre au flacon ».\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e✋ Récolte à la main\u003c\/h3\u003e\n\u003cp\u003eDes bourgeons frais récoltés à la main dans des zones préservées, transformés rapidement pour conserver toute leur vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-card\"\u003e\n\u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n\u003cp\u003eChaque lot est contrôlé et certifié bio. Une garantie de pureté et de traçabilité pour votre tranquillité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-tip\"\u003e\n\u003cspan class=\"aub-tip-icon\"\u003e🌿\u003c\/span\u003e\n\u003cp\u003eAssocié à d'autres bourgeons comme l'olivier ou intégré à un protocole incluant \u003cstrong\u003eail, olivier et aubépine bio\u003c\/strong\u003e, ce macérat s'inscrit parfaitement dans une démarche globale de bien-être cardiovasculaire et nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aub-cta-box\"\u003e\n\u003cp\u003e🌳 Offrez à votre cœur et à votre système nerveux le meilleur de la nature, simplement et en toute confiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --aub-cream: #f5f7f2;\n --aub-white: #ffffff;\n --aub-primary: #4a8c3f;\n --aub-primary-dark: #2d5a25;\n --aub-primary-light: #e8f2e5;\n --aub-secondary: #6db35a;\n --aub-accent: #8b5e3c;\n --aub-text: #1a1a1a;\n --aub-text-light: #5a5a5a;\n --aub-border: #dce5d8;\n --aub-shadow: 0 4px 24px rgba(0,0,0,.08);\n --aub-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --aub-radius: 20px;\n --aub-radius-sm: 12px;\n}\n\n.aub-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--aub-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.aub-hero {\n position: relative;\n background: linear-gradient(135deg, var(--aub-primary-dark) 0%, var(--aub-primary) 50%, var(--aub-secondary) 100%);\n border-radius: var(--aub-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(--aub-shadow-lg);\n}\n\n.aub-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.aub-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.aub-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.aub-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}\n\n.aub-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.aub-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.aub-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(--aub-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.aub-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.aub-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.aub-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--aub-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.aub-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(--aub-primary), var(--aub-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.aub-card {\n background: var(--aub-white);\n border-radius: var(--aub-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--aub-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.aub-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--aub-shadow-lg);\n border-color: var(--aub-primary);\n}\n\n.aub-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--aub-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.aub-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--aub-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.aub-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.aub-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.aub-grid-compact .aub-card {\n padding: 1rem;\n}\n\n.aub-grid-compact .aub-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.aub-grid-compact .aub-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.aub-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.aub-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.aub-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--aub-primary), var(--aub-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.aub-timeline-content {\n flex: 1;\n background: var(--aub-white);\n padding: 1rem 1.25rem;\n border-radius: var(--aub-radius-sm);\n box-shadow: var(--aub-shadow);\n}\n\n.aub-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--aub-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.aub-timeline-content p {\n font-size: 14px;\n color: var(--aub-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.aub-testimonial {\n background: var(--aub-white);\n border-radius: var(--aub-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--aub-shadow);\n border-left: 4px solid var(--aub-primary);\n}\n\n.aub-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--aub-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.aub-accordion {\n background: var(--aub-white);\n border-radius: var(--aub-radius);\n box-shadow: var(--aub-shadow);\n overflow: hidden;\n}\n\n.aub-accordion-item {\n border-bottom: 1px solid var(--aub-border);\n margin: 0;\n padding: 0;\n}\n\n.aub-accordion-item:last-child {\n border-bottom: none;\n}\n\n.aub-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--aub-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.aub-accordion-header:hover {\n background: var(--aub-primary-light);\n}\n\n.aub-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.aub-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--aub-primary);\n transition: transform .2s ease;\n}\n\n.aub-accordion-item[open] .aub-accordion-header::after {\n content: '−';\n}\n\n.aub-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--aub-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.aub-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.aub-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--aub-primary-light);\n border-radius: var(--aub-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.aub-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.aub-tip p {\n font-size: 14px;\n color: var(--aub-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.aub-cta-box {\n background: linear-gradient(135deg, var(--aub-primary) 0%, var(--aub-primary-dark) 100%);\n border-radius: var(--aub-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.aub-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.aub-disclaimer {\n font-size: 12px;\n color: var(--aub-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.aub-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--aub-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .aub-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .aub-card {\n padding: 1.125rem;\n }\n\n .aub-section {\n margin-bottom: 1.75rem;\n }\n\n .aub-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--aub-radius-sm);\n }\n\n .aub-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .aub-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .aub-grid-compact {\n gap: .625rem;\n }\n\n .aub-grid-compact .aub-card {\n padding: .75rem;\n }\n\n .aub-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .aub-timeline-content {\n padding: .875rem 1rem;\n }\n\n .aub-timeline-content h3 {\n font-size: 14px;\n }\n\n .aub-timeline-content p {\n font-size: 13px;\n }\n\n .aub-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .aub-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .aub-testimonial {\n padding: 1.25rem;\n }\n\n .aub-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .aub-card {\n animation: aubFadeInUp .5s ease backwards;\n }\n .aub-card:nth-child(1) { animation-delay: .05s; }\n .aub-card:nth-child(2) { animation-delay: .1s; }\n .aub-card:nth-child(3) { animation-delay: .15s; }\n .aub-card:nth-child(4) { animation-delay: .2s; }\n .aub-card:nth-child(5) { animation-delay: .25s; }\n .aub-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes aubFadeInUp {\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 .aub-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":45754885406877,"sku":"5011","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/macerat-de-bourgeons-frais-daubepine-bio-50-ml-alphagem-packshothd.webp?v=1774628900"},{"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\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":16.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":"somnijoie-sommeil-profond-et-reduction-du-stress-120-gelules-jade-recherche","title":"Somnijoie - Sommeil Profond \u0026 Réduction du Stress - 120 Gélules - Jade Recherche","description":"\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🌙 Sommeil profond\u003c\/span\u003e\n \u003cspan class=\"sj-badge\"\u003e☀️ Anti-stress jour\u003c\/span\u003e\n \u003cspan class=\"sj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sj-badge\"\u003e🌿 7 actifs naturels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sj-hero-title\"\u003eSomniJoie\u003c\/span\u003e\n \u003cp class=\"sj-subtitle\"\u003eSommeil profond \u0026amp; réduction du stress — 120 gélules\u003c\/p\u003e\n \u003cp class=\"sj-description\"\u003eLa formule 2-en-1 qui apaise vos nuits et illumine vos journées. 7 actifs naturels pour retrouver un sommeil réparateur et un équilibre émotionnel durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eSomniJoie : le complément alimentaire sommeil et anti-stress 2-en-1\u003c\/h2\u003e\n \u003cp class=\"sj-section-intro\"\u003eVous dormez mal, vous vous réveillez en pleine nuit, ou le stress vous empêche de trouver le repos ? \u003cstrong\u003eSomniJoie\u003c\/strong\u003e de Jade Recherche est un complément alimentaire pour le sommeil et la gestion du stress qui agit sur les deux fronts.\u003c\/p\u003e\n \u003cdiv class=\"sj-grid-compact\"\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e😴 Sommeil profond\u003c\/h3\u003e\n \u003cp\u003eFavorise un endormissement rapide et des nuits sans interruption\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🧘 Anti-stress\u003c\/h3\u003e\n \u003cp\u003eRéduit la tension nerveuse et l'irritabilité au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003e7 actifs d'origine naturelle, sans accoutumance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e😊 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eMaintient la bonne humeur et la stabilité émotionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003ePourquoi choisir SomniJoie plutôt qu'un simple somnifère naturel ?\u003c\/h2\u003e\n \u003cp class=\"sj-section-intro\"\u003eLa plupart des gélules sommeil se contentent de favoriser l'endormissement. SomniJoie va plus loin grâce à une \u003cstrong\u003edouble action unique\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"sj-dual\"\u003e\n \u003cdiv class=\"sj-dual-card sj-dual-night\"\u003e\n \u003cdiv class=\"sj-dual-icon\"\u003e🌙\u003c\/div\u003e\n \u003ch3\u003eLe soir — Mode Somni\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules 30 min avant le coucher\u003c\/strong\u003e pour un sommeil profond et réparateur, avec moins de réveils nocturnes. La mélatonine, la valériane et la passiflore s'unissent pour vous guider vers un repos complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-dual-card sj-dual-day\"\u003e\n \u003cdiv class=\"sj-dual-icon\"\u003e☀️\u003c\/div\u003e\n \u003ch3\u003eLe matin — Mode Joie\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules au petit-déjeuner\u003c\/strong\u003e pour agir comme complément anti-stress, réduire l'irritabilité et maintenir la bonne humeur tout au long de la journée. L'ashwagandha et le griffonia soutiennent votre sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-tip\"\u003e\n \u003cspan class=\"sj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCette polyvalence en fait un allié précieux si vous traversez une période de tension nerveuse, de surmenage ou de déprime passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eUne formule complète de 7 actifs naturels\u003c\/h2\u003e\n \u003cp class=\"sj-section-intro\"\u003eChaque pilulier contient \u003cstrong\u003e120 gélules\u003c\/strong\u003e, soit un mois de cure à raison de 2 gélules par jour. Voici le détail de la composition :\u003c\/p\u003e\n \u003cdiv class=\"sj-grid\"\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌱 Ashwagandha\u003c\/h3\u003e\n \u003cp\u003eDosé à \u003cstrong\u003e5 % de withanolides\u003c\/strong\u003e. Plante adaptogène majeure qui aide le corps à gérer le stress, réduit le cortisol et augmente la durée du sommeil paradoxal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌿 Griffonia (5-HTP)\u003c\/h3\u003e\n \u003cp\u003ePrécurseur naturel de la \u003cstrong\u003esérotonine\u003c\/strong\u003e, l'hormone du bien-être. Associé à la vitamine B6, il soutient l'humeur et régule les compulsions alimentaires liées au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e💜 Valériane\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés \u003cstrong\u003esédatives douces\u003c\/strong\u003e, elle facilite l'endormissement sans somnolence au réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌸 Passiflore\u003c\/h3\u003e\n \u003cp\u003eRéduit l'anxiété et favorise un \u003cstrong\u003esommeil continu\u003c\/strong\u003e, sans interruption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🤍 Aubépine\u003c\/h3\u003e\n \u003cp\u003eApaise le système nerveux et \u003cstrong\u003ecalme les palpitations\u003c\/strong\u003e liées au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🍃 Mélisse\u003c\/h3\u003e\n \u003cp\u003eEffet \u003cstrong\u003erelaxant et digestif\u003c\/strong\u003e, idéal si le stress vous noue l'estomac le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌙 Mélatonine\u003c\/h3\u003e\n \u003cp\u003eL'hormone du sommeil par excellence, qui \u003cstrong\u003eraccourcit le temps d'endormissement\u003c\/strong\u003e de façon naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-clean-badges\"\u003e\n \u003cspan class=\"sj-clean-badge\"\u003eSans gluten\u003c\/span\u003e\n \u003cspan class=\"sj-clean-badge\"\u003eSans lactose\u003c\/span\u003e\n \u003cspan class=\"sj-clean-badge\"\u003eSans OGM\u003c\/span\u003e\n \u003cspan class=\"sj-clean-badge\"\u003eSans colorants artificiels\u003c\/span\u003e\n \u003cspan class=\"sj-clean-badge\"\u003eSans conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eComment prendre SomniJoie ?\u003c\/h2\u003e\n \u003cp class=\"sj-section-intro\"\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau :\u003c\/p\u003e\n \u003cdiv class=\"sj-timeline\"\u003e\n \u003cdiv class=\"sj-timeline-item\"\u003e\n \u003cdiv class=\"sj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sj-timeline-content\"\u003e\n \u003ch3\u003e🌙 Pour le sommeil\u003c\/h3\u003e\n \u003cp\u003e2 gélules le soir, environ \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e. Laissez la formule agir pour un endormissement naturel et un sommeil profond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-timeline-item\"\u003e\n \u003cdiv class=\"sj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sj-timeline-content\"\u003e\n \u003ch3\u003e☀️ Pour le stress et l'équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003e2 gélules le matin \u003cstrong\u003eau petit-déjeuner\u003c\/strong\u003e. L'ashwagandha et le griffonia soutiennent votre sérénité tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-timeline-item\"\u003e\n \u003cdiv class=\"sj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sj-timeline-content\"\u003e\n \u003ch3\u003e📅 Durée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e pour ressentir pleinement les bienfaits. Renouvelez selon vos besoins ou alternez les prises matin\/soir en fonction des périodes.\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=\"sj-section\"\u003e\n \u003ch2\u003eFabrication française et engagement qualité\u003c\/h2\u003e\n \u003cdiv class=\"sj-testimonial\"\u003e\n \u003cp class=\"sj-testimonial-text\"\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e par le laboratoire Jade Recherche, SomniJoie répond aux normes de qualité les plus strictes. Les ingrédients sont sélectionnés pour leur pureté et leur efficacité, et le conditionnement privilégie des emballages respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eLaboratoire Jade Recherche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e✅ Normes strictes\u003c\/h3\u003e\n \u003cp\u003ePureté et efficacité garanties\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eEmballages respectueux de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🔬 Ingrédients sélectionnés\u003c\/h3\u003e\n \u003cp\u003eTraçabilité et qualité optimales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"sj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément sommeil ?\u003c\/h2\u003e\n \u003cdiv class=\"sj-grid\"\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e😴 Difficultés d'endormissement\u003c\/h3\u003e\n \u003cp\u003eVous mettez plus de 30 minutes à vous endormir ou vous vous réveillez fréquemment la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🔍 En quête du meilleur complément sommeil\u003c\/h3\u003e\n \u003cp\u003eVous cherchez une solution naturelle associant détente profonde et sérénité durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🧠 Profils stressés ou surmenés\u003c\/h3\u003e\n \u003cp\u003eVous traversez une période émotionnellement exigeante et avez besoin d'un soutien quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-cta-box\"\u003e\n \u003cp\u003e🌙 Retrouvez des nuits sereines et des journées lumineuses avec SomniJoie — votre allié sommeil \u0026amp; bien-être 2-en-1 ☀️\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sj-disclaimer\"\u003eCe complément alimentaire ne remplace ni un traitement médical ni un suivi professionnel. En cas de doute, consultez votre médecin ou pharmacien avant toute prise, en particulier si vous êtes enceinte, allaitante ou sous traitement médicamenteux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sj-cream: #f5f2ed;\n --sj-white: #ffffff;\n --sj-primary: #2a5daa;\n --sj-primary-dark: #1a3d6e;\n --sj-primary-light: #e8f0fa;\n --sj-secondary: #f5a623;\n --sj-accent: #ffd366;\n --sj-night: #1e2d5a;\n --sj-day: #fff8eb;\n --sj-text: #1a1a1a;\n --sj-text-light: #5a5a5a;\n --sj-border: #e0e0e0;\n --sj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sj-shadow-lg: 0 12px 48px rgba(0,0,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}\n\n\/* === HERO === *\/\n.sj-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sj-night) 0%, var(--sj-primary) 50%, var(--sj-secondary) 100%);\n border-radius: var(--sj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,211,102,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(245,166,35,.1) 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-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.sj-subtitle {\n color: var(--sj-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.sj-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.sj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sj-primary), var(--sj-secondary));\n border-radius: 2px;\n}\n\n.sj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sj-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sj-card {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sj-shadow-lg);\n border-color: var(--sj-primary);\n}\n\n.sj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sj-grid-compact .sj-card {\n padding: 1rem;\n}\n\n.sj-grid-compact .sj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sj-grid-compact .sj-card p {\n font-size: 12px;\n}\n\n\/* === DUAL CARDS (Jour\/Nuit) === *\/\n.sj-dual {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.sj-dual-card {\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--sj-shadow);\n transition: all .3s ease;\n text-align: center;\n}\n\n.sj-dual-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-dual-night {\n background: linear-gradient(145deg, #1e2d5a 0%, #2a5daa 100%);\n color: white;\n}\n\n.sj-dual-night h3 {\n color: var(--sj-accent);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n margin: .75rem 0 .5rem;\n}\n\n.sj-dual-night p {\n color: rgba(255,255,255,.85);\n font-size: clamp(13px, 2vw, 15px);\n line-height: 1.7;\n margin: 0;\n}\n\n.sj-dual-day {\n background: linear-gradient(145deg, #fff8eb 0%, #fff0d0 100%);\n border: 2px solid var(--sj-secondary);\n}\n\n.sj-dual-day h3 {\n color: #b37d00;\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n margin: .75rem 0 .5rem;\n}\n\n.sj-dual-day p {\n color: var(--sj-text-light);\n font-size: clamp(13px, 2vw, 15px);\n line-height: 1.7;\n margin: 0;\n}\n\n.sj-dual-icon {\n font-size: 36px;\n}\n\n\/* === TIMELINE === *\/\n.sj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sj-primary), var(--sj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sj-timeline-content {\n flex: 1;\n background: var(--sj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sj-radius-sm);\n box-shadow: var(--sj-shadow);\n}\n\n.sj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sj-timeline-content p {\n font-size: 14px;\n color: var(--sj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.sj-testimonial {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sj-shadow);\n border-left: 4px solid var(--sj-primary);\n}\n\n.sj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sj-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CLEAN BADGES === *\/\n.sj-clean-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-top: 1.5rem;\n}\n\n.sj-clean-badge {\n display: inline-flex;\n align-items: center;\n padding: 8px 18px;\n background: var(--sj-primary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sj-primary-dark);\n border: 1px solid rgba(42,93,170,.15);\n}\n\n\/* === TIP === *\/\n.sj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sj-primary-light);\n border-radius: var(--sj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sj-tip p {\n font-size: 14px;\n color: var(--sj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.sj-cta-box {\n background: linear-gradient(135deg, var(--sj-primary) 0%, var(--sj-night) 60%, var(--sj-secondary) 100%);\n border-radius: var(--sj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.sj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sj-disclaimer {\n font-size: 12px;\n color: var(--sj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sj-card {\n padding: 1.125rem;\n }\n\n .sj-section {\n margin-bottom: 1.75rem;\n }\n\n .sj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sj-radius-sm);\n }\n\n .sj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sj-grid-compact {\n gap: .625rem;\n }\n\n .sj-grid-compact .sj-card {\n padding: .75rem;\n }\n\n .sj-dual {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sj-timeline-content h3 {\n font-size: 14px;\n }\n\n .sj-timeline-content p {\n font-size: 13px;\n }\n\n .sj-testimonial {\n padding: 1.25rem;\n }\n\n .sj-testimonial-text {\n font-size: 14px;\n }\n\n .sj-clean-badges {\n gap: 6px;\n }\n\n .sj-clean-badge {\n font-size: 11px;\n padding: 6px 12px;\n }\n\n .sj-dual-icon {\n font-size: 28px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sj-card {\n animation: sjFadeInUp .5s ease backwards;\n }\n .sj-card:nth-child(1) { animation-delay: .05s; }\n .sj-card:nth-child(2) { animation-delay: .1s; }\n .sj-card:nth-child(3) { animation-delay: .15s; }\n .sj-card:nth-child(4) { animation-delay: .2s; }\n .sj-card:nth-child(5) { animation-delay: .25s; }\n .sj-card:nth-child(6) { animation-delay: .3s; }\n .sj-card:nth-child(7) { animation-delay: .35s; }\n\n .sj-dual-card {\n animation: sjFadeInUp .6s ease backwards;\n }\n .sj-dual-card:nth-child(1) { animation-delay: .1s; }\n .sj-dual-card:nth-child(2) { animation-delay: .2s; }\n\n .sj-timeline-item {\n animation: sjFadeInUp .5s ease backwards;\n }\n .sj-timeline-item:nth-child(1) { animation-delay: .05s; }\n .sj-timeline-item:nth-child(2) { animation-delay: .1s; }\n .sj-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes sjFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755232878749,"sku":"SOMNIJOIE","price":35.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/somnijoie-sommeil-profond-reduction-du-stress-120-gelules-ja-ingredients_a94a62d5-43eb-4153-bbfd-8cb96ca214fb.webp?v=1773304685"},{"product_id":"asthen-complexe-dhuiles-essentielles-30-ml-jade-recherche","title":"Asthen - Complexe d'huiles Essentielles Surrénales - 30 ml - Jade Recherche","description":"\u003cdiv class=\"asth-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"asth-hero\"\u003e\n \u003cdiv class=\"asth-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"asth-hero-content\"\u003e\n \u003cdiv class=\"asth-badges-top\"\u003e\n \u003cspan class=\"asth-badge\"\u003e🌲 Huiles essentielles pures\u003c\/span\u003e\n \u003cspan class=\"asth-badge\"\u003e⚡ Recharge énergétique\u003c\/span\u003e\n \u003cspan class=\"asth-badge\"\u003e🇫🇷 Jade Recherche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"asth-hero-title\"\u003eAsthen\u003c\/span\u003e\n \u003cp class=\"asth-subtitle\"\u003eComplexe d'huiles essentielles surrénales\u003c\/p\u003e\n \u003cp class=\"asth-description\"\u003eUn mélange synergique d'huiles essentielles de conifères pour soutenir vos glandes surrénales, restaurer votre énergie vitale et renforcer votre résistance au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"asth-section\"\u003e\n \u003ch2\u003eUn complexe de 3 huiles essentielles idéales\u003c\/h2\u003e\n \n \u003cdiv class=\"asth-grid\"\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e🌲 Picea mariana (Épinette noire)\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle d'épinette noire aux propriétés stimulantes et équilibrantes pour les surrénales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e🌿 Pinus sylvestris (Pin Sylvestre)\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle de pin sylvestre apportant un effet tonifiant et énergisant naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e💧 Huile de jojoba\u003c\/h3\u003e\n \u003cp\u003eBase végétale nourrissante qui facilite l'application et protège la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ch2 class=\"mt-4\"\u003eLes bienfaits d'Asthen sur les surrénales\u003c\/h2\u003e\n \u003cp class=\"asth-section-intro\"\u003eLes surrénales jouent un rôle crucial dans la résistance au stress et la vitalité\n générale. Lorsqu'elles sont \"à plat\", Asthen aide à restaurer leur fonction naturellement.\u003c\/p\u003e\n\n \u003cdiv class=\"asth-grid-compact\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e⚡ Énergie retrouvée\u003c\/h3\u003e\n \u003cp\u003eRevitalise en période de fatigue chronique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e🧘 Anti-stress\u003c\/h3\u003e\n \u003cp\u003eRenforce la résilience face au stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e💆 Détente nerveuse\u003c\/h3\u003e\n \u003cp\u003eFavorise la relaxation et l'endormissement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e💇 Vitalité capillaire\u003c\/h3\u003e\n \u003cp\u003eSoutient la santé des cheveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Conseils d'utilisation --\u003e\n \u003csection class=\"asth-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \n \u003cdiv class=\"asth-timeline\"\u003e\n \u003cdiv class=\"asth-timeline-item\"\u003e\n \u003cspan class=\"asth-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"asth-timeline-content\"\u003e\n \u003ch3\u003ePréparez l'application\u003c\/h3\u003e\n \u003cp\u003eDéposez quelques gouttes d'Asthen sur le dos de chaque main\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-timeline-item\"\u003e\n \u003cspan class=\"asth-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"asth-timeline-content\"\u003e\n \u003ch3\u003eLocalisez les surrénales\u003c\/h3\u003e\n \u003cp\u003ePlacez vos poings fermés au-dessus des reins, au creux du dos sous les côtes flottantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-timeline-item\"\u003e\n \u003cspan class=\"asth-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"asth-timeline-content\"\u003e\n \u003ch3\u003eMassez doucement\u003c\/h3\u003e\n \u003cp\u003eAppliquez en massant de bas en haut, matin et\/ou soir selon vos besoins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asth-tip\"\u003e\n \u003cspan class=\"asth-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Le matin pour un regain d'énergie, le soir pour favoriser la détente et l'endormissement. Un flacon de 30 ml dure plusieurs mois avec un usage quotidien !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Caractéristiques --\u003e\n \u003csection class=\"asth-section\"\u003e\n \u003ch2\u003eCaractéristiques\u003c\/h2\u003e\n \n \u003cdiv class=\"asth-grid-compact\"\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e30 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e🌲 Actifs\u003c\/h3\u003e\n \u003cp\u003ePicea mariana \u0026amp; Pinus sylvestris\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e💧 Base\u003c\/h3\u003e\n \u003cp\u003eHuile végétale de jojoba\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e✋ Usage\u003c\/h3\u003e\n \u003cp\u003eExterne uniquement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e🏭 Fabricant\u003c\/h3\u003e\n \u003cp\u003eJade Recherche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e📍 Origine\u003c\/h3\u003e\n \u003cp\u003eFrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Précautions d'emploi --\u003e\n \u003csection class=\"asth-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \n \u003cdiv class=\"asth-accordion\"\u003e\n \u003cdetails class=\"asth-accordion-item\"\u003e\n \u003csummary class=\"asth-accordion-header\"\u003e⚠️ Usage externe uniquement\u003c\/summary\u003e\n \u003cdiv class=\"asth-accordion-content\"\u003e\n \u003cp\u003eNe pas ingérer. Ne pas appliquer sur les muqueuses ou sur une peau irritée. En cas de réaction inhabituelle, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"asth-accordion-item\"\u003e\n \u003csummary class=\"asth-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"asth-accordion-content\"\u003e\n \u003cp\u003eNe convient pas aux enfants sans avis médical préalable. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"asth-accordion-item\"\u003e\n \u003csummary class=\"asth-accordion-header\"\u003e🩺 En cas de réaction\u003c\/summary\u003e\n \u003cdiv class=\"asth-accordion-content\"\u003e\n \u003cp\u003eEn cas de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asth-cta-box\"\u003e\n \u003cp\u003e🌲 Offrez à vos surrénales le soutien naturel qu'elles méritent avec la puissance des huiles essentielles de conifères\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"asth-disclaimer\"\u003eLes informations fournies ne remplacent pas l'avis d'un professionnel de santé. Complément de bien-être, ne se substitue pas à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --asth-cream: #F5F3EF;\n --asth-white: #ffffff;\n --asth-primary: #5B7B6F;\n --asth-primary-dark: #3D5A4F;\n --asth-primary-light: #E8F0EC;\n --asth-secondary: #8B6914;\n --asth-accent: #6B5B4F;\n --asth-text: #1a1a1a;\n --asth-text-light: #5a5a5a;\n --asth-border: #e0e0e0;\n --asth-shadow: 0 4px 24px rgba(0,0,0,.08);\n --asth-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --asth-radius: 20px;\n --asth-radius-sm: 12px;\n}\n\n.asth-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--asth-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.asth-hero {\n position: relative;\n background: linear-gradient(135deg, #3D5A4F 0%, #5B7B6F 50%, #7A9B8F 100%);\n border-radius: var(--asth-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(--asth-shadow-lg);\n}\n\n.asth-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 L35 25 L30 20 L25 25 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3Cpath d='M30 35 L38 55 L30 48 L22 55 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.asth-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.asth-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.asth-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(--asth-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.asth-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.asth-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.asth-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.asth-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.asth-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.asth-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--asth-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.asth-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(--asth-primary), var(--asth-secondary));\n border-radius: 2px;\n}\n\n.asth-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--asth-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.asth-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.asth-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.asth-card {\n background: var(--asth-white);\n border-radius: var(--asth-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--asth-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.asth-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--asth-shadow-lg);\n border-color: var(--asth-primary);\n}\n\n.asth-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--asth-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.asth-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--asth-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.asth-grid-compact .asth-card {\n padding: 1rem;\n}\n\n.asth-grid-compact .asth-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.asth-grid-compact .asth-card p {\n font-size: 12px;\n}\n\n.asth-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.asth-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.asth-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--asth-primary), var(--asth-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.asth-timeline-content {\n flex: 1;\n background: var(--asth-white);\n padding: 1rem 1.25rem;\n border-radius: var(--asth-radius-sm);\n box-shadow: var(--asth-shadow);\n}\n\n.asth-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--asth-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.asth-timeline-content p {\n font-size: 14px;\n color: var(--asth-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.asth-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--asth-primary-light);\n border-radius: var(--asth-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.asth-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.asth-tip p {\n font-size: 14px;\n color: var(--asth-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.asth-accordion {\n background: var(--asth-white);\n border-radius: var(--asth-radius);\n box-shadow: var(--asth-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.asth-accordion-item {\n border-bottom: 1px solid var(--asth-border);\n margin: 0;\n padding: 0;\n}\n\n.asth-accordion-item:last-child {\n border-bottom: none;\n}\n\n.asth-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--asth-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.asth-accordion-header:hover {\n background: var(--asth-primary-light);\n}\n\n.asth-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.asth-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--asth-primary);\n transition: transform .2s ease;\n}\n\n.asth-accordion-item[open] .asth-accordion-header::after {\n content: '−';\n}\n\n.asth-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--asth-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.asth-accordion-content p {\n margin: 0;\n}\n\n.asth-cta-box {\n background: linear-gradient(135deg, var(--asth-primary) 0%, var(--asth-primary-dark) 100%);\n border-radius: var(--asth-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.asth-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.asth-disclaimer {\n font-size: 12px;\n color: var(--asth-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .asth-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .asth-card {\n padding: 1.125rem;\n }\n \n .asth-section {\n margin-bottom: 1.75rem;\n }\n \n .asth-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--asth-radius-sm);\n }\n \n .asth-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .asth-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .asth-grid-compact {\n gap: .625rem;\n }\n \n .asth-grid-compact .asth-card {\n padding: .75rem;\n }\n \n .asth-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .asth-timeline-content {\n padding: .875rem 1rem;\n }\n \n .asth-timeline-content h3 {\n font-size: 14px;\n }\n \n .asth-timeline-content p {\n font-size: 13px;\n }\n \n .asth-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .asth-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .asth-card {\n animation: fadeInUp .5s ease backwards;\n }\n .asth-card:nth-child(1) { animation-delay: .05s; }\n .asth-card:nth-child(2) { animation-delay: .1s; }\n .asth-card:nth-child(3) { animation-delay: .15s; }\n .asth-card:nth-child(4) { animation-delay: .2s; }\n .asth-card:nth-child(5) { animation-delay: .25s; }\n .asth-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 .asth-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755253096605,"sku":"ASTHENJADE","price":27.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/asthen-complexe-dhuiles-essentielles-surrenales-30-ml-jade-r-lifestyle.webp?v=1768895283"},{"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.\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":19.59,"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":"pastilles-de-secours-sos-nuit-paisible-fleurs-de-bach-50-g-biofloral","title":"Pastilles de Secours - SOS Nuit Paisible - Fleurs de Bach - 50g - Biofloral","description":"\u003cdiv class=\"sos-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sos-hero\"\u003e\n\u003cdiv class=\"sos-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sos-hero-content\"\u003e\n\u003cdiv class=\"sos-badges-top\"\u003e\n\u003cspan class=\"sos-badge\"\u003e🌙 Nuit paisible\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🌿 100% Bio\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🍊 Goût orange\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🚫 Sans alcool\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sos-hero-title\"\u003ePastilles SOS Nuit Paisible\u003c\/span\u003e\n\u003cp class=\"sos-subtitle\"\u003eFleurs de Bach authentiques par Biofloral\u003c\/p\u003e\n\u003cp class=\"sos-description\"\u003e8 fleurs de Bach synergiques pour un endormissement apaisé et un sommeil réparateur. Format familial 50g - environ 100 pastilles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePastilles SOS Nuit Paisible Biofloral : retrouvez enfin des nuits sereines grâce aux Fleurs de Bach\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eVous connaissez ces soirées où les pensées tournent en boucle, où le stress de la journée refuse de vous quitter ? Ces pastilles bio au délicieux goût d'orange deviennent votre rituel bien-être du soir.\u003c\/p\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e😴 Endormissement apaisé\u003c\/h3\u003e\n\u003cp\u003eFacilite le lâcher-prise mental pour s'endormir sereinement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌟 Sommeil réparateur\u003c\/h3\u003e\n\u003cp\u003eFavorise des nuits complètes et régénératrices\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌸 Synergie florale\u003c\/h3\u003e\n\u003cp\u003e8 fleurs de Bach sélectionnées pour leur action apaisante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e👨👩👧 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eSans alcool, convient aux enfants dès 3 ans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePourquoi les fleurs de Bach favorisent-elles un meilleur sommeil ?\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eLes fleurs de Bach et sommeil forment une alliance reconnue depuis près d'un siècle. Le Dr Edward Bach a développé ces élixirs floraux dans les années 1930 pour harmoniser les états émotionnels qui perturbent notre équilibre intérieur.\u003c\/p\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🔄 Pensées envahissantes\u003c\/h3\u003e\n\u003cp\u003eCelles qui tournent en boucle au moment du coucher et empêchent le lâcher-prise\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e😓 Stress accumulé\u003c\/h3\u003e\n\u003cp\u003eLes tensions de la journée qui restent ancrées dans le corps et l'esprit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e😰 Anxiété anticipatoire\u003c\/h3\u003e\n\u003cp\u003eL'inquiétude concernant le lendemain qui maintient l'esprit en alerte\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e⚡ Surexcitation mentale\u003c\/h3\u003e\n\u003cp\u003eCette agitation intérieure difficile à calmer malgré la fatigue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌃 Réveils nocturnes\u003c\/h3\u003e\n\u003cp\u003eLes interruptions de sommeil avec difficulté à se rendormir paisiblement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌿 Action douce\u003c\/h3\u003e\n\u003cp\u003eLes fleurs de Bach agissent sur ces aspects émotionnels sans accoutumance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eLa formule exclusive SOS Nuit Paisible : 8 fleurs de Bach synergiques\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eBiofloral a élaboré cette formule en combinant les 5 fleurs du célèbre complexe Rescue avec 3 fleurs spécifiquement choisies pour leurs propriétés apaisantes sur le mental agité.\u003c\/p\u003e\n\u003cdiv class=\"sos-flowers-grid\"\u003e\n\u003cdiv class=\"sos-flower-card\"\u003e\n\u003cspan class=\"sos-flower-icon\"\u003e🌻\u003c\/span\u003e\n\u003ch3\u003eHélianthème\u003c\/h3\u003e\n\u003cp class=\"sos-flower-latin\"\u003eRock Rose\u003c\/p\u003e\n\u003cp\u003eDissipe les peurs et les terreurs nocturnes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-flower-card\"\u003e\n\u003cspan class=\"sos-flower-icon\"\u003e💨\u003c\/span\u003e\n\u003ch3\u003eImpatiente\u003c\/h3\u003e\n\u003cp class=\"sos-flower-latin\"\u003eImpatiens\u003c\/p\u003e\n\u003cp\u003eCalme l'agitation et la tension intérieure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-flower-card\"\u003e\n\u003cspan class=\"sos-flower-icon\"\u003e🌸\u003c\/span\u003e\n\u003ch3\u003ePrunus\u003c\/h3\u003e\n\u003cp class=\"sos-flower-latin\"\u003eCherry Plum\u003c\/p\u003e\n\u003cp\u003eApaise le mental qui s'emballe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-flower-card\"\u003e\n\u003cspan class=\"sos-flower-icon\"\u003e☁️\u003c\/span\u003e\n\u003ch3\u003eClématite\u003c\/h3\u003e\n\u003cp class=\"sos-flower-latin\"\u003eClematis\u003c\/p\u003e\n\u003cp\u003eAncre dans le présent, facilite le lâcher-prise\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-flower-card\"\u003e\n\u003cspan class=\"sos-flower-icon\"\u003e⭐\u003c\/span\u003e\n\u003ch3\u003eDame d'onze heures\u003c\/h3\u003e\n\u003cp class=\"sos-flower-latin\"\u003eStar of Bethlehem\u003c\/p\u003e\n\u003cp\u003eRéconforte et libère des chocs émotionnels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-flower-card\"\u003e\n\u003cspan class=\"sos-flower-icon\"\u003e🌰\u003c\/span\u003e\n\u003ch3\u003eMarronnier blanc\u003c\/h3\u003e\n\u003cp class=\"sos-flower-latin\"\u003eWhite Chestnut\u003c\/p\u003e\n\u003cp\u003eStoppe les pensées répétitives qui empêchent l'endormissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-flower-card\"\u003e\n\u003cspan class=\"sos-flower-icon\"\u003e🌱\u003c\/span\u003e\n\u003ch3\u003eBourgeon de marronnier\u003c\/h3\u003e\n\u003cp class=\"sos-flower-latin\"\u003eChestnut Bud\u003c\/p\u003e\n\u003cp\u003eAide à tirer les leçons de la journée pour s'en libérer\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-flower-card\"\u003e\n\u003cspan class=\"sos-flower-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch3\u003eVerveine\u003c\/h3\u003e\n\u003cp class=\"sos-flower-latin\"\u003eVervain\u003c\/p\u003e\n\u003cp\u003eRelâche la tension excessive et le surmenage mental\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComposition complète des pastilles\u003c\/h2\u003e\n\u003cdiv class=\"sos-composition-box\"\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Sucre de canne*, sirop de glucose (blé)*, gomme arabique*, arôme naturel d'orange, agents d'enrobage : cire de carnauba*, cire d'abeille*, fleurs de Bach* (Hélianthème, Impatiente, Prunus, Clématite, Dame d'onze heures, Marronnier blanc, Bourgeon de marronnier, Verveine).\u003c\/p\u003e\n\u003cp class=\"sos-bio-note\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n\u003cp\u003eConvient à toute la famille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🍊 Goût naturel\u003c\/h3\u003e\n\u003cp\u003eArôme orange agréable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e📦 Format 50g\u003c\/h3\u003e\n\u003cp\u003eEnviron 100 pastilles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComment utiliser les pastilles SOS Nuit Paisible ?\u003c\/h2\u003e\n\u003cdiv class=\"sos-timeline\"\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cspan class=\"sos-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003e🌙 Rituel du soir\u003c\/h3\u003e\n\u003cp\u003eLaissez fondre \u003cstrong\u003e2 pastilles sous la langue\u003c\/strong\u003e environ 30 minutes avant le coucher. Prenez ce moment pour vous, dans le calme, comme un signal envoyé à votre corps qu'il est temps de ralentir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cspan class=\"sos-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003e🌃 En cas de réveil nocturne\u003c\/h3\u003e\n\u003cp\u003eGardez la boîte sur votre table de nuit. Laissez fondre 1 à 2 pastilles pour retrouver rapidement le calme intérieur nécessaire au rendormissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cspan class=\"sos-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003e😰 Périodes stressantes\u003c\/h3\u003e\n\u003cp\u003eVous pouvez prendre 2 pastilles supplémentaires dans la soirée, dès que vous sentez l'agitation monter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cspan class=\"sos-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003e👶 Pour les enfants (dès 3 ans)\u003c\/h3\u003e\n\u003cp\u003e1 pastille suffit généralement. Les fleurs de Bach constituent une alternative douce aux solutions médicamenteuses, mais demandez toujours l'avis de votre pédiatre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eÀ qui s'adressent ces pastilles Rescue fleurs de Bach ?\u003c\/h2\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e💼 Professionnels débordés\u003c\/h3\u003e\n\u003cp\u003eVous avez du mal à \"débrancher\" le soir après une journée chargée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e😓 Endormissement difficile\u003c\/h3\u003e\n\u003cp\u003eVous souffrez de difficultés d'endormissement liées au stress\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌙 Réveils nocturnes\u003c\/h3\u003e\n\u003cp\u003eVous vous réveillez en pleine nuit avec des pensées anxieuses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌿 Amateurs de naturel\u003c\/h3\u003e\n\u003cp\u003eVous cherchez une alternative naturelle et sans dépendance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e✈️ Voyageurs fréquents\u003c\/h3\u003e\n\u003cp\u003eVous voyagez souvent et avez besoin d'un format pratique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e👨👩👧 Parents attentionnés\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez accompagner vos enfants vers un sommeil plus serein\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eL'engagement qualité Biofloral\u003c\/h2\u003e\n\u003cdiv class=\"sos-testimonial\"\u003e\n\u003cp class=\"sos-testimonial-text\"\u003e\"Depuis plus de 25 ans, Biofloral élabore ses élixirs floraux au cœur des montagnes d'Auvergne, dans un environnement préservé. Chaque étape de fabrication respecte la méthode originelle du Dr Bach.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌸 Cueillette manuelle\u003c\/h3\u003e\n\u003cp\u003eAu moment optimal de floraison\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e☀️ Méthode traditionnelle\u003c\/h3\u003e\n\u003cp\u003eSolarisation ou ébullition selon les préconisations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabrication en Auvergne, certifiée bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e✅ Contrôles rigoureux\u003c\/h3\u003e\n\u003cp\u003eQualité vérifiée à chaque étape\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eConseils complémentaires pour optimiser votre sommeil\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eLes pastilles SOS Nuit Paisible gagnent en efficacité lorsqu'elles s'inscrivent dans une hygiène de sommeil globale.\u003c\/p\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e⏰ Horaires réguliers\u003c\/h3\u003e\n\u003cp\u003eÉtablissez un horaire régulier de coucher et de lever pour synchroniser votre horloge biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e📱 Pas d'écrans\u003c\/h3\u003e\n\u003cp\u003eÉvitez les écrans au moins 1 heure avant le coucher pour préserver votre mélatonine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌡️ Atmosphère propice\u003c\/h3\u003e\n\u003cp\u003eTempérature fraîche (18°C), obscurité et calme pour un sommeil optimal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e☕ Limitez la caféine\u003c\/h3\u003e\n\u003cp\u003eÉvitez le café, thé et sodas après 14h pour ne pas perturber l'endormissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🧘 Respirations profondes\u003c\/h3\u003e\n\u003cp\u003ePratiquez quelques respirations calmes en laissant fondre votre pastille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🌙 Rituel apaisant\u003c\/h3\u003e\n\u003cp\u003eCréez un rituel du soir qui signale à votre corps qu'il est temps de dormir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sos-accordion\"\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e⚕️ Usage complémentaire\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eCe produit ne remplace pas un traitement médical prescrit. En cas de troubles du sommeil persistants, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🍬 Contenu en sucre\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eContient du sucre : à prendre en compte pour les personnes diabétiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🌾 Présence de gluten\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eContient du gluten (sirop de glucose de blé). Déconseillé aux personnes intolérantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eDéconseillé aux enfants de moins de 3 ans. Pour les plus grands, demandez l'avis de votre pédiatre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cp\u003eÀ conserver à l'abri de la chaleur et de l'humidité pour préserver toutes les propriétés des fleurs de Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"sos-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"sos-cta-box\"\u003e\n\u003cp\u003e🌙 Offrez-vous enfin des nuits paisibles avec les \u003cstrong\u003ePastilles SOS Nuit Paisible Biofloral\u003c\/strong\u003e. Ce format familial de 50g vous accompagnera pendant plusieurs semaines, à la maison comme en déplacement. Parce qu'un sommeil de qualité est la base d'une journée réussie, faites confiance à la sagesse des \u003cstrong\u003efleurs de Bach\u003c\/strong\u003e pour retrouver naturellement votre sérénité nocturne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"sos-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 --sos-cream: #FFFEF5;\n --sos-white: #ffffff;\n --sos-primary: #F7D716;\n --sos-primary-dark: #5B3A29;\n --sos-primary-light: #FFF9D6;\n --sos-secondary: #2E5B8A;\n --sos-accent: #E8A030;\n --sos-text: #1a1a1a;\n --sos-text-light: #5a5a5a;\n --sos-border: #e0e0e0;\n --sos-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sos-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sos-radius: 20px;\n --sos-radius-sm: 12px;\n}\n\n.sos-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sos-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sos-hero {\n position: relative;\n background: linear-gradient(135deg, #1a2a4a 0%, #2E5B8A 40%, #3a6d9e 100%);\n border-radius: var(--sos-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(--sos-shadow-lg);\n}\n\n.sos-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,215,22,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(232,160,48,.1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.sos-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sos-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sos-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(--sos-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sos-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sos-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.sos-subtitle {\n color: var(--sos-primary);\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,.2);\n}\n\n.sos-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.sos-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sos-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sos-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.sos-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(--sos-primary), var(--sos-accent));\n border-radius: 2px;\n}\n\n.sos-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sos-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.sos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sos-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.sos-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sos-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sos-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sos-shadow-lg);\n border-color: var(--sos-primary);\n}\n\n.sos-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sos-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sos-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sos-grid-compact .sos-card {\n padding: 1rem;\n}\n\n.sos-grid-compact .sos-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sos-grid-compact .sos-card p {\n font-size: 12px;\n}\n\n\/* === FLOWERS GRID (8 fleurs) === *\/\n.sos-flowers-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.sos-flower-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: 1.25rem;\n box-shadow: var(--sos-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.sos-flower-card:hover {\n transform: translateY(-4px);\n border-color: var(--sos-secondary);\n box-shadow: var(--sos-shadow-lg);\n}\n\n.sos-flower-icon {\n font-size: 32px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.sos-flower-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sos-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sos-flower-latin {\n font-size: 12px;\n color: var(--sos-secondary);\n font-style: italic;\n margin: 0 0 .5rem 0;\n}\n\n.sos-flower-card p:last-child {\n font-size: 13px;\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION BOX === *\/\n.sos-composition-box {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: 1.5rem;\n box-shadow: var(--sos-shadow);\n margin-bottom: 1.5rem;\n border-left: 4px solid var(--sos-primary);\n}\n\n.sos-composition-box p {\n font-size: 14px;\n color: var(--sos-text);\n line-height: 1.7;\n margin: 0 0 .5rem 0;\n}\n\n.sos-bio-note {\n color: var(--sos-secondary);\n font-size: 13px !important;\n}\n\n\/* === TIMELINE === *\/\n.sos-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sos-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sos-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sos-secondary), #1a4a6a);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(46,91,138,.3);\n}\n\n.sos-timeline-content {\n flex: 1;\n background: var(--sos-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sos-radius-sm);\n box-shadow: var(--sos-shadow);\n}\n\n.sos-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sos-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sos-timeline-content p {\n font-size: 14px;\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sos-testimonial {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sos-shadow);\n border-left: 4px solid var(--sos-secondary);\n margin-bottom: 1.5rem;\n}\n\n.sos-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sos-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sos-accordion {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n box-shadow: var(--sos-shadow);\n overflow: hidden;\n}\n\n.sos-accordion-item {\n border-bottom: 1px solid var(--sos-border);\n margin: 0;\n padding: 0;\n}\n\n.sos-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sos-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sos-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.sos-accordion-header:hover {\n background: var(--sos-primary-light);\n}\n\n.sos-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sos-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sos-secondary);\n transition: transform .2s ease;\n}\n\n.sos-accordion-item[open] .sos-accordion-header::after {\n content: '−';\n}\n\n.sos-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sos-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sos-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.sos-cta-box {\n background: linear-gradient(135deg, #1a2a4a 0%, var(--sos-secondary) 100%);\n border-radius: var(--sos-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sos-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(247,215,22,.15) 0%, transparent 50%);\n}\n\n.sos-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sos-disclaimer {\n font-size: 12px;\n color: var(--sos-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 .sos-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sos-flowers-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n \n .sos-flower-card {\n padding: 1rem;\n }\n \n .sos-flower-icon {\n font-size: 28px;\n }\n \n .sos-flower-card h3 {\n font-size: 14px;\n }\n \n .sos-flower-latin {\n font-size: 11px;\n }\n \n .sos-flower-card p:last-child {\n font-size: 12px;\n }\n \n .sos-card {\n padding: 1.125rem;\n }\n \n .sos-section {\n margin-bottom: 1.75rem;\n }\n \n .sos-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sos-radius-sm);\n }\n \n .sos-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sos-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sos-grid-compact {\n gap: .625rem;\n }\n \n .sos-grid-compact .sos-card {\n padding: .75rem;\n }\n \n .sos-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sos-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sos-timeline-content h3 {\n font-size: 14px;\n }\n \n .sos-timeline-content p {\n font-size: 13px;\n }\n \n .sos-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sos-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sos-testimonial {\n padding: 1.25rem;\n }\n \n .sos-testimonial-text {\n font-size: 14px;\n }\n \n .sos-composition-box {\n padding: 1.125rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sos-card,\n .sos-flower-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sos-card:nth-child(1), .sos-flower-card:nth-child(1) { animation-delay: .05s; }\n .sos-card:nth-child(2), .sos-flower-card:nth-child(2) { animation-delay: .1s; }\n .sos-card:nth-child(3), .sos-flower-card:nth-child(3) { animation-delay: .15s; }\n .sos-card:nth-child(4), .sos-flower-card:nth-child(4) { animation-delay: .2s; }\n .sos-card:nth-child(5), .sos-flower-card:nth-child(5) { animation-delay: .25s; }\n .sos-card:nth-child(6), .sos-flower-card:nth-child(6) { animation-delay: .3s; }\n .sos-flower-card:nth-child(7) { animation-delay: .35s; }\n .sos-flower-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sos-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOFLORAL","offers":[{"title":"Default Title","offer_id":45755292942493,"sku":"BI0085","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Pastilles-de-secours-nuit-paisible-fleurs-de-bach-1-475946.png?v=1732721401"},{"product_id":"reishi-56-gelules-french-mush","title":"Reishi French Mush - Relaxation \u0026 Préparation au Sommeil - 56 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Reishi French Mush - Relaxation \u0026 Préparation au Sommeil\nPalette détectée:\n - Primaire: #D4887A (rose corail\/saumon des champignons illustrés)\n - Secondaire: #B8905A (doré\/bronze des textes)\n - Accent: #7BA35F (vert olive des éléments végétaux)\nAmbiance: Naturel\/organique, apaisant, wellness premium, illustration botanique moderne\nPréfixe CSS: rei\n--\u003e\n\n\u003cdiv class=\"rei-premium\"\u003e\n\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"rei-hero\"\u003e\n \u003cdiv class=\"rei-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rei-hero-content\"\u003e\n \u003cdiv class=\"rei-badges-top\"\u003e\n \u003cspan class=\"rei-badge\"\u003e🇫🇷 Cultivé en Europe\u003c\/span\u003e\n \u003cspan class=\"rei-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e\n \u003cspan class=\"rei-badge\"\u003e🍄 8000mg\/dose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rei-hero-title\"\u003eReishi\u003c\/span\u003e\n \u003cp class=\"rei-subtitle\"\u003eLe champignon de l'immortalité pour votre relaxation\u003c\/p\u003e\n \u003cp class=\"rei-description\"\u003eLe seul reishi cultivé et extrait en Europe, standardisé à 30% de bêta-glucanes. Une biodisponibilité de 92% pour une efficacité maximale sur le sommeil et l'immunité.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- CHIFFRES CLÉS --\u003e\n\u003csection class=\"rei-section\"\u003e\n \u003cdiv class=\"rei-stats-bar\"\u003e\n \u003cdiv class=\"rei-stat-item\"\u003e\n \u003cspan class=\"rei-stat-num\"\u003e8000mg\u003c\/span\u003e\n \u003cspan class=\"rei-stat-txt\"\u003epar dose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-stat-item\"\u003e\n \u003cspan class=\"rei-stat-num\"\u003e92%\u003c\/span\u003e\n \u003cspan class=\"rei-stat-txt\"\u003ebiodisponibilité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-stat-item\"\u003e\n \u003cspan class=\"rei-stat-num\"\u003e30%\u003c\/span\u003e\n \u003cspan class=\"rei-stat-txt\"\u003ebêta-glucanes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-stat-item\"\u003e\n \u003cspan class=\"rei-stat-num\"\u003e28\u003c\/span\u003e\n \u003cspan class=\"rei-stat-txt\"\u003ejours de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e🌟 Les bienfaits validés par la science\u003c\/h2\u003e\n \u003cdiv class=\"rei-grid\"\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e😌 Relaxation profonde\u003c\/h3\u003e\n \u003cp\u003eLes triterpénoïdes et l'adénosine apaisent le système nerveux pour un état de calme naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e🌙 Sommeil réparateur\u003c\/h3\u003e\n \u003cp\u003eFavorise un endormissement rapide et un sommeil profond grâce à son action sur le système parasympathique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n \u003cp\u003eLes polysaccharides et bêta-glucanes stimulent vos défenses naturelles contre les infections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e🔥 Anti-inflammatoire\u003c\/h3\u003e\n \u003cp\u003eLes triterpènes modulent la réponse inflammatoire pour une meilleure récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e🧬 Composition d'exception\u003c\/h2\u003e\n \u003cdiv class=\"rei-compo-box\"\u003e\n \u003cdiv class=\"rei-compo-main\"\u003e\n \u003cspan class=\"rei-compo-big\"\u003e800mg\u003c\/span\u003e\n \u003cspan class=\"rei-compo-sub\"\u003ed'extraits concentrés par dose (ratio 10:1)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-grid\"\u003e\n \u003cdiv class=\"rei-card rei-card-compo\"\u003e\n \u003ch3\u003e30% Bêta-glucanes\u003c\/h3\u003e\n \u003cp\u003ePolysaccharides immunostimulants pour renforcer vos défenses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card rei-card-compo\"\u003e\n \u003ch3\u003e1% Triterpènes\u003c\/h3\u003e\n \u003cp\u003eComposés actifs aux propriétés relaxantes et anti-inflammatoires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card rei-card-compo\"\u003e\n \u003ch3\u003e2% Adénosine\u003c\/h3\u003e\n \u003cp\u003eMolécule favorisant la relaxation et la qualité du sommeil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- QUALITÉ --\u003e\n\u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e🏆 L'excellence French Mush\u003c\/h2\u003e\n \u003cdiv class=\"rei-grid\"\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e🇪🇺 Culture européenne\u003c\/h3\u003e\n \u003cp\u003eSeul acteur mondial à cultiver et extraire le reishi en Europe. Traçabilité totale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e🔬 Extraction ultrasons\u003c\/h3\u003e\n \u003cp\u003e92% de biodisponibilité, soit 4 à 8 fois plus efficace que les extraits classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e🍄 100% fruiting body\u003c\/h3\u003e\n \u003cp\u003eUniquement des corps fructifères, la partie la plus riche en principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e✅ Bio certifié\u003c\/h3\u003e\n \u003cp\u003eSans OGM, sans additifs, sans conservateurs. 100% vegan et naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"rei-grid-compact\"\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eStress quotidien, tensions nerveuses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e😴 Troubles du sommeil\u003c\/h3\u003e\n \u003cp\u003eDifficultés d'endormissement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e🤒 Immunité fragile\u003c\/h3\u003e\n \u003cp\u003eRenforcement des défenses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e💪 Sportifs\u003c\/h3\u003e\n \u003cp\u003eRécupération musculaire\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=\"rei-section\"\u003e\n \u003ch2\u003e📖 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rei-usage\"\u003e\n \u003cdiv class=\"rei-usage-step\"\u003e\n \u003cspan class=\"rei-step-num\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e\n \u003cp\u003eAvec un grand verre d'eau, pendant les repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-usage-step\"\u003e\n \u003cspan class=\"rei-step-num\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003cstrong\u003eCure de 30 à 90 jours\u003c\/strong\u003e\n \u003cp\u003ePour des résultats durables et profonds\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-usage-step\"\u003e\n \u003cspan class=\"rei-step-num\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003cstrong\u003ePrise en soirée\u003c\/strong\u003e\n \u003cp\u003e1 à 2h avant le coucher pour le sommeil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-tip\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eFini l'amertume !\u003c\/strong\u003e Profitez de tous les bienfaits du reishi sans son goût amer grâce aux gélules.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SYNERGIE --\u003e\n\u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e🔄 Synergies recommandées\u003c\/h2\u003e\n \u003cdiv class=\"rei-grid\"\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e🍄 Chaga\u003c\/h3\u003e\n \u003cp\u003ePour renforcer l'immunité et les défenses antioxydantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e⚡ Cordyceps\u003c\/h3\u003e\n \u003cp\u003ePour booster l'énergie physique et la vitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e🧠 Lion's Mane\u003c\/h3\u003e\n \u003cp\u003ePour soutenir les fonctions cognitives et la mémoire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- INFOS COMPLÉMENTAIRES --\u003e\n\u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"rei-accordion\"\u003e\n \u003cdetails class=\"rei-accordion-item\"\u003e\n \u003csummary class=\"rei-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"rei-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de l'humidité, dans un endroit frais et sec. Le flacon en verre ambré protège les principes actifs de la dégradation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rei-accordion-item\"\u003e\n \u003csummary class=\"rei-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"rei-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose recommandée. Déconseillé aux femmes enceintes ou allaitantes. En cas de traitement médical, consulter votre médecin. Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rei-accordion-item\"\u003e\n \u003csummary class=\"rei-accordion-header\"\u003e👑 L'histoire du reishi\u003c\/summary\u003e\n \u003cdiv class=\"rei-accordion-content\"\u003e\n \u003cp\u003eSurnommé \"Ling Zhi\" (champignon de l'immortalité) en médecine traditionnelle chinoise, le reishi était exclusivement réservé aux empereurs qui le considéraient comme un élixir de longévité. Rare et précieux pendant des siècles, French Mush vous offre aujourd'hui ce trésor cultivé avec soin en Europe.\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=\"rei-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rei-cta-box\"\u003e\n \u003cp\u003eDécouvrez le pouvoir ancestral du reishi cultivé en Europe. Retrouvez calme, sommeil profond et défenses naturelles renforcées avec le seul reishi premium 100% traçable.\u003c\/p\u003e\n \u003cdiv class=\"rei-cta-tags\"\u003e\n \u003cspan\u003e✓ 92% biodisponibilité\u003c\/span\u003e\n \u003cspan\u003e✓ 8000mg\/dose\u003c\/span\u003e\n \u003cspan\u003e✓ Bio certifié\u003c\/span\u003e\n \u003cspan\u003e✓ Made in Europe\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --rei-cream: #FAF7F4;\n --rei-white: #ffffff;\n --rei-primary: #D4887A;\n --rei-primary-dark: #B56B5B;\n --rei-primary-light: #F5E5E1;\n --rei-secondary: #B8905A;\n --rei-accent: #7BA35F;\n --rei-text: #1a1a1a;\n --rei-text-light: #5a5a5a;\n --rei-border: #E8DDD7;\n --rei-shadow: 0 4px 24px rgba(212, 136, 122, .08);\n --rei-shadow-lg: 0 12px 48px rgba(212, 136, 122, .15);\n --rei-radius: 20px;\n --rei-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rei-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rei-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rei-hero {\n position: relative;\n background: linear-gradient(135deg, #D4887A 0%, #B8905A 50%, #C59577 100%);\n border-radius: var(--rei-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(--rei-shadow-lg);\n}\n\n.rei-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .05;\n background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);\n}\n\n.rei-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rei-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.rei-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rei-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rei-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rei-hero-title {\n display: block;\n color: white;\n font-size: clamp(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.rei-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.rei-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 16px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === STATS BAR === *\/\n.rei-stats-bar {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: 1.5rem;\n box-shadow: var(--rei-shadow);\n}\n\n.rei-stat-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 1rem 1.5rem;\n min-width: 100px;\n}\n\n.rei-stat-num {\n font-size: clamp(24px, 5vw, 32px);\n font-weight: 900;\n color: var(--rei-primary-dark);\n line-height: 1;\n}\n\n.rei-stat-txt {\n font-size: 12px;\n color: var(--rei-text-light);\n font-weight: 600;\n margin-top: 4px;\n text-align: center;\n}\n\n\/* === SECTIONS === *\/\n.rei-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rei-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rei-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.rei-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rei-primary), var(--rei-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.rei-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rei-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.rei-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rei-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rei-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rei-shadow-lg);\n border-color: var(--rei-primary);\n}\n\n.rei-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rei-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rei-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rei-card-compo {\n background: linear-gradient(to bottom, var(--rei-white), var(--rei-primary-light));\n}\n\n\/* === COMPOSITION BOX === *\/\n.rei-compo-box {\n background: linear-gradient(135deg, var(--rei-secondary) 0%, var(--rei-primary) 100%);\n border-radius: var(--rei-radius);\n padding: clamp(2rem, 4vw, 3rem);\n text-align: center;\n margin-bottom: 1.5rem;\n box-shadow: var(--rei-shadow-lg);\n}\n\n.rei-compo-main {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n}\n\n.rei-compo-big {\n font-size: clamp(40px, 10vw, 64px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.rei-compo-sub {\n font-size: clamp(14px, 2.5vw, 17px);\n color: rgba(255,255,255,.9);\n font-weight: 600;\n}\n\n\/* === USAGE === *\/\n.rei-usage {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--rei-shadow);\n}\n\n.rei-usage-step {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n margin-bottom: 1.5rem;\n}\n\n.rei-usage-step:last-child {\n margin-bottom: 0;\n}\n\n.rei-step-num {\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rei-primary), var(--rei-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n flex-shrink: 0;\n}\n\n.rei-step-content strong {\n display: block;\n font-size: 16px;\n color: var(--rei-primary-dark);\n margin-bottom: 4px;\n}\n\n.rei-step-content p {\n font-size: 14px;\n color: var(--rei-text-light);\n margin: 0;\n}\n\n.rei-tip {\n background: linear-gradient(135deg, #FFF9E6, #FFF4CC);\n border: 2px solid #FFE999;\n border-radius: var(--rei-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rei-tip p {\n margin: 0;\n font-size: 14px;\n color: var(--rei-text);\n}\n\n\/* === ACCORDÉON === *\/\n.rei-accordion {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n box-shadow: var(--rei-shadow);\n overflow: hidden;\n}\n\n.rei-accordion-item {\n border-bottom: 1px solid var(--rei-border);\n margin: 0;\n padding: 0;\n}\n\n.rei-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rei-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rei-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.rei-accordion-header:hover {\n background: var(--rei-primary-light);\n}\n\n.rei-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rei-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rei-primary);\n transition: transform .2s ease;\n}\n\n.rei-accordion-item[open] .rei-accordion-header::after {\n content: '−';\n}\n\n.rei-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rei-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.rei-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.rei-cta-box {\n background: linear-gradient(135deg, var(--rei-primary) 0%, var(--rei-primary-dark) 100%);\n border-radius: var(--rei-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rei-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 1.5rem 0;\n}\n\n.rei-cta-tags {\n display: flex;\n flex-wrap: wrap;\n gap: .75rem;\n justify-content: center;\n}\n\n.rei-cta-tags span {\n padding: 8px 16px;\n background: rgba(255,255,255,.2);\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 MOBILE === *\/\n@media (max-width: 767px) {\n .rei-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .rei-grid-compact {\n gap: .625rem;\n }\n \n .rei-grid-compact .rei-card {\n padding: .75rem;\n }\n \n .rei-grid-compact .rei-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .rei-grid-compact .rei-card p {\n font-size: 12px;\n }\n \n .rei-card {\n padding: 1.125rem;\n }\n \n .rei-section {\n margin-bottom: 1.75rem;\n }\n \n .rei-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rei-radius-sm);\n }\n \n .rei-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .rei-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .rei-stats-bar {\n padding: 1rem;\n gap: .5rem;\n }\n \n .rei-stat-item {\n padding: .75rem 1rem;\n min-width: 80px;\n }\n \n .rei-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .rei-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .rei-usage-step {\n gap: .75rem;\n }\n \n .rei-step-num {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rei-card {\n animation: fadeInUp .5s ease backwards;\n }\n .rei-card:nth-child(1) { animation-delay: .05s; }\n .rei-card:nth-child(2) { animation-delay: .1s; }\n .rei-card:nth-child(3) { animation-delay: .15s; }\n .rei-card:nth-child(4) { animation-delay: .2s; }\n .rei-card:nth-child(5) { animation-delay: .25s; }\n .rei-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 .rei-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FRENCH MUSH","offers":[{"title":"Default Title","offer_id":45803464458397,"sku":"REISHIFRENCHMUSH","price":31.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/reishi_gelules_frenchmush_4_11zon.jpg?v=1766506828"},{"product_id":"mush-n-go-sommeil-reparateur","title":"MushnGo Sommeil+ : Reishi, Ashwaganda, Valériane \u0026 Mélatonine - 30 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Mush n Go Sommeil+ - Complément alimentaire sommeil\nPalette détectée:\n - Primaire: #9B6B9E (violet\/mauve du packaging)\n - Primaire foncé: #6B4A6E (violet profond)\n - Primaire clair: #F3EBF4 (lavande très clair)\n - Secondaire: #C490C7 (rose mauve)\n - Accent: #E8B4D9 (rose doux)\nAmbiance: Apaisante, nocturne, naturelle\/bio, bien-être, relaxation, univers nuit étoilée\nStyle: Premium naturel avec touches féeriques, univers nuit\/sommeil réparateur\nPréfixe CSS: som\n--\u003e\n\n\u003cdiv class=\"som-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"som-hero\"\u003e\n \u003cdiv class=\"som-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"som-hero-content\"\u003e\n \u003cdiv class=\"som-badges-top\"\u003e\n \u003cspan class=\"som-badge\"\u003e🌙 Endormissement rapide\u003c\/span\u003e\n \u003cspan class=\"som-badge\"\u003e🍄 Adaptogènes\u003c\/span\u003e\n \u003cspan class=\"som-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"som-hero-title\"\u003eSommeil+\u003c\/span\u003e\n \u003cp class=\"som-subtitle\"\u003eReishi • Ashwagandha • Valériane • Mélatonine\u003c\/p\u003e\n \u003cp class=\"som-description\"\u003eUne formule unique associant champignons adaptogènes et plantes apaisantes pour des nuits profondes et réparatrices.\u003c\/p\u003e\n \u003cdiv class=\"som-hero-stats\"\u003e\n \u003cdiv class=\"som-stat\"\u003e\n \u003cspan class=\"som-stat-number\"\u003e30\u003c\/span\u003e\n \u003cspan class=\"som-stat-label\"\u003egélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-stat\"\u003e\n \u003cspan class=\"som-stat-number\"\u003e4\u003c\/span\u003e\n \u003cspan class=\"som-stat-label\"\u003eactifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-stat\"\u003e\n \u003cspan class=\"som-stat-number\"\u003e1,9mg\u003c\/span\u003e\n \u003cspan class=\"som-stat-label\"\u003emélatonine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"som-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits pour votre sommeil\u003c\/h2\u003e\n \u003cdiv class=\"som-grid\"\u003e\n \u003cdiv class=\"som-card\"\u003e\n \u003ch3\u003e😴 Endormissement facilité\u003c\/h3\u003e\n \u003cp\u003eLa mélatonine agit rapidement pour vous aider à vous endormir en douceur, sans sensation de lourdeur au réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-card\"\u003e\n \u003ch3\u003e🌊 Sommeil profond\u003c\/h3\u003e\n \u003cp\u003eLa synergie valériane, reishi et ashwagandha favorise un sommeil plus réparateur et des cycles complets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-card\"\u003e\n \u003ch3\u003e🧘 Réduction du stress\u003c\/h3\u003e\n \u003cp\u003eLes adaptogènes calment le mental et réduisent l'anxiété pour une détente profonde avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-card\"\u003e\n \u003ch3\u003e⏰ Régulation du cycle\u003c\/h3\u003e\n \u003cp\u003eRééquilibrez votre horloge biologique et dites adieu aux réveils nocturnes intempestifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-card\"\u003e\n \u003ch3\u003e☀️ Réveil en forme\u003c\/h3\u003e\n \u003cp\u003eRéveillez-vous frais et reposé, prêt à affronter la journée avec énergie et clarté mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-card\"\u003e\n \u003ch3\u003e🧠 Santé mentale\u003c\/h3\u003e\n \u003cp\u003eUn sommeil de qualité soutient votre équilibre émotionnel et vos fonctions cognitives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- FORMULE --\u003e\n \u003csection class=\"som-section\"\u003e\n \u003ch2\u003e🍄 La formule experte\u003c\/h2\u003e\n \u003cdiv class=\"som-ingredients-grid\"\u003e\n \u003cdiv class=\"som-ingredient-card\"\u003e\n \u003cdiv class=\"som-ingredient-header\"\u003e\n \u003cspan class=\"som-ingredient-dose\"\u003e120 mg\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch3\u003e🌸 Valériane\u003c\/h3\u003e\n \u003cp class=\"som-ingredient-role\"\u003eFavorise l'endormissement\u003c\/p\u003e\n \u003cp\u003eUtilisée depuis des siècles pour ses effets sédatifs naturels. Facilite l'endormissement sans accoutumance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-ingredient-card\"\u003e\n \u003cdiv class=\"som-ingredient-header\"\u003e\n \u003cspan class=\"som-ingredient-dose\"\u003e120 mg\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch3\u003e🍄 Reishi\u003c\/h3\u003e\n \u003cp class=\"som-ingredient-role\"\u003eSommeil réparateur\u003c\/p\u003e\n \u003cp\u003eLe champignon de l'immortalité. Réduit le stress et améliore la qualité du sommeil en favorisant la relaxation profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-ingredient-card\"\u003e\n \u003cdiv class=\"som-ingredient-header\"\u003e\n \u003cspan class=\"som-ingredient-dose\"\u003e120 mg\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch3\u003e🌿 Ashwagandha\u003c\/h3\u003e\n \u003cp class=\"som-ingredient-role\"\u003eEndormissement naturel\u003c\/p\u003e\n \u003cp\u003ePuissant adaptogène qui abaisse naturellement les niveaux de cortisol pour une détente profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-ingredient-card\"\u003e\n \u003cdiv class=\"som-ingredient-header\"\u003e\n \u003cspan class=\"som-ingredient-dose\"\u003e1,9 mg\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch3\u003e🌙 Mélatonine\u003c\/h3\u003e\n \u003cp class=\"som-ingredient-role\"\u003eRégule les cycles\u003c\/p\u003e\n \u003cp\u003eL'hormone du sommeil. Régule le cycle veille-sommeil et facilite un endormissement rapide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"som-nutrients\"\u003e\n \u003ch3\u003e+ Enrichi en nutriments essentiels\u003c\/h3\u003e\n \u003cdiv class=\"som-nutrients-list\"\u003e\n \u003cspan class=\"som-nutrient\"\u003e💊 Vitamines B2, B5, C, E, K1\u003c\/span\u003e\n \u003cspan class=\"som-nutrient\"\u003e⚡ Calcium, Fer, Magnésium, Zinc\u003c\/span\u003e\n \u003cspan class=\"som-nutrient\"\u003e🥥 Huile MCT bio 258mg\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=\"som-section\"\u003e\n \u003ch2\u003e📋 Comment l'utiliser\u003c\/h2\u003e\n \u003cdiv class=\"som-steps\"\u003e\n \u003cdiv class=\"som-step\"\u003e\n \u003cdiv class=\"som-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"som-step-text\"\u003e\n \u003ch3\u003ePréparez votre nuit\u003c\/h3\u003e\n \u003cp\u003e30 min avant le coucher, prenez 1 gélule avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-step\"\u003e\n \u003cdiv class=\"som-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"som-step-text\"\u003e\n \u003ch3\u003eLaissez agir\u003c\/h3\u003e\n \u003cp\u003eLes actifs commencent à agir en 20-30 minutes. Détendez-vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-step\"\u003e\n \u003cdiv class=\"som-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"som-step-text\"\u003e\n \u003ch3\u003eDormez profondément\u003c\/h3\u003e\n \u003cp\u003eProfitez d'une nuit réparatrice et réveillez-vous en pleine forme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-tip\"\u003e\n \u003cspan\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eCure recommandée :\u003c\/strong\u003e 1 boîte = 30 jours. Pour des résultats optimaux, suivez une cure de 2 à 3 mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"som-section\"\u003e\n \u003ch2\u003e👥 Pour qui est ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"som-grid\"\u003e\n \u003cdiv class=\"som-card\"\u003e\n \u003ch3\u003e💼 Actifs stressés\u003c\/h3\u003e\n \u003cp\u003eVous avez du mal à déconnecter le soir et votre mental tourne en boucle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-card\"\u003e\n \u003ch3\u003e✈️ Voyageurs\u003c\/h3\u003e\n \u003cp\u003eVous souffrez du décalage horaire et avez besoin de recaler votre rythme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-card\"\u003e\n \u003ch3\u003e📱 Hyperconnectés\u003c\/h3\u003e\n \u003cp\u003eLes écrans perturbent votre endormissement et la qualité de votre sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-card\"\u003e\n \u003ch3\u003e😰 Anxieux du soir\u003c\/h3\u003e\n \u003cp\u003eL'anxiété vous empêche de trouver le sommeil et provoque des réveils nocturnes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-card\"\u003e\n \u003ch3\u003e🔄 Travailleurs postés\u003c\/h3\u003e\n \u003cp\u003eVos horaires décalés perturbent votre horloge biologique naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-card\"\u003e\n \u003ch3\u003e🌅 Lève-tôt contraints\u003c\/h3\u003e\n \u003cp\u003eVous devez vous lever tôt mais peinez à vous endormir à une heure raisonnable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ENGAGEMENTS --\u003e\n \u003csection class=\"som-section\"\u003e\n \u003ch2\u003e🏆 Les engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"som-grid-compact\"\u003e\n \u003cdiv class=\"som-card\"\u003e\n \u003ch3\u003e🔬 Prouvé\u003c\/h3\u003e\n \u003cp\u003eScientifiquement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-card\"\u003e\n \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n \u003cp\u003e100% végétal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-card\"\u003e\n \u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n \u003cp\u003eGaranti\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-card\"\u003e\n \u003ch3\u003e🧬 Sans OGM\u003c\/h3\u003e\n \u003cp\u003eCertifié\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-card\"\u003e\n \u003ch3\u003e🍃 Bio\u003c\/h3\u003e\n \u003cp\u003eCertifié\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-card\"\u003e\n \u003ch3\u003e🇫🇷 Français\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-card\"\u003e\n \u003ch3\u003e🧪 Testé\u003c\/h3\u003e\n \u003cp\u003eLabo indépendant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"som-card\"\u003e\n \u003ch3\u003e📍 Tracé\u003c\/h3\u003e\n \u003cp\u003eTraçabilité totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n \u003csection class=\"som-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"som-accordion\"\u003e\n \u003cdetails class=\"som-accordion-item\"\u003e\n \u003csummary class=\"som-accordion-header\"\u003e📦 Contenance et posologie\u003c\/summary\u003e\n \u003cdiv class=\"som-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e 30 gélules végétales HPMC\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003ePosologie :\u003c\/strong\u003e 1 gélule par jour, 30 minutes avant le coucher\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eDurée :\u003c\/strong\u003e 1 mois de cure par boîte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"som-accordion-item\"\u003e\n \u003csummary class=\"som-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"som-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Refermer soigneusement après usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"som-accordion-item\"\u003e\n \u003csummary class=\"som-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"som-accordion-content\"\u003e\n \u003cp\u003e• Réservé aux adultes\u003cbr\u003e\n • Déconseillé aux femmes enceintes ou allaitantes sans avis médical\u003cbr\u003e\n • En cas de traitement médical, consultez un professionnel de santé\u003cbr\u003e\n • Ne pas dépasser la dose journalière recommandée\u003cbr\u003e\n • Ne pas conduire après la prise (somnolence possible)\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=\"som-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"som-cta-box\"\u003e\n \u003cdiv class=\"som-cta-stars\"\u003e✨🌙✨\u003c\/div\u003e\n \u003cp\u003eEn intégrant \u003cstrong\u003eSommeil+\u003c\/strong\u003e dans votre routine du soir, vous choisissez une approche naturelle et efficace pour améliorer la qualité de votre sommeil.\u003c\/p\u003e\n \u003cp class=\"som-cta-highlight\"\u003eRetrouvez enfin des nuits reposantes et des matins pleins d'énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --som-cream: #FAF7FB;\n --som-white: #ffffff;\n --som-primary: #9B6B9E;\n --som-primary-dark: #6B4A6E;\n --som-primary-light: #F3EBF4;\n --som-secondary: #C490C7;\n --som-accent: #E8B4D9;\n --som-text: #2D2235;\n --som-text-light: #6B5A73;\n --som-border: #E8D5EA;\n --som-shadow: 0 4px 24px rgba(107, 74, 110, .08);\n --som-shadow-lg: 0 12px 48px rgba(107, 74, 110, .15);\n --som-radius: 20px;\n --som-radius-sm: 12px;\n}\n\n.som-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--som-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--som-text);\n line-height: 1.6;\n}\n\n.som-premium * { box-sizing: border-box; }\n\n\/* HERO *\/\n.som-hero {\n position: relative;\n background: linear-gradient(135deg, #6B4A6E 0%, #9B6B9E 40%, #C490C7 100%);\n border-radius: var(--som-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(--som-shadow-lg);\n}\n\n.som-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(2px 2px at 10% 20%, rgba(255,255,255,.5) 50%, transparent 50%),\n radial-gradient(2px 2px at 30% 70%, rgba(255,255,255,.3) 50%, transparent 50%),\n radial-gradient(3px 3px at 50% 30%, rgba(255,255,255,.4) 50%, transparent 50%),\n radial-gradient(2px 2px at 70% 80%, rgba(255,255,255,.3) 50%, transparent 50%),\n radial-gradient(2px 2px at 90% 40%, rgba(255,255,255,.5) 50%, transparent 50%),\n radial-gradient(1px 1px at 15% 50%, rgba(255,255,255,.2) 50%, transparent 50%),\n radial-gradient(1px 1px at 85% 60%, rgba(255,255,255,.2) 50%, transparent 50%);\n animation: twinkle 4s ease-in-out infinite;\n}\n\n@keyframes twinkle {\n 0%, 100% { opacity: .6; }\n 50% { opacity: 1; }\n}\n\n.som-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.som-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.som-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(--som-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.som-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.som-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 60px);\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.som-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .08em;\n}\n\n.som-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 650px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.som-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1rem, 3vw, 2rem);\n flex-wrap: wrap;\n}\n\n.som-stat {\n text-align: center;\n padding: .875rem 1.25rem;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: var(--som-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.som-stat-number {\n display: block;\n font-size: clamp(24px, 5vw, 32px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.som-stat-label {\n font-size: 12px;\n color: rgba(255,255,255,.85);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* SECTIONS *\/\n.som-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.som-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--som-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.som-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(--som-primary), var(--som-secondary));\n border-radius: 2px;\n}\n\n\/* GRILLES *\/\n.som-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.som-grid-compact {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1rem;\n}\n\n\/* CARDS *\/\n.som-card {\n background: var(--som-white);\n border-radius: var(--som-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--som-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.som-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--som-shadow-lg);\n border-color: var(--som-primary);\n}\n\n.som-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--som-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.som-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--som-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.som-grid-compact .som-card {\n padding: 1rem;\n}\n\n.som-grid-compact .som-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.som-grid-compact .som-card p {\n font-size: 12px;\n}\n\n\/* INGREDIENTS *\/\n.som-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.som-ingredient-card {\n background: var(--som-white);\n border-radius: var(--som-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--som-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.som-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(--som-primary), var(--som-secondary));\n}\n\n.som-ingredient-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--som-shadow-lg);\n border-color: var(--som-primary-light);\n}\n\n.som-ingredient-header {\n display: flex;\n justify-content: flex-end;\n margin-bottom: .75rem;\n}\n\n.som-ingredient-dose {\n background: var(--som-primary);\n color: white;\n padding: 5px 12px;\n border-radius: 999px;\n font-size: 11px;\n font-weight: 700;\n}\n\n.som-ingredient-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--som-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.som-ingredient-role {\n font-size: 12px;\n color: var(--som-primary);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n font-style: italic;\n}\n\n.som-ingredient-card \u003e p:last-child {\n font-size: 14px;\n color: var(--som-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.som-nutrients {\n background: linear-gradient(135deg, var(--som-primary-light) 0%, var(--som-white) 100%);\n border-radius: var(--som-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n}\n\n.som-nutrients h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--som-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.som-nutrients-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.som-nutrient {\n background: var(--som-white);\n padding: 8px 16px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--som-text);\n box-shadow: 0 2px 8px rgba(107, 74, 110, .08);\n}\n\n\/* STEPS *\/\n.som-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 650px;\n margin: 0 auto 1.5rem auto;\n}\n\n.som-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--som-white);\n padding: clamp(1rem, 3vw, 1.5rem);\n border-radius: var(--som-radius);\n box-shadow: var(--som-shadow);\n transition: all .3s ease;\n}\n\n.som-step:hover {\n transform: translateX(6px);\n box-shadow: var(--som-shadow-lg);\n}\n\n.som-step-num {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--som-primary), var(--som-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(155, 107, 158, .3);\n}\n\n.som-step-text h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--som-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.som-step-text p {\n font-size: 14px;\n color: var(--som-text-light);\n margin: 0;\n}\n\n.som-tip {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--som-primary-light) 0%, var(--som-white) 100%);\n padding: 1rem 1.25rem;\n border-radius: var(--som-radius-sm);\n max-width: 650px;\n margin: 0 auto;\n border-left: 4px solid var(--som-primary);\n}\n\n.som-tip span {\n font-size: 22px;\n flex-shrink: 0;\n}\n\n.som-tip p {\n font-size: 14px;\n color: var(--som-text);\n margin: 0;\n}\n\n\/* ACCORDION *\/\n.som-accordion {\n background: var(--som-white);\n border-radius: var(--som-radius);\n box-shadow: var(--som-shadow);\n overflow: hidden;\n}\n\n.som-accordion-item {\n border-bottom: 1px solid var(--som-border);\n margin: 0;\n padding: 0;\n}\n\n.som-accordion-item:last-child {\n border-bottom: none;\n}\n\n.som-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--som-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.som-accordion-header:hover {\n background: var(--som-primary-light);\n}\n\n.som-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.som-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--som-primary);\n transition: transform .2s ease;\n}\n\n.som-accordion-item[open] .som-accordion-header::after {\n content: '−';\n}\n\n.som-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--som-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.som-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.som-accordion-content p:last-child {\n margin: 0;\n}\n\n\/* CTA *\/\n.som-cta-box {\n background: linear-gradient(135deg, var(--som-primary) 0%, var(--som-primary-dark) 100%);\n border-radius: var(--som-radius);\n padding: clamp(2rem, 5vw, 3.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.som-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(2px 2px at 15% 25%, rgba(255,255,255,.3) 50%, transparent 50%),\n radial-gradient(2px 2px at 85% 75%, rgba(255,255,255,.3) 50%, transparent 50%),\n radial-gradient(1px 1px at 45% 15%, rgba(255,255,255,.2) 50%, transparent 50%),\n radial-gradient(1px 1px at 55% 85%, rgba(255,255,255,.2) 50%, transparent 50%);\n}\n\n.som-cta-stars {\n font-size: 28px;\n position: relative;\n z-index: 1;\n margin-bottom: .5rem;\n}\n\n.som-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n margin: .75rem 0;\n position: relative;\n z-index: 1;\n}\n\n.som-cta-highlight {\n font-size: clamp(17px, 3vw, 21px) !important;\n font-weight: 700;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 767px) {\n .som-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .som-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n \n .som-grid-compact .som-card {\n padding: .75rem;\n }\n \n .som-ingredients-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .som-card {\n padding: 1.125rem;\n }\n \n .som-section {\n margin-bottom: 1.75rem;\n }\n \n .som-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--som-radius-sm);\n }\n \n .som-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .som-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .som-step {\n flex-direction: column;\n gap: .75rem;\n text-align: center;\n }\n \n .som-step:hover {\n transform: translateY(-4px);\n }\n \n .som-step-num {\n margin: 0 auto;\n }\n \n .som-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .som-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .som-nutrients-list {\n gap: .5rem;\n }\n \n .som-nutrient {\n font-size: 12px;\n padding: 6px 12px;\n }\n}\n\n\/* ANIMATIONS *\/\n@media (prefers-reduced-motion: no-preference) {\n .som-card, .som-ingredient-card, .som-step {\n animation: fadeInUp .5s ease backwards;\n }\n .som-card:nth-child(1), .som-ingredient-card:nth-child(1) { animation-delay: .05s; }\n .som-card:nth-child(2), .som-ingredient-card:nth-child(2) { animation-delay: .1s; }\n .som-card:nth-child(3), .som-ingredient-card:nth-child(3) { animation-delay: .15s; }\n .som-card:nth-child(4), .som-ingredient-card:nth-child(4) { animation-delay: .2s; }\n .som-card:nth-child(5) { animation-delay: .25s; }\n .som-card:nth-child(6) { animation-delay: .3s; }\n .som-card:nth-child(7) { animation-delay: .35s; }\n .som-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .som-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n .som-hero-pattern {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"MUSH N GO","offers":[{"title":"Default Title","offer_id":53523591135609,"sku":"SOMMEILMUSHNGO","price":24.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/mushngo-sommeil-reishi-ashwaganda-valeriane-melatonine-30-ge-packshothd_87db28f6-6efe-41ed-a877-bc8ebf9a517a.webp?v=1776865060"},{"product_id":"petit-grain-bigaradier-bio-10ml","title":"Huile Essentielle Petit Grain Bigaradier Bio - Saint-Hilaire - 10 ml","description":"\u003cdiv class=\"pgb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pgb-hero\"\u003e\n \u003cdiv class=\"pgb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pgb-hero-content\"\u003e\n \u003cdiv class=\"pgb-badges-top\"\u003e\n \u003cspan class=\"pgb-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"pgb-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"pgb-badge\"\u003e🔬 Chémotypée\u003c\/span\u003e\n \u003cspan class=\"pgb-badge\"\u003e🍃 10 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pgb-hero-title\"\u003eHuile essentielle petit grain bigaradier bio\u003c\/span\u003e\n \u003cp class=\"pgb-subtitle\"\u003eDistillerie Saint-Hilaire — Auvergne\u003c\/p\u003e\n \u003cp class=\"pgb-description\"\u003eUn concentré de douceur et d'apaisement issu des feuilles d'oranger amer, pour retrouver calme et sérénité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"pgb-section\"\u003e\n \u003ch2\u003eHuile essentielle de Petit Grain Bigarade Bio : l'alliée naturelle de la sérénité\u003c\/h2\u003e\n \u003cp class=\"pgb-section-intro\"\u003eObtenue par distillation à la vapeur d'eau des \u003cstrong\u003efeuilles et jeunes rameaux de l'oranger amer\u003c\/strong\u003e (\u003cem\u003eCitrus aurantium var amara\u003c\/em\u003e), l'huile essentielle de petit grain bigaradier de la Distillerie Saint-Hilaire vous offre un concentré de douceur et d'apaisement.\u003c\/p\u003e\n \u003cp class=\"pgb-section-intro\"\u003eSon parfum à la fois boisé, floral et légèrement acidulé en fait l'une des huiles essentielles les plus appréciées en aromathérapie pour retrouver calme et équilibre au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"pgb-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile essentielle petit grain bigarade ?\u003c\/h2\u003e\n \u003cp class=\"pgb-section-intro\"\u003eParmi les huiles essentielles relaxantes, le \u003cstrong\u003epetit grain de bigarade\u003c\/strong\u003e se distingue par sa polyvalence et sa grande tolérance. Voici ses principaux bienfaits traditionnellement reconnus :\u003c\/p\u003e\n \u003cdiv class=\"pgb-grid\"\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e😌 Apaisement nerveux\u003c\/h3\u003e\n \u003cp\u003eRéputée pour aider à apaiser le stress, l'anxiété et les tensions nerveuses accumulées. Idéale en période de surmenage ou de nervosité passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e🌙 Soutien du sommeil\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes en diffusion avant le coucher contribuent à créer une atmosphère propice à un sommeil plus serein et réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e✨ Soin cutané\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés régulatrices, elle aide à équilibrer les peaux grasses ou à tendance mixte et à atténuer les petites imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e💛 Réconfort émotionnel\u003c\/h3\u003e\n \u003cp\u003eSon parfum subtil et enveloppant aide à retrouver confiance en soi et à dissiper les pensées négatives 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=\"pgb-section\"\u003e\n \u003ch2\u003eCarte d'identité du produit\u003c\/h2\u003e\n \u003cdiv class=\"pgb-grid-compact\"\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCitrus aurantium\u003c\/em\u003e var. \u003cem\u003eamara\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e💧 Méthode d'extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e🔬 Composants principaux\u003c\/h3\u003e\n \u003cp\u003eAcétate de linalyle, linalol, myrcène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique (AB)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabricant\u003c\/h3\u003e\n \u003cp\u003eDistillerie Saint-Hilaire, Auvergne (France)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-tip\"\u003e\n \u003cspan class=\"pgb-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003eLa mention \u003cstrong\u003e« chémotypée »\u003c\/strong\u003e figurant sur le flacon vous garantit que la composition biochimique de cette huile essentielle a été rigoureusement analysée. C'est un gage de qualité et de traçabilité indispensable pour une utilisation en toute confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"pgb-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de petit grain bigarade ?\u003c\/h2\u003e\n \u003cp class=\"pgb-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle petit grain\u003c\/strong\u003e se prête à de nombreux usages. Voici les modes d'utilisation les plus courants :\u003c\/p\u003e\n \u003cdiv class=\"pgb-timeline\"\u003e\n \u003cdiv class=\"pgb-timeline-item\"\u003e\n \u003cdiv class=\"pgb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-content\"\u003e\n \u003ch3\u003e🌬️ En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez 5 à 8 gouttes dans votre diffuseur pendant 20 à 30 minutes pour parfumer et assainir votre intérieur tout en créant une ambiance relaxante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-item\"\u003e\n \u003cdiv class=\"pgb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-content\"\u003e\n \u003ch3\u003e🤲 En massage\u003c\/h3\u003e\n \u003cp\u003eDiluez 3 à 4 gouttes dans une cuillère à soupe d'huile végétale (amande douce, jojoba) et massez le plexus solaire, la nuque ou les poignets pour un effet détente immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-item\"\u003e\n \u003cdiv class=\"pgb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-content\"\u003e\n \u003ch3\u003e🛁 Dans le bain\u003c\/h3\u003e\n \u003cp\u003eMélangez 5 gouttes à une base neutre ou du sel de bain avant de verser dans l'eau chaude pour un moment de relaxation profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-item\"\u003e\n \u003cdiv class=\"pgb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-content\"\u003e\n \u003ch3\u003e💆 En soin cosmétique\u003c\/h3\u003e\n \u003cp\u003eAjoutez 1 à 2 gouttes dans votre crème de nuit ou votre huile de soin pour favoriser une peau nette et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"pgb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pgb-accordion\"\u003e\n \u003cdetails class=\"pgb-accordion-item\"\u003e\n \u003csummary class=\"pgb-accordion-header\"\u003e⚠️ Application cutanée\u003c\/summary\u003e\n \u003cdiv class=\"pgb-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas appliquer pure sur la peau : toujours diluer dans une huile végétale avant toute application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pgb-accordion-item\"\u003e\n \u003csummary class=\"pgb-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"pgb-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pgb-accordion-item\"\u003e\n \u003csummary class=\"pgb-accordion-header\"\u003e👶 Hors de portée des enfants\u003c\/summary\u003e\n \u003cdiv class=\"pgb-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 directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pgb-accordion-item\"\u003e\n \u003csummary class=\"pgb-accordion-header\"\u003e💊 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"pgb-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute ou de traitement en cours, consultez un professionnel de santé avant utilisation. Ce produit ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"pgb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pgb-cta-box\"\u003e\n \u003cp\u003e🍊 Avec cette \u003cstrong\u003ehuile essentielle de petit grain bigarade bio\u003c\/strong\u003e Saint-Hilaire, vous faites le choix d'un produit artisanal, certifié biologique et distillé en France. Un essentiel de votre trousse d'aromathérapie pour traverser chaque journée avec plus de sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pgb-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Les huiles essentielles ne sont pas des médicaments.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pgb-cream: #faf8f4;\n --pgb-white: #ffffff;\n --pgb-primary: #2d5a3d;\n --pgb-primary-dark: #1e3d2a;\n --pgb-primary-light: #e8f2ec;\n --pgb-secondary: #e5a830;\n --pgb-accent: #f0c24d;\n --pgb-text: #1a1a1a;\n --pgb-text-light: #5a5a5a;\n --pgb-border: #e0e0e0;\n --pgb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pgb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pgb-radius: 20px;\n --pgb-radius-sm: 12px;\n}\n\n.pgb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pgb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pgb-hero {\n position: relative;\n background: linear-gradient(135deg, #1e3d2a 0%, #2d5a3d 40%, #3a7a50 70%, #e5a830 100%);\n border-radius: var(--pgb-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(--pgb-shadow-lg);\n}\n\n.pgb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(229,168,48,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.pgb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pgb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pgb-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(--pgb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pgb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pgb-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.pgb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.pgb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.pgb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pgb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pgb-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.pgb-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(--pgb-primary), var(--pgb-secondary));\n border-radius: 2px;\n}\n\n.pgb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pgb-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.pgb-card {\n background: var(--pgb-white);\n border-radius: var(--pgb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pgb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pgb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pgb-shadow-lg);\n border-color: var(--pgb-primary);\n}\n\n.pgb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pgb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pgb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pgb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pgb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pgb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pgb-grid-compact .pgb-card {\n padding: 1rem;\n}\n\n.pgb-grid-compact .pgb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pgb-grid-compact .pgb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pgb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pgb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pgb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pgb-primary), var(--pgb-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.pgb-timeline-content {\n flex: 1;\n background: var(--pgb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pgb-radius-sm);\n box-shadow: var(--pgb-shadow);\n}\n\n.pgb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pgb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pgb-timeline-content p {\n font-size: 14px;\n color: var(--pgb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pgb-testimonial {\n background: var(--pgb-white);\n border-radius: var(--pgb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pgb-shadow);\n border-left: 4px solid var(--pgb-primary);\n}\n\n.pgb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pgb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pgb-accordion {\n background: var(--pgb-white);\n border-radius: var(--pgb-radius);\n box-shadow: var(--pgb-shadow);\n overflow: hidden;\n}\n\n.pgb-accordion-item {\n border-bottom: 1px solid var(--pgb-border);\n margin: 0;\n padding: 0;\n}\n\n.pgb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pgb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pgb-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.pgb-accordion-header:hover {\n background: var(--pgb-primary-light);\n}\n\n.pgb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pgb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pgb-primary);\n transition: transform .2s ease;\n}\n\n.pgb-accordion-item[open] .pgb-accordion-header::after {\n content: '−';\n}\n\n.pgb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pgb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pgb-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pgb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pgb-primary-light);\n border-radius: var(--pgb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pgb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pgb-tip p {\n font-size: 14px;\n color: var(--pgb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pgb-cta-box {\n background: linear-gradient(135deg, var(--pgb-primary) 0%, var(--pgb-primary-dark) 100%);\n border-radius: var(--pgb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pgb-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.pgb-disclaimer {\n font-size: 12px;\n color: var(--pgb-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 .pgb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pgb-card {\n padding: 1.125rem;\n }\n\n .pgb-section {\n margin-bottom: 1.75rem;\n }\n\n .pgb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pgb-radius-sm);\n }\n\n .pgb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pgb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pgb-grid-compact {\n gap: .625rem;\n }\n\n .pgb-grid-compact .pgb-card {\n padding: .75rem;\n }\n\n .pgb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pgb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pgb-timeline-content h3 {\n font-size: 14px;\n }\n\n .pgb-timeline-content p {\n font-size: 13px;\n }\n\n .pgb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pgb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pgb-testimonial {\n padding: 1.25rem;\n }\n\n .pgb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pgb-card {\n animation: pgbFadeInUp .5s ease backwards;\n }\n .pgb-card:nth-child(1) { animation-delay: .05s; }\n .pgb-card:nth-child(2) { animation-delay: .1s; }\n .pgb-card:nth-child(3) { animation-delay: .15s; }\n .pgb-card:nth-child(4) { animation-delay: .2s; }\n .pgb-card:nth-child(5) { animation-delay: .25s; }\n .pgb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pgbFadeInUp {\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 .pgb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54875014857081,"sku":"NBAIDSH0010","price":7.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-petit-grain-bigaradier-bio-saint-hilaire-1-packshothd.webp?v=1774342701"},{"product_id":"ashwagandha-bio-graine-sauvage","title":"Ashwagandha Bio extrait – 60 gélules – Graine Sauvage","description":"\u003cdiv class=\"aw-premium\"\u003e\n\n \u003cdiv class=\"aw-hero\"\u003e\n \u003cdiv class=\"aw-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aw-hero-content\"\u003e\n \u003cdiv class=\"aw-badges-top\"\u003e\n \u003cspan class=\"aw-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"aw-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"aw-badge\"\u003e🧘 Plante adaptogène\u003c\/span\u003e\n \u003cspan class=\"aw-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"aw-hero-title\"\u003eAshwagandha Bio Extrait\u003c\/span\u003e\n \u003cp class=\"aw-subtitle\"\u003eGraine Sauvage — 60 gélules — 30 jours de cure\u003c\/p\u003e\n \u003cp class=\"aw-description\"\u003e700 mg d'extrait titré à 2,5 % de withanolides par dose. La puissance de l'Ayurvéda au service de votre sérénité et de votre vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"aw-section\"\u003e\n \u003ch2\u003eAshwagandha Bio : la plante adaptogène qui vous aide à retrouver sérénité et vitalité\u003c\/h2\u003e\n \u003cp class=\"aw-section-intro\"\u003eVous traversez une période de stress intense, de fatigue persistante ou de difficulté à vous concentrer ?\u003c\/p\u003e\n \u003cdiv class=\"aw-testimonial\"\u003e\n \u003cp class=\"aw-testimonial-text\"\u003eL'\u003cstrong\u003eAshwagandha bio\u003c\/strong\u003e de Graine Sauvage est formulé pour vous accompagner au quotidien. Issue de la tradition millénaire de l'\u003cstrong\u003eAyurvéda\u003c\/strong\u003e, cette plante adaptogène — connue sous le nom scientifique \u003cem\u003eWithania somnifera\u003c\/em\u003e — aide votre organisme à mieux s'adapter aux tensions physiques et émotionnelles. Ce flacon de \u003cstrong\u003e60 gélules d'ashwagandha\u003c\/strong\u003e vous offre une cure complète de 30 jours, avec un extrait hautement concentré et certifié biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"aw-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'ashwagandha bio sur votre bien-être global\u003c\/h2\u003e\n \u003cp class=\"aw-section-intro\"\u003eL'ashwagandha ne se limite pas à la gestion du stress. Ses propriétés en font l'un des \u003cstrong\u003emeilleurs compléments d'ashwagandha bio\u003c\/strong\u003e pour agir sur plusieurs fronts simultanément.\u003c\/p\u003e\n \u003cdiv class=\"aw-grid\"\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e🧘 Réduction du stress et de l'anxiété\u003c\/h3\u003e\n \u003cp\u003eEn régulant le cortisol, l'ashwagandha vous aide à retrouver un état de calme intérieur, même lors de journées chargées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e🌙 Sommeil de meilleure qualité\u003c\/h3\u003e\n \u003cp\u003eSon action apaisante facilite l'endormissement et favorise une récupération profonde pendant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e⚡ Énergie et résistance à la fatigue\u003c\/h3\u003e\n \u003cp\u003eContrairement aux stimulants classiques, cette plante revitalise l'organisme sans provoquer de nervosité ni de coup de barre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e🧠 Performances cognitives\u003c\/h3\u003e\n \u003cp\u003eMémoire, concentration, clarté mentale — l'ashwagandha soutient vos capacités intellectuelles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e💫 Équilibre hormonal et libido\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour stimuler la vitalité sexuelle, elle contribue aussi à un meilleur équilibre hormonal naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"aw-section\"\u003e\n \u003ch2\u003eUn extrait concentré, titré et certifié bio\u003c\/h2\u003e\n \u003cdiv class=\"aw-grid-compact\"\u003e\n \u003cdiv class=\"aw-card aw-card-highlight\"\u003e\n \u003ch3\u003e🔬 700 mg d'extrait\u003c\/h3\u003e\n \u003cp\u003eTitré à 2,5 % de withanolides, les principes actifs clés de la plante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card aw-card-highlight\"\u003e\n \u003ch3\u003e🌱 200 mg de poudre\u003c\/h3\u003e\n \u003cp\u003ePoudre d'ashwagandha bio pour le spectre complet de la racine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card aw-card-highlight\"\u003e\n \u003ch3\u003e💚 Gélule végétale\u003c\/h3\u003e\n \u003cp\u003eEnveloppe en hypromellose, 100 % compatible végétarien et végan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card aw-card-highlight\"\u003e\n \u003ch3\u003e✅ Certifié FR-BIO-01\u003c\/h3\u003e\n \u003cp\u003eAshwagandha cultivé biologiquement en Inde, fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-tip\"\u003e\n \u003cspan class=\"aw-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCette concentration élevée en withanolides garantit des \u003cstrong\u003erésultats concrets dès les premières semaines\u003c\/strong\u003e de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"aw-section\"\u003e\n \u003ch2\u003ePosologie : comment prendre l'ashwagandha en gélules ?\u003c\/h2\u003e\n \u003cdiv class=\"aw-timeline\"\u003e\n \u003cdiv class=\"aw-timeline-item\"\u003e\n \u003cdiv class=\"aw-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"aw-timeline-content\"\u003e\n \u003ch3\u003eSemaine de démarrage\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e au moment d'un repas pour observer la réponse de votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-timeline-item\"\u003e\n \u003cdiv class=\"aw-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"aw-timeline-content\"\u003e\n \u003ch3\u003eDose optimale\u003c\/h3\u003e\n \u003cp\u003ePassez à \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e si nécessaire, toujours pendant un repas pour une meilleure absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-timeline-item\"\u003e\n \u003cdiv class=\"aw-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"aw-timeline-content\"\u003e\n \u003ch3\u003eCure complète\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est recommandée pour des résultats durables et profonds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"aw-section\"\u003e\n \u003ch2\u003eComposition pour 2 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"aw-composition-table\"\u003e\n \u003cdiv class=\"aw-composition-row\"\u003e\n \u003cspan class=\"aw-composition-label\"\u003eExtrait d'Ashwagandha bio* (\u003cem\u003eWithania somnifera\u003c\/em\u003e)\u003c\/span\u003e\n \u003cspan class=\"aw-composition-value\"\u003e700 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-composition-detail\"\u003eTitré à 2,5 % de withanolides\u003c\/div\u003e\n \u003cdiv class=\"aw-composition-row\"\u003e\n \u003cspan class=\"aw-composition-label\"\u003ePoudre d'Ashwagandha bio*\u003c\/span\u003e\n \u003cspan class=\"aw-composition-value\"\u003e200 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-composition-row\"\u003e\n \u003cspan class=\"aw-composition-label\"\u003eEnveloppe : gélule végétale (hypromellose)\u003c\/span\u003e\n \u003cspan class=\"aw-composition-value\"\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"aw-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique – Certifié par FR-BIO-01 – Agriculture Inde.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"aw-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"aw-accordion\"\u003e\n \u003cdetails class=\"aw-accordion-item\"\u003e\n \u003csummary class=\"aw-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"aw-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément est déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aw-accordion-item\"\u003e\n \u003csummary class=\"aw-accordion-header\"\u003e💊 Dosage recommandé\u003c\/summary\u003e\n \u003cdiv class=\"aw-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de 2 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aw-accordion-item\"\u003e\n \u003csummary class=\"aw-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"aw-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aw-accordion-item\"\u003e\n \u003csummary class=\"aw-accordion-header\"\u003e⚠️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"aw-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e, une alimentation variée ni un mode de vie sain. En cas de doute, consultez votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"aw-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"aw-cta-box\"\u003e\n \u003cp\u003e🌿 Retrouvez calme, énergie et clarté mentale grâce à la puissance de l'\u003cstrong\u003eAshwagandha bio\u003c\/strong\u003e.\u003cbr\u003e60 gélules végétales pour 30 jours de sérénité certifiée biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --aw-cream: #f7f6f0;\n --aw-white: #ffffff;\n --aw-primary: #7ab648;\n --aw-primary-dark: #3d6b1e;\n --aw-primary-light: #eef6e5;\n --aw-secondary: #c8d92a;\n --aw-accent: #e8e230;\n --aw-text: #1a1a1a;\n --aw-text-light: #5a5a5a;\n --aw-border: #e0e0e0;\n --aw-shadow: 0 4px 24px rgba(0,0,0,.08);\n --aw-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --aw-radius: 20px;\n --aw-radius-sm: 12px;\n}\n\n.aw-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--aw-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.aw-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6b1e 0%, #7ab648 50%, #a5c84c 100%);\n border-radius: var(--aw-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(--aw-shadow-lg);\n}\n\n.aw-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(200,217,42,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.aw-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.aw-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.aw-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.aw-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(13px, 2vw, 16px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.aw-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.aw-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(--aw-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.aw-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.aw-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.aw-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--aw-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.aw-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(--aw-primary), var(--aw-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.aw-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--aw-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.aw-card {\n background: var(--aw-white);\n border-radius: var(--aw-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--aw-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.aw-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--aw-shadow-lg);\n border-color: var(--aw-primary);\n}\n\n.aw-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--aw-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.aw-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--aw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.aw-card-highlight {\n border-left: 4px solid var(--aw-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.aw-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.aw-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.aw-grid-compact .aw-card {\n padding: 1rem;\n}\n\n.aw-grid-compact .aw-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.aw-grid-compact .aw-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.aw-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.aw-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.aw-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--aw-primary), var(--aw-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.aw-timeline-content {\n flex: 1;\n background: var(--aw-white);\n padding: 1rem 1.25rem;\n border-radius: var(--aw-radius-sm);\n box-shadow: var(--aw-shadow);\n}\n\n.aw-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--aw-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.aw-timeline-content p {\n font-size: 14px;\n color: var(--aw-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.aw-testimonial {\n background: var(--aw-white);\n border-radius: var(--aw-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--aw-shadow);\n border-left: 4px solid var(--aw-primary);\n}\n\n.aw-testimonial-text, .aw-testimonial p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--aw-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.aw-composition-table {\n background: var(--aw-white);\n border-radius: var(--aw-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--aw-shadow);\n}\n\n.aw-composition-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .75rem 0;\n border-bottom: 1px solid var(--aw-border);\n}\n\n.aw-composition-row:last-child {\n border-bottom: none;\n}\n\n.aw-composition-label {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--aw-text);\n font-weight: 600;\n flex: 1;\n padding-right: 1rem;\n}\n\n.aw-composition-value {\n font-size: clamp(14px, 2.5vw, 17px);\n color: var(--aw-primary-dark);\n font-weight: 800;\n flex-shrink: 0;\n}\n\n.aw-composition-detail {\n font-size: 13px;\n color: var(--aw-text-light);\n font-style: italic;\n padding: 0 0 .75rem 0;\n border-bottom: 1px solid var(--aw-border);\n}\n\n\/* === ACCORDÉON === *\/\n.aw-accordion {\n background: var(--aw-white);\n border-radius: var(--aw-radius);\n box-shadow: var(--aw-shadow);\n overflow: hidden;\n}\n\n.aw-accordion-item {\n border-bottom: 1px solid var(--aw-border);\n margin: 0;\n padding: 0;\n}\n\n.aw-accordion-item:last-child {\n border-bottom: none;\n}\n\n.aw-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--aw-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.aw-accordion-header:hover {\n background: var(--aw-primary-light);\n}\n\n.aw-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.aw-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--aw-primary);\n transition: transform .2s ease;\n}\n\n.aw-accordion-item[open] .aw-accordion-header::after {\n content: '−';\n}\n\n.aw-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--aw-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.aw-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.aw-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--aw-primary-light);\n border-radius: var(--aw-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.aw-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.aw-tip p {\n font-size: 14px;\n color: var(--aw-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.aw-cta-box {\n background: linear-gradient(135deg, var(--aw-primary) 0%, var(--aw-primary-dark) 100%);\n border-radius: var(--aw-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.aw-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.aw-disclaimer {\n font-size: 12px;\n color: var(--aw-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 .aw-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .aw-card {\n padding: 1.125rem;\n }\n\n .aw-section {\n margin-bottom: 1.75rem;\n }\n\n .aw-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--aw-radius-sm);\n }\n\n .aw-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .aw-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .aw-grid-compact {\n gap: .625rem;\n }\n\n .aw-grid-compact .aw-card {\n padding: .75rem;\n }\n\n .aw-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .aw-timeline-content {\n padding: .875rem 1rem;\n }\n\n .aw-timeline-content h3 {\n font-size: 14px;\n }\n\n .aw-timeline-content p {\n font-size: 13px;\n }\n\n .aw-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .aw-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .aw-testimonial {\n padding: 1.25rem;\n }\n\n .aw-testimonial p {\n font-size: 14px;\n }\n\n .aw-composition-label {\n font-size: 12px;\n }\n\n .aw-composition-value {\n font-size: 13px;\n }\n\n .aw-composition-detail {\n font-size: 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .aw-card {\n animation: awFadeInUp .5s ease backwards;\n }\n .aw-card:nth-child(1) { animation-delay: .05s; }\n .aw-card:nth-child(2) { animation-delay: .1s; }\n .aw-card:nth-child(3) { animation-delay: .15s; }\n .aw-card:nth-child(4) { animation-delay: .2s; }\n .aw-card:nth-child(5) { animation-delay: .25s; }\n .aw-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes awFadeInUp {\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 .aw-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":54881674887545,"sku":"GS0012","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ashwagandha-bio-extrait-60-gelules-graine-sauvage-packshothd.webp?v=1774282783"},{"product_id":"graines-de-sommeil-graine-sauvage","title":"Graines de sommeil bio - 60 gélules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Graines de Sommeil Bio - 60 gélules - Graine Sauvage\nPalette détectée:\n - Primaire: #7CB342 (vert chartreuse du bouchon et éléments du packaging)\n - Secondaire: #C8E6C9 (vert pâle\/crème du fond d'étiquette)\n - Accent: #E53935 (rouge du texte \"GRAINE SAUVAGE\")\n - Fond crème: #F5F3E8 (teinte naturelle douce)\nAmbiance: Naturel\/bio, doux, apaisant, végétal. Univers sommeil et bien-être.\nL'identité visuelle est ludique (mascotte graine) mais sérieuse (certification AB).\nPréfixe CSS: gs\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Graines de Sommeil Bio : retrouvez des nuits paisibles grâce à quatre plantes apaisantes\"\n 2. \"Une synergie de quatre plantes bio aux vertus complémentaires\"\n 3. \"Composition et posologie\"\n 4. \"Pourquoi choisir ces gélules sommeil bio ?\"\n 5. \"Précautions et recommandations\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gs-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gs-hero\"\u003e\n \u003cdiv class=\"gs-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gs-hero-content\"\u003e\n \u003cdiv class=\"gs-badges-top\"\u003e\n \u003cspan class=\"gs-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"gs-badge\"\u003e🌙 60 gélules végétales\u003c\/span\u003e\n \u003cspan class=\"gs-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gs-hero-title\"\u003eGraines de Sommeil Bio\u003c\/span\u003e\n \u003cp class=\"gs-subtitle\"\u003eNuit paisible — par Graine Sauvage\u003c\/p\u003e\n \u003cp class=\"gs-description\"\u003e4 plantes bio apaisantes réunies dans une gélule végétale pour retrouver un endormissement naturel et un sommeil profond, soir après soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"gs-section\"\u003e\n \u003ch2\u003eGraines de Sommeil Bio : retrouvez des nuits paisibles grâce à quatre plantes apaisantes\u003c\/h2\u003e\n \u003cp class=\"gs-section-intro\"\u003eVous tournez dans votre lit, votre esprit refuse de se calmer, et le réveil approche trop vite ?\u003c\/p\u003e\n \u003cdiv class=\"gs-testimonial\"\u003e\n \u003cp class=\"gs-testimonial-text\"\u003eLes \u003cstrong\u003eGraines de Sommeil Bio\u003c\/strong\u003e de \u003cem\u003eGraine Sauvage\u003c\/em\u003e ont été formulées précisément pour vous. Ce complément alimentaire en \u003cstrong\u003egélules sommeil\u003c\/strong\u003e réunit quatre plantes biologiques aux vertus relaxantes, soigneusement dosées pour favoriser un \u003cstrong\u003eendormissement naturel\u003c\/strong\u003e et un sommeil profond et réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"gs-section\"\u003e\n \u003ch2\u003eUne synergie de quatre plantes bio aux vertus complémentaires\u003c\/h2\u003e\n \u003cp class=\"gs-section-intro\"\u003eContrairement à certaines solutions contenant un seul actif, cette formule mise sur la complémentarité de quatre extraits végétaux. Chaque plante joue un rôle précis dans le processus d'endormissement et le maintien d'un sommeil de qualité.\u003c\/p\u003e\n \u003cdiv class=\"gs-grid\"\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🌸 Passiflore bio\u003c\/h3\u003e\n \u003cp\u003eVéritable alliée de la détente, elle aide à relâcher les tensions nerveuses accumulées dans la journée. Particulièrement utile si vous avez tendance à ressasser vos pensées au moment du coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🍺 Houblon bio\u003c\/h3\u003e\n \u003cp\u003eReconnu depuis des siècles pour ses effets calmants, il contribue à apaiser l'agitation intérieure et à préparer votre organisme au repos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🌼 Aubépine bio\u003c\/h3\u003e\n \u003cp\u003eElle soutient l'équilibre émotionnel en réduisant la nervosité et l'irritabilité. Si le stress du quotidien perturbe vos nuits, l'aubépine vous aide à retrouver la sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e☕ Camomille bio\u003c\/h3\u003e\n \u003cp\u003eDouce et apaisante, elle accompagne la phase d'endormissement et limite les réveils nocturnes pour un sommeil continu et véritablement réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-tip\"\u003e\n \u003cspan class=\"gs-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCette association végétale offre une alternative naturelle pour celles et ceux qui recherchent des \u003cstrong\u003egélules sommeil\u003c\/strong\u003e efficaces sans mélatonine de synthèse. Si vous avez déjà testé des formules comme les \u003cstrong\u003eMéla-Sommeil 2 gélules\u003c\/strong\u003e et préférez une approche 100 % plantes, cette synergie est faite pour vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"gs-section\"\u003e\n \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n \u003cdiv class=\"gs-composition-box\"\u003e\n \u003cdiv class=\"gs-composition-header\"\u003e\n \u003cp\u003e🧪 Ingrédients pour 3 gélules (dose journalière)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-grid-compact\"\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🌸 Passiflore bio\u003c\/h3\u003e\n \u003cp\u003ePartie aérienne — \u003cstrong\u003e450 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e☕ Camomille bio\u003c\/h3\u003e\n \u003cp\u003eFleur — \u003cstrong\u003e300 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🍺 Houblon bio\u003c\/h3\u003e\n \u003cp\u003eCône — \u003cstrong\u003e300 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🌼 Aubépine bio\u003c\/h3\u003e\n \u003cp\u003eSommité fleurie — \u003cstrong\u003e300 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"gs-envelope-note\"\u003eEnveloppe : gélule végétale (HPMC)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-timeline\"\u003e\n \u003cdiv class=\"gs-timeline-item\"\u003e\n \u003cdiv class=\"gs-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gs-timeline-content\"\u003e\n \u003ch3\u003ePrenez 3 gélules\u003c\/h3\u003e\n \u003cp\u003eAvec un grand verre d'eau, environ \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-timeline-item\"\u003e\n \u003cdiv class=\"gs-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gs-timeline-content\"\u003e\n \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n \u003cp\u003eLe pilulier contient \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e, soit une cure complète d'environ 20 jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-timeline-item\"\u003e\n \u003cdiv class=\"gs-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gs-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez pour des résultats durables\u003c\/h3\u003e\n \u003cp\u003ePour des bienfaits optimaux, nous vous conseillons de renouveler la cure pendant \u003cstrong\u003edeux à trois mois\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 #4 --\u003e\n \u003csection class=\"gs-section\"\u003e\n \u003ch2\u003ePourquoi choisir ces gélules sommeil bio ?\u003c\/h2\u003e\n \u003cdiv class=\"gs-grid-compact\"\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio AB\u003c\/h3\u003e\n \u003cp\u003eFR-BIO-01 : des ingrédients cultivés sans pesticides ni engrais chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🥬 100 % végétal\u003c\/h3\u003e\n \u003cp\u003eGélules végétales convenant aux végétariens et végétaliens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans additifs chimiques, sans gluten : une formule propre, sans excipients inutiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003ePar Graine Sauvage, marque engagée dans une démarche écologique et responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-tip\"\u003e\n \u003cspan class=\"gs-tip-icon\"\u003e🌰\u003c\/span\u003e\n \u003cp\u003eBien des personnes se tournent vers les \u003cstrong\u003egraines de courge pour le sommeil\u003c\/strong\u003e ou les \u003cstrong\u003egraines de chanvre pour le sommeil\u003c\/strong\u003e. Si ces aliments sont intéressants au plan nutritionnel, ils n'offrent pas la concentration en principes actifs relaxants que procure une formule spécifiquement conçue pour la nuit. C'est tout l'avantage des Graines de Sommeil Bio : un dosage précis, une action ciblée, un format pratique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"gs-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions et recommandations\u003c\/h2\u003e\n \u003cdiv class=\"gs-accordion\"\u003e\n \u003cdetails class=\"gs-accordion-item\"\u003e\n \u003csummary class=\"gs-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"gs-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace ni un traitement médical, ni un suivi par un professionnel de santé. Déconseillé aux femmes enceintes ou allaitantes. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gs-accordion-item\"\u003e\n \u003csummary class=\"gs-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"gs-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gs-accordion-item\"\u003e\n \u003csummary class=\"gs-accordion-header\"\u003e🩺 Consultation médicale\u003c\/summary\u003e\n \u003cdiv class=\"gs-accordion-content mt-3\"\u003e\n \u003cp\u003eSi vos troubles du sommeil persistent, consultez votre médecin afin d'identifier d'éventuelles causes sous-jacentes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-cta-box\"\u003e\n \u003cp\u003e🌙 Offrez-vous enfin des nuits complètes et un réveil en pleine forme : les \u003cstrong\u003eGraines de Sommeil Bio\u003c\/strong\u003e sont votre allié naturel pour des nuits paisibles, soir après soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gs-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 --gs-cream: #F7F5EC;\n --gs-white: #ffffff;\n --gs-primary: #7CB342;\n --gs-primary-dark: #558B2F;\n --gs-primary-light: #E8F5E9;\n --gs-secondary: #AED581;\n --gs-accent: #E53935;\n --gs-text: #1a1a1a;\n --gs-text-light: #5a5a5a;\n --gs-border: #e0e0e0;\n --gs-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gs-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gs-radius: 20px;\n --gs-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gs-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gs-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gs-hero {\n position: relative;\n background: linear-gradient(135deg, #2E7D32 0%, #558B2F 40%, #33691E 100%);\n border-radius: var(--gs-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(--gs-shadow-lg);\n}\n\n.gs-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(174,213,129,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gs-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gs-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.gs-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.gs-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.gs-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gs-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(--gs-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gs-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gs-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gs-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gs-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.gs-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(--gs-primary), var(--gs-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gs-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gs-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.gs-card {\n background: var(--gs-white);\n border-radius: var(--gs-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gs-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gs-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gs-shadow-lg);\n border-color: var(--gs-primary);\n}\n\n.gs-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gs-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gs-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gs-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gs-grid-compact .gs-card {\n padding: 1rem;\n}\n\n.gs-grid-compact .gs-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gs-grid-compact .gs-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.gs-composition-box {\n margin-bottom: 1.5rem;\n}\n\n.gs-composition-header {\n text-align: center;\n margin-bottom: 1rem;\n}\n\n.gs-composition-header p {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 700;\n color: var(--gs-primary-dark);\n margin: 0;\n}\n\n.gs-envelope-note {\n text-align: center;\n font-size: 13px;\n color: var(--gs-text-light);\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === TIMELINE === *\/\n.gs-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gs-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gs-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gs-primary), var(--gs-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.gs-timeline-content {\n flex: 1;\n background: var(--gs-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gs-radius-sm);\n box-shadow: var(--gs-shadow);\n}\n\n.gs-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gs-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gs-timeline-content p {\n font-size: 14px;\n color: var(--gs-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gs-testimonial {\n background: var(--gs-white);\n border-radius: var(--gs-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gs-shadow);\n border-left: 4px solid var(--gs-primary);\n}\n\n.gs-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gs-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gs-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gs-primary-light);\n border-radius: var(--gs-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gs-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gs-tip p {\n font-size: 14px;\n color: var(--gs-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gs-accordion {\n background: var(--gs-white);\n border-radius: var(--gs-radius);\n box-shadow: var(--gs-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.gs-accordion-item {\n border-bottom: 1px solid var(--gs-border);\n margin: 0;\n padding: 0;\n}\n\n.gs-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gs-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gs-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.gs-accordion-header:hover {\n background: var(--gs-primary-light);\n}\n\n.gs-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gs-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gs-primary);\n transition: transform .2s ease;\n}\n\n.gs-accordion-item[open] .gs-accordion-header::after {\n content: '−';\n}\n\n.gs-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gs-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gs-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gs-cta-box {\n background: linear-gradient(135deg, var(--gs-primary) 0%, var(--gs-primary-dark) 100%);\n border-radius: var(--gs-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gs-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.gs-disclaimer {\n font-size: 12px;\n color: var(--gs-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 .gs-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gs-card {\n padding: 1.125rem;\n }\n\n .gs-section {\n margin-bottom: 1.75rem;\n }\n\n .gs-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gs-radius-sm);\n }\n\n .gs-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gs-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gs-grid-compact {\n gap: .625rem;\n }\n\n .gs-grid-compact .gs-card {\n padding: .75rem;\n }\n\n .gs-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gs-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gs-timeline-content h3 {\n font-size: 14px;\n }\n\n .gs-timeline-content p {\n font-size: 13px;\n }\n\n .gs-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gs-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gs-testimonial {\n padding: 1.25rem;\n }\n\n .gs-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gs-card {\n animation: gsFadeInUp .5s ease backwards;\n }\n .gs-card:nth-child(1) { animation-delay: .05s; }\n .gs-card:nth-child(2) { animation-delay: .1s; }\n .gs-card:nth-child(3) { animation-delay: .15s; }\n .gs-card:nth-child(4) { animation-delay: .2s; }\n .gs-card:nth-child(5) { animation-delay: .25s; }\n .gs-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gsFadeInUp {\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 .gs-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":54887975256441,"sku":"GS4011","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Jus_16_-min.jpg?v=1737369237"},{"product_id":"pavot-de-californie-bio-graine-sauvage","title":"Pavot de Californie bio - 60 gélules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Pavot de Californie bio - 60 gélules - Graine Sauvage\nPalette détectée:\n - Primaire: #8DB600 (vert-jaune vif du bouchon et accents packaging)\n - Secondaire: #4A7C10 (vert foncé du logo AB et textes)\n - Accent: #C8D96F (vert-jaune clair, fond packaging)\n - Cream: #F7F5EF (beige\/crème neutre, fond étiquette)\nAmbiance: Naturel\/bio, bien-être, douceur, nuit sereine, univers végétal et apaisant\nPréfixe CSS: pv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Les bienfaits du Pavot de Californie\"\n 2. \"Une formule biologique et respectueuse de votre santé\"\n 3. \"Conseils d'utilisation\"\n 4. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"pv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pv-hero\"\u003e\n \u003cdiv class=\"pv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pv-hero-content\"\u003e\n \u003cdiv class=\"pv-badges-top\"\u003e\n \u003cspan class=\"pv-badge\"\u003e🌿 100 % Bio certifié\u003c\/span\u003e\n \u003cspan class=\"pv-badge\"\u003e🌙 Nuit sereine\u003c\/span\u003e\n \u003cspan class=\"pv-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pv-hero-title\"\u003ePavot de Californie bio\u003c\/span\u003e\n \u003cp class=\"pv-subtitle\"\u003eGraine Sauvage — Eschscholtzia\u003c\/p\u003e\n \u003cp class=\"pv-description\"\u003eRetrouvez un sommeil réparateur grâce à cette plante médicinale traditionnelle. Chaque gélule contient un extrait 100 % biologique de pavot de Californie, cultivé sans pesticides ni produits chimiques, pour des nuits sereines et un apaisement naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003eLes bienfaits du Pavot de Californie\u003c\/h2\u003e\n \u003cp class=\"pv-section-intro\"\u003eAussi appelé \u003cstrong\u003eeschscholtzia\u003c\/strong\u003e, le pavot de Californie est une plante médicinale traditionnelle aux vertus relaxantes douces, sans accoutumance.\u003c\/p\u003e\n \u003cdiv class=\"pv-grid\"\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e😴 Endormissement facilité\u003c\/h3\u003e\n \u003cp\u003eFavorise un endormissement naturel en cas de troubles du sommeil, pour retrouver des nuits complètes et réparatrices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🧘 Réduction de la nervosité\u003c\/h3\u003e\n \u003cp\u003eRéduit les états de nervosité et d'anxiété grâce à ses propriétés sédatives douces, sans effet de somnolence diurne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e💚 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eSoutient la relaxation et l'équilibre émotionnel au quotidien pour une sérénité retrouvée naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-tip\"\u003e\n \u003cspan class=\"pv-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eGrâce à sa composition 100 % naturelle et ses propriétés sédatives douces, le pavot de Californie est idéal pour retrouver un \u003cstrong\u003esommeil réparateur sans créer d'accoutumance\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003eUne formule biologique et respectueuse de votre santé\u003c\/h2\u003e\n \u003cp class=\"pv-section-intro\"\u003eDes gélules conçues par \u003cem\u003eGraine Sauvage\u003c\/em\u003e pour répondre aux attentes des consommateurs soucieux de leur bien-être et de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"pv-grid-compact\"\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🌱 100 % bio certifié\u003c\/h3\u003e\n \u003cp\u003eIngrédients biologiques certifiés par FR-BIO-01, Agriculture Biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🥬 Gélules végétales\u003c\/h3\u003e\n \u003cp\u003eAdaptées aux régimes végétariens et végétaliens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans conservateurs ni colorants artificiels ajoutés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e📦 60 gélules\u003c\/h3\u003e\n \u003cp\u003eUn flacon pratique pour 15 jours d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"pv-timeline\"\u003e\n \u003cdiv class=\"pv-timeline-item\"\u003e\n \u003cdiv class=\"pv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pv-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-timeline-item\"\u003e\n \u003cdiv class=\"pv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pv-timeline-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003een soirée\u003c\/strong\u003e, environ 30 minutes avant le coucher pour favoriser la détente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-timeline-item\"\u003e\n \u003cdiv class=\"pv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pv-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eUn flacon correspond à \u003cstrong\u003e15 jours de cure\u003c\/strong\u003e. Ne pas dépasser la dose 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=\"pv-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pv-accordion\"\u003e\n \u003cdetails class=\"pv-accordion-item\"\u003e\n \u003csummary class=\"pv-accordion-header\"\u003e⚠️ Complément alimentaire\u003c\/summary\u003e\n \u003cdiv class=\"pv-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.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pv-accordion-item\"\u003e\n \u003csummary class=\"pv-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n \u003cp\u003eConsultez un professionnel de santé en cas de grossesse, d'allaitement ou de traitement médical en cours avant toute prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pv-accordion-item\"\u003e\n \u003csummary class=\"pv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de l'humidité, dans un endroit sec et frais. 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=\"pv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pv-cta-box\"\u003e\n \u003cp\u003e🌙 Offrez-vous des nuits sereines grâce au pouvoir apaisant du pavot de Californie bio — une solution naturelle, douce et sans accoutumance pour un sommeil réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pv-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --pv-cream: #F7F5EF;\n --pv-white: #ffffff;\n --pv-primary: #8DB600;\n --pv-primary-dark: #3D6B0F;\n --pv-primary-light: #F0F5E0;\n --pv-secondary: #4A7C10;\n --pv-accent: #C8D96F;\n --pv-text: #1a1a1a;\n --pv-text-light: #5a5a5a;\n --pv-border: #e0e0e0;\n --pv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pv-radius: 20px;\n --pv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pv-hero {\n position: relative;\n background: linear-gradient(135deg, #3D6B0F 0%, #5A9A14 40%, #8DB600 100%);\n border-radius: var(--pv-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pv-shadow-lg);\n}\n\n.pv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(200,217,111,.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(141,182,0,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.pv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.pv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.pv-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pv-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 500;\n margin: 0 0 1.25rem 0;\n font-style: italic;\n}\n\n.pv-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\/* === SECTIONS === *\/\n.pv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pv-primary), var(--pv-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pv-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pv-card {\n background: var(--pv-white);\n border-radius: var(--pv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pv-shadow-lg);\n border-color: var(--pv-primary);\n}\n\n.pv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pv-grid-compact .pv-card {\n padding: 1rem;\n}\n\n.pv-grid-compact .pv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pv-grid-compact .pv-card p {\n font-size: 12px;\n}\n\n\/* === TIP BOX === *\/\n.pv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pv-primary-light);\n border-radius: var(--pv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pv-tip p {\n font-size: 14px;\n color: var(--pv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.pv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pv-primary), var(--pv-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pv-timeline-content {\n flex: 1;\n background: var(--pv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pv-radius-sm);\n box-shadow: var(--pv-shadow);\n}\n\n.pv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pv-timeline-content p {\n font-size: 14px;\n color: var(--pv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.pv-accordion {\n background: var(--pv-white);\n border-radius: var(--pv-radius);\n box-shadow: var(--pv-shadow);\n overflow: hidden;\n}\n\n.pv-accordion-item {\n border-bottom: 1px solid var(--pv-border);\n margin: 0;\n padding: 0;\n}\n\n.pv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pv-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pv-accordion-header:hover {\n background: var(--pv-primary-light);\n}\n\n.pv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pv-primary);\n transition: transform .2s ease;\n}\n\n.pv-accordion-item[open] .pv-accordion-header::after {\n content: '−';\n}\n\n.pv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pv-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.pv-cta-box {\n background: linear-gradient(135deg, var(--pv-primary) 0%, var(--pv-primary-dark) 100%);\n border-radius: var(--pv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pv-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pv-disclaimer {\n font-size: 12px;\n color: var(--pv-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pv-card {\n padding: 1.125rem;\n }\n\n .pv-section {\n margin-bottom: 1.75rem;\n }\n\n .pv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pv-radius-sm);\n }\n\n .pv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pv-grid-compact {\n gap: .625rem;\n }\n\n .pv-grid-compact .pv-card {\n padding: .75rem;\n }\n\n .pv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pv-timeline-content h3 {\n font-size: 14px;\n }\n\n .pv-timeline-content p {\n font-size: 13px;\n }\n\n .pv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pv-testimonial {\n padding: 1.25rem;\n }\n\n .pv-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pv-card {\n animation: pvFadeInUp .5s ease backwards;\n }\n .pv-card:nth-child(1) { animation-delay: .05s; }\n .pv-card:nth-child(2) { animation-delay: .1s; }\n .pv-card:nth-child(3) { animation-delay: .15s; }\n .pv-card:nth-child(4) { animation-delay: .2s; }\n .pv-card:nth-child(5) { animation-delay: .25s; }\n .pv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pvFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54893622264185,"sku":"GS9114","price":12.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/pavot-de-californie-bio-60-gelules-graine-sauvage-lifestyle.webp?v=1770889178"},{"product_id":"valeriane-graine-sauvage","title":"Valériane Bio - Sommeil et relaxation - 60 gélules Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Valériane Bio - Sommeil et relaxation\nPalette détectée:\n - Primaire: #C4D600 (vert chartreuse vif du bouchon)\n - Secondaire: #E8F0D0 (vert pâle\/crème de l'étiquette)\n - Accent: #7A9E1E (vert foncé du logo AB Bio)\nAmbiance: Naturel\/Bio, frais, apaisant, végétal - univers bien-être et sommeil naturel\nPréfixe CSS: val\n--\u003e\n\n\u003cdiv class=\"val-premium\"\u003e\n \n \u003cdiv class=\"val-hero\"\u003e\n \u003cdiv class=\"val-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"val-hero-content\"\u003e\n \u003cdiv class=\"val-badges-top\"\u003e\n \u003cspan class=\"val-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"val-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"val-badge\"\u003e🌙 Sommeil naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"val-hero-title\"\u003eGélules de Valériane Bio\u003c\/span\u003e\n \u003cp class=\"val-subtitle\"\u003eSérénité et sommeil naturel\u003c\/p\u003e\n \u003cp class=\"val-description\"\u003eRetrouvez des nuits paisibles et réparatrices grâce à cette plante millénaire, reconnue depuis l'Antiquité pour ses vertus relaxantes exceptionnelles.\u003c\/p\u003e\n \u003cdiv class=\"val-hero-stats\"\u003e\n \u003cdiv class=\"val-stat\"\u003e\n \u003cspan class=\"val-stat-number\"\u003e60\u003c\/span\u003e\n \u003cspan class=\"val-stat-label\"\u003eGélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"val-stat\"\u003e\n \u003cspan class=\"val-stat-number\"\u003e20\u003c\/span\u003e\n \u003cspan class=\"val-stat-label\"\u003eJours de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"val-stat\"\u003e\n \u003cspan class=\"val-stat-number\"\u003e1800mg\u003c\/span\u003e\n \u003cspan class=\"val-stat-label\"\u003eDose journalière\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"val-section\"\u003e\n \u003ch2\u003e🌙 Les bienfaits de la valériane en gélules\u003c\/h2\u003e\n \u003cdiv class=\"val-grid\"\u003e\n \u003cdiv class=\"val-card\"\u003e\n \u003ch3\u003e😌 Réduit le stress\u003c\/h3\u003e\n \u003cp\u003eApaise la nervosité et favorise une détente optimale en fin de journée pour préparer votre corps au repos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"val-card\"\u003e\n \u003ch3\u003e🛏️ Facilite l'endormissement\u003c\/h3\u003e\n \u003cp\u003eSoutient un relâchement naturel du corps et de l'esprit pour vous aider à glisser doucement vers le sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"val-card\"\u003e\n \u003ch3\u003e✨ Améliore la qualité du sommeil\u003c\/h3\u003e\n \u003cp\u003eFavorise des nuits plus réparatrices pour vous réveiller chaque matin ressourcé et plein d'énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"val-section\"\u003e\n \u003ch2\u003e🌱 Composition naturelle\u003c\/h2\u003e\n \u003cdiv class=\"val-composition-box\"\u003e\n \u003cdiv class=\"val-ingredient-main\"\u003e\n \u003cdiv class=\"val-ingredient-visual\"\u003e\n \u003cspan class=\"val-ingredient-emoji\"\u003e🌿\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"val-ingredient-info\"\u003e\n \u003cspan class=\"val-ingredient-name\"\u003eValériane biologique\u003c\/span\u003e\n \u003cspan class=\"val-ingredient-latin\"\u003eRacine de Valeriana officinalis L.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"val-ingredient-dose\"\u003e\n \u003cspan class=\"val-dose-value\"\u003e1800 mg\u003c\/span\u003e\n \u003cspan class=\"val-dose-label\"\u003epar jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"val-capsule-info\"\u003e\n \u003cspan\u003e💊\u003c\/span\u003e\n \u003cspan\u003eGélule végétale (hypromellose) — 100% végétal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"val-bio-certif\"\u003e\n \u003cspan class=\"val-bio-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"val-bio-text\"\u003eCertifié Ecocert FR-BIO-01\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"val-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"val-usage-grid\"\u003e\n \u003cdiv class=\"val-usage-card\"\u003e\n \u003cdiv class=\"val-usage-header val-attack\"\u003e\n \u003cspan class=\"val-phase\"\u003ePhase d'attaque\u003c\/span\u003e\n \u003cspan class=\"val-duration\"\u003e15 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"val-usage-body\"\u003e\n \u003cdiv class=\"val-dosage\"\u003e\n \u003cspan class=\"val-dosage-num\"\u003e2\u003c\/span\u003e\n \u003cspan class=\"val-dosage-unit\"\u003egélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"val-frequency\"\u003e3 fois par jour\u003c\/p\u003e\n \u003cp class=\"val-instruction\"\u003ePendant les repas avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"val-usage-card\"\u003e\n \u003cdiv class=\"val-usage-header val-maintenance\"\u003e\n \u003cspan class=\"val-phase\"\u003ePhase d'entretien\u003c\/span\u003e\n \u003cspan class=\"val-duration\"\u003e2 mois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"val-usage-body\"\u003e\n \u003cdiv class=\"val-dosage\"\u003e\n \u003cspan class=\"val-dosage-num\"\u003e1\u003c\/span\u003e\n \u003cspan class=\"val-dosage-unit\"\u003egélule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"val-frequency\"\u003e3 fois par jour\u003c\/p\u003e\n \u003cp class=\"val-instruction\"\u003ePendant les repas avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"val-section\"\u003e\n \u003ch2\u003e👥 Pour qui sont faites gélules de Valériane ?\u003c\/h2\u003e\n \u003cdiv class=\"val-grid\"\u003e\n \u003cdiv class=\"val-card\"\u003e\n \u003ch3\u003e💼 Actifs stressés\u003c\/h3\u003e\n \u003cp\u003eVous avez du mal à décrocher le soir après une journée intense au travail.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"val-card\"\u003e\n \u003ch3\u003e🧠 Esprits agités\u003c\/h3\u003e\n \u003cp\u003eVos pensées tournent en boucle et vous empêchent de trouver le sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"val-card\"\u003e\n \u003ch3\u003e⏰ Horaires décalés\u003c\/h3\u003e\n \u003cp\u003eVotre rythme de vie irrégulier perturbe votre cycle de sommeil naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"val-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eVous recherchez une alternative naturelle et bio aux solutions classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"val-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"val-grid-compact\"\u003e\n \u003cdiv class=\"val-card\"\u003e\n \u003ch3\u003e💊 60 gélules\u003c\/h3\u003e\n \u003cp\u003eContenance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"val-card\"\u003e\n \u003ch3\u003e📅 20 jours\u003c\/h3\u003e\n \u003cp\u003eDurée de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"val-card\"\u003e\n \u003ch3\u003e🇫🇷 France\u003c\/h3\u003e\n \u003cp\u003eFabrication\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"val-card\"\u003e\n \u003ch3\u003e🌿 Ecocert\u003c\/h3\u003e\n \u003cp\u003eCertification Bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"val-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"val-accordion\"\u003e\n \u003cdetails class=\"val-accordion-item\"\u003e\n \u003csummary class=\"val-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"val-accordion-content\"\u003e\n \u003cp\u003e• Déconseillé aux enfants de moins de 12 ans\u003cbr\u003e\n • Déconseillé aux femmes enceintes ou allaitantes\u003cbr\u003e\n • Ne pas dépasser la dose journalière recommandée\u003cbr\u003e\n • Ne peut remplacer 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=\"val-accordion-item\"\u003e\n \u003csummary class=\"val-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"val-accordion-content\"\u003e\n \u003cp\u003eÀ conserver dans un endroit propre, sec et à l'abri de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"val-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"val-cta-box\"\u003e\n \u003cp\u003e🌙 Offrez-vous enfin le sommeil réparateur que vous méritez.\u003cbr\u003e\u003cstrong\u003eValériane Bio\u003c\/strong\u003e — La sérénité naturelle, certifiée bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --val-cream: #f9fbf5;\n --val-white: #ffffff;\n --val-primary: #C4D600;\n --val-primary-dark: #7A9E1E;\n --val-primary-light: #f0f5d8;\n --val-secondary: #E8F0D0;\n --val-accent: #8FB83A;\n --val-text: #1a2e0a;\n --val-text-light: #5a6b4a;\n --val-border: #dde8c5;\n --val-shadow: 0 4px 24px rgba(122, 158, 30, .08);\n --val-shadow-lg: 0 12px 48px rgba(122, 158, 30, .15);\n --val-radius: 20px;\n --val-radius-sm: 12px;\n}\n\n.val-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--val-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--val-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.val-hero {\n position: relative;\n background: linear-gradient(135deg, #C4D600 0%, #8FB83A 50%, #7A9E1E 100%);\n border-radius: var(--val-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(--val-shadow-lg);\n}\n\n.val-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 5c0 10-8 18-8 25s8 15 8 25c0-10 8-18 8-25s-8-15-8-25z' fill='%23ffffff' fill-opacity='0.06'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.val-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.val-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.val-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(--val-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.val-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.val-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.val-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.val-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 650px;\n margin: 0 auto 2rem;\n line-height: 1.7;\n}\n\n.val-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1rem, 3vw, 2rem);\n flex-wrap: wrap;\n}\n\n.val-stat {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n padding: .875rem 1.25rem;\n border-radius: var(--val-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.val-stat-number {\n font-size: clamp(22px, 4vw, 28px);\n font-weight: 900;\n color: white;\n}\n\n.val-stat-label {\n font-size: 11px;\n font-weight: 600;\n color: rgba(255,255,255,.85);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.val-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.val-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--val-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.val-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(--val-primary), var(--val-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.val-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.val-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.val-card {\n background: var(--val-white);\n border-radius: var(--val-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--val-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.val-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--val-shadow-lg);\n border-color: var(--val-primary);\n}\n\n.val-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--val-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.val-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--val-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.val-grid-compact .val-card {\n padding: 1rem;\n}\n\n.val-grid-compact .val-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.val-grid-compact .val-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION === *\/\n.val-composition-box {\n background: var(--val-white);\n border-radius: var(--val-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--val-shadow);\n max-width: 650px;\n margin: 0 auto;\n}\n\n.val-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n padding-bottom: 1.25rem;\n border-bottom: 2px dashed var(--val-border);\n margin-bottom: 1.25rem;\n flex-wrap: wrap;\n}\n\n.val-ingredient-visual {\n width: 70px;\n height: 70px;\n background: var(--val-primary-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.val-ingredient-emoji {\n font-size: 36px;\n}\n\n.val-ingredient-info {\n flex: 1;\n min-width: 180px;\n}\n\n.val-ingredient-name {\n display: block;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--val-primary-dark);\n margin-bottom: .25rem;\n}\n\n.val-ingredient-latin {\n font-size: 13px;\n color: var(--val-text-light);\n font-style: italic;\n}\n\n.val-ingredient-dose {\n text-align: center;\n background: linear-gradient(135deg, var(--val-primary), var(--val-primary-dark));\n padding: .875rem 1.25rem;\n border-radius: var(--val-radius-sm);\n}\n\n.val-dose-value {\n display: block;\n font-size: clamp(22px, 4vw, 26px);\n font-weight: 900;\n color: white;\n}\n\n.val-dose-label {\n font-size: 10px;\n color: rgba(255,255,255,.85);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.val-capsule-info {\n display: flex;\n align-items: center;\n gap: .75rem;\n padding: .875rem 1rem;\n background: var(--val-cream);\n border-radius: var(--val-radius-sm);\n margin-bottom: 1.25rem;\n font-size: 14px;\n color: var(--val-text-light);\n}\n\n.val-bio-certif {\n display: flex;\n align-items: center;\n gap: 1rem;\n justify-content: center;\n flex-wrap: wrap;\n}\n\n.val-bio-badge {\n background: var(--val-primary-dark);\n color: white;\n padding: 8px 16px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n}\n\n.val-bio-text {\n font-size: 13px;\n color: var(--val-text-light);\n font-style: italic;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.val-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.val-usage-card {\n background: var(--val-white);\n border-radius: var(--val-radius);\n overflow: hidden;\n box-shadow: var(--val-shadow);\n transition: all .3s ease;\n}\n\n.val-usage-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--val-shadow-lg);\n}\n\n.val-usage-header {\n padding: 1rem 1.25rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.val-usage-header.val-attack {\n background: linear-gradient(135deg, var(--val-primary), var(--val-accent));\n}\n\n.val-usage-header.val-maintenance {\n background: linear-gradient(135deg, var(--val-accent), var(--val-primary-dark));\n}\n\n.val-phase {\n font-size: 15px;\n font-weight: 800;\n color: white;\n}\n\n.val-duration {\n background: rgba(255,255,255,.2);\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: white;\n}\n\n.val-usage-body {\n padding: 1.5rem;\n text-align: center;\n}\n\n.val-dosage {\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: .5rem;\n margin-bottom: .5rem;\n}\n\n.val-dosage-num {\n font-size: clamp(42px, 8vw, 52px);\n font-weight: 900;\n color: var(--val-primary-dark);\n line-height: 1;\n}\n\n.val-dosage-unit {\n font-size: 18px;\n font-weight: 700;\n color: var(--val-text-light);\n}\n\n.val-frequency {\n font-size: 16px;\n font-weight: 700;\n color: var(--val-primary);\n margin: 0 0 .75rem 0;\n}\n\n.val-instruction {\n font-size: 13px;\n color: var(--val-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.val-accordion {\n background: var(--val-white);\n border-radius: var(--val-radius);\n box-shadow: var(--val-shadow);\n overflow: hidden;\n}\n\n.val-accordion-item {\n border-bottom: 1px solid var(--val-border);\n margin: 0;\n padding: 0;\n}\n\n.val-accordion-item:last-child {\n border-bottom: none;\n}\n\n.val-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--val-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.val-accordion-header:hover {\n background: var(--val-primary-light);\n}\n\n.val-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.val-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--val-primary);\n transition: transform .2s ease;\n}\n\n.val-accordion-item[open] .val-accordion-header::after {\n content: '−';\n}\n\n.val-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--val-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.val-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.val-cta-box {\n background: linear-gradient(135deg, var(--val-primary) 0%, var(--val-primary-dark) 100%);\n border-radius: var(--val-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.val-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.val-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 .val-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .val-grid-compact {\n gap: .625rem;\n }\n \n .val-grid-compact .val-card {\n padding: .75rem;\n }\n \n .val-card {\n padding: 1.125rem;\n }\n \n .val-section {\n margin-bottom: 1.75rem;\n }\n \n .val-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--val-radius-sm);\n }\n \n .val-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .val-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .val-hero-stats {\n gap: .75rem;\n }\n \n .val-stat {\n flex: 1;\n min-width: 90px;\n padding: .75rem 1rem;\n }\n \n .val-ingredient-main {\n flex-direction: column;\n text-align: center;\n }\n \n .val-ingredient-info {\n text-align: center;\n }\n \n .val-usage-grid {\n grid-template-columns: 1fr;\n }\n \n .val-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .val-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (max-width: 480px) {\n .val-badges-top {\n gap: 8px;\n }\n \n .val-badge {\n padding: 6px 12px;\n font-size: 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .val-card, .val-usage-card {\n animation: valFadeInUp .5s ease backwards;\n }\n .val-card:nth-child(1), .val-usage-card:nth-child(1) { animation-delay: .05s; }\n .val-card:nth-child(2), .val-usage-card:nth-child(2) { animation-delay: .1s; }\n .val-card:nth-child(3) { animation-delay: .15s; }\n .val-card:nth-child(4) { animation-delay: .2s; }\n .val-card:nth-child(5) { animation-delay: .25s; }\n .val-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes valFadeInUp {\n from { \n opacity: 0; \n transform: translateY(20px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .val-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":54895815459193,"sku":"GS5001","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/valeriane-graine-sauvage-min.jpg?v=1739014922"},{"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\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":31.39,"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":"griffonia-30-gelules-laboratoire-code","title":"Griffonia - 30 gélules - Laboratoire Code","description":"\u003cdiv class=\"grif-premium\"\u003e\n \u003cdiv class=\"grif-hero\"\u003e\n \u003cdiv class=\"grif-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"grif-hero-content\"\u003e\n \u003cdiv class=\"grif-badges-top\"\u003e\n \u003cspan class=\"grif-badge\"\u003e🌿 90 mg de 5-HTP\u003c\/span\u003e\n \u003cspan class=\"grif-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"grif-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"grif-hero-title\"\u003eGriffonia 5-HTP\u003c\/span\u003e\n \u003cp class=\"grif-subtitle\"\u003eLa plante du bonheur — Laboratoire Code\u003c\/p\u003e\n \u003cp class=\"grif-description\"\u003eOriginaire d'Afrique de l'Ouest, le \u003cstrong\u003eGriffonia simplicifolia\u003c\/strong\u003e est une plante grimpante dont les graines renferment naturellement du \u003cstrong\u003e5-HTP\u003c\/strong\u003e, un précurseur direct de la sérotonine. Un extrait concentré et titré, idéal pour soutenir votre équilibre émotionnel, apaiser les tensions du quotidien et favoriser un sommeil réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"grif-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Griffonia du Laboratoire Code ?\u003c\/h2\u003e\n \u003cp class=\"grif-section-intro\"\u003eSurnommée la « plante du bonheur », le \u003cstrong\u003eGriffonia simplicifolia\u003c\/strong\u003e est utilisée traditionnellement en Afrique pour ses vertus apaisantes. Sa richesse en \u003cstrong\u003e5-HTP\u003c\/strong\u003e en fait un complément précieux pour les personnes traversant des périodes de stress, de fatigue émotionnelle ou de troubles passagers du sommeil.\u003c\/p\u003e\n \u003cdiv class=\"grif-grid-compact\"\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🎯 Dosage précis\u003c\/h3\u003e\n \u003cp\u003eExtrait titré à 30 % en 5-HTP, soit 90 mg par gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eQualité contrôlée à chaque étape de production.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🌱 100 % végétal\u003c\/h3\u003e\n \u003cp\u003eGélules en hypromellose adaptées aux végans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e✨ Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans gluten, sans lactose, sans OGM.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"grif-section\"\u003e\n \u003ch2\u003eLes bienfaits du Griffonia 5-HTP\u003c\/h2\u003e\n \u003cp class=\"grif-section-intro\"\u003eGrâce à sa concentration optimale en \u003cstrong\u003eHTP 5\u003c\/strong\u003e, le Griffonia agit en profondeur sur l'équilibre émotionnel et le sommeil.\u003c\/p\u003e\n \u003cdiv class=\"grif-grid\"\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e😊 Soutien de l'humeur\u003c\/h3\u003e\n \u003cp\u003eSoutient la production naturelle de \u003cstrong\u003esérotonine\u003c\/strong\u003e, essentielle à un état d'esprit positif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🧘 Apaisement nerveux\u003c\/h3\u003e\n \u003cp\u003eAide à apaiser les tensions et la nervosité passagère liées au stress quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🌙 Sommeil réparateur\u003c\/h3\u003e\n \u003cp\u003eFavorise un \u003cstrong\u003esommeil de qualité\u003c\/strong\u003e en participant à la synthèse de la mélatonine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🍫 Anti-fringales\u003c\/h3\u003e\n \u003cp\u003eRéduit les envies sucrées et les grignotages émotionnels liés au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e💆 Confort mental\u003c\/h3\u003e\n \u003cp\u003eAccompagne les personnes sujettes aux maux de tête liés à l'anxiété.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🌿 Synergie naturelle\u003c\/h3\u003e\n \u003cp\u003eL'association \u003cstrong\u003eGriffonia rhodiola\u003c\/strong\u003e est souvent recommandée : la rhodiola agit sur la résistance au stress, le Griffonia sur l'humeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"grif-section\"\u003e\n \u003ch2\u003eGriffonia : effet au bout de combien de temps ?\u003c\/h2\u003e\n \u003cdiv class=\"grif-timeline\"\u003e\n \u003cdiv class=\"grif-timeline-item\"\u003e\n \u003cdiv class=\"grif-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"grif-timeline-content\"\u003e\n \u003ch3\u003eLes 2 premières semaines\u003c\/h3\u003e\n \u003cp\u003ePhase d'adaptation : votre organisme assimile progressivement le 5-HTP.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-timeline-item\"\u003e\n \u003cdiv class=\"grif-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"grif-timeline-content\"\u003e\n \u003ch3\u003eAprès 2 à 3 semaines\u003c\/h3\u003e\n \u003cp\u003eLes premiers effets sur la \u003cstrong\u003edétente\u003c\/strong\u003e et le \u003cstrong\u003esommeil\u003c\/strong\u003e se font ressentir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-timeline-item\"\u003e\n \u003cdiv class=\"grif-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"grif-timeline-content\"\u003e\n \u003ch3\u003eCure de 1 à 3 mois\u003c\/h3\u003e\n \u003cp\u003eBénéfices optimaux sur l'humeur et l'équilibre émotionnel global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-tip\"\u003e\n \u003cspan class=\"grif-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLa constance est la clé : prenez votre gélule chaque soir à la même heure pour des résultats durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"grif-section\"\u003e\n \u003ch2\u003eComposition pour 1 gélule\u003c\/h2\u003e\n \u003cdiv class=\"grif-grid-compact\"\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🌱 300 mg\u003c\/h3\u003e\n \u003cp\u003eExtrait de graines de \u003cstrong\u003eGriffonia simplicifolia\u003c\/strong\u003e titré à 30 % en 5-HTP\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e⚡ 90 mg\u003c\/h3\u003e\n \u003cp\u003eDe \u003cstrong\u003e5-HTP\u003c\/strong\u003e actif par gélule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🧪 75 mg\u003c\/h3\u003e\n \u003cp\u003eCellulose microcristalline (support)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🔬 20 mg\u003c\/h3\u003e\n \u003cp\u003eStéarate de magnésium végétal (agent d'écoulement)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-tip\"\u003e\n \u003cspan class=\"grif-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eEnveloppe végétale en hypromellose. \u003cstrong\u003eSans gluten, sans lactose, sans OGM.\u003c\/strong\u003e Convient aux végans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"grif-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"grif-timeline\"\u003e\n \u003cdiv class=\"grif-timeline-item\"\u003e\n \u003cdiv class=\"grif-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"grif-timeline-content\"\u003e\n \u003ch3\u003e1 gélule par jour\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e1 gélule\u003c\/strong\u003e avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-timeline-item\"\u003e\n \u003cdiv class=\"grif-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"grif-timeline-content\"\u003e\n \u003ch3\u003eLe soir au repas\u003c\/h3\u003e\n \u003cp\u003eDe préférence au moment du repas du soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-timeline-item\"\u003e\n \u003cdiv class=\"grif-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"grif-timeline-content\"\u003e\n \u003ch3\u003eEndormissement facilité\u003c\/h3\u003e\n \u003cp\u003eCette prise vespérale favorise la conversion du 5-HTP en sérotonine puis en mélatonine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"grif-section\"\u003e\n \u003ch2\u003ePrécautions et danger éventuel du Griffonia\u003c\/h2\u003e\n \u003cp class=\"grif-section-intro\"\u003eLa question du \u003cstrong\u003egriffonia danger\u003c\/strong\u003e revient souvent : utilisé aux doses recommandées, le Griffonia est généralement bien toléré. Toutefois, certaines précautions s'imposent.\u003c\/p\u003e\n \u003cdiv class=\"grif-accordion\"\u003e\n \u003cdetails class=\"grif-accordion-item\"\u003e\n \u003csummary class=\"grif-accordion-header\"\u003e🚫 Personnes déconseillées\u003c\/summary\u003e\n \u003cdiv class=\"grif-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes, allaitantes et aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"grif-accordion-item\"\u003e\n \u003csummary class=\"grif-accordion-header\"\u003e⚠️ Contre-indication majeure\u003c\/summary\u003e\n \u003cdiv class=\"grif-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eStrictement contre-indiqué\u003c\/strong\u003e en cas de traitement antidépresseur, notamment les \u003cstrong\u003eISRS\u003c\/strong\u003e, en raison du risque de syndrome sérotoninergique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"grif-accordion-item\"\u003e\n \u003csummary class=\"grif-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"grif-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez l'avis de votre médecin en cas de traitement médicamenteux en cours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"grif-accordion-item\"\u003e\n \u003csummary class=\"grif-accordion-header\"\u003e📏 Dosage\u003c\/summary\u003e\n \u003cdiv class=\"grif-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"grif-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation équilibrée, à un mode de vie sain, ni à un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"grif-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eInformations produit\u003c\/h2\u003e\n \u003cdiv class=\"grif-grid-compact\"\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eLaboratoire Code\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n \u003cp\u003e30 gélules végétales de 395 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e📅 Durée de la cure\u003c\/h3\u003e\n \u003cp\u003e1 mois\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --grif-cream: #f4f8fb;\n --grif-white: #ffffff;\n --grif-primary: #5ba3d0;\n --grif-primary-dark: #2c6a96;\n --grif-primary-light: #e3eef7;\n --grif-secondary: #d9304a;\n --grif-accent: #e8485f;\n --grif-text: #1a1a1a;\n --grif-text-light: #5a6470;\n --grif-border: #d9e4ee;\n --grif-shadow: 0 4px 24px rgba(44,106,150,.08);\n --grif-shadow-lg: 0 12px 48px rgba(44,106,150,.18);\n --grif-radius: 20px;\n --grif-radius-sm: 12px;\n}\n\n.grif-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--grif-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--grif-text);\n}\n\n.grif-hero {\n position: relative;\n background: linear-gradient(135deg, #7cb8dd 0%, #5ba3d0 50%, #2c6a96 100%);\n border-radius: var(--grif-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(--grif-shadow-lg);\n}\n\n.grif-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, #fff 2px, transparent 2px),\n radial-gradient(circle at 80% 70%, #fff 1px, transparent 1px);\n background-size: 60px 60px, 40px 40px;\n opacity: .08;\n}\n\n.grif-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.grif-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.grif-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.8vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.grif-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.grif-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.grif-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(--grif-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.grif-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.grif-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.grif-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--grif-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.grif-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(--grif-primary), var(--grif-secondary));\n border-radius: 2px;\n}\n\n.grif-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--grif-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.grif-card {\n background: var(--grif-white);\n border-radius: var(--grif-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--grif-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.grif-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--grif-shadow-lg);\n border-color: var(--grif-primary);\n}\n\n.grif-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--grif-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.grif-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--grif-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.grif-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.grif-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.grif-grid-compact .grif-card {\n padding: 1rem;\n}\n\n.grif-grid-compact .grif-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.grif-grid-compact .grif-card p {\n font-size: 12px;\n}\n\n.grif-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.grif-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.grif-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--grif-primary), var(--grif-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(44,106,150,.3);\n}\n\n.grif-timeline-content {\n flex: 1;\n background: var(--grif-white);\n padding: 1rem 1.25rem;\n border-radius: var(--grif-radius-sm);\n box-shadow: var(--grif-shadow);\n}\n\n.grif-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--grif-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.grif-timeline-content p {\n font-size: 14px;\n color: var(--grif-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.grif-accordion {\n background: var(--grif-white);\n border-radius: var(--grif-radius);\n box-shadow: var(--grif-shadow);\n overflow: hidden;\n}\n\n.grif-accordion-item {\n border-bottom: 1px solid var(--grif-border);\n margin: 0;\n padding: 0;\n}\n\n.grif-accordion-item:last-child {\n border-bottom: none;\n}\n\n.grif-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--grif-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.grif-accordion-header:hover {\n background: var(--grif-primary-light);\n}\n\n.grif-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.grif-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--grif-primary);\n transition: transform .2s ease;\n}\n\n.grif-accordion-item[open] .grif-accordion-header::after {\n content: '−';\n}\n\n.grif-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--grif-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.grif-accordion-content p {\n margin: 0;\n}\n\n.grif-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--grif-primary-light);\n border-radius: var(--grif-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--grif-primary);\n}\n\n.grif-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.grif-tip p {\n font-size: 14px;\n color: var(--grif-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.grif-disclaimer {\n font-size: 12px;\n color: var(--grif-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .grif-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .grif-card {\n padding: 1.125rem;\n }\n .grif-section {\n margin-bottom: 1.75rem;\n }\n .grif-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--grif-radius-sm);\n }\n .grif-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .grif-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .grif-grid-compact {\n gap: .625rem;\n }\n .grif-grid-compact .grif-card {\n padding: .75rem;\n }\n .grif-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .grif-timeline-content {\n padding: .875rem 1rem;\n }\n .grif-timeline-content h3 {\n font-size: 14px;\n }\n .grif-timeline-content p {\n font-size: 13px;\n }\n .grif-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .grif-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .grif-card {\n animation: grifFadeInUp .5s ease backwards;\n }\n .grif-card:nth-child(1) { animation-delay: .05s; }\n .grif-card:nth-child(2) { animation-delay: .1s; }\n .grif-card:nth-child(3) { animation-delay: .15s; }\n .grif-card:nth-child(4) { animation-delay: .2s; }\n .grif-card:nth-child(5) { animation-delay: .25s; }\n .grif-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes grifFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .grif-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55118259257721,"sku":"LC1013","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/griffonia-30-gelules-laboratoire-code-packshothd.webp?v=1778241412"},{"product_id":"sirop-sommeil-bio-150-ml-originel-kid-dioter","title":"Sirop Sommeil Enfant Bio - Originel Kid 150 ml - Dioter","description":"\u003cdiv class=\"ok-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ok-hero\"\u003e\n \u003cdiv class=\"ok-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ok-hero-content\"\u003e\n \u003cdiv class=\"ok-badges-top\"\u003e\n \u003cspan class=\"ok-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"ok-badge\"\u003e👶 Dès 12 mois\u003c\/span\u003e\n \u003cspan class=\"ok-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ok-hero-title\"\u003eSirop Sommeil Enfant Bio\u003cbr\u003eOriginel Kid\u003c\/span\u003e\n \u003cp class=\"ok-subtitle\"\u003eLaboratoire Dioter — Flacon 150 ml\u003c\/p\u003e\n \u003cp class=\"ok-description\"\u003e3 plantes bio pour accompagner en douceur l'endormissement de votre enfant, sans mélatonine ni substance artificielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ok-section\"\u003e\n \u003ch2\u003eUn sirop bio aux plantes pour accompagner le sommeil de votre enfant\u003c\/h2\u003e\n \u003cp class=\"ok-section-intro\"\u003eLes difficultés d'endormissement chez les tout-petits sont une préoccupation quotidienne pour de nombreux parents.\u003c\/p\u003e\n \u003cdiv class=\"ok-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003esirop Sommeil Enfant Bio Originel Kid\u003c\/strong\u003e du \u003cstrong\u003eLaboratoire Dioter\u003c\/strong\u003e offre une réponse douce et naturelle, formulée à partir de \u003cstrong\u003etrois extraits de plantes biologiques\u003c\/strong\u003e soigneusement sélectionnés. Adapté aux enfants dès \u003cstrong\u003e12 mois\u003c\/strong\u003e, ce complément alimentaire liquide aide à favoriser un endormissement serein et des nuits plus apaisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ok-section\"\u003e\n \u003ch2\u003eTrois plantes bio aux vertus complémentaires\u003c\/h2\u003e\n \u003cp class=\"ok-section-intro\"\u003eLa force de cette formule repose sur l'association de plantes reconnues pour leurs propriétés relaxantes, chacune jouant un rôle précis.\u003c\/p\u003e\n \u003cdiv class=\"ok-grid\"\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🌺 Coquelicot bio\u003c\/h3\u003e\n \u003cp class=\"ok-card-latin\"\u003ePapaver rhoeas\u003c\/p\u003e\n \u003cp\u003eTraditionnellement utilisé pour calmer les tensions nerveuses légères, le coquelicot facilite la transition vers le sommeil sans provoquer de somnolence artificielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🍃 Mélisse bio\u003c\/h3\u003e\n \u003cp class=\"ok-card-latin\"\u003eMelissa officinalis\u003c\/p\u003e\n \u003cp\u003eCette plante apaisante contribue à la relaxation et au confort digestif, deux facteurs essentiels pour que votre enfant s'endorme dans de bonnes conditions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🌿 Marjolaine bio\u003c\/h3\u003e\n \u003cp class=\"ok-card-latin\"\u003eOriganum majorana\u003c\/p\u003e\n \u003cp\u003eElle soutient l'équilibre nerveux et aide à maintenir un sommeil de qualité tout au long de la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-tip\"\u003e\n \u003cspan class=\"ok-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eContrairement à certains sirops pour enfants contenant de la mélatonine de synthèse, cette formule mise exclusivement sur des \u003cstrong\u003eextraits végétaux certifiés bio\u003c\/strong\u003e, sans substance artificielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ok-section\"\u003e\n \u003ch2\u003eComposition détaillée par dose journalière (5 ml)\u003c\/h2\u003e\n \u003cdiv class=\"ok-grid-compact\"\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🌺 Coquelicot bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e678 mg\u003c\/strong\u003e\u003cbr\u003eExtrait fluide de pétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🍃 Mélisse bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e78 mg\u003c\/strong\u003e\u003cbr\u003eExtrait fluide de feuille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🌿 Marjolaine bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e78 mg\u003c\/strong\u003e\u003cbr\u003eExtrait fluide de feuille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🍇 Sucres de fruits\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eBio\u003c\/strong\u003e\u003cbr\u003ePréparation aqueuse de plantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-tip\"\u003e\n \u003cspan class=\"ok-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans conservateurs, sans arômes artificiels, sans colorants.\u003c\/strong\u003e Tous les ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ok-section\"\u003e\n \u003ch2\u003eComment donner ce sirop sommeil à votre enfant ?\u003c\/h2\u003e\n \u003cdiv class=\"ok-timeline\"\u003e\n \u003cdiv class=\"ok-timeline-item\"\u003e\n \u003cdiv class=\"ok-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ok-timeline-content\"\u003e\n \u003ch3\u003eDosez facilement\u003c\/h3\u003e\n \u003cp\u003eAdministrez \u003cstrong\u003e5 ml par jour\u003c\/strong\u003e grâce au \u003cstrong\u003ebouchon doseur anti-goutte\u003c\/strong\u003e, simple et précis, même avec un enfant agité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-timeline-item\"\u003e\n \u003cdiv class=\"ok-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ok-timeline-content\"\u003e\n \u003ch3\u003eLe bon moment\u003c\/h3\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003ele soir, environ 30 minutes avant le coucher\u003c\/strong\u003e, dilué dans un peu d'eau ou directement dans la bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-timeline-item\"\u003e\n \u003cdiv class=\"ok-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ok-timeline-content\"\u003e\n \u003ch3\u003eUn goût apprécié\u003c\/h3\u003e\n \u003cp\u003eSon \u003cstrong\u003egoût délicatement sucré\u003c\/strong\u003e, obtenu naturellement à partir de sucres de fruits, est très bien accepté par les enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-timeline-item\"\u003e\n \u003cdiv class=\"ok-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ok-timeline-content\"\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp\u003eAprès ouverture, conservez le flacon au \u003cstrong\u003eréfrigérateur\u003c\/strong\u003e et utilisez-le dans les \u003cstrong\u003e30 jours\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ok-section\"\u003e\n \u003ch2\u003ePourquoi choisir le sirop Originel Kid Dioter ?\u003c\/h2\u003e\n \u003cdiv class=\"ok-grid-compact\"\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🏷️ Certifié bio (AB)\u003c\/h3\u003e\n \u003cp\u003eUne garantie de qualité et de traçabilité sur chaque ingrédient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e👶 Dès 12 mois\u003c\/h3\u003e\n \u003cp\u003eUne formulation douce pensée pour les organismes fragiles des tout-petits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eLe Laboratoire Dioter élabore ses produits avec un savoir-faire artisanal respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ok-card\"\u003e\n \u003ch3\u003e📦 Flacon 150 ml\u003c\/h3\u003e\n \u003cp\u003eSoit environ \u003cstrong\u003e30 jours\u003c\/strong\u003e d'utilisation — un format pratique et économique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ok-section\"\u003e\n \u003ch2\u003eQuelques conseils pour améliorer le sommeil de votre enfant\u003c\/h2\u003e\n \u003cdiv class=\"ok-testimonial\"\u003e\n \u003cp class=\"ok-testimonial-text\"\u003eLe sirop Originel Kid sera d'autant plus efficace si vous l'intégrez dans une \u003cstrong\u003eroutine du coucher apaisante\u003c\/strong\u003e : lumière tamisée, histoire calme, écrans éteints au moins une heure avant le coucher. Ces petits rituels, combinés à un complément naturel, peuvent faire une réelle différence sur la qualité des nuits de votre enfant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA + DISCLAIMER --\u003e\n \u003csection class=\"ok-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ok-cta-box\"\u003e\n \u003cp\u003e🌙 Offrez à votre enfant des nuits sereines grâce à la douceur des plantes bio — sans mélatonine, sans artifice, juste la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ok-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 troubles du sommeil persistants, consultez votre pédiatre. Tenir hors de portée des enfants. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ok-cream: #f7f5f0;\n --ok-white: #ffffff;\n --ok-primary: #7cb342;\n --ok-primary-dark: #33691e;\n --ok-primary-light: #f0f7e6;\n --ok-secondary: #e85d75;\n --ok-accent: #64b5f6;\n --ok-text: #1a1a1a;\n --ok-text-light: #5a5a5a;\n --ok-border: #e0e0e0;\n --ok-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ok-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ok-radius: 20px;\n --ok-radius-sm: 12px;\n}\n\n.ok-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ok-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ok-hero {\n position: relative;\n background: linear-gradient(135deg, #33691e 0%, #7cb342 50%, #aed581 100%);\n border-radius: var(--ok-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(--ok-shadow-lg);\n}\n\n.ok-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(232,93,117,.1) 0%, transparent 40%);\n opacity: .6;\n}\n\n.ok-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ok-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.ok-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.ok-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.ok-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ok-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(--ok-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ok-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ok-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ok-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ok-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.ok-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(--ok-primary), var(--ok-secondary));\n border-radius: 2px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ok-highlight-box {\n background: var(--ok-white);\n border-radius: var(--ok-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ok-shadow);\n border-left: 4px solid var(--ok-primary);\n}\n\n.ok-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ok-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.ok-card {\n background: var(--ok-white);\n border-radius: var(--ok-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ok-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ok-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ok-shadow-lg);\n border-color: var(--ok-primary);\n}\n\n.ok-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ok-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ok-card-latin {\n font-size: 12px;\n font-style: italic;\n color: var(--ok-secondary);\n margin: 0 0 .5rem 0;\n font-weight: 600;\n}\n\n.ok-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ok-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ok-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ok-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ok-grid-compact .ok-card {\n padding: 1rem;\n}\n\n.ok-grid-compact .ok-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ok-grid-compact .ok-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ok-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ok-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ok-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ok-primary), var(--ok-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.ok-timeline-content {\n flex: 1;\n background: var(--ok-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ok-radius-sm);\n box-shadow: var(--ok-shadow);\n}\n\n.ok-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ok-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ok-timeline-content p {\n font-size: 14px;\n color: var(--ok-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ok-testimonial {\n background: var(--ok-white);\n border-radius: var(--ok-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ok-shadow);\n border-left: 4px solid var(--ok-secondary);\n}\n\n.ok-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ok-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ok-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ok-primary-light);\n border-radius: var(--ok-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ok-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ok-tip p {\n font-size: 14px;\n color: var(--ok-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ok-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ok-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CTA FINAL === *\/\n.ok-cta-box {\n background: linear-gradient(135deg, var(--ok-primary) 0%, var(--ok-primary-dark) 100%);\n border-radius: var(--ok-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ok-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.ok-disclaimer {\n font-size: 12px;\n color: var(--ok-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 .ok-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ok-card {\n padding: 1.125rem;\n }\n\n .ok-section {\n margin-bottom: 1.75rem;\n }\n\n .ok-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ok-radius-sm);\n }\n\n .ok-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ok-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ok-grid-compact {\n gap: .625rem;\n }\n\n .ok-grid-compact .ok-card {\n padding: .75rem;\n }\n\n .ok-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ok-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ok-timeline-content h3 {\n font-size: 14px;\n }\n\n .ok-timeline-content p {\n font-size: 13px;\n }\n\n .ok-testimonial {\n padding: 1.25rem;\n }\n\n .ok-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ok-card {\n animation: okFadeInUp .5s ease backwards;\n }\n .ok-card:nth-child(1) { animation-delay: .05s; }\n .ok-card:nth-child(2) { animation-delay: .1s; }\n .ok-card:nth-child(3) { animation-delay: .15s; }\n .ok-card:nth-child(4) { animation-delay: .2s; }\n .ok-card:nth-child(5) { animation-delay: .25s; }\n .ok-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes okFadeInUp {\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 .ok-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55118828306809,"sku":"DI5070","price":18.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/sirop-sommeil-enfant-bio-originel-kid-150-ml-dioter-lifestyle.webp?v=1772893443"},{"product_id":"melatonine-verveine-bio-60-gelules-laboratoire-code","title":"Mélatonine Verveine - 60 gélules - Laboratoire Code","description":"\u003cdiv class=\"mv-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"mv-hero\"\u003e\n\u003cdiv class=\"mv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mv-hero-content\"\u003e\n\u003cdiv class=\"mv-badges-top\"\u003e\n\u003cspan class=\"mv-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e \u003cspan class=\"mv-badge\"\u003e🌿 Gélules végétales\u003c\/span\u003e \u003cspan class=\"mv-badge\"\u003e🌙 1,8 mg de mélatonine\u003c\/span\u003e \u003cspan class=\"mv-badge\"\u003e💊 60 gélules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mv-hero-title\"\u003eMélatonine Verveine\u003c\/span\u003e\n\u003cp class=\"mv-subtitle\"\u003eLaboratoire Code - 60 gélules végétales de 325 mg\u003c\/p\u003e\n\u003cp class=\"mv-description\"\u003eL'alliance apaisante de la mélatonine et de la verveine pour retrouver un endormissement serein, réduire les effets du décalage horaire et favoriser un sommeil profond et réparateur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"mv-section\"\u003e\n\u003ch2\u003eMélatonine Verveine : retrouvez un endormissement serein et naturel\u003c\/h2\u003e\n\u003cp class=\"mv-section-intro\"\u003eVous avez du mal à trouver le sommeil le soir ? Les nuits agitées, les réveils difficiles ou le \u003cstrong\u003edécalage horaire\u003c\/strong\u003e perturbent votre quotidien ?\u003c\/p\u003e\n\u003cdiv class=\"mv-grid-compact\"\u003e\n\u003cdiv class=\"mv-card\"\u003e\n\u003ch3\u003e🌙 Endormissement facilité\u003c\/h3\u003e\n\u003cp\u003eLa mélatonine réduit le temps nécessaire pour s'endormir naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-card\"\u003e\n\u003ch3\u003e🌿 Synergie végétale\u003c\/h3\u003e\n\u003cp\u003eMélatonine + verveine : deux actifs complémentaires pour des nuits apaisées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-card\"\u003e\n\u003ch3\u003e🚫 Sans accoutumance\u003c\/h3\u003e\n\u003cp\u003eUne solution douce, sans dépendance ni effets résiduels au réveil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-card\"\u003e\n\u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n\u003cp\u003eFormule végétale, conditionnée en France pour une traçabilité totale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"mv-section\"\u003e\n\u003ch2\u003ePourquoi associer mélatonine et verveine pour le sommeil ?\u003c\/h2\u003e\n\u003cdiv class=\"mv-dual-block\"\u003e\n\u003cdiv class=\"mv-card mv-card-highlight mv-card-mela\"\u003e\n\u003ch3\u003e🧠 La mélatonine, hormone du sommeil\u003c\/h3\u003e\n\u003cp\u003eNaturellement produite par notre cerveau à la tombée de la nuit, la \u003cstrong\u003emélatonine\u003c\/strong\u003e signale à votre organisme qu'il est temps de se reposer. Lorsque sa sécrétion est perturbée - par les écrans, le stress, un voyage ou un rythme de vie décalé - l'endormissement devient plus difficile. Un apport en \u003cstrong\u003emélatonine pour le sommeil\u003c\/strong\u003e contribue alors à réduire le temps nécessaire pour s'endormir et à atténuer les effets du jet-lag.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-card mv-card-highlight mv-card-verv\"\u003e\n\u003ch3\u003e🌿 La verveine, plante de la détente\u003c\/h3\u003e\n\u003cp\u003eLa \u003cstrong\u003everveine\u003c\/strong\u003e est traditionnellement reconnue pour ses propriétés relaxantes. Elle favorise une détente mentale et physique propice au coucher. En l'associant à la mélatonine, cette formule crée une véritable synergie : la verveine prépare votre corps au repos, tandis que la mélatonine enclenche le processus d'endormissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-tip\"\u003e\n\u003cspan class=\"mv-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eVous ne vous contentez pas de dormir plus vite : vous abordez la nuit dans de meilleures conditions pour un \u003cstrong\u003esommeil profond\u003c\/strong\u003e et réparateur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"mv-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément alimentaire sommeil ?\u003c\/h2\u003e\n\u003cdiv class=\"mv-grid\"\u003e\n\u003cdiv class=\"mv-card\"\u003e\n\u003ch3\u003e✈️ Voyageurs fréquents\u003c\/h3\u003e\n\u003cp\u003eLimitez efficacement les effets du décalage horaire et retrouvez votre rythme plus rapidement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-card\"\u003e\n\u003ch3\u003e🔄 Horaires irréguliers\u003c\/h3\u003e\n\u003cp\u003eTravail posté, gardes de nuit : recalez votre horloge biologique en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-card\"\u003e\n\u003ch3\u003e😴 Difficultés d'endormissement\u003c\/h3\u003e\n\u003cp\u003eAdultes ayant du mal à s'endormir ou souffrant d'un sommeil léger et non réparateur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-card\"\u003e\n\u003ch3\u003e🌱 Alternative naturelle\u003c\/h3\u003e\n\u003cp\u003ePour toute personne cherchant une solution douce et végétale, loin des somnifères classiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"mv-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 2 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"mv-composition\"\u003e\n\u003cdiv class=\"mv-compo-item\"\u003e\n\u003cdiv class=\"mv-compo-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"mv-compo-info\"\u003e\n\u003ch3\u003eVerveine (poudre)\u003c\/h3\u003e\n\u003cp class=\"mv-compo-dose\"\u003e498 mg\u003c\/p\u003e\n\u003cp\u003ePlante relaxante qui prépare le corps au repos et favorise la détente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-compo-item\"\u003e\n\u003cdiv class=\"mv-compo-icon\"\u003e🌙\u003c\/div\u003e\n\u003cdiv class=\"mv-compo-info\"\u003e\n\u003ch3\u003eMélatonine\u003c\/h3\u003e\n\u003cp class=\"mv-compo-dose\"\u003e1,8 mg\u003c\/p\u003e\n\u003cp\u003eHormone du sommeil qui réduit le temps d'endormissement et atténue le jet-lag.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-compo-item\"\u003e\n\u003cdiv class=\"mv-compo-icon\"\u003e💊\u003c\/div\u003e\n\u003cdiv class=\"mv-compo-info\"\u003e\n\u003ch3\u003eEnveloppe de la gélule\u003c\/h3\u003e\n\u003cp class=\"mv-compo-dose\"\u003eHypromellose\u003c\/p\u003e\n\u003cp\u003eGélule 100 % végétale, compatible avec un régime végétalien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-tip\"\u003e\n\u003cspan class=\"mv-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eChaque pilulier contient \u003cstrong\u003e60 gélules végétales de 325 mg\u003c\/strong\u003e, soit \u003cstrong\u003e30 à 60 jours\u003c\/strong\u003e d'utilisation selon le dosage choisi. Formule sans ingrédient d'origine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"mv-section\"\u003e\n\u003ch2\u003eConseils d'utilisation : comment prendre la mélatonine verveine ?\u003c\/h2\u003e\n\u003cdiv class=\"mv-timeline\"\u003e\n\u003cdiv class=\"mv-timeline-item\"\u003e\n\u003cdiv class=\"mv-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mv-timeline-content\"\u003e\n\u003ch3\u003ePour faciliter l'endormissement\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 à 2 gélules\u003c\/strong\u003e avec un verre d'eau, \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-timeline-item\"\u003e\n\u003cdiv class=\"mv-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mv-timeline-content\"\u003e\n\u003ch3\u003eEn cas de décalage horaire\u003c\/h3\u003e\n\u003cp\u003eCommencez dès le premier soir de voyage à raison de \u003cstrong\u003e1 à 2 gélules\u003c\/strong\u003e avant le coucher, puis poursuivez pendant quelques jours après l'arrivée à destination.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-timeline-item\"\u003e\n\u003cdiv class=\"mv-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mv-timeline-content\"\u003e\n\u003ch3\u003eOptimisez vos résultats\u003c\/h3\u003e\n\u003cp\u003eMaintenez des horaires de coucher réguliers et limitez l'exposition aux écrans en fin de soirée pour un résultat optimal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"mv-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"mv-accordion\"\u003e\n\u003cdetails class=\"mv-accordion-item\"\u003e\n\u003csummary class=\"mv-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"mv-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne remplace ni un traitement médical ni un suivi par un professionnel de santé. Déconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e, aux enfants, aux adolescents et aux personnes souffrant de maladies inflammatoires ou auto-immunes. Si vous suivez un traitement médicamenteux ou si vous présentez une pathologie particulière (épilepsie, troubles de l'humeur), consultez votre médecin avant toute prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mv-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"mv-accordion-header\"\u003e🚗 Somnolence et dosage\u003c\/summary\u003e\n\u003cdiv class=\"mv-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit peut entraîner une somnolence : ne conduisez pas juste après la prise. Ne dépassez pas la dose recommandée. Ne pas utiliser de manière prolongée sans avis médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mv-accordion-item\"\u003e\n\u003csummary class=\"mv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"mv-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le pilulier à l'abri de la lumière et de l'humidité, à température ambiante. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"mv-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 --mv-cream: #f4f7fa;\n --mv-white: #ffffff;\n --mv-primary: #7DB8D4;\n --mv-primary-dark: #2a6a8a;\n --mv-primary-light: #e8f4fa;\n --mv-secondary: #D93B3B;\n --mv-accent: #5A9BB5;\n --mv-text: #1a1a1a;\n --mv-text-light: #5a5a5a;\n --mv-border: #e0e0e0;\n --mv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mv-radius: 20px;\n --mv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mv-hero {\n position: relative;\n background: linear-gradient(135deg, #2a6a8a 0%, #5A9BB5 40%, #7DB8D4 70%, #a8d4e8 100%);\n border-radius: var(--mv-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(--mv-shadow-lg);\n}\n\n.mv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n repeating-linear-gradient(120deg, rgba(255,255,255,.02) 0px, rgba(255,255,255,.02) 2px, transparent 2px, transparent 40px);\n opacity: 1;\n}\n\n.mv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.mv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mv-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(--mv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.mv-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.mv-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.mv-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\/* === SECTIONS === *\/\n.mv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mv-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.mv-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(--mv-primary), var(--mv-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mv-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.mv-card {\n background: var(--mv-white);\n border-radius: var(--mv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mv-shadow-lg);\n border-color: var(--mv-primary);\n}\n\n.mv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD HIGHLIGHT (pour la section synergie) === *\/\n.mv-card-highlight {\n text-align: left;\n border-left: 4px solid var(--mv-primary);\n}\n\n.mv-card-highlight:hover {\n border-left-color: var(--mv-secondary);\n}\n\n.mv-card-mela {\n border-left-color: var(--mv-primary);\n}\n\n.mv-card-verv {\n border-left-color: #6ab07a;\n}\n\n.mv-card-verv:hover {\n border-color: #6ab07a;\n}\n\n\/* === GRILLES === *\/\n.mv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mv-grid-compact .mv-card {\n padding: 1rem;\n}\n\n.mv-grid-compact .mv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mv-grid-compact .mv-card p {\n font-size: 12px;\n}\n\n\/* === DUAL BLOCK (2 colonnes pour synergie) === *\/\n.mv-dual-block {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1rem;\n}\n\n\/* === COMPOSITION === *\/\n.mv-composition {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mv-compo-item {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--mv-white);\n border-radius: var(--mv-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--mv-shadow);\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.mv-compo-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--mv-shadow-lg);\n border-color: var(--mv-primary);\n}\n\n.mv-compo-icon {\n font-size: 32px;\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n background: var(--mv-primary-light);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.mv-compo-info {\n flex: 1;\n}\n\n.mv-compo-info h3 {\n font-size: clamp(16px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mv-compo-dose {\n font-size: clamp(14px, 2vw, 16px);\n font-weight: 700;\n color: var(--mv-secondary);\n margin: 0 0 .35rem 0 !important;\n}\n\n.mv-compo-info p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--mv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIMELINE === *\/\n.mv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mv-primary), var(--mv-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(125,184,212,.4);\n}\n\n.mv-timeline-content {\n flex: 1;\n background: var(--mv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mv-radius-sm);\n box-shadow: var(--mv-shadow);\n}\n\n.mv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mv-timeline-content p {\n font-size: 14px;\n color: var(--mv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.mv-testimonial {\n background: var(--mv-white);\n border-radius: var(--mv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mv-shadow);\n border-left: 4px solid var(--mv-primary);\n}\n\n.mv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.mv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mv-primary-light);\n border-radius: var(--mv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mv-tip p {\n font-size: 14px;\n color: var(--mv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.mv-accordion {\n background: var(--mv-white);\n border-radius: var(--mv-radius);\n box-shadow: var(--mv-shadow);\n overflow: hidden;\n}\n\n.mv-accordion-item {\n border-bottom: 1px solid var(--mv-border);\n margin: 0;\n padding: 0;\n}\n\n.mv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mv-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.mv-accordion-header:hover {\n background: var(--mv-primary-light);\n}\n\n.mv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mv-primary);\n transition: transform .2s ease;\n}\n\n.mv-accordion-item[open] .mv-accordion-header::after {\n content: '−';\n}\n\n.mv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mv-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mv-disclaimer {\n font-size: 12px;\n color: var(--mv-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 .mv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mv-card {\n padding: 1.125rem;\n }\n\n .mv-section {\n margin-bottom: 1.75rem;\n }\n\n .mv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mv-radius-sm);\n }\n\n .mv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* Grille compacte : 2 colonnes serrées *\/\n .mv-grid-compact {\n gap: .625rem;\n }\n\n .mv-grid-compact .mv-card {\n padding: .75rem;\n }\n\n \/* Dual block mobile *\/\n .mv-dual-block {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n \/* Composition mobile *\/\n .mv-compo-item {\n padding: 1rem;\n gap: 1rem;\n }\n\n .mv-compo-icon {\n width: 44px;\n height: 44px;\n font-size: 24px;\n border-radius: 12px;\n }\n\n \/* Timeline mobile *\/\n .mv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mv-timeline-content h3 {\n font-size: 14px;\n }\n\n .mv-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .mv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .mv-testimonial {\n padding: 1.25rem;\n }\n\n .mv-testimonial-text {\n font-size: 14px;\n }\n\n \/* Tip mobile *\/\n .mv-tip {\n padding: .875rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mv-card,\n .mv-compo-item {\n animation: mvFadeInUp .5s ease backwards;\n }\n .mv-card:nth-child(1),\n .mv-compo-item:nth-child(1) { animation-delay: .05s; }\n .mv-card:nth-child(2),\n .mv-compo-item:nth-child(2) { animation-delay: .1s; }\n .mv-card:nth-child(3),\n .mv-compo-item:nth-child(3) { animation-delay: .15s; }\n .mv-card:nth-child(4) { animation-delay: .2s; }\n .mv-card:nth-child(5) { animation-delay: .25s; }\n .mv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mvFadeInUp {\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 .mv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55118972617081,"sku":"LC1014","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/melatonine-verveine-60-gelules-laboratoire-code-lifestyle.webp?v=1770890983"},{"product_id":"passiflore-millepertuis-60-gelules-laboratoire-code","title":"Passiflore Millepertuis - 60 gélules - Laboratoire Code","description":"\u003cdiv class=\"pm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pm-hero\"\u003e\n \u003cdiv class=\"pm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pm-hero-content\"\u003e\n \u003cdiv class=\"pm-badges-top\"\u003e\n \u003cspan class=\"pm-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"pm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"pm-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003cspan class=\"pm-badge\"\u003e😴 Stress \u0026amp; Sommeil\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pm-hero-title\"\u003ePassiflore Millepertuis Bio\u003c\/span\u003e\n \u003cp class=\"pm-subtitle\"\u003eLaboratoire Code · 60 gélules de 525 mg\u003c\/p\u003e\n \u003cp class=\"pm-description\"\u003eL'alliance de deux plantes bio d'exception pour retrouver calme intérieur et nuits sereines, sans accoutumance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"pm-section\"\u003e\n \u003ch2\u003ePassiflore et millepertuis bio : l'alliance naturelle contre le stress et les troubles du sommeil\u003c\/h2\u003e\n \u003cp class=\"pm-section-intro\"\u003eVous traversez une période de tensions nerveuses, de fatigue émotionnelle ou de nuits agitées ? Le complément \u003cstrong\u003ePassiflore Millepertuis bio\u003c\/strong\u003e du \u003cstrong\u003eLaboratoire Code\u003c\/strong\u003e associe deux plantes parmi les plus étudiées en phytothérapie pour vous aider à retrouver \u003cstrong\u003esérénité\u003c\/strong\u003e et \u003cstrong\u003esommeil réparateur\u003c\/strong\u003e, naturellement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"pm-section\"\u003e\n \u003ch2\u003ePourquoi associer la passiflore et le millepertuis ?\u003c\/h2\u003e\n \u003cp class=\"pm-section-intro\"\u003eChacune de ces plantes possède des propriétés complémentaires. Ensemble, elles forment une synergie particulièrement pertinente pour les personnes confrontées au stress quotidien et à ses répercussions sur le sommeil.\u003c\/p\u003e\n \u003cdiv class=\"pm-grid\"\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🌸 La passiflore officinale\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour calmer la nervosité et faciliter l'endormissement. Son action apaisante sur le système nerveux en fait une alliée précieuse lorsque le mental s'emballe au moment du coucher. La \u003cstrong\u003epassiflore et le sommeil\u003c\/strong\u003e forment un duo reconnu depuis des siècles en herboristerie européenne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e☀️ Le millepertuis\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eHypericum perforatum\u003c\/em\u003e — célèbre pour son influence positive sur l'humeur et l'équilibre émotionnel. Souvent recommandé en cas de baisse de moral passagère, le \u003cstrong\u003emillepertuis agit sur le stress\u003c\/strong\u003e et l'anxiété légère qui perturbent la qualité du repos nocturne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🤝 Une synergie globale\u003c\/h3\u003e\n \u003cp\u003eLà où certaines formules comme les associations \u003cstrong\u003emélatonine, valériane et passiflore\u003c\/strong\u003e visent principalement l'endormissement, cette combinaison \u003cstrong\u003emillepertuis passiflore\u003c\/strong\u003e offre une approche plus globale en agissant à la fois sur la composante émotionnelle et sur la détente physique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"pm-section\"\u003e\n \u003ch2\u003ePour qui est conçu ce complément ?\u003c\/h2\u003e\n \u003cp class=\"pm-section-intro\"\u003eCe produit s'adresse à vous si vous ressentez :\u003c\/p\u003e\n \u003cdiv class=\"pm-grid-compact\"\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🧠 Ruminations\u003c\/h3\u003e\n \u003cp\u003eDifficultés d'endormissement liées au stress ou aux pensées envahissantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🌙 Sommeil fragmenté\u003c\/h3\u003e\n \u003cp\u003eSommeil léger, réveils nocturnes ou nuits peu récupératrices\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e😔 Moral en berne\u003c\/h3\u003e\n \u003cp\u003eIrritabilité, fatigue mentale ou baisse de moral passagère\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🌿 Solution naturelle\u003c\/h3\u003e\n \u003cp\u003eBesoin d'une alternative douce, sans dépendance ni somnolence diurne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"pm-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 3 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"pm-grid\"\u003e\n \u003cdiv class=\"pm-card pm-card-highlight\"\u003e\n \u003ch3\u003e🌸 Passiflore officinale*\u003c\/h3\u003e\n \u003cp class=\"pm-dosage\"\u003e750 mg\u003c\/p\u003e\n \u003cp\u003eExtrait concentré 2:1 — 2 kg de plante pour 1 kg d'extrait, offrant une richesse en composés apaisants bien supérieure à une simple poudre de plante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card pm-card-highlight\"\u003e\n \u003ch3\u003e☀️ Millepertuis*\u003c\/h3\u003e\n \u003cp class=\"pm-dosage\"\u003e300 mg\u003c\/p\u003e\n \u003cp\u003eExtrait titré à \u003cstrong\u003e0,3 % d'hypéricine\u003c\/strong\u003e, garantissant une concentration optimale en principe actif, gage d'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e💊 Excipient \u0026amp; enveloppe\u003c\/h3\u003e\n \u003cp\u003eMaltodextrine : 240 mg. Enveloppe : gélule végétale (HPMC), 100 % d'origine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-tip\"\u003e\n \u003cspan class=\"pm-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique. Certifié AB.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"pm-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"pm-timeline\"\u003e\n \u003cdiv class=\"pm-timeline-item\"\u003e\n \u003cdiv class=\"pm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pm-timeline-content\"\u003e\n \u003ch3\u003eMatin\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 gélule\u003c\/strong\u003e au petit-déjeuner avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-timeline-item\"\u003e\n \u003cdiv class=\"pm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pm-timeline-content\"\u003e\n \u003ch3\u003eMidi\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 gélule\u003c\/strong\u003e au moment du déjeuner avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-timeline-item\"\u003e\n \u003cdiv class=\"pm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pm-timeline-content\"\u003e\n \u003ch3\u003eSoir\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 gélule\u003c\/strong\u003e au dîner avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-tip\"\u003e\n \u003cspan class=\"pm-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cp\u003eUne \u003cstrong\u003ecure de 20 jours\u003c\/strong\u003e est recommandée pour ressentir pleinement les bienfaits. Vous pouvez renouveler la cure après une pause d'une semaine si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"pm-section\"\u003e\n \u003ch2\u003eQualité et engagements\u003c\/h2\u003e\n \u003cdiv class=\"pm-grid-compact\"\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio (AB)\u003c\/h3\u003e\n \u003cp\u003eSans pesticides ni engrais chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e💚 100 % végétales\u003c\/h3\u003e\n \u003cp\u003eGélules convenant aux végans et végétariens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eTraçabilité et qualité garanties\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🚫 Sans additif artificiel\u003c\/h3\u003e\n \u003cp\u003eSans colorant, sans conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"pm-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pm-accordion\"\u003e\n \u003cdetails class=\"pm-accordion-item\" open\u003e\n \u003csummary class=\"pm-accordion-header\"\u003e⚠️ Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"pm-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eLe millepertuis peut interagir avec certains médicaments\u003c\/strong\u003e (contraceptifs oraux, antidépresseurs, anticoagulants, immunosuppresseurs). Si vous suivez un traitement médical, consultez impérativement votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pm-accordion-item\"\u003e\n \u003csummary class=\"pm-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"pm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément est déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pm-accordion-item\"\u003e\n \u003csummary class=\"pm-accordion-header\"\u003e📋 Mentions légales\u003c\/summary\u003e\n \u003cdiv class=\"pm-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, et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"pm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pm-cta-box\"\u003e\n \u003cp\u003e🌙 Retrouvez un sommeil apaisé et un équilibre émotionnel durable grâce à la synergie 100 % bio passiflore \u0026amp; millepertuis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pm-disclaimer\"\u003eComplément alimentaire · Ne pas dépasser la dose journalière recommandée · Tenir hors de portée des enfants · Conserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pm-cream: #f4f7fb;\n --pm-white: #ffffff;\n --pm-primary: #6fa8dc;\n --pm-primary-dark: #2d5f8a;\n --pm-primary-light: #e8f1f9;\n --pm-secondary: #d94f4f;\n --pm-accent: #4a9b6f;\n --pm-text: #1a1a2e;\n --pm-text-light: #5a6478;\n --pm-border: #dfe6ed;\n --pm-shadow: 0 4px 24px rgba(45, 95, 138, .08);\n --pm-shadow-lg: 0 12px 48px rgba(45, 95, 138, .15);\n --pm-radius: 20px;\n --pm-radius-sm: 12px;\n}\n\n.pm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pm-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5f8a 0%, #6fa8dc 50%, #d94f4f 100%);\n border-radius: var(--pm-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(--pm-shadow-lg);\n}\n\n.pm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.pm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pm-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(--pm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pm-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.pm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: .02em;\n}\n\n.pm-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.pm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pm-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.pm-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(--pm-primary), var(--pm-secondary));\n border-radius: 2px;\n}\n\n.pm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pm-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.pm-card {\n background: var(--pm-white);\n border-radius: var(--pm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pm-shadow-lg);\n border-color: var(--pm-primary);\n}\n\n.pm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pm-card-highlight {\n border-left: 4px solid var(--pm-primary);\n}\n\n.pm-dosage {\n font-size: clamp(22px, 4vw, 32px) !important;\n font-weight: 900 !important;\n color: var(--pm-secondary) !important;\n margin-bottom: .5rem !important;\n}\n\n\/* === GRILLES === *\/\n.pm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pm-grid-compact .pm-card {\n padding: 1rem;\n}\n\n.pm-grid-compact .pm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pm-grid-compact .pm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pm-primary), var(--pm-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.pm-timeline-content {\n flex: 1;\n background: var(--pm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pm-radius-sm);\n box-shadow: var(--pm-shadow);\n}\n\n.pm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pm-timeline-content p {\n font-size: 14px;\n color: var(--pm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.pm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pm-primary-light);\n border-radius: var(--pm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pm-tip p {\n font-size: 14px;\n color: var(--pm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.pm-accordion {\n background: var(--pm-white);\n border-radius: var(--pm-radius);\n box-shadow: var(--pm-shadow);\n overflow: hidden;\n}\n\n.pm-accordion-item {\n border-bottom: 1px solid var(--pm-border);\n margin: 0;\n padding: 0;\n}\n\n.pm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pm-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.pm-accordion-header:hover {\n background: var(--pm-primary-light);\n}\n\n.pm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pm-primary);\n transition: transform .2s ease;\n}\n\n.pm-accordion-item[open] .pm-accordion-header::after {\n content: '−';\n}\n\n.pm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.pm-cta-box {\n background: linear-gradient(135deg, var(--pm-primary) 0%, var(--pm-primary-dark) 100%);\n border-radius: var(--pm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pm-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.pm-disclaimer {\n font-size: 12px;\n color: var(--pm-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 .pm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pm-card {\n padding: 1.125rem;\n }\n\n .pm-section {\n margin-bottom: 1.75rem;\n }\n\n .pm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pm-radius-sm);\n }\n\n .pm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pm-grid-compact {\n gap: .625rem;\n }\n\n .pm-grid-compact .pm-card {\n padding: .75rem;\n }\n\n .pm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pm-timeline-content h3 {\n font-size: 14px;\n }\n\n .pm-timeline-content p {\n font-size: 13px;\n }\n\n .pm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pm-badges-top {\n gap: 6px;\n }\n\n .pm-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pm-card {\n animation: pmFadeInUp .5s ease backwards;\n }\n .pm-card:nth-child(1) { animation-delay: .05s; }\n .pm-card:nth-child(2) { animation-delay: .1s; }\n .pm-card:nth-child(3) { animation-delay: .15s; }\n .pm-card:nth-child(4) { animation-delay: .2s; }\n .pm-card:nth-child(5) { animation-delay: .25s; }\n .pm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .pm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55118991229305,"sku":"LC9114","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/passiflore-millepertuis-60-gelules-laboratoire-code-packshothd.webp?v=1775986999"},{"product_id":"silazen-labo-sante-silice","title":"Silazen : Silicium végétal 4000mg + Passiflore + Magnésium - 1L","description":"\u003cdiv class=\"sz-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sz-hero\"\u003e\n \u003cdiv class=\"sz-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sz-hero-content\"\u003e\n \u003cdiv class=\"sz-badges-top\"\u003e\n \u003cspan class=\"sz-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"sz-badge\"\u003e🎋 Silicium végétal 4000 mg\/L\u003c\/span\u003e\n \u003cspan class=\"sz-badge\"\u003e🌙 Passiflore + Magnésium\u003c\/span\u003e\n \u003cspan class=\"sz-badge\"\u003e📦 Format 1 litre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sz-hero-title\"\u003eSilazen : Silicium végétal 4000mg + Passiflore + Magnésium\u003c\/span\u003e\n \u003cp class=\"sz-subtitle\"\u003eLa synergie unique vitalité \u0026amp; sérénité par le Labo Santé Silice\u003c\/p\u003e\n \u003cp class=\"sz-description\"\u003eUn flacon de 1L concentré en silicium d'origine bambou, enrichi en magnésium, passiflore et fleur d'oranger pour prendre soin de vos articulations, cheveux, ongles… et de votre sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sz-section\"\u003e\n \u003ch2\u003eSilazen : le silicium végétal concentré qui allie vitalité et sérénité\u003c\/h2\u003e\n \u003cp class=\"sz-section-intro\"\u003eVous cherchez un complément alimentaire capable de prendre soin de vos articulations, de vos cheveux et de vos ongles, tout en vous aidant à retrouver un sommeil apaisé ?\u003c\/p\u003e\n \u003cdiv class=\"sz-grid-compact\"\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e🎋 Silicium bambou\u003c\/h3\u003e\n \u003cp\u003e4000 mg\/L de silicium végétal hautement biodisponible issu de l'exsudat de bambou\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e🧲 Magnésium\u003c\/h3\u003e\n \u003cp\u003eRéduit la fatigue et soutient le système nerveux au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e🌿 Passiflore\u003c\/h3\u003e\n \u003cp\u003eAide à induire le repos et le sommeil de manière naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e🌸 Fleur d'oranger\u003c\/h3\u003e\n \u003cp\u003eTouche apaisante et goût agréable pour une prise quotidienne plaisante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sz-section\"\u003e\n \u003ch2\u003ePourquoi le silicium organique végétal est-il si précieux ?\u003c\/h2\u003e\n \u003cdiv class=\"sz-card sz-card-text\"\u003e\n \u003cp\u003eLe silicium est un oligo-élément présent dans de nombreux tissus de votre corps : \u003cstrong\u003eos, cartilages, peau, cheveux, ongles\u003c\/strong\u003e. Avec l'âge, vos réserves diminuent naturellement, ce qui peut se traduire par un inconfort articulaire, des ongles fragiles ou des cheveux ternes.\u003c\/p\u003e\n \u003cp\u003eContrairement aux sources minérales, le \u003cstrong\u003esilicium d'origine végétale\u003c\/strong\u003e issu de l'exsudat de bambou (\u003cem\u003eBambusa arundinacea\u003c\/em\u003e) offre une \u003cstrong\u003ebiodisponibilité remarquable\u003c\/strong\u003e, ce qui signifie que votre organisme l'assimile plus facilement.\u003c\/p\u003e\n \u003cp\u003eSi vous avez déjà entendu parler du silicium végétal prêle ortie, sachez que le bambou se distingue par sa \u003cstrong\u003econcentration exceptionnelle en silice naturelle\u003c\/strong\u003e. C'est précisément ce qui fait la force de Silazen : un dosage élevé de \u003cstrong\u003e4000 mg de silicium par litre\u003c\/strong\u003e, bien au-dessus de nombreuses formules concurrentes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sz-section\"\u003e\n \u003ch2\u003eUne formule enrichie pour la relaxation et le bien-être\u003c\/h2\u003e\n \u003cp class=\"sz-section-intro\"\u003eSilazen ne se limite pas à un simple apport en silicium. Sa formulation intègre des actifs complémentaires soigneusement sélectionnés :\u003c\/p\u003e\n \u003cdiv class=\"sz-grid\"\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e🧲 Magnésium (sulfate de magnésium)\u003c\/h3\u003e\n \u003cp\u003eContribue à \u003cstrong\u003eréduire la fatigue\u003c\/strong\u003e et soutient le fonctionnement normal du système nerveux. Indispensable quand le stress du quotidien pèse sur votre énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e🌿 Passiflore (\u003cem\u003ePassiflora incarnata\u003c\/em\u003e)\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement reconnue pour \u003cstrong\u003eaider à induire le repos et le sommeil\u003c\/strong\u003e. Elle favorise la détente mentale sans effet de somnolence lourde au réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e🌸 Hydrolat de fleur d'oranger (\u003cem\u003eCitrus aurantium\u003c\/em\u003e)\u003c\/h3\u003e\n \u003cp\u003eApporte une \u003cstrong\u003etouche apaisante\u003c\/strong\u003e et un goût agréable qui rend la prise quotidienne vraiment plaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sz-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"sz-accordion\"\u003e\n \u003cdetails class=\"sz-accordion-item\" open\u003e\n \u003csummary class=\"sz-accordion-header\"\u003e📋 Liste des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"sz-accordion-content mt-3\"\u003e\n \u003cp\u003eEau déminéralisée, glycérine, exsudat de bambou (\u003cem\u003eBambusa arundinacea\u003c\/em\u003e), sulfate de magnésium, extrait de passiflore parties aériennes (\u003cem\u003ePassiflora incarnata\u003c\/em\u003e), hydrolat de fleurs d'oranger (\u003cem\u003eCitrus aurantium\u003c\/em\u003e), conservateur (sorbate de potassium), acidifiant (acide citrique).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sz-section\"\u003e\n \u003ch2\u003eComment prendre Silazen ?\u003c\/h2\u003e\n \u003cdiv class=\"sz-timeline\"\u003e\n \u003cdiv class=\"sz-timeline-item\"\u003e\n \u003cdiv class=\"sz-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sz-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 bouchons doseurs de 20 ml\u003c\/strong\u003e (soit 40 ml par jour), de préférence avant le repas du soir pour profiter pleinement de l'effet relaxant de la passiflore.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sz-timeline-item\"\u003e\n \u003cdiv class=\"sz-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sz-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eCure recommandée : \u003cstrong\u003e3 à 6 semaines\u003c\/strong\u003e, renouvelable selon vos besoins. Un flacon de 1 litre correspond à environ \u003cstrong\u003e25 jours de cure\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sz-timeline-item\"\u003e\n \u003cdiv class=\"sz-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sz-timeline-content\"\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp\u003eBien agiter avant chaque utilisation. \u003cstrong\u003eConserver au réfrigérateur\u003c\/strong\u003e après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"sz-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cp class=\"sz-section-intro\"\u003eSilazen convient particulièrement si vous souhaitez :\u003c\/p\u003e\n \u003cdiv class=\"sz-grid-compact\"\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eSoutenir vos articulations au quotidien ou lors d'une activité physique régulière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e💇 Cheveux \u0026amp; ongles\u003c\/h3\u003e\n \u003cp\u003eRenforcer des cheveux fragilisés ou des ongles cassants grâce au silicium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e🌙 Sommeil apaisé\u003c\/h3\u003e\n \u003cp\u003eRetrouver un sommeil de qualité et réduire les tensions accumulées dans la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sz-card\"\u003e\n \u003ch3\u003e🌱 Apports naturels\u003c\/h3\u003e\n \u003cp\u003eCompléter vos apports en silicium organique végétal et en magnésium de manière naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"sz-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFabrication française et qualité garantie\u003c\/h2\u003e\n \u003cdiv class=\"sz-cta-box\"\u003e\n \u003cp\u003eFormulé et fabriqué en France par le \u003cstrong\u003eLabo Santé Silice\u003c\/strong\u003e, spécialiste reconnu du silicium depuis de nombreuses années, Silazen bénéficie d'un savoir-faire rigoureux et d'ingrédients d'origine naturelle traçables. Le format liquide facilite l'absorption et permet un dosage précis, adapté à chacun.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sz-disclaimer\"\u003eCe complément alimentaire ne remplace ni une alimentation variée et équilibrée, ni un mode de vie sain. Il ne se substitue pas à un traitement médical. En cas de doute, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sz-cream: #f0f3f8;\n --sz-white: #ffffff;\n --sz-primary: #1a3f7a;\n --sz-primary-dark: #0e2a55;\n --sz-primary-light: #e8eef7;\n --sz-secondary: #2e6bc6;\n --sz-accent: #4a90d9;\n --sz-text: #1a1a1a;\n --sz-text-light: #5a6272;\n --sz-border: #d8dfe9;\n --sz-shadow: 0 4px 24px rgba(14,42,85,.08);\n --sz-shadow-lg: 0 12px 48px rgba(14,42,85,.15);\n --sz-radius: 20px;\n --sz-radius-sm: 12px;\n}\n\n.sz-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sz-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sz-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sz-primary-dark) 0%, var(--sz-primary) 40%, var(--sz-secondary) 100%);\n border-radius: var(--sz-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sz-shadow-lg);\n}\n\n.sz-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(255,255,255,.02) 40px, rgba(255,255,255,.02) 80px);\n opacity: 1;\n}\n\n.sz-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sz-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.sz-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.sz-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.sz-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sz-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sz-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sz-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sz-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sz-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sz-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.sz-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sz-primary), var(--sz-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sz-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sz-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sz-card {\n background: var(--sz-white);\n border-radius: var(--sz-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sz-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sz-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sz-shadow-lg);\n border-color: var(--sz-primary);\n}\n\n.sz-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sz-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sz-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sz-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sz-card-text {\n text-align: left;\n}\n\n.sz-card-text p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--sz-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.sz-card-text p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRILLES === *\/\n.sz-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sz-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sz-grid-compact .sz-card {\n padding: 1rem;\n}\n\n.sz-grid-compact .sz-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sz-grid-compact .sz-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sz-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sz-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sz-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sz-primary), var(--sz-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sz-timeline-content {\n flex: 1;\n background: var(--sz-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sz-radius-sm);\n box-shadow: var(--sz-shadow);\n}\n\n.sz-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sz-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sz-timeline-content p {\n font-size: 14px;\n color: var(--sz-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.sz-accordion {\n background: var(--sz-white);\n border-radius: var(--sz-radius);\n box-shadow: var(--sz-shadow);\n overflow: hidden;\n}\n\n.sz-accordion-item {\n border-bottom: 1px solid var(--sz-border);\n margin: 0;\n padding: 0;\n}\n\n.sz-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sz-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sz-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sz-accordion-header:hover {\n background: var(--sz-primary-light);\n}\n\n.sz-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sz-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sz-primary);\n transition: transform .2s ease;\n}\n\n.sz-accordion-item[open] .sz-accordion-header::after {\n content: '−';\n}\n\n.sz-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sz-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sz-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.sz-cta-box {\n background: linear-gradient(135deg, var(--sz-primary) 0%, var(--sz-primary-dark) 100%);\n border-radius: var(--sz-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sz-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sz-disclaimer {\n font-size: 12px;\n color: var(--sz-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sz-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sz-card {\n padding: 1.125rem;\n }\n\n .sz-section {\n margin-bottom: 1.75rem;\n }\n\n .sz-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sz-radius-sm);\n }\n\n .sz-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sz-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sz-grid-compact {\n gap: .625rem;\n }\n\n .sz-grid-compact .sz-card {\n padding: .75rem;\n }\n\n .sz-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sz-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sz-timeline-content h3 {\n font-size: 14px;\n }\n\n .sz-timeline-content p {\n font-size: 13px;\n }\n\n .sz-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sz-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sz-card {\n animation: szFadeInUp .5s ease backwards;\n }\n .sz-card:nth-child(1) { animation-delay: .05s; }\n .sz-card:nth-child(2) { animation-delay: .1s; }\n .sz-card:nth-child(3) { animation-delay: .15s; }\n .sz-card:nth-child(4) { animation-delay: .2s; }\n .sz-card:nth-child(5) { animation-delay: .25s; }\n .sz-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes szFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sz-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABO SANTE SILICE","offers":[{"title":"Default Title","offer_id":55157370421625,"sku":"LS0060","price":29.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silazen-silicium-vegetal-4000mg-passiflore-magnesium-1l-packshothd.webp?v=1773243870"},{"product_id":"amethyste-huile-de-cristal-50-ml-ansil","title":"Améthyste (huile de cristal) - 50 ml - Ansil","description":"\u003cdiv class=\"amet-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"amet-hero\"\u003e\n \u003cdiv class=\"amet-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"amet-hero-content\"\u003e\n \u003cdiv class=\"amet-badges-top\"\u003e\n \u003cspan class=\"amet-badge\"\u003e🔮 Lithothérapie\u003c\/span\u003e\n \u003cspan class=\"amet-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"amet-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"amet-hero-title\"\u003eHuile de Cristal Améthyste\u003c\/span\u003e\n \u003cp class=\"amet-subtitle\"\u003eL'alliance sacrée du soin et de l'énergie\u003c\/p\u003e\n \u003cp class=\"amet-description\"\u003eSynergie d'huiles végétales biologiques infusées aux vibrations apaisantes de l'améthyste pour retrouver calme intérieur et équilibre émotionnel.\u003c\/p\u003e\n \u003cdiv class=\"amet-hero-features\"\u003e\n \u003cspan class=\"amet-hero-tag\"\u003e✨ Apaisement\u003c\/span\u003e\n \u003cspan class=\"amet-hero-tag\"\u003e🧘 Méditation\u003c\/span\u003e\n \u003cspan class=\"amet-hero-tag\"\u003e😴 Sommeil\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"amet-section\"\u003e\n \u003ch2\u003eQu'est-ce qu'une huile de cristal ?\u003c\/h2\u003e\n \u003cdiv class=\"amet-intro-box\"\u003e\n \u003cp\u003eUne \u003cstrong\u003ehuile de cristal\u003c\/strong\u003e dépasse le simple soin cosmétique. Les \u003cstrong\u003epropriétés énergétiques d'une pierre\u003c\/strong\u003e sont infusées dans une huile végétale selon les principes de la lithothérapie. Le cristal transmet ses vibrations à l'huile, qui les diffuse directement sur votre peau — pour un soin qui agit autant sur le corps que sur l'esprit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"amet-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'améthyste en lithothérapie\u003c\/h2\u003e\n \u003cdiv class=\"amet-grid\"\u003e\n \u003cdiv class=\"amet-card amet-card-glow\"\u003e\n \u003ch3\u003e🧠 Apaisement du mental\u003c\/h3\u003e\n \u003cp\u003eCalme le flux des pensées et favorise une relaxation profonde au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-card amet-card-glow\"\u003e\n \u003ch3\u003e🌙 Sommeil réparateur\u003c\/h3\u003e\n \u003cp\u003eRéduit les réveils nocturnes et accompagne un repos véritablement régénérant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-card amet-card-glow\"\u003e\n \u003ch3\u003e⚖️ Rééquilibrage des chakras\u003c\/h3\u003e\n \u003cp\u003eAgit sur le troisième œil, le cœur et le plexus solaire pour harmoniser vos centres énergétiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-card amet-card-glow\"\u003e\n \u003ch3\u003e🛡️ Protection énergétique\u003c\/h3\u003e\n \u003cp\u003eDissipe les énergies négatives et purifie l'aura pour un bouclier vibratoire 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=\"amet-section\"\u003e\n \u003ch2\u003eComposition de l'huile de cristal Améthyste\u003c\/h2\u003e\n \u003cdiv class=\"amet-composition\"\u003e\n \u003cdiv class=\"amet-ingredient\"\u003e\n \u003cdiv class=\"amet-ingredient-icon\"\u003e🌰\u003c\/div\u003e\n \u003cdiv class=\"amet-ingredient-content\"\u003e\n \u003ch3\u003eHuile de noisette biologique\u003c\/h3\u003e\n \u003cp\u003eLégère et pénétrante, elle hydrate sans film gras. Support idéal pour les massages énergétiques grâce à sa texture soyeuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-ingredient\"\u003e\n \u003cdiv class=\"amet-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n \u003cdiv class=\"amet-ingredient-content\"\u003e\n \u003ch3\u003eHuile de sésame biologique\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants et vitamine E, elle nourrit la peau en profondeur et renforce la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-ingredient\"\u003e\n \u003cdiv class=\"amet-ingredient-icon\"\u003e💎\u003c\/div\u003e\n \u003cdiv class=\"amet-ingredient-content\"\u003e\n \u003ch3\u003eCristal d'améthyste\u003c\/h3\u003e\n \u003cp\u003eInfusé selon un procédé artisanal respectueux des traditions lithothérapeutiques pour transmettre toute la puissance vibratoire de la pierre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-format-box\"\u003e\n \u003cspan class=\"amet-format-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"amet-format-text\"\u003e\u003cstrong\u003eFlacon spray de 50 ml\u003c\/strong\u003e – Formule 100 % naturelle et biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"amet-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de cristal Améthyste ?\u003c\/h2\u003e\n \u003cdiv class=\"amet-timeline\"\u003e\n \u003cdiv class=\"amet-timeline-item\"\u003e\n \u003cdiv class=\"amet-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"amet-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez délicatement avant chaque utilisation pour réactiver les énergies cristallines infusées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-timeline-item\"\u003e\n \u003cdiv class=\"amet-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"amet-timeline-content\"\u003e\n \u003ch3\u003eMassage énergétique\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur le plexus solaire, les tempes ou les poignets, puis massez en mouvements circulaires une à deux minutes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-timeline-item\"\u003e\n \u003cdiv class=\"amet-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"amet-timeline-content\"\u003e\n \u003ch3\u003eTravail sur les chakras\u003c\/h3\u003e\n \u003cp\u003eDéposez l'huile sur le chakra du cœur ou du troisième œil avant votre séance de méditation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-timeline-item\"\u003e\n \u003cdiv class=\"amet-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"amet-timeline-content\"\u003e\n \u003ch3\u003eRituel du soir\u003c\/h3\u003e\n \u003cp\u003eMassez vos tempes et votre nuque avant le coucher pour un endormissement serein et profond\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-tip\"\u003e\n \u003cspan class=\"amet-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil synergie :\u003c\/strong\u003e associez cette huile à l'élixir d'améthyste Ansil pour amplifier les effets harmonisants et approfondir votre travail énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"amet-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette huile de cristal ?\u003c\/h2\u003e\n \u003cdiv class=\"amet-grid\"\u003e\n \u003cdiv class=\"amet-card\"\u003e\n \u003ch3\u003e🧘 Méditants et yogis\u003c\/h3\u003e\n \u003cp\u003eApprofondissez votre ancrage spirituel et élevez la qualité de vos pratiques quotidiennes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-card\"\u003e\n \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eLibérez les tensions nerveuses accumulées et retrouvez un véritable lâcher-prise\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-card\"\u003e\n \u003ch3\u003e😴 Sommeil difficile\u003c\/h3\u003e\n \u003cp\u003eRetrouvez un sommeil naturel et réparateur nuit après nuit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-card\"\u003e\n \u003ch3\u003e✨ Praticiens énergétiques\u003c\/h3\u003e\n \u003cp\u003eSupport de qualité professionnelle pour le reiki, le magnétisme ou la réflexologie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"amet-section\"\u003e\n \u003ch2\u003eLes engagements qualité Ansil\u003c\/h2\u003e\n \u003cdiv class=\"amet-grid-compact\"\u003e\n \u003cdiv class=\"amet-card\"\u003e\n \u003ch3\u003e🌿 Agriculture biologique\u003c\/h3\u003e\n \u003cp\u003eHuiles végétales certifiées bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication artisanale à Sanilhac\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-card\"\u003e\n \u003ch3\u003e🚫 Sans synthétiques\u003c\/h3\u003e\n \u003cp\u003eZéro parfum ni conservateur artificiel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amet-card\"\u003e\n \u003ch3\u003e🌱 100% naturel\u003c\/h3\u003e\n \u003cp\u003eFormule pure et transparente\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"amet-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"amet-accordion\"\u003e\n \u003cdetails class=\"amet-accordion-item\"\u003e\n \u003csummary class=\"amet-accordion-header\"\u003e⚠️ Usage et application\u003c\/summary\u003e\n \u003cdiv class=\"amet-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. Réalisez un test dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"amet-accordion-item\"\u003e\n \u003csummary class=\"amet-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"amet-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière directe et de la chaleur pour préserver les propriétés énergétiques de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"amet-accordion-item\"\u003e\n \u003csummary class=\"amet-accordion-header\"\u003e📋 Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"amet-accordion-content mt-3\"\u003e\n \u003cp\u003eLes propriétés énergétiques mentionnées relèvent de la lithothérapie traditionnelle et ne remplacent en aucun cas un avis médical.\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=\"amet-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"amet-cta-box\"\u003e\n \u003cp\u003e✨ Offrez-vous un véritable rituel de bien-être avec l'\u003cstrong\u003eHuile de Cristal Améthyste Ansil\u003c\/strong\u003e. Méditation, sommeil apaisé ou simple moment de détente : cette huile précieuse deviendra un indispensable de votre routine énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"amet-disclaimer\"\u003eLes informations relatives à la lithothérapie sont issues de la tradition et ne constituent pas des allégations médicales.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --amet-cream: #F8F5F1;\n --amet-white: #ffffff;\n --amet-primary: #8B6AAE;\n --amet-primary-dark: #5C3D82;\n --amet-primary-light: #F0EAF5;\n --amet-secondary: #D4944A;\n --amet-accent: #4A7FB5;\n --amet-gold: #C9A84C;\n --amet-text: #1a1a1a;\n --amet-text-light: #5a5a5a;\n --amet-border: #E5DDD6;\n --amet-shadow: 0 4px 24px rgba(92, 61, 130, .08);\n --amet-shadow-lg: 0 12px 48px rgba(92, 61, 130, .15);\n --amet-radius: 20px;\n --amet-radius-sm: 12px;\n}\n\n.amet-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--amet-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.amet-hero {\n position: relative;\n background: linear-gradient(135deg, #9B7BC7 0%, #5C3D82 35%, #3D2B5C 65%, #4A6FA5 100%);\n border-radius: var(--amet-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(--amet-shadow-lg);\n}\n\n.amet-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(212, 148, 74, .12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(139, 106, 174, .2) 0%, transparent 50%),\n url(\"data:image\/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M40 10L46 24L60 24L48 33L53 47L40 38L27 47L32 33L20 24L34 24Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3Ccircle cx='40' cy='40' r='20' stroke='%23ffffff' stroke-opacity='0.02' fill='none' stroke-width='0.5'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.amet-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.amet-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.amet-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(--amet-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.amet-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.amet-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.amet-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.amet-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 1.5rem;\n}\n\n.amet-hero-features {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n}\n\n.amet-hero-tag {\n padding: 6px 14px;\n background: rgba(255,255,255,.12);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.25);\n border-radius: 999px;\n color: white;\n font-size: 13px;\n font-weight: 600;\n transition: all .3s ease;\n}\n\n.amet-hero-tag:hover {\n background: rgba(255,255,255,.2);\n}\n\n\/* === SECTIONS === *\/\n.amet-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.amet-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--amet-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.amet-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(--amet-primary), var(--amet-secondary));\n border-radius: 2px;\n}\n\n\/* === INTRO BOX === *\/\n.amet-intro-box {\n background: var(--amet-white);\n border-radius: var(--amet-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--amet-shadow);\n border-left: 4px solid var(--amet-primary);\n}\n\n.amet-intro-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--amet-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === GRILLES === *\/\n.amet-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.amet-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.amet-card {\n background: var(--amet-white);\n border-radius: var(--amet-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--amet-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.amet-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--amet-shadow-lg);\n border-color: var(--amet-primary);\n}\n\n.amet-card-glow:hover {\n box-shadow: 0 12px 48px rgba(139, 106, 174, .28);\n}\n\n.amet-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--amet-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.amet-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--amet-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.amet-grid-compact .amet-card {\n padding: 1rem;\n}\n\n.amet-grid-compact .amet-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.amet-grid-compact .amet-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION === *\/\n.amet-composition {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.amet-ingredient {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--amet-white);\n padding: 1.25rem;\n border-radius: var(--amet-radius-sm);\n box-shadow: var(--amet-shadow);\n transition: all .3s ease;\n}\n\n.amet-ingredient:hover {\n transform: translateX(8px);\n box-shadow: var(--amet-shadow-lg);\n}\n\n.amet-ingredient-icon {\n font-size: 28px;\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background: var(--amet-primary-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.amet-ingredient-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--amet-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.amet-ingredient-content p {\n font-size: 14px;\n color: var(--amet-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.amet-format-box {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n background: linear-gradient(135deg, var(--amet-primary-light) 0%, #EDE5F3 100%);\n padding: 1rem 1.5rem;\n border-radius: var(--amet-radius-sm);\n border: 2px dashed var(--amet-primary);\n}\n\n.amet-format-icon {\n font-size: 28px;\n}\n\n.amet-format-text {\n font-size: 15px;\n color: var(--amet-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.amet-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.amet-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.amet-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--amet-primary), var(--amet-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(92, 61, 130, .3);\n}\n\n.amet-timeline-content {\n flex: 1;\n background: var(--amet-white);\n padding: 1rem 1.25rem;\n border-radius: var(--amet-radius-sm);\n box-shadow: var(--amet-shadow);\n}\n\n.amet-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--amet-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.amet-timeline-content p {\n font-size: 14px;\n color: var(--amet-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.amet-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, #FFF8EE 0%, #FEF1E0 100%);\n border-radius: var(--amet-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid var(--amet-secondary);\n}\n\n.amet-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.amet-tip p {\n font-size: 14px;\n color: var(--amet-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.amet-accordion {\n background: var(--amet-white);\n border-radius: var(--amet-radius);\n box-shadow: var(--amet-shadow);\n overflow: hidden;\n}\n\n.amet-accordion-item {\n border-bottom: 1px solid var(--amet-border);\n margin: 0;\n padding: 0;\n}\n\n.amet-accordion-item:last-child {\n border-bottom: none;\n}\n\n.amet-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--amet-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.amet-accordion-header:hover {\n background: var(--amet-primary-light);\n}\n\n.amet-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.amet-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--amet-primary);\n transition: transform .2s ease;\n}\n\n.amet-accordion-item[open] .amet-accordion-header::after {\n content: '−';\n}\n\n.amet-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--amet-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.amet-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.amet-cta-box {\n background: linear-gradient(135deg, #9B7BC7 0%, var(--amet-primary-dark) 45%, #3D5A80 100%);\n border-radius: var(--amet-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.amet-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 15% 85%, rgba(212, 148, 74, .15) 0%, transparent 40%),\n radial-gradient(circle at 85% 15%, rgba(139, 106, 174, .15) 0%, transparent 40%);\n opacity: 1;\n}\n\n.amet-cta-box p {\n position: relative;\n z-index: 1;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.amet-disclaimer {\n font-size: 12px;\n color: var(--amet-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 .amet-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .amet-card {\n padding: 1.125rem;\n }\n\n .amet-section {\n margin-bottom: 1.75rem;\n }\n\n .amet-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--amet-radius-sm);\n }\n\n .amet-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .amet-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .amet-grid-compact {\n gap: .625rem;\n }\n\n .amet-grid-compact .amet-card {\n padding: .75rem;\n }\n\n .amet-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .amet-timeline-content {\n padding: .875rem 1rem;\n }\n\n .amet-timeline-content h3 {\n font-size: 14px;\n }\n\n .amet-timeline-content p {\n font-size: 13px;\n }\n\n .amet-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .amet-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .amet-intro-box {\n padding: 1.25rem;\n }\n\n .amet-ingredient {\n padding: 1rem;\n }\n\n .amet-ingredient-icon {\n width: 40px;\n height: 40px;\n font-size: 22px;\n }\n\n .amet-ingredient-content h3 {\n font-size: 14px;\n }\n\n .amet-ingredient-content p {\n font-size: 13px;\n }\n\n .amet-format-box {\n flex-direction: column;\n text-align: center;\n gap: 8px;\n padding: 1rem;\n }\n\n .amet-format-text {\n font-size: 14px;\n }\n\n .amet-testimonial {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .amet-card {\n animation: ametFadeInUp .5s ease backwards;\n }\n .amet-card:nth-child(1) { animation-delay: .05s; }\n .amet-card:nth-child(2) { animation-delay: .1s; }\n .amet-card:nth-child(3) { animation-delay: .15s; }\n .amet-card:nth-child(4) { animation-delay: .2s; }\n\n .amet-ingredient {\n animation: ametFadeInLeft .5s ease backwards;\n }\n .amet-ingredient:nth-child(1) { animation-delay: .1s; }\n .amet-ingredient:nth-child(2) { animation-delay: .2s; }\n .amet-ingredient:nth-child(3) { animation-delay: .3s; }\n\n .amet-timeline-item {\n animation: ametFadeInUp .5s ease backwards;\n }\n .amet-timeline-item:nth-child(1) { animation-delay: .1s; }\n .amet-timeline-item:nth-child(2) { animation-delay: .2s; }\n .amet-timeline-item:nth-child(3) { animation-delay: .3s; }\n .amet-timeline-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes ametFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes ametFadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .amet-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":55183827042681,"sku":"AL3004","price":34.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Amethyste-huile-de-cristal-50ml-Ansil.webp?v=1746606654"},{"product_id":"amethyste-elixir-de-cristal-30-ml-ansil","title":"Améthyste (élixir de cristal) - 30 ml - Ansil","description":"\u003cdiv class=\"am-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"am-hero\"\u003e\n \u003cdiv class=\"am-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"am-hero-content\"\u003e\n \u003cdiv class=\"am-badges-top\"\u003e\n \u003cspan class=\"am-badge\"\u003e🔮 Lithothérapie artisanale\u003c\/span\u003e\n \u003cspan class=\"am-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"am-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"am-hero-title\"\u003eÉlixir de cristal d'améthyste\u003c\/span\u003e\n \u003cp class=\"am-subtitle\"\u003eAnsil — Flacon 30 ml · Cycle de 21 jours\u003c\/p\u003e\n \u003cp class=\"am-description\"\u003eL'énergie apaisante de l'améthyste captée dans un élixir artisanal pour retrouver sérénité, équilibre émotionnel et un sommeil réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"am-section\"\u003e\n \u003ch2\u003eÉlixir de cristal d'améthyste Ansil – Sérénité et sommeil retrouvés\u003c\/h2\u003e\n \u003cp class=\"am-section-intro\"\u003eVous cherchez un allié naturel pour \u003cstrong\u003eapaiser votre stress\u003c\/strong\u003e et \u003cstrong\u003eretrouver un sommeil de qualité\u003c\/strong\u003e ? L'élixir de cristal d'améthyste Ansil associe les principes ancestraux de la lithothérapie à des ingrédients végétaux soigneusement sélectionnés. En 30 ml, ce flacon artisanal vous accompagne pendant trois semaines vers un meilleur équilibre émotionnel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"am-section\"\u003e\n \u003ch2\u003ePourquoi l'améthyste est-elle surnommée « pierre de la sérénité » ?\u003c\/h2\u003e\n \u003cp class=\"am-section-intro\"\u003eEn lithothérapie, l'améthyste est considérée comme l'une des pierres les plus apaisantes. Elle est traditionnellement associée au \u003cstrong\u003echakra couronne\u003c\/strong\u003e et au \u003cstrong\u003echakra du troisième œil\u003c\/strong\u003e, deux centres énergétiques liés à la clarté mentale et à la paix intérieure. L'élixir de pierre améthyste Ansil capte cette énergie cristalline et la rend accessible au quotidien grâce à un procédé de potentialisation artisanal.\u003c\/p\u003e\n \u003cdiv class=\"am-grid-compact\"\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e😌 Réduction de la nervosité\u003c\/h3\u003e\n \u003cp\u003eApaise les tensions accumulées en journée pour un retour au calme profond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e🌙 Sommeil facilité\u003c\/h3\u003e\n \u003cp\u003eFavorise l'endormissement et soutient un sommeil profond et réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eAide à retrouver la stabilité intérieure, notamment en période de surmenage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e🧘 Méditation et relaxation\u003c\/h3\u003e\n \u003cp\u003eAccompagne vos pratiques de recentrage pour une détente plus profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"am-section\"\u003e\n \u003ch2\u003eComposition complète de l'élixir de cristaux améthyste\u003c\/h2\u003e\n \u003cp class=\"am-section-intro\"\u003eUne formule artisanale qui associe la puissance cristalline de l'améthyste à un complexe végétal de six plantes reminéralisantes.\u003c\/p\u003e\n \u003cdiv class=\"am-grid\"\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n \u003cp\u003eBase neutre énergétisée servant de support à l'information cristalline de la pierre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e🌾 Silice végétale\u003c\/h3\u003e\n \u003cp\u003eExtraite de \u003cstrong\u003eprêle, ortie, bambou, millet brun, renouée des oiseaux et pissenlit\u003c\/strong\u003e. Ce complexe reminéralisant soutient la régénération des tissus conjonctifs et amplifie l'action des autres ingrédients.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e🫧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eAssure la douceur et la bonne conservation de la préparation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e🍦 Oléorésine de vanille\u003c\/h3\u003e\n \u003cp\u003eApporte une note subtile et réconfortante qui renforce la sensation de détente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e🍷 Alcool 14 % vol.\u003c\/h3\u003e\n \u003cp\u003eConservateur naturel garantissant la stabilité du produit dans le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e🔮 Cristaux d'améthyste\u003c\/h3\u003e\n \u003cp\u003eCœur énergétique de l'élixir, potentialisés selon un protocole artisanal respectueux de l'intégrité vibratoire de la pierre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"am-section\"\u003e\n \u003ch2\u003eComment utiliser cet élixir améthyste au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"am-section-intro\"\u003ePour profiter pleinement des \u003cstrong\u003ebienfaits de l'élixir améthyste\u003c\/strong\u003e, suivez ce rituel simple et apaisant.\u003c\/p\u003e\n \u003cdiv class=\"am-timeline\"\u003e\n \u003cdiv class=\"am-timeline-item\"\u003e\n \u003cdiv class=\"am-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"am-timeline-content\"\u003e\n \u003ch3\u003eAgitez doucement le flacon\u003c\/h3\u003e\n \u003cp\u003eQuelques mouvements circulaires suffisent pour redynamiser la préparation avant chaque prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-timeline-item\"\u003e\n \u003cdiv class=\"am-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"am-timeline-content\"\u003e\n \u003ch3\u003e30 gouttes sous la langue vers 18 h\u003c\/h3\u003e\n \u003cp\u003eLa voie sublinguale permet une absorption rapide. Le moment du début de soirée prépare votre organisme à la détente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-timeline-item\"\u003e\n \u003cdiv class=\"am-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"am-timeline-content\"\u003e\n \u003ch3\u003e6 jours sur 7, pendant 21 jours\u003c\/h3\u003e\n \u003cp\u003eMarquez une pause le dimanche pour laisser le corps intégrer les informations reçues. Un flacon de 30 ml correspond à un cycle complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-tip\"\u003e\n \u003cspan class=\"am-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour amplifier l'effet relaxant, prenez vos gouttes dans un moment calme, en respirant profondément quelques instants avant et après la prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"am-section\"\u003e\n \u003ch2\u003eLes atouts de l'élixir de cristal Ansil\u003c\/h2\u003e\n \u003cdiv class=\"am-grid-compact\"\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e🏡 Fabrication artisanale française\u003c\/h3\u003e\n \u003cp\u003eÉlaboré à Sanilhac (Gard), dans le respect des traditions de la lithothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e🌿 Ingrédients 100 % naturels\u003c\/h3\u003e\n \u003cp\u003eSans colorants ni conservateurs de synthèse, pour une pureté totale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e🌱 Complexe de silice végétale\u003c\/h3\u003e\n \u003cp\u003eIssu de six plantes différentes, véritable boosteur d'assimilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"am-card\"\u003e\n \u003ch3\u003e🎒 Format compact 30 ml\u003c\/h3\u003e\n \u003cp\u003eFacile à glisser dans un sac ou sur une table de chevet pour votre rituel du soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"am-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions et recommandations\u003c\/h2\u003e\n \u003cdiv class=\"am-accordion\"\u003e\n \u003cdetails class=\"am-accordion-item\"\u003e\n \u003csummary class=\"am-accordion-header\"\u003e⚠️ Avertissement important\u003c\/summary\u003e\n \u003cdiv class=\"am-accordion-content mt-3\"\u003e\n \u003cp\u003eCet élixir de cristaux améthyste s'inscrit dans une démarche de \u003cstrong\u003ebien-être holistique\u003c\/strong\u003e. Il \u003cstrong\u003ene remplace en aucun cas un traitement médical\u003c\/strong\u003e ni l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"am-accordion-item\"\u003e\n \u003csummary class=\"am-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"am-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes et allaitantes en raison de la présence d'alcool (14 % vol.).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"am-accordion-item\"\u003e\n \u003csummary class=\"am-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"am-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur. Tenez hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"am-accordion-item\"\u003e\n \u003csummary class=\"am-accordion-header\"\u003e💡 Conseil complémentaire\u003c\/summary\u003e\n \u003cdiv class=\"am-accordion-content mt-3\"\u003e\n \u003cp\u003eSi vous traversez une période de stress intense ou de troubles du sommeil persistants, n'hésitez pas à consulter votre médecin en complément de cette approche naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"am-disclaimer\"\u003eLes élixirs de cristaux relèvent de la lithothérapie et ne constituent pas des médicaments. Les informations présentées ne se substituent pas à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --am-cream: #f5f0f8;\n --am-white: #ffffff;\n --am-primary: #7b5ea7;\n --am-primary-dark: #4e3670;\n --am-primary-light: #ede6f5;\n --am-secondary: #c4a2d9;\n --am-accent: #d4a843;\n --am-text: #1a1a1a;\n --am-text-light: #5a5a5a;\n --am-border: #e0d6ea;\n --am-shadow: 0 4px 24px rgba(78,54,112,.08);\n --am-shadow-lg: 0 12px 48px rgba(78,54,112,.15);\n --am-radius: 20px;\n --am-radius-sm: 12px;\n}\n\n.am-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--am-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.am-hero {\n position: relative;\n background: linear-gradient(135deg, var(--am-primary-dark) 0%, var(--am-primary) 50%, var(--am-secondary) 100%);\n border-radius: var(--am-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(--am-shadow-lg);\n}\n\n.am-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,168,67,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.am-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.am-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.am-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.am-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.am-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.am-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(--am-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.am-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.am-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.am-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--am-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.am-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(--am-primary), var(--am-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.am-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--am-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.am-card {\n background: var(--am-white);\n border-radius: var(--am-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--am-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.am-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--am-shadow-lg);\n border-color: var(--am-primary);\n}\n\n.am-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--am-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.am-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--am-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.am-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.am-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.am-grid-compact .am-card {\n padding: 1rem;\n}\n\n.am-grid-compact .am-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.am-grid-compact .am-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.am-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.am-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.am-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--am-primary), var(--am-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.am-timeline-content {\n flex: 1;\n background: var(--am-white);\n padding: 1rem 1.25rem;\n border-radius: var(--am-radius-sm);\n box-shadow: var(--am-shadow);\n}\n\n.am-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--am-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.am-timeline-content p {\n font-size: 14px;\n color: var(--am-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.am-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--am-primary-light);\n border-radius: var(--am-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.am-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.am-tip p {\n font-size: 14px;\n color: var(--am-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.am-testimonial {\n background: var(--am-white);\n border-radius: var(--am-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--am-shadow);\n border-left: 4px solid var(--am-primary);\n}\n\n.am-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--am-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.am-accordion {\n background: var(--am-white);\n border-radius: var(--am-radius);\n box-shadow: var(--am-shadow);\n overflow: hidden;\n}\n\n.am-accordion-item {\n border-bottom: 1px solid var(--am-border);\n margin: 0;\n padding: 0;\n}\n\n.am-accordion-item:last-child {\n border-bottom: none;\n}\n\n.am-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--am-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.am-accordion-header:hover {\n background: var(--am-primary-light);\n}\n\n.am-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.am-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--am-primary);\n transition: transform .2s ease;\n}\n\n.am-accordion-item[open] .am-accordion-header::after {\n content: '−';\n}\n\n.am-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--am-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.am-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.am-disclaimer {\n font-size: 12px;\n color: var(--am-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 .am-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .am-card {\n padding: 1.125rem;\n }\n\n .am-section {\n margin-bottom: 1.75rem;\n }\n\n .am-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--am-radius-sm);\n }\n\n .am-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .am-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .am-grid-compact {\n gap: .625rem;\n }\n\n .am-grid-compact .am-card {\n padding: .75rem;\n }\n\n .am-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .am-timeline-content {\n padding: .875rem 1rem;\n }\n\n .am-timeline-content h3 {\n font-size: 14px;\n }\n\n .am-timeline-content p {\n font-size: 13px;\n }\n\n .am-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .am-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .am-testimonial {\n padding: 1.25rem;\n }\n\n .am-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .am-card {\n animation: amFadeInUp .5s ease backwards;\n }\n .am-card:nth-child(1) { animation-delay: .05s; }\n .am-card:nth-child(2) { animation-delay: .1s; }\n .am-card:nth-child(3) { animation-delay: .15s; }\n .am-card:nth-child(4) { animation-delay: .2s; }\n .am-card:nth-child(5) { animation-delay: .25s; }\n .am-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes amFadeInUp {\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 .am-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":55183904211321,"sku":"AL2503","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Amethyste-elixir-de-cristal-30ml-Ansil.webp?v=1746607019"},{"product_id":"lavande-fine-bio-10ml-florame","title":"Huile essentielle de Lavande Fine bio – 10 ml – Florame","description":"\u003cdiv class=\"lav-premium\"\u003e\n \u003cdiv class=\"lav-hero\"\u003e\n \u003cdiv class=\"lav-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lav-hero-content\"\u003e\n \u003cdiv class=\"lav-badges-top\"\u003e\n \u003cspan class=\"lav-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e\n \u003cspan class=\"lav-badge\"\u003e🇫🇷 Origine Drôme\u003c\/span\u003e\n \u003cspan class=\"lav-badge\"\u003e💜 100% Pure\u003c\/span\u003e\n \u003cspan class=\"lav-badge\"\u003e⚖️ Équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lav-hero-title\"\u003eHuile Essentielle de Lavande Fine Bio\u003c\/span\u003e\n \u003cp class=\"lav-subtitle\"\u003eFlorame • 10 ml • Lavandula angustifolia\u003c\/p\u003e\n \u003cp class=\"lav-description\"\u003eVéritable trésor de la Provence, cette huile essentielle chémotypée est reconnue pour ses vertus apaisantes et son parfum floral incomparable. Issue de lavande cultivée dans la Drôme, 100% pure, naturelle et certifiée biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile essentielle de lavande vraie\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eSouvent appelée \u003cstrong\u003elavande vraie\u003c\/strong\u003e, \u003cstrong\u003elavande fine\u003c\/strong\u003e ou \u003cstrong\u003elavande officinale\u003c\/strong\u003e, cette huile essentielle est la plus polyvalente et la plus douce de la famille des lavandes. À ne pas confondre avec la \u003cstrong\u003elavande aspic\u003c\/strong\u003e (\u003cem\u003eLavandula latifolia\u003c\/em\u003e), plus tonique et davantage utilisée pour les piqûres ou brûlures légères.\u003c\/p\u003e\n \u003cdiv class=\"lav-grid\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e😴 Détente \u0026amp; sommeil\u003c\/h3\u003e\n \u003cp\u003eFavorise un sommeil réparateur en cas de stress, nervosité ou agitation au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e💆 Tensions apaisées\u003c\/h3\u003e\n \u003cp\u003eApaise les petites tensions musculaires et les inconforts du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌸 Soin de la peau\u003c\/h3\u003e\n \u003cp\u003eApplication ciblée sur petites irritations cutanées, rougeurs ou imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌺 Parfum délicat\u003c\/h3\u003e\n \u003cp\u003eParfume délicatement le linge, l'intérieur ou vos préparations cosmétiques maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eComposition biochimique (chémotype)\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eFlorame garantit une huile \u003cstrong\u003echémotypée\u003c\/strong\u003e, gage de qualité thérapeutique. Distillée à la \u003cstrong\u003evapeur d'eau sous basse pression\u003c\/strong\u003e, elle conserve toute la richesse aromatique de la plante.\u003c\/p\u003e\n \u003cdiv class=\"lav-grid-compact\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🧪 Acétate de linalyle\u003c\/h3\u003e\n \u003cp\u003eMolécule calmante qui contribue à réduire l'anxiété et favorise la relaxation profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌙 Linalol\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés relaxantes et son action bénéfique sur le sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de lavande essentielle ?\u003c\/h2\u003e\n \u003cdiv class=\"lav-timeline\"\u003e\n \u003cdiv class=\"lav-timeline-item\"\u003e\n \u003cdiv class=\"lav-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-content\"\u003e\n \u003ch3\u003e💨 En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003e5 à 10 gouttes dans un diffuseur, 15 minutes avant le coucher, pour une ambiance apaisante et propice au sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-item\"\u003e\n \u003cdiv class=\"lav-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-content\"\u003e\n \u003ch3\u003e🤲 En application cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez 1 goutte dans une huile végétale (amande douce, jojoba) et massez la nuque, les poignets ou la plante des pieds. Idéale aussi en complément d'un soin capillaire maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-item\"\u003e\n \u003cdiv class=\"lav-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-content\"\u003e\n \u003ch3\u003e🍯 En usage alimentaire\u003c\/h3\u003e\n \u003cp\u003e1 à 2 gouttes (maximum 2 par jour) pour parfumer une infusion, un miel ou un dessert raffiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-item\"\u003e\n \u003cdiv class=\"lav-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-content\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Lavande et poux\u003c\/h3\u003e\n \u003cp\u003eL'huile essentielle de lavande pour les poux est traditionnellement utilisée pour son odeur répulsive. Quelques gouttes derrière les oreilles ou sur le col, après dilution, peuvent compléter une routine préventive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi : attention aux dangers\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eBien que douce, cette huile essentielle nécessite quelques précautions. Voici les principaux points concernant le \u003cstrong\u003edanger éventuel de l'huile essentielle de lavande\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"lav-accordion\"\u003e\n \u003cdetails class=\"lav-accordion-item\"\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e🤰 Public déconseillé\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes (surtout durant les 3 premiers mois), allaitantes et aux enfants de moins de 3 ans sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lav-accordion-item\"\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e🧪 Test cutané préalable\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003eFaire un test cutané dans le pli du coude avant toute application, et ne jamais appliquer pure sur une peau sensible ou sur les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lav-accordion-item\"\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e🔒 Conservation \u0026amp; sécurité\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants et conserver à l'abri de la lumière, dans un endroit frais et sec.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lav-accordion-item\"\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne remplace en aucun cas un traitement médical. En cas de doute, de pathologie ou de prise de médicaments, demandez conseil à 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=\"lav-section\"\u003e\n \u003ch2\u003ePourquoi choisir la lavande fine bio Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"lav-grid-compact\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n \u003cp\u003eCultivée dans la Drôme par la coopérative France Lavande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌿 Certifiée AB \u0026amp; équitable\u003c\/h3\u003e\n \u003cp\u003ePour une aromathérapie responsable et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e💎 100% pure \u0026amp; naturelle\u003c\/h3\u003e\n \u003cp\u003eChémotypée, sans additif ni conservateur ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🍶 Flacon ambré 10 ml\u003c\/h3\u003e\n \u003cp\u003eAvec compte-gouttes sécurisé pour un dosage précis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"lav-cta-box\"\u003e\n \u003cp\u003e100% huile essentielle de Lavande fine (\u003cem\u003eLavandula angustifolia\u003c\/em\u003e) biologique et équitable. Issue de l'agriculture biologique — FR-BIO-01.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lav-disclaimer\"\u003eCe produit ne se substitue pas à un traitement médical. Demandez conseil à un professionnel de santé en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lav-cream: #f7f4fb;\n --lav-white: #ffffff;\n --lav-primary: #8b6fbf;\n --lav-primary-dark: #5d4585;\n --lav-primary-light: #ede6f7;\n --lav-secondary: #a8c66c;\n --lav-accent: #d4b8e8;\n --lav-text: #1a1a1a;\n --lav-text-light: #5a5a5a;\n --lav-border: #e0d6ec;\n --lav-shadow: 0 4px 24px rgba(93, 69, 133, .08);\n --lav-shadow-lg: 0 12px 48px rgba(93, 69, 133, .18);\n --lav-radius: 20px;\n --lav-radius-sm: 12px;\n}\n\n.lav-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lav-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--lav-text);\n line-height: 1.6;\n}\n\n.lav-hero {\n position: relative;\n background: linear-gradient(135deg, #8b6fbf 0%, #a888d1 50%, #a8c66c 100%);\n border-radius: var(--lav-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(--lav-shadow-lg);\n}\n\n.lav-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n opacity: .15;\n}\n\n.lav-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lav-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.lav-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n font-style: italic;\n}\n\n.lav-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.lav-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lav-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(--lav-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lav-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.lav-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lav-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lav-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.lav-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(--lav-primary), var(--lav-secondary));\n border-radius: 2px;\n}\n\n.lav-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lav-text-light);\n margin-bottom: 1.75rem;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.lav-card {\n background: var(--lav-white);\n border-radius: var(--lav-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lav-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lav-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lav-shadow-lg);\n border-color: var(--lav-primary);\n}\n\n.lav-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lav-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lav-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lav-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.lav-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lav-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lav-grid-compact .lav-card {\n padding: 1rem;\n}\n\n.lav-grid-compact .lav-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lav-grid-compact .lav-card p {\n font-size: 12px;\n}\n\n.lav-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lav-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lav-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lav-primary), var(--lav-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(139, 111, 191, .3);\n}\n\n.lav-timeline-content {\n flex: 1;\n background: var(--lav-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lav-radius-sm);\n box-shadow: var(--lav-shadow);\n}\n\n.lav-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lav-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lav-timeline-content p {\n font-size: 14px;\n color: var(--lav-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.lav-accordion {\n background: var(--lav-white);\n border-radius: var(--lav-radius);\n box-shadow: var(--lav-shadow);\n overflow: hidden;\n}\n\n.lav-accordion-item {\n border-bottom: 1px solid var(--lav-border);\n margin: 0;\n padding: 0;\n}\n\n.lav-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lav-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lav-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.lav-accordion-header:hover {\n background: var(--lav-primary-light);\n}\n\n.lav-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lav-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--lav-primary);\n transition: transform .2s ease;\n}\n\n.lav-accordion-item[open] .lav-accordion-header::after {\n content: '−';\n}\n\n.lav-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lav-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lav-accordion-content p {\n margin: 0;\n}\n\n.lav-cta-box {\n background: linear-gradient(135deg, var(--lav-primary) 0%, var(--lav-primary-dark) 100%);\n border-radius: var(--lav-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--lav-shadow-lg);\n}\n\n.lav-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.lav-disclaimer {\n font-size: 12px;\n color: var(--lav-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .lav-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .lav-card {\n padding: 1.125rem;\n }\n .lav-section {\n margin-bottom: 1.75rem;\n }\n .lav-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lav-radius-sm);\n }\n .lav-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .lav-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .lav-grid-compact {\n gap: .625rem;\n }\n .lav-grid-compact .lav-card {\n padding: .75rem;\n }\n .lav-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .lav-timeline-content {\n padding: .875rem 1rem;\n }\n .lav-timeline-content h3 {\n font-size: 14px;\n }\n .lav-timeline-content p {\n font-size: 13px;\n }\n .lav-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .lav-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .lav-card {\n animation: lavFadeInUp .5s ease backwards;\n }\n .lav-card:nth-child(1) { animation-delay: .05s; }\n .lav-card:nth-child(2) { animation-delay: .1s; }\n .lav-card:nth-child(3) { animation-delay: .15s; }\n .lav-card:nth-child(4) { animation-delay: .2s; }\n .lav-card:nth-child(5) { animation-delay: .25s; }\n .lav-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lavFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .lav-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":55183922430329,"sku":"FM0090","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/florame_he_lavande-fine.jpg?v=1763626227"},{"product_id":"dormaline-60-gelules-lt-labo","title":"Dormaline - 60 gélules - LT Labo","description":"\u003cdiv class=\"dml-premium\"\u003e\n\n \u003cdiv class=\"dml-hero\"\u003e\n \u003cdiv class=\"dml-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dml-hero-content\"\u003e\n \u003cdiv class=\"dml-badges-top\"\u003e\n \u003cspan class=\"dml-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"dml-badge\"\u003e🚫 Sans mélatonine ajoutée\u003c\/span\u003e\n \u003cspan class=\"dml-badge\"\u003e💊 60 gélules – 1 mois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dml-hero-title\"\u003eDormaline\u003c\/span\u003e\n \u003cp class=\"dml-subtitle\"\u003eEschscholzia · L-Tryptophane · Valériane · Vitamine B6\u003c\/p\u003e\n \u003cp class=\"dml-description\"\u003eRetrouvez un endormissement serein, un sommeil profond et réparateur, et des réveils véritablement reposés — sans accoutumance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"dml-section\"\u003e\n \u003ch2\u003eDormaline LT Labo : le complément alimentaire sommeil 100 % naturel\u003c\/h2\u003e\n \u003cp class=\"dml-section-intro\"\u003eVous tournez dans votre lit, les pensées s'enchaînent, et le sommeil tarde à venir ?\u003c\/p\u003e\n \u003cdiv class=\"dml-grid-compact\"\u003e\n \u003cdiv class=\"dml-card\"\u003e\n \u003ch3\u003e😴 Endormissement facilité\u003c\/h3\u003e\n \u003cp\u003eUne formule conçue pour calmer l'agitation mentale et vous guider naturellement vers le sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dml-card\"\u003e\n \u003ch3\u003e🌙 Sommeil réparateur\u003c\/h3\u003e\n \u003cp\u003eFavorise les phases de sommeil profond pour un repos véritablement régénérateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dml-card\"\u003e\n \u003ch3\u003e🧘 Relaxation profonde\u003c\/h3\u003e\n \u003cp\u003eQuatre actifs naturels qui apaisent le corps et l'esprit avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dml-card\"\u003e\n \u003ch3\u003e🔄 Sans accoutumance\u003c\/h3\u003e\n \u003cp\u003eRespecte vos rythmes biologiques sans créer de dépendance, même en cure longue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dml-section\"\u003e\n \u003ch2\u003ePourquoi choisir un complément sommeil sans mélatonine ?\u003c\/h2\u003e\n \u003cdiv class=\"dml-highlight-box\"\u003e\n \u003cp\u003eBeaucoup de compléments alimentaires pour le sommeil reposent sur un apport direct de mélatonine. \u003cstrong\u003eDormaline adopte une approche différente\u003c\/strong\u003e : plutôt que de fournir cette hormone de l'extérieur, sa formule stimule \u003cstrong\u003ela production naturelle de mélatonine\u003c\/strong\u003e par votre organisme grâce au L-Tryptophane et à la vitamine B6.\u003c\/p\u003e\n \u003cp style=\"margin-top: .75rem;\"\u003eRésultat : votre corps conserve sa capacité à réguler lui-même son cycle veille-sommeil, \u003cstrong\u003esans dépendance\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dml-section\"\u003e\n \u003ch2\u003eLes 4 actifs clés de Dormaline et leurs bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"dml-grid\"\u003e\n \u003cdiv class=\"dml-card dml-card-ingredient\"\u003e\n \u003ch3\u003e🌸 Eschscholzia – 350 mg\u003c\/h3\u003e\n \u003cp class=\"dml-dose-tag\"\u003eÉquiv. plante sèche : 700 mg\u003c\/p\u003e\n \u003cp\u003eAussi appelé pavot de Californie, cet extrait de parties aériennes est traditionnellement utilisé pour ses propriétés relaxantes. Il aide à calmer l'agitation mentale et à réduire les réveils nocturnes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dml-card dml-card-ingredient\"\u003e\n \u003ch3\u003e🧬 L-Tryptophane – 200 mg\u003c\/h3\u003e\n \u003cp class=\"dml-dose-tag\"\u003eAcide aminé essentiel\u003c\/p\u003e\n \u003cp\u003ePrécurseur direct de la sérotonine, elle-même convertie en mélatonine. Il joue un rôle central dans la régulation naturelle de votre horloge biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dml-card dml-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Valériane – 150 mg\u003c\/h3\u003e\n \u003cp class=\"dml-dose-tag\"\u003eÉquiv. plante sèche : 450 mg\u003c\/p\u003e\n \u003cp\u003eCet extrait de racines est utilisé depuis l'Antiquité pour faciliter l'endormissement et améliorer la qualité du sommeil profond, sans somnolence résiduelle au réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dml-card dml-card-ingredient\"\u003e\n \u003ch3\u003e💛 Vitamine B6 – 0,21 mg\u003c\/h3\u003e\n \u003cp class=\"dml-dose-tag\"\u003e15 % des VNR\u003c\/p\u003e\n \u003cp\u003eElle contribue au fonctionnement normal du système nerveux et optimise la conversion du L-Tryptophane en sérotonine puis en mélatonine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dml-tip\"\u003e\n \u003cspan class=\"dml-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eEnsemble, ces ingrédients agissent en \u003cstrong\u003esynergie\u003c\/strong\u003e : les plantes apaisent, le L-Tryptophane et la vitamine B6 soutiennent votre production hormonale naturelle. Une approche complète pour un complément alimentaire naturel sommeil vraiment efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dml-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"dml-timeline\"\u003e\n \u003cdiv class=\"dml-timeline-item\"\u003e\n \u003cdiv class=\"dml-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dml-timeline-content\"\u003e\n \u003ch3\u003ePrenez 2 gélules par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence au moment du dîner, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dml-timeline-item\"\u003e\n \u003cdiv class=\"dml-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dml-timeline-content\"\u003e\n \u003ch3\u003eProgramme d'un mois\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 60 gélules couvre un mois complet. Pour des résultats durables, une cure de 2 à 3 mois peut être envisagée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dml-timeline-item\"\u003e\n \u003cdiv class=\"dml-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dml-timeline-content\"\u003e\n \u003ch3\u003eProfitez de nuits sereines\u003c\/h3\u003e\n \u003cp\u003eLaissez les actifs naturels agir en douceur pour un endormissement facilité et un sommeil profond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dml-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"dml-accordion-item\"\u003e\n \u003csummary class=\"dml-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"dml-accordion-content mt-3\"\u003e\n \u003cp\u003eConvient aux adultes et adolescents. Demandez conseil à un professionnel de santé en cas de grossesse ou d'allaitement. Ne pas dépasser la dose journalière recommandée. Ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dml-section\"\u003e\n \u003ch2\u003eComposition complète pour 2 gélules\u003c\/h2\u003e\n \u003cdiv class=\"dml-table-wrapper\"\u003e\n \u003ctable class=\"dml-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eIngrédient\u003c\/th\u003e\n \u003cth\u003eDosage\u003c\/th\u003e\n \u003cth\u003eÉquiv. plante sèche\u003c\/th\u003e\n \u003cth\u003e% VNR\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eExtrait d'Eschscholzia (parties aériennes)\u003c\/td\u003e\n \u003ctd\u003e350 mg\u003c\/td\u003e\n \u003ctd\u003e700 mg\u003c\/td\u003e\n \u003ctd\u003e–\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eL-Tryptophane\u003c\/td\u003e\n \u003ctd\u003e200 mg\u003c\/td\u003e\n \u003ctd\u003e–\u003c\/td\u003e\n \u003ctd\u003e–\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eExtrait de Valériane (racines)\u003c\/td\u003e\n \u003ctd\u003e150 mg\u003c\/td\u003e\n \u003ctd\u003e450 mg\u003c\/td\u003e\n \u003ctd\u003e–\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine B6\u003c\/td\u003e\n \u003ctd\u003e0,21 mg\u003c\/td\u003e\n \u003ctd\u003e–\u003c\/td\u003e\n \u003ctd\u003e15 %\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dml-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLes atouts qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"dml-grid-compact\"\u003e\n \u003cdiv class=\"dml-card\"\u003e\n \u003ch3\u003e🚫 Sans mélatonine ajoutée\u003c\/h3\u003e\n \u003cp\u003eVotre organisme produit naturellement sa propre mélatonine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dml-card\"\u003e\n \u003ch3\u003e🔄 Sans accoutumance\u003c\/h3\u003e\n \u003cp\u003eUne solution douce, adaptée à une utilisation prolongée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dml-card\"\u003e\n \u003ch3\u003e🌱 Formule 100 % naturelle\u003c\/h3\u003e\n \u003cp\u003eExtraits de plantes et nutriments essentiels, sans additifs artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dml-card\"\u003e\n \u003ch3\u003e♻️ Emballage éco-responsable\u003c\/h3\u003e\n \u003cp\u003eRecyclé et recyclable, un choix responsable pour vous et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dml-cta-box\"\u003e\n \u003cp\u003eDormaline vous accompagne naturellement vers des nuits plus paisibles et un réveil véritablement reposé. 🌙\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"dml-disclaimer\"\u003eCe complément sommeil ne remplace en aucun cas un traitement médical. Si vos troubles du sommeil persistent, consultez votre médecin.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --dml-cream: #f0f3f8;\n --dml-white: #ffffff;\n --dml-primary: #1e3a6e;\n --dml-primary-dark: #122650;\n --dml-primary-light: #e8eef7;\n --dml-secondary: #6fa8dc;\n --dml-accent: #a3c4e8;\n --dml-text: #1a1a1a;\n --dml-text-light: #5a6578;\n --dml-border: #d8e0ec;\n --dml-shadow: 0 4px 24px rgba(30,58,110,.08);\n --dml-shadow-lg: 0 12px 48px rgba(30,58,110,.15);\n --dml-radius: 20px;\n --dml-radius-sm: 12px;\n}\n\n.dml-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dml-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dml-hero {\n position: relative;\n background: linear-gradient(135deg, #122650 0%, #1e3a6e 40%, #6fa8dc 100%);\n border-radius: var(--dml-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(--dml-shadow-lg);\n}\n\n.dml-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(167,199,231,.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(111,168,220,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.dml-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dml-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.dml-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dml-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(--dml-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dml-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.dml-subtitle {\n color: var(--dml-accent);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n letter-spacing: .05em;\n text-transform: uppercase;\n margin: 0 0 1rem 0;\n}\n\n.dml-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.dml-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dml-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dml-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.dml-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(--dml-primary), var(--dml-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.dml-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dml-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.dml-card {\n background: var(--dml-white);\n border-radius: var(--dml-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dml-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dml-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dml-shadow-lg);\n border-color: var(--dml-primary);\n}\n\n.dml-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dml-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dml-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dml-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT === *\/\n.dml-card-ingredient {\n text-align: left;\n}\n\n.dml-dose-tag {\n display: inline-block;\n background: var(--dml-primary-light);\n color: var(--dml-primary);\n font-size: 12px !important;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n margin-bottom: .75rem !important;\n}\n\n\/* === GRILLES === *\/\n.dml-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.dml-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dml-grid-compact .dml-card {\n padding: 1rem;\n}\n\n.dml-grid-compact .dml-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dml-grid-compact .dml-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.dml-highlight-box {\n background: var(--dml-white);\n border-radius: var(--dml-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--dml-shadow);\n border-left: 5px solid var(--dml-secondary);\n max-width: 720px;\n margin: 0 auto;\n}\n\n.dml-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--dml-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.dml-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.dml-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dml-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dml-primary), var(--dml-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.dml-timeline-content {\n flex: 1;\n background: var(--dml-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dml-radius-sm);\n box-shadow: var(--dml-shadow);\n}\n\n.dml-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dml-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dml-timeline-content p {\n font-size: 14px;\n color: var(--dml-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.dml-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dml-primary-light);\n border-radius: var(--dml-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dml-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dml-tip p {\n font-size: 14px;\n color: var(--dml-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TABLE === *\/\n.dml-table-wrapper {\n overflow-x: auto;\n border-radius: var(--dml-radius);\n box-shadow: var(--dml-shadow);\n background: var(--dml-white);\n}\n\n.dml-table {\n width: 100%;\n border-collapse: collapse;\n font-size: 14px;\n}\n\n.dml-table thead {\n background: linear-gradient(135deg, var(--dml-primary), var(--dml-primary-dark));\n}\n\n.dml-table th {\n color: white;\n font-weight: 700;\n padding: 14px 16px;\n text-align: left;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: .03em;\n}\n\n.dml-table td {\n padding: 12px 16px;\n color: var(--dml-text);\n border-bottom: 1px solid var(--dml-border);\n}\n\n.dml-table tbody tr:last-child td {\n border-bottom: none;\n}\n\n.dml-table tbody tr:hover {\n background: var(--dml-primary-light);\n}\n\n\/* === ACCORDÉON === *\/\n.dml-accordion {\n background: var(--dml-white);\n border-radius: var(--dml-radius);\n box-shadow: var(--dml-shadow);\n overflow: hidden;\n}\n\n.dml-accordion-item {\n border-bottom: 1px solid var(--dml-border);\n margin: 0;\n padding: 0;\n}\n\n.dml-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dml-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dml-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.dml-accordion-header:hover {\n background: var(--dml-primary-light);\n}\n\n.dml-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dml-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--dml-primary);\n transition: transform .2s ease;\n}\n\n.dml-accordion-item[open] .dml-accordion-header::after {\n content: '−';\n}\n\n.dml-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dml-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dml-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.dml-cta-box {\n background: linear-gradient(135deg, var(--dml-primary) 0%, var(--dml-primary-dark) 100%);\n border-radius: var(--dml-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.dml-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.dml-disclaimer {\n font-size: 12px;\n color: var(--dml-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 .dml-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .dml-card {\n padding: 1.125rem;\n }\n\n .dml-card-ingredient {\n text-align: left;\n }\n\n .dml-section {\n margin-bottom: 1.75rem;\n }\n\n .dml-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dml-radius-sm);\n }\n\n .dml-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .dml-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .dml-grid-compact {\n gap: .625rem;\n }\n\n .dml-grid-compact .dml-card {\n padding: .75rem;\n }\n\n .dml-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .dml-timeline-content {\n padding: .875rem 1rem;\n }\n\n .dml-timeline-content h3 {\n font-size: 14px;\n }\n\n .dml-timeline-content p {\n font-size: 13px;\n }\n\n .dml-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .dml-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .dml-highlight-box {\n padding: 1.25rem;\n }\n\n .dml-highlight-box p {\n font-size: 14px;\n }\n\n .dml-table th,\n .dml-table td {\n padding: 10px 12px;\n font-size: 12px;\n }\n\n .dml-table th {\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dml-card {\n animation: dmlFadeInUp .5s ease backwards;\n }\n .dml-card:nth-child(1) { animation-delay: .05s; }\n .dml-card:nth-child(2) { animation-delay: .1s; }\n .dml-card:nth-child(3) { animation-delay: .15s; }\n .dml-card:nth-child(4) { animation-delay: .2s; }\n .dml-card:nth-child(5) { animation-delay: .25s; }\n .dml-card:nth-child(6) { animation-delay: .3s; }\n\n .dml-timeline-item {\n animation: dmlFadeInUp .5s ease backwards;\n }\n .dml-timeline-item:nth-child(1) { animation-delay: .1s; }\n .dml-timeline-item:nth-child(2) { animation-delay: .2s; }\n .dml-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes dmlFadeInUp {\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 .dml-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":55183965913465,"sku":"LT0231","price":21.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dormaline-60-gelules-lt-labo-packshot.webp?v=1772961463"},{"product_id":"spray-brume-d-oreiller-100-ml-aromaspray","title":"Spray Brume d’oreiller - 100 ml - Aromaspray","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Brume d'Oreiller Aromaspray - Spray sommeil naturel\nPalette détectée:\n - Primaire: #1e3a5f (bleu nuit profond du flacon)\n - Secondaire: #5ba4c9 (bleu clair du texte \"Brume d'Oreiller\")\n - Accent: #c9b8a8 (doré\/beige des coussins et ambiance cocooning)\n - Support: #e8e4f0 (lavande pâle de l'arrière-plan onirique)\nAmbiance: Nuit douce, sommeil réparateur, cocooning, naturel\/aromathérapie, plumes légères, univers onirique et apaisant\nPréfixe CSS: bo\n--\u003e\n\n\u003cdiv class=\"bo-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"bo-hero\"\u003e\n \u003cdiv class=\"bo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bo-hero-stars\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bo-hero-content\"\u003e\n \u003cdiv class=\"bo-badges-top\"\u003e\n \u003cspan class=\"bo-badge\"\u003e🌙 100% naturel\u003c\/span\u003e\n \u003cspan class=\"bo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"bo-badge\"\u003e🌿 10 huiles essentielles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bo-hero-title\"\u003eBrume d'oreiller\u003c\/span\u003e\n \u003cp class=\"bo-subtitle\"\u003eHarmonie \u0026amp; détente pour des nuits sereines\u003c\/p\u003e\n \u003cp class=\"bo-description\"\u003eTransformez vos nuits grâce à cette synergie experte de camomille et néroli. L'aromathérapie atmosphérique au service de votre sommeil.\u003c\/p\u003e\n \u003cdiv class=\"bo-hero-features\"\u003e\n \u003cspan class=\"bo-hero-feature\"\u003e🪶 Parfum délicat\u003c\/span\u003e\n \u003cspan class=\"bo-hero-feature\"\u003e💤 Endormissement facilité\u003c\/span\u003e\n \u003cspan class=\"bo-hero-feature\"\u003e✨ 100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION PROBLÉMATIQUE --\u003e\n \u003csection class=\"bo-section\"\u003e\n \u003ch2\u003eVous méritez des nuits paisibles\u003c\/h2\u003e\n \u003cdiv class=\"bo-problem-grid\"\u003e\n \u003cdiv class=\"bo-problem-card\"\u003e\n \u003cdiv class=\"bo-problem-icon\"\u003e😰\u003c\/div\u003e\n \u003cp\u003eLes pensées tournent en boucle au moment de vous coucher ?\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-problem-card\"\u003e\n \u003cdiv class=\"bo-problem-icon\"\u003e⏰\u003c\/div\u003e\n \u003cp\u003eVous peinez à trouver le sommeil malgré la fatigue ?\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-problem-card\"\u003e\n \u003cdiv class=\"bo-problem-icon\"\u003e🔄\u003c\/div\u003e\n \u003cp\u003eVous cherchez une alternative naturelle aux somnifères ?\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-solution-box\"\u003e\n \u003cp\u003e💫 La \u003cstrong\u003ebrume d'oreiller Aromaspray\u003c\/strong\u003e crée une atmosphère propice à la détente et à l'endormissement. Quelques vaporisations suffisent pour envelopper votre chambre d'un parfum apaisant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION BÉNÉFICES --\u003e\n \u003csection class=\"bo-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'aromathérapie nocturne\u003c\/h2\u003e\n \u003cdiv class=\"bo-benefits-grid\"\u003e\n \u003cdiv class=\"bo-benefit-card\"\u003e\n \u003ch3 class=\"bo-benefit-title\"\u003e🌙 Sommeil réparateur\u003c\/h3\u003e\n \u003cp\u003eLes huiles essentielles stimulent le système limbique pour favoriser un endormissement serein\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-benefit-card\"\u003e\n \u003ch3 class=\"bo-benefit-title\"\u003e🧘 Détente profonde\u003c\/h3\u003e\n \u003cp\u003eUne synergie apaisante qui calme les tensions nerveuses accumulées dans la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-benefit-card\"\u003e\n \u003ch3 class=\"bo-benefit-title\"\u003e🍃 Apaisement naturel\u003c\/h3\u003e\n \u003cp\u003eSans paraben ni conservateur artificiel, uniquement la puissance des plantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-benefit-card\"\u003e\n \u003ch3 class=\"bo-benefit-title\"\u003e💆 Bien-être mental\u003c\/h3\u003e\n \u003cp\u003eRéduction des ruminations mentales pour un esprit plus léger au coucher\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION COMPOSITION --\u003e\n \u003csection class=\"bo-section\"\u003e\n \u003ch2\u003e10 huiles essentielles aux vertus reconnues\u003c\/h2\u003e\n \u003cp class=\"bo-section-intro\"\u003eChaque huile a été sélectionnée par les experts Aromaspray pour ses propriétés spécifiques sur la relaxation et le sommeil.\u003c\/p\u003e\n \n \u003cdiv class=\"bo-ingredients-showcase\"\u003e\n \u003cdiv class=\"bo-ingredient-star\"\u003e\n \u003cdiv class=\"bo-ingredient-star-icon\"\u003e🌼\u003c\/div\u003e\n \u003cspan class=\"bo-ingredient-star-name\"\u003eCamomille\u003c\/span\u003e\n \u003cp\u003eVertus sédatives traditionnelles pour un endormissement serein\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-ingredient-star\"\u003e\n \u003cdiv class=\"bo-ingredient-star-icon\"\u003e🌸\u003c\/div\u003e\n \u003cspan class=\"bo-ingredient-star-name\"\u003eNéroli\u003c\/span\u003e\n \u003cp\u003eFleur d'oranger réputée pour calmer les états anxieux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bo-ingredients-grid\"\u003e\n \u003cdiv class=\"bo-ingredient-card\"\u003e\n \u003cspan class=\"bo-ingredient-emoji\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"bo-ingredient-name\"\u003eMarjolaine\u003c\/span\u003e\n \u003cspan class=\"bo-ingredient-benefit\"\u003eAnti-stress naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-ingredient-card\"\u003e\n \u003cspan class=\"bo-ingredient-emoji\"\u003e💜\u003c\/span\u003e\n \u003cspan class=\"bo-ingredient-name\"\u003eLavandin\u003c\/span\u003e\n \u003cspan class=\"bo-ingredient-benefit\"\u003eNotes apaisantes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-ingredient-card\"\u003e\n \u003cspan class=\"bo-ingredient-emoji\"\u003e🌺\u003c\/span\u003e\n \u003cspan class=\"bo-ingredient-name\"\u003eGéranium\u003c\/span\u003e\n \u003cspan class=\"bo-ingredient-benefit\"\u003eRéduit le stress\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-ingredient-card\"\u003e\n \u003cspan class=\"bo-ingredient-emoji\"\u003e🍊\u003c\/span\u003e\n \u003cspan class=\"bo-ingredient-name\"\u003eMandarine\u003c\/span\u003e\n \u003cspan class=\"bo-ingredient-benefit\"\u003eRéconfort \u0026amp; légèreté\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-ingredient-card\"\u003e\n \u003cspan class=\"bo-ingredient-emoji\"\u003e🟠\u003c\/span\u003e\n \u003cspan class=\"bo-ingredient-name\"\u003eOrange douce\u003c\/span\u003e\n \u003cspan class=\"bo-ingredient-benefit\"\u003eEffet calmant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-ingredient-card\"\u003e\n \u003cspan class=\"bo-ingredient-emoji\"\u003e🍋\u003c\/span\u003e\n \u003cspan class=\"bo-ingredient-name\"\u003ePetitgrain\u003c\/span\u003e\n \u003cspan class=\"bo-ingredient-benefit\"\u003eDétente musculaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-ingredient-card\"\u003e\n \u003cspan class=\"bo-ingredient-emoji\"\u003e🌷\u003c\/span\u003e\n \u003cspan class=\"bo-ingredient-name\"\u003eYlang-ylang\u003c\/span\u003e\n \u003cspan class=\"bo-ingredient-benefit\"\u003eSentiment de bien-être\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-ingredient-card\"\u003e\n \u003cspan class=\"bo-ingredient-emoji\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"bo-ingredient-name\"\u003eLemongrass\u003c\/span\u003e\n \u003cspan class=\"bo-ingredient-benefit\"\u003ePurifie l'atmosphère\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bo-composition-detail\"\u003e\n \u003cspan class=\"bo-composition-title\"\u003e📋 Composition complète\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Ethanol (alcool de betterave, 71% v\/v), huiles essentielles de camomille, géranium, lavandin, lemongrass, mandarine, marjolaine, néroli, orange douce, petitgrain, ylang-ylang.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eContient naturellement :\u003c\/strong\u003e di-limonène, citronellol, citral, géraniol, linalool, linalyl acetate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION MODE D'EMPLOI --\u003e\n \u003csection class=\"bo-section\"\u003e\n \u003ch2\u003eComment utiliser votre brume d'oreiller ?\u003c\/h2\u003e\n \u003cdiv class=\"bo-steps-container\"\u003e\n \u003cdiv class=\"bo-step\"\u003e\n \u003cdiv class=\"bo-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bo-step-content\"\u003e\n \u003cspan class=\"bo-step-title\"\u003e⏰ Le bon moment\u003c\/span\u003e\n \u003cp\u003eVaporisez \u003cstrong\u003e15 à 30 minutes avant le coucher\u003c\/strong\u003e pour laisser le parfum se diffuser harmonieusement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-step\"\u003e\n \u003cdiv class=\"bo-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bo-step-content\"\u003e\n \u003cspan class=\"bo-step-title\"\u003e📍 Les bons endroits\u003c\/span\u003e\n \u003cp\u003eSur les \u003cstrong\u003ebords de votre oreiller\u003c\/strong\u003e (pas au centre), sur vos draps, rideaux ou dans les coins de la pièce\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-step\"\u003e\n \u003cdiv class=\"bo-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bo-step-content\"\u003e\n \u003cspan class=\"bo-step-title\"\u003e💨 La bonne dose\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e2 à 4 pulvérisations\u003c\/strong\u003e suffisent pour une chambre standard\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bo-ritual-box\"\u003e\n \u003cspan class=\"bo-ritual-title\"\u003e✨ Intégrez-la à votre rituel du soir\u003c\/span\u003e\n \u003cdiv class=\"bo-ritual-steps\"\u003e\n \u003cdiv class=\"bo-ritual-step\"\u003e\n \u003cspan class=\"bo-ritual-icon\"\u003e📵\u003c\/span\u003e\n \u003cp\u003eÉteignez les écrans 30 min avant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-ritual-step\"\u003e\n \u003cspan class=\"bo-ritual-icon\"\u003e💫\u003c\/span\u003e\n \u003cp\u003eVaporisez votre brume\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-ritual-step\"\u003e\n \u003cspan class=\"bo-ritual-icon\"\u003e🧘\u003c\/span\u003e\n \u003cp\u003eRespirations profondes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-ritual-step\"\u003e\n \u003cspan class=\"bo-ritual-icon\"\u003e❄️\u003c\/span\u003e\n \u003cp\u003eTempérature 18-19°C\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION DIFFÉRENCES --\u003e\n \u003csection class=\"bo-section\"\u003e\n \u003ch2\u003ePourquoi choisir Aromaspray ?\u003c\/h2\u003e\n \u003cdiv class=\"bo-compare-grid\"\u003e\n \u003cdiv class=\"bo-compare-card\"\u003e\n \u003cdiv class=\"bo-compare-icon\"\u003e🏆\u003c\/div\u003e\n \u003cspan class=\"bo-compare-title\"\u003e+30 ans d'expertise\u003c\/span\u003e\n \u003cp\u003eSpécialiste de l'aromathérapie atmosphérique depuis plus de trois décennies\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-compare-card\"\u003e\n \u003cdiv class=\"bo-compare-icon\"\u003e🧪\u003c\/div\u003e\n \u003cspan class=\"bo-compare-title\"\u003e10 huiles essentielles\u003c\/span\u003e\n \u003cp\u003eUne synergie complète là où d'autres se limitent à 2 ou 3 ingrédients\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-compare-card\"\u003e\n \u003cdiv class=\"bo-compare-icon\"\u003e🚫\u003c\/div\u003e\n \u003cspan class=\"bo-compare-title\"\u003eZéro parfum synthétique\u003c\/span\u003e\n \u003cp\u003eUniquement des senteurs 100% naturelles pour un résultat authentique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bo-compare-card\"\u003e\n \u003cdiv class=\"bo-compare-icon\"\u003e💪\u003c\/div\u003e\n \u003cspan class=\"bo-compare-title\"\u003eFormule concentrée\u003c\/span\u003e\n \u003cp\u003eEfficacité optimale grâce à une concentration étudiée\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"bo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bo-cta-box\"\u003e\n \u003cdiv class=\"bo-cta-stars\"\u003e✨\u003c\/div\u003e\n \u003cp\u003eOffrez-vous enfin des nuits paisibles et réparatrices.\u003cbr\u003eLa brume d'oreiller Aromaspray deviendra rapidement l'alliée précieuse de vos soirées.\u003c\/p\u003e\n \u003cdiv class=\"bo-cta-tagline\"\u003e🌙 Transformez votre rituel du coucher dès ce soir\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bo-cream: #f8f6fa;\n --bo-white: #ffffff;\n --bo-primary: #1e3a5f;\n --bo-primary-dark: #152a45;\n --bo-primary-light: #e8eef5;\n --bo-secondary: #5ba4c9;\n --bo-accent: #c9b8a8;\n --bo-lavender: #e8e4f0;\n --bo-gold: #d4af37;\n \n --bo-text: #1a1a1a;\n --bo-text-light: #5a5a5a;\n \n --bo-border: #e0e0e0;\n --bo-shadow: 0 4px 24px rgba(30,58,95,.08);\n --bo-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n --bo-radius: 20px;\n --bo-radius-sm: 12px;\n}\n\n.bo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--bo-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.bo-hero {\n position: relative;\n background: linear-gradient(135deg, var(--bo-primary) 0%, #2a4a6f 50%, var(--bo-primary-dark) 100%);\n border-radius: var(--bo-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(--bo-shadow-lg);\n}\n\n.bo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.05) 0%, transparent 40%);\n opacity: 1;\n}\n\n.bo-hero-stars {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(2px 2px at 10% 20%, rgba(255,255,255,.6), transparent),\n radial-gradient(2px 2px at 30% 60%, rgba(255,255,255,.4), transparent),\n radial-gradient(1px 1px at 50% 10%, rgba(255,255,255,.5), transparent),\n radial-gradient(2px 2px at 70% 40%, rgba(255,255,255,.3), transparent),\n radial-gradient(1px 1px at 90% 80%, rgba(255,255,255,.5), transparent),\n radial-gradient(2px 2px at 15% 85%, rgba(255,255,255,.4), transparent),\n radial-gradient(1px 1px at 85% 15%, rgba(255,255,255,.6), transparent);\n animation: twinkle 4s ease-in-out infinite alternate;\n}\n\n@keyframes twinkle {\n 0% { opacity: .6; }\n 100% { opacity: 1; }\n}\n\n.bo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.bo-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(--bo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bo-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 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,.3);\n}\n\n.bo-subtitle {\n color: var(--bo-secondary);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.bo-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 600px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.bo-hero-features {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n}\n\n.bo-hero-feature {\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n padding: 10px 20px;\n border-radius: 999px;\n color: white;\n font-size: 14px;\n font-weight: 600;\n border: 1px solid rgba(255,255,255,.2);\n}\n\n\/* === SECTIONS === *\/\n.bo-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.bo-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--bo-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.bo-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(--bo-primary), var(--bo-secondary));\n border-radius: 2px;\n}\n\n.bo-section-intro {\n text-align: center;\n color: var(--bo-text-light);\n font-size: clamp(15px, 2vw, 17px);\n max-width: 700px;\n margin: -1rem auto 2rem auto;\n}\n\n\/* === PROBLÉMATIQUE === *\/\n.bo-problem-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.bo-problem-card {\n background: var(--bo-white);\n border-radius: var(--bo-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--bo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.bo-problem-card:hover {\n border-color: var(--bo-accent);\n transform: translateY(-4px);\n}\n\n.bo-problem-icon {\n font-size: 2.5rem;\n margin-bottom: .75rem;\n}\n\n.bo-problem-card p {\n margin: 0;\n color: var(--bo-text-light);\n font-size: 15px;\n}\n\n.bo-solution-box {\n background: linear-gradient(135deg, var(--bo-primary-light) 0%, var(--bo-lavender) 100%);\n border-radius: var(--bo-radius);\n padding: 2rem;\n display: flex;\n align-items: center;\n gap: 1.5rem;\n border-left: 5px solid var(--bo-secondary);\n}\n\n.bo-solution-icon {\n font-size: 3rem;\n flex-shrink: 0;\n}\n\n.bo-solution-box p {\n margin: 0;\n font-size: clamp(15px, 2vw, 17px);\n color: var(--bo-primary-dark);\n line-height: 1.7;\n}\n\n\/* === BÉNÉFICES === *\/\n.bo-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.bo-benefit-card {\n background: var(--bo-white);\n border-radius: var(--bo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--bo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.bo-benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--bo-shadow-lg);\n border-color: var(--bo-secondary);\n}\n\n.bo-benefit-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n display: block;\n}\n\n.bo-benefit-title {\n display: block;\n font-size: 18px;\n font-weight: 800;\n color: var(--bo-primary-dark);\n margin-bottom: .75rem;\n}\n\n.bo-benefit-card p {\n margin: 0;\n color: var(--bo-text-light);\n font-size: 14px;\n line-height: 1.6;\n}\n\n\/* === INGRÉDIENTS === *\/\n.bo-ingredients-showcase {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.bo-ingredient-star {\n background: linear-gradient(135deg, var(--bo-primary) 0%, var(--bo-primary-dark) 100%);\n border-radius: var(--bo-radius);\n padding: 2rem;\n text-align: center;\n color: white;\n box-shadow: var(--bo-shadow-lg);\n}\n\n.bo-ingredient-star-icon {\n font-size: 3.5rem;\n margin-bottom: 1rem;\n}\n\n.bo-ingredient-star-name {\n display: block;\n font-size: 22px;\n font-weight: 800;\n margin-bottom: .5rem;\n}\n\n.bo-ingredient-star p {\n margin: 0;\n font-size: 14px;\n opacity: .9;\n}\n\n.bo-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 1rem;\n margin-bottom: 2rem;\n}\n\n.bo-ingredient-card {\n background: var(--bo-white);\n border-radius: var(--bo-radius-sm);\n padding: 1.25rem 1rem;\n text-align: center;\n box-shadow: var(--bo-shadow);\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.bo-ingredient-card:hover {\n transform: translateY(-4px);\n border-color: var(--bo-secondary);\n}\n\n.bo-ingredient-emoji {\n display: block;\n font-size: 2rem;\n margin-bottom: .5rem;\n}\n\n.bo-ingredient-name {\n display: block;\n font-weight: 700;\n color: var(--bo-primary-dark);\n font-size: 14px;\n margin-bottom: .25rem;\n}\n\n.bo-ingredient-benefit {\n display: block;\n font-size: 12px;\n color: var(--bo-text-light);\n}\n\n.bo-composition-detail {\n background: var(--bo-lavender);\n border-radius: var(--bo-radius-sm);\n padding: 1.5rem;\n}\n\n.bo-composition-title {\n display: block;\n font-weight: 800;\n color: var(--bo-primary-dark);\n margin-bottom: 1rem;\n font-size: 16px;\n}\n\n.bo-composition-detail p {\n margin: 0 0 .75rem 0;\n font-size: 14px;\n color: var(--bo-text-light);\n}\n\n.bo-composition-detail p:last-child {\n margin-bottom: 0;\n}\n\n\/* === ÉTAPES === *\/\n.bo-steps-container {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.bo-step {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n background: var(--bo-white);\n border-radius: var(--bo-radius);\n padding: 1.5rem;\n box-shadow: var(--bo-shadow);\n transition: all .3s ease;\n}\n\n.bo-step:hover {\n transform: translateX(8px);\n box-shadow: var(--bo-shadow-lg);\n}\n\n.bo-step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--bo-secondary) 0%, var(--bo-primary) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 22px;\n font-weight: 900;\n flex-shrink: 0;\n}\n\n.bo-step-content {\n flex: 1;\n}\n\n.bo-step-title {\n display: block;\n font-size: 17px;\n font-weight: 800;\n color: var(--bo-primary-dark);\n margin-bottom: .5rem;\n}\n\n.bo-step-content p {\n margin: 0;\n color: var(--bo-text-light);\n font-size: 15px;\n}\n\n.bo-ritual-box {\n background: linear-gradient(135deg, var(--bo-primary-light) 0%, var(--bo-lavender) 100%);\n border-radius: var(--bo-radius);\n padding: 2rem;\n}\n\n.bo-ritual-title {\n display: block;\n text-align: center;\n font-size: 18px;\n font-weight: 800;\n color: var(--bo-primary-dark);\n margin-bottom: 1.5rem;\n}\n\n.bo-ritual-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1rem;\n}\n\n.bo-ritual-step {\n text-align: center;\n background: var(--bo-white);\n border-radius: var(--bo-radius-sm);\n padding: 1rem;\n}\n\n.bo-ritual-icon {\n display: block;\n font-size: 2rem;\n margin-bottom: .5rem;\n}\n\n.bo-ritual-step p {\n margin: 0;\n font-size: 13px;\n color: var(--bo-text-light);\n font-weight: 600;\n}\n\n\/* === COMPARAISON === *\/\n.bo-compare-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1.5rem;\n}\n\n.bo-compare-card {\n background: var(--bo-white);\n border-radius: var(--bo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--bo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.bo-compare-card:hover {\n transform: translateY(-8px);\n border-color: var(--bo-gold);\n box-shadow: var(--bo-shadow-lg);\n}\n\n.bo-compare-icon {\n font-size: 2.5rem;\n margin-bottom: .75rem;\n display: block;\n}\n\n.bo-compare-title {\n display: block;\n font-size: 15px;\n font-weight: 800;\n color: var(--bo-primary-dark);\n margin-bottom: .5rem;\n}\n\n.bo-compare-card p {\n margin: 0;\n color: var(--bo-text-light);\n font-size: 13px;\n line-height: 1.5;\n}\n\n\/* === FAQ === *\/\n.bo-faq-container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bo-faq-item {\n background: var(--bo-white);\n border-radius: var(--bo-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--bo-shadow);\n border-left: 4px solid var(--bo-secondary);\n}\n\n.bo-faq-question {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--bo-primary-dark);\n margin-bottom: .75rem;\n}\n\n.bo-faq-item p {\n margin: 0;\n color: var(--bo-text-light);\n font-size: 15px;\n line-height: 1.7;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.bo-warning-box {\n background: linear-gradient(135deg, #fff5e6 0%, #ffe8cc 100%);\n border-radius: var(--bo-radius);\n padding: 2rem;\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n border: 2px solid #f5a623;\n margin-bottom: 1.5rem;\n}\n\n.bo-warning-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.bo-warning-list {\n margin: 0;\n padding-left: 1.25rem;\n color: #8b6914;\n}\n\n.bo-warning-list li {\n margin-bottom: .5rem;\n font-size: 15px;\n}\n\n.bo-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n.bo-disclaimer {\n text-align: center;\n color: var(--bo-text-light);\n font-size: 14px;\n background: var(--bo-lavender);\n padding: 1rem;\n border-radius: var(--bo-radius-sm);\n}\n\n\/* === INFOS PRATIQUES === *\/\n.bo-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.bo-info-item {\n background: var(--bo-white);\n border-radius: var(--bo-radius-sm);\n padding: 1.5rem 1rem;\n text-align: center;\n box-shadow: var(--bo-shadow);\n transition: all .3s ease;\n}\n\n.bo-info-item:hover {\n transform: translateY(-4px);\n}\n\n.bo-info-icon {\n display: block;\n font-size: 2rem;\n margin-bottom: .5rem;\n}\n\n.bo-info-label {\n display: block;\n font-size: 12px;\n color: var(--bo-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .25rem;\n}\n\n.bo-info-value {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--bo-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.bo-cta-box {\n background: linear-gradient(135deg, var(--bo-primary) 0%, var(--bo-primary-dark) 100%);\n border-radius: var(--bo-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bo-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(2px 2px at 10% 20%, rgba(255,255,255,.4), transparent),\n radial-gradient(2px 2px at 30% 60%, rgba(255,255,255,.3), transparent),\n radial-gradient(1px 1px at 50% 10%, rgba(255,255,255,.4), transparent),\n radial-gradient(2px 2px at 70% 40%, rgba(255,255,255,.2), transparent),\n radial-gradient(1px 1px at 90% 80%, rgba(255,255,255,.4), transparent);\n}\n\n.bo-cta-stars {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n position: relative;\n}\n\n.bo-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 1.5rem 0;\n position: relative;\n}\n\n.bo-cta-tagline {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 12px 24px;\n border-radius: 999px;\n color: white;\n font-weight: 700;\n font-size: 16px;\n border: 1px solid rgba(255,255,255,.3);\n position: relative;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bo-benefit-card,\n .bo-ingredient-card,\n .bo-compare-card,\n .bo-info-item {\n animation: fadeInUp .6s ease backwards;\n }\n .bo-benefit-card:nth-child(1),\n .bo-ingredient-card:nth-child(1),\n .bo-compare-card:nth-child(1) { animation-delay: .1s; }\n .bo-benefit-card:nth-child(2),\n .bo-ingredient-card:nth-child(2),\n .bo-compare-card:nth-child(2) { animation-delay: .15s; }\n .bo-benefit-card:nth-child(3),\n .bo-ingredient-card:nth-child(3),\n .bo-compare-card:nth-child(3) { animation-delay: .2s; }\n .bo-benefit-card:nth-child(4),\n .bo-ingredient-card:nth-child(4),\n .bo-compare-card:nth-child(4) { animation-delay: .25s; }\n .bo-ingredient-card:nth-child(5),\n .bo-compare-card:nth-child(5) { animation-delay: .3s; }\n .bo-ingredient-card:nth-child(6),\n .bo-compare-card:nth-child(6) { animation-delay: .35s; }\n .bo-ingredient-card:nth-child(7) { animation-delay: .4s; }\n .bo-ingredient-card:nth-child(8) { animation-delay: .45s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .bo-solution-box {\n flex-direction: column;\n text-align: center;\n }\n \n .bo-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .bo-warning-list {\n text-align: left;\n }\n \n .bo-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .bo-step:hover {\n transform: translateY(-4px);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .bo-hero-stars {\n animation: none;\n }\n}\n\n@media (prefers-contrast: high) {\n .bo-premium {\n --bo-text-light: #333333;\n --bo-border: #666666;\n }\n \n .bo-badge,\n .bo-hero-feature {\n border: 2px solid currentColor;\n }\n}\n\u003c\/style\u003e","brand":"AROMASPRAY","offers":[{"title":"Default Title","offer_id":55202177155449,"sku":"SC8599","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-brume-oreiller-100ml-aromaspray_11zon.jpg?v=1766575923"},{"product_id":"infusion-du-soir-bio-20-sachets-propolia","title":"Infusion du Soir Bio Propolis \u0026 Plantes - 20 sachets - Propolia","description":"\u003cdiv class=\"ids-premium\"\u003e\n \u003cdiv class=\"ids-hero\"\u003e\n \u003cdiv class=\"ids-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ids-hero-content\"\u003e\n \u003cdiv class=\"ids-badges-top\"\u003e\n \u003cspan class=\"ids-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"ids-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"ids-badge\"\u003e🍵 Sans théine\u003c\/span\u003e\n \u003cspan class=\"ids-badge\"\u003e⭐ 100\/100 Yuka\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ids-hero-title\"\u003eInfusion du Soir Bio Propolis \u0026amp; Plantes\u003c\/span\u003e\n \u003cp class=\"ids-subtitle\"\u003eSe la couler douce — Douceur du coucher\u003c\/p\u003e\n \u003cp class=\"ids-description\"\u003eEt si votre rituel du soir devenait votre meilleur allié pour des nuits paisibles ? Un mélange unique de 4 plantes — tilleul, guimauve, romarin et oranger — sublimé par une touche de propolis bio. Une parenthèse de douceur, 100 % naturelle, à savourer avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ids-section\"\u003e\n \u003ch2\u003e🌙 Une infusion pensée pour vos soirées sereines\u003c\/h2\u003e\n \u003cp class=\"ids-section-intro\"\u003eContrairement à une infusion menthe sommeil classique ou à une infusion mauve sommeil, Propolia a imaginé une formule exclusive associant les bienfaits traditionnels des plantes à la richesse de la propolis.\u003c\/p\u003e\n \u003cdiv class=\"ids-grid\"\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🌸 Arômes délicats\u003c\/h3\u003e\n \u003cp\u003eUn bouquet floral et fruité qui invite naturellement au lâcher-prise après une journée bien remplie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🐝 Signature Propolia\u003c\/h3\u003e\n \u003cp\u003eL'expertise de la ruche depuis plus de 40 ans, sublimée par une touche de propolis bio française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e☁️ Détente naturelle\u003c\/h3\u003e\n \u003cp\u003eUne vraie alternative aux solutions habituelles, sans recourir à une infusion CBD de pharmacie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ids-section\"\u003e\n \u003ch2\u003e🌿 Composition détaillée et plantes utilisées\u003c\/h2\u003e\n \u003cdiv class=\"ids-grid\"\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🌱 Romarin feuille bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e32 %\u003c\/strong\u003e — Plante aromatique méditerranéenne, traditionnellement associée au confort digestif et à la détente après le repas du soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🤍 Guimauve racine bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e26 %\u003c\/strong\u003e — Douce et adoucissante, elle apporte une texture veloutée à l'infusion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🌼 Tilleul fleur bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e26 %\u003c\/strong\u003e — La plante emblématique des soirées calmes, réputée pour favoriser la relaxation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🍊 Écorce d'oranger doux bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e9,5 %\u003c\/strong\u003e — Note fruitée et légèrement sucrée, pour une saveur enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🐝 Extrait de propolis bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e6,5 %\u003c\/strong\u003e — Signature Propolia, riche en composés naturels issus de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e20 sachets fraîcheur compostables\u003c\/strong\u003e de 1,5 g — soit 30 g — certifiés Agriculture Biologique (FR-BIO-01).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ids-section\"\u003e\n \u003ch2\u003e☕ Comment préparer votre infusion ?\u003c\/h2\u003e\n \u003cdiv class=\"ids-timeline\"\u003e\n \u003cdiv class=\"ids-timeline-item\"\u003e\n \u003cdiv class=\"ids-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ids-timeline-content\"\u003e\n \u003ch3\u003e💧 Chauffez l'eau\u003c\/h3\u003e\n \u003cp\u003eFaites chauffer \u003cstrong\u003e20 cl d'eau à 90 °C\u003c\/strong\u003e. Évitez l'eau bouillante pour préserver les arômes délicats des plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-timeline-item\"\u003e\n \u003cdiv class=\"ids-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ids-timeline-content\"\u003e\n \u003ch3\u003e⏱️ Laissez infuser\u003c\/h3\u003e\n \u003cp\u003ePlongez 1 sachet et laissez \u003cstrong\u003einfuser 3 à 5 minutes\u003c\/strong\u003e pour une tasse délicate, jusqu'à 8 minutes pour un goût plus prononcé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-timeline-item\"\u003e\n \u003cdiv class=\"ids-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ids-timeline-content\"\u003e\n \u003ch3\u003e🌙 Dégustez\u003c\/h3\u003e\n \u003cp\u003eSavourez \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e, nature ou avec une pointe de miel. Convient aux adultes et enfants de plus de 8 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-tip\"\u003e\n \u003cspan class=\"ids-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eIdéal en complément d'un rituel apaisant : lumière tamisée, lecture, respiration profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ids-section\"\u003e\n \u003ch2\u003e✨ Pourquoi adopter cette infusion relaxation ?\u003c\/h2\u003e\n \u003cdiv class=\"ids-grid-compact\"\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🌿 Certifiée Bio\u003c\/h3\u003e\n \u003cp\u003eGarantie sans théine et sans arômes artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🐝 Formule exclusive\u003c\/h3\u003e\n \u003cp\u003eÀ la propolis française, unique sur le marché.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eSachets compostables sans plastique, boîte carton PEFC.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e⭐ Notée 100\/100\u003c\/h3\u003e\n \u003cp\u003eSur Yuka : transparence et qualité reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriquée par les laboratoires Propolia.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🏆 40 ans d'expertise\u003c\/h3\u003e\n \u003cp\u003eExpert reconnu des produits de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ids-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"ids-accordion\"\u003e\n \u003cdetails class=\"ids-accordion-item\"\u003e\n \u003csummary class=\"ids-accordion-header\"\u003e🐝 Allergies à la ruche\u003c\/summary\u003e\n \u003cdiv class=\"ids-accordion-content mt-3\"\u003e\n \u003cp\u003eCette infusion est \u003cstrong\u003edéconseillée aux personnes allergiques aux produits de la ruche\u003c\/strong\u003e (propolis, miel, pollen, gelée royale).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ids-accordion-item\"\u003e\n \u003csummary class=\"ids-accordion-header\"\u003e🤰 Grossesse et traitement médical\u003c\/summary\u003e\n \u003cdiv class=\"ids-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de \u003cstrong\u003egrossesse, d'allaitement ou de traitement médical\u003c\/strong\u003e, demandez l'avis d'un professionnel de santé avant consommation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ids-accordion-item\"\u003e\n \u003csummary class=\"ids-accordion-header\"\u003e🩺 Cadre d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"ids-accordion-content mt-3\"\u003e\n \u003cp\u003eCette infusion \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ids-accordion-item\"\u003e\n \u003csummary class=\"ids-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ids-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver dans un endroit \u003cstrong\u003esec, à l'abri de la lumière et de la chaleur\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=\"ids-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003e❓ Vos interrogations\u003c\/h2\u003e\n \u003cdiv class=\"ids-accordion\"\u003e\n \u003cdetails class=\"ids-accordion-item\"\u003e\n \u003csummary class=\"ids-accordion-header\"\u003eCette infusion contient-elle de la caféine ?\u003c\/summary\u003e\n \u003cdiv class=\"ids-accordion-content mt-3\"\u003e\n \u003cp\u003eNon, elle est \u003cstrong\u003e100 % sans théine\u003c\/strong\u003e, idéale en soirée pour ne pas perturber votre endormissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ids-accordion-item\"\u003e\n \u003csummary class=\"ids-accordion-header\"\u003eQuel goût a-t-elle ?\u003c\/summary\u003e\n \u003cdiv class=\"ids-accordion-content mt-3\"\u003e\n \u003cp\u003eDouce, légèrement florale, avec une note fruitée d'oranger et une rondeur veloutée apportée par la guimauve.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ids-accordion-item\"\u003e\n \u003csummary class=\"ids-accordion-header\"\u003ePeut-on la consommer tous les soirs ?\u003c\/summary\u003e\n \u003cdiv class=\"ids-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, elle s'intègre parfaitement à un \u003cstrong\u003erituel quotidien de détente\u003c\/strong\u003e avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --ids-cream: #faf8f2;\n --ids-white: #ffffff;\n --ids-primary: #a8c441;\n --ids-primary-dark: #6b8a1f;\n --ids-primary-light: #eef4d6;\n --ids-secondary: #b8a5cf;\n --ids-accent: #f4a261;\n --ids-text: #2a2a2a;\n --ids-text-light: #5a5a5a;\n --ids-border: #e6e2d4;\n --ids-shadow: 0 4px 24px rgba(107,138,31,.08);\n --ids-shadow-lg: 0 12px 48px rgba(107,138,31,.18);\n --ids-radius: 20px;\n --ids-radius-sm: 12px;\n }\n\n .ids-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ids-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--ids-text);\n line-height: 1.6;\n }\n\n .ids-hero {\n position: relative;\n background: linear-gradient(135deg, #c5d967 0%, #a8c441 50%, #b8a5cf 100%);\n border-radius: var(--ids-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(--ids-shadow-lg);\n }\n\n .ids-hero-pattern {\n position: absolute;\n inset: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n opacity: .5;\n }\n\n .ids-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .ids-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 .ids-subtitle {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n font-style: italic;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n }\n\n .ids-description {\n color: rgba(255,255,255,.98);\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n font-weight: 500;\n text-shadow: 0 1px 8px rgba(0,0,0,.1);\n }\n\n .ids-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .ids-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(--ids-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .ids-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .ids-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .ids-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ids-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 .ids-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(--ids-primary), var(--ids-secondary));\n border-radius: 2px;\n }\n\n .ids-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ids-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .ids-card {\n background: var(--ids-white);\n border-radius: var(--ids-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ids-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .ids-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ids-shadow-lg);\n border-color: var(--ids-primary);\n }\n\n .ids-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ids-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .ids-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ids-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .ids-card strong {\n color: var(--ids-primary-dark);\n }\n\n .ids-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .ids-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n }\n\n .ids-grid-compact .ids-card {\n padding: 1.25rem 1rem;\n }\n\n .ids-grid-compact .ids-card h3 {\n font-size: 15px;\n margin-bottom: .35rem;\n }\n\n .ids-grid-compact .ids-card p {\n font-size: 13px;\n }\n\n .ids-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .ids-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .ids-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--ids-primary), var(--ids-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(107,138,31,.3);\n }\n\n .ids-timeline-content {\n flex: 1;\n background: var(--ids-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ids-radius-sm);\n box-shadow: var(--ids-shadow);\n }\n\n .ids-timeline-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ids-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .ids-timeline-content p {\n font-size: 14px;\n color: var(--ids-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .ids-timeline-content strong {\n color: var(--ids-primary-dark);\n }\n\n .ids-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ids-primary-light);\n border-radius: var(--ids-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .ids-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .ids-tip p {\n font-size: 14px;\n color: var(--ids-text);\n margin: 0;\n line-height: 1.6;\n font-weight: 500;\n }\n\n .ids-accordion {\n background: var(--ids-white);\n border-radius: var(--ids-radius);\n box-shadow: var(--ids-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .ids-accordion-item {\n border-bottom: 1px solid var(--ids-border);\n margin: 0;\n padding: 0;\n }\n\n .ids-accordion-item:last-child {\n border-bottom: none;\n }\n\n .ids-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ids-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 .ids-accordion-header:hover {\n background: var(--ids-primary-light);\n }\n\n .ids-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .ids-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--ids-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n }\n\n .ids-accordion-item[open] .ids-accordion-header::after {\n content: '−';\n }\n\n .ids-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ids-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .ids-accordion-content p {\n margin: 0;\n }\n\n .ids-accordion-content strong {\n color: var(--ids-primary-dark);\n }\n\n @media (max-width: 767px) {\n .ids-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ids-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n\n .ids-grid-compact .ids-card {\n padding: .875rem .75rem;\n }\n\n .ids-grid-compact .ids-card h3 {\n font-size: 13px;\n }\n\n .ids-grid-compact .ids-card p {\n font-size: 12px;\n }\n\n .ids-card {\n padding: 1.125rem;\n }\n\n .ids-section {\n margin-bottom: 1.75rem;\n }\n\n .ids-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ids-radius-sm);\n }\n\n .ids-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ids-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ids-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n\n .ids-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ids-timeline-content h3 {\n font-size: 14px;\n }\n\n .ids-timeline-content p {\n font-size: 13px;\n }\n\n .ids-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ids-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .ids-card {\n animation: idsFadeInUp .5s ease backwards;\n }\n .ids-card:nth-child(1) { animation-delay: .05s; }\n .ids-card:nth-child(2) { animation-delay: .1s; }\n .ids-card:nth-child(3) { animation-delay: .15s; }\n .ids-card:nth-child(4) { animation-delay: .2s; }\n .ids-card:nth-child(5) { animation-delay: .25s; }\n .ids-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes idsFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .ids-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"PROPOLIA","offers":[{"title":"Default Title","offer_id":55204828938617,"sku":"AP0122","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion-du-soir-bio-propolis-et-plantes-propolia_11zon.webp?v=1754241313"},{"product_id":"tilleul-15-ml-alphagem","title":"Tilleul - 15 ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tilleul - Macérat de bourgeons Alphagem\nPalette détectée:\n - Primaire: #4A7C3F (vert nature\/feuillage du logo et bandeau)\n - Secondaire: #2B5A8C (bleu du bouchon et accent)\n - Accent: #8BC34A (vert clair\/feuille du logo)\n - Fond: #F7F5F0 (crème naturel)\nAmbiance: Naturel\/Bio, Santé douce, Gemmothérapie traditionnelle, Sérénité\nPréfixe CSS: til\n--\u003e\n\n\u003cdiv class=\"til-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"til-hero\"\u003e\n \u003cdiv class=\"til-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"til-hero-content\"\u003e\n \u003cdiv class=\"til-badges-top\"\u003e\n \u003cspan class=\"til-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e\n \u003cspan class=\"til-badge\"\u003e🌙 Sommeil apaisé\u003c\/span\u003e\n \u003cspan class=\"til-badge\"\u003e💧 Macérat mère\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"til-hero-title\"\u003eTilleul\u003c\/span\u003e\n \u003cp class=\"til-subtitle\"\u003eTilia tomentosa · Gemmothérapie bio\u003c\/p\u003e\n \u003cp class=\"til-description\"\u003eLe secret d'un sommeil naturellement réparateur.\u003cbr\u003eToute la puissance apaisante du bourgeon de tilleul argenté concentrée dans un flacon.\u003c\/p\u003e\n \u003cdiv class=\"til-hero-stats\"\u003e\n \u003cdiv class=\"til-stat\"\u003e\n \u003cspan class=\"til-stat-value\"\u003e15\u003c\/span\u003e\n \u003cspan class=\"til-stat-label\"\u003eml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-stat-divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"til-stat\"\u003e\n \u003cspan class=\"til-stat-value\"\u003e35%\u003c\/span\u003e\n \u003cspan class=\"til-stat-label\"\u003evol. alcool\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-stat-divider\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"til-stat\"\u003e\n \u003cspan class=\"til-stat-value\"\u003eBio\u003c\/span\u003e\n \u003cspan class=\"til-stat-label\"\u003eLU-BIO-06\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- INTRODUCTION --\u003e\n \u003csection class=\"til-section\"\u003e\n \u003cdiv class=\"til-intro-box\"\u003e\n \u003cp\u003e🌳 Le \u003cstrong\u003emacérat de bourgeons de tilleul Alphagem\u003c\/strong\u003e est un concentré précieux de gemmothérapie, élaboré à partir de bourgeons frais de \u003cem\u003eTilia tomentosa\u003c\/em\u003e récoltés au printemps. Contrairement aux simples infusions, la gemmothérapie exploite toute la puissance vitale des bourgeons : ces jeunes tissus végétaux renferment une concentration exceptionnelle en principes actifs, notamment en \u003cstrong\u003eacide coumarique\u003c\/strong\u003e, un composé aux propriétés apaisantes reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"til-section\"\u003e\n \u003ch2\u003eLes bienfaits du tilleul en gemmothérapie\u003c\/h2\u003e\n \u003cdiv class=\"til-grid\"\u003e\n \u003cdiv class=\"til-card til-card-benefit\"\u003e\n \u003cdiv class=\"til-card-icon\"\u003e😴\u003c\/div\u003e\n \u003ch3\u003eSommeil de qualité\u003c\/h3\u003e\n \u003cp\u003eAgit sur les mécanismes de l'endormissement et aide à retrouver un repos réparateur, sans les effets secondaires des solutions chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-card til-card-benefit\"\u003e\n \u003cdiv class=\"til-card-icon\"\u003e🧘\u003c\/div\u003e\n \u003ch3\u003eTensions apaisées\u003c\/h3\u003e\n \u003cp\u003eIdéal en période de stress, d'examen, ou simplement lorsque les pensées tournent en boucle le soir. Favorise le lâcher-prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-card til-card-benefit\"\u003e\n \u003cdiv class=\"til-card-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3\u003eAction drainante\u003c\/h3\u003e\n \u003cp\u003eSoutient l'élimination des toxines et contribue à un bien-être global en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-card til-card-benefit\"\u003e\n \u003cdiv class=\"til-card-icon\"\u003e👨‍👩‍👧\u003c\/div\u003e\n \u003ch3\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa douceur, utilisable chez les enfants dès 3 ans (sur avis médical) comme chez les adultes sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POURQUOI LE BOURGEON --\u003e\n \u003csection class=\"til-section\"\u003e\n \u003ch2\u003ePourquoi le bourgeon est-il si efficace ?\u003c\/h2\u003e\n \u003cdiv class=\"til-science-box\"\u003e\n \u003cdiv class=\"til-science-content\"\u003e\n \u003cp class=\"til-science-intro\"\u003eAu printemps, le bourgeon concentre toute l'information génétique et les nutriments nécessaires au développement de l'arbre : acides aminés, vitamines, minéraux, hormones de croissance végétales et polyphénols en quantités bien supérieures aux feuilles ou fleurs adultes.\u003c\/p\u003e\n \u003cdiv class=\"til-properties\"\u003e\n \u003cdiv class=\"til-property\"\u003e\n \u003cspan class=\"til-property-icon\"\u003e🌿\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eSédatives douces\u003c\/strong\u003e\n \u003cp\u003eCalme sans assommer, permettant un endormissement naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-property\"\u003e\n \u003cspan class=\"til-property-icon\"\u003e💆\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eAntispasmodiques\u003c\/strong\u003e\n \u003cp\u003eDétend les muscles et réduit les crampes nocturnes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-property\"\u003e\n \u003cspan class=\"til-property-icon\"\u003e🧠\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eAnxiolytiques naturelles\u003c\/strong\u003e\n \u003cp\u003eAide à lâcher prise face aux ruminations mentales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- UTILISATION --\u003e\n \u003csection class=\"til-section\"\u003e\n \u003ch2\u003eComment prendre votre macérat ?\u003c\/h2\u003e\n \u003cdiv class=\"til-usage-grid\"\u003e\n \u003cdiv class=\"til-usage-card\"\u003e\n \u003cdiv class=\"til-usage-header\"\u003e\n \u003cspan class=\"til-usage-icon\"\u003e👤\u003c\/span\u003e\n \u003cspan class=\"til-usage-title\"\u003eAdulte\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-usage-dose\"\u003e5 à 15 gouttes\/jour\u003c\/div\u003e\n \u003cp\u003eCommencez par 5 gouttes pour évaluer votre sensibilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-usage-card\"\u003e\n \u003cdiv class=\"til-usage-header\"\u003e\n \u003cspan class=\"til-usage-icon\"\u003e👶\u003c\/span\u003e\n \u003cspan class=\"til-usage-title\"\u003eEnfant (dès 3 ans)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-usage-dose\"\u003e1 goutte\/année d'âge\u003c\/div\u003e\n \u003cp\u003eSur avis d'un professionnel de santé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-usage-card\"\u003e\n \u003cdiv class=\"til-usage-header\"\u003e\n \u003cspan class=\"til-usage-icon\"\u003e🌙\u003c\/span\u003e\n \u003cspan class=\"til-usage-title\"\u003eMoment idéal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-usage-dose\"\u003e30 min avant coucher\u003c\/div\u003e\n \u003cp\u003eOu en journée en cas de tension nerveuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-usage-card\"\u003e\n \u003cdiv class=\"til-usage-header\"\u003e\n \u003cspan class=\"til-usage-icon\"\u003e👅\u003c\/span\u003e\n \u003cspan class=\"til-usage-title\"\u003eMode d'emploi\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-usage-dose\"\u003eSous la langue\u003c\/div\u003e\n \u003cp\u003eOu dilué dans un peu d'eau de source\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-tip-box\"\u003e\n \u003cspan class=\"til-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eAstuce synergie\u003c\/strong\u003e\n \u003cp\u003ePour renforcer l'action sur le sommeil, associez ce macérat à une infusion de tilleul le soir, ou au bourgeon de figuier si les troubles sont liés à un stress profond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"til-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"til-compo-box\"\u003e\n \u003cdiv class=\"til-compo-header\"\u003e\n \u003cspan\u003e📋 Pour 15 gouttes (dose journalière maximale)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-compo-grid\"\u003e\n \u003cdiv class=\"til-compo-item\"\u003e\n \u003cspan class=\"til-compo-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=\"til-compo-item\"\u003e\n \u003cspan class=\"til-compo-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=\"til-compo-item\"\u003e\n \u003cspan class=\"til-compo-icon\"\u003e💧\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eEau purifiée\u003c\/strong\u003e\n \u003cspan\u003eBase de macération\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-compo-item til-compo-highlight\"\u003e\n \u003cspan class=\"til-compo-icon\"\u003e🌱\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eBourgeons frais de tilleul argenté bio\u003c\/strong\u003e\n \u003cspan\u003e\u003cem\u003eTilia tomentosa\u003c\/em\u003e · 37,5 mg équivalent poids sec\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- RÉSULTATS ATTENDUS --\u003e\n \u003csection class=\"til-section\"\u003e\n \u003ch2\u003eQuand ressentir les effets ?\u003c\/h2\u003e\n \u003cdiv class=\"til-timeline\"\u003e\n \u003cdiv class=\"til-timeline-item\"\u003e\n \u003cdiv class=\"til-timeline-marker\"\u003e\n \u003cspan\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-timeline-content\"\u003e\n \u003ch4\u003ePremiers jours\u003c\/h4\u003e\n \u003cp\u003eSensation de détente le soir, endormissement légèrement facilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-timeline-item\"\u003e\n \u003cdiv class=\"til-timeline-marker\"\u003e\n \u003cspan\u003e2\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-timeline-content\"\u003e\n \u003ch4\u003e1 à 2 semaines\u003c\/h4\u003e\n \u003cp\u003eAmélioration notable de la qualité du sommeil, réveils nocturnes moins fréquents\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-timeline-item\"\u003e\n \u003cdiv class=\"til-timeline-marker\"\u003e\n \u003cspan\u003e3\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-timeline-content\"\u003e\n \u003ch4\u003e3 à 4 semaines\u003c\/h4\u003e\n \u003cp\u003eEffets durables, meilleure gestion du stress au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"til-timeline-note\"\u003eLa gemmothérapie agit en profondeur et de manière progressive. C'est le signe d'une action respectueuse de votre organisme.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"til-section\"\u003e\n \u003ch2\u003ePour qui est fait ce macérat ?\u003c\/h2\u003e\n \u003cdiv class=\"til-grid til-grid-3\"\u003e\n \u003cdiv class=\"til-profile-card\"\u003e\n \u003cspan class=\"til-profile-icon\"\u003e🌙\u003c\/span\u003e\n \u003cp\u003eDifficultés d'endormissement ou réveils nocturnes fréquents\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-profile-card\"\u003e\n \u003cspan class=\"til-profile-icon\"\u003e😰\u003c\/span\u003e\n \u003cp\u003ePériode de stress, d'anxiété ou de surmenage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-profile-card\"\u003e\n \u003cspan class=\"til-profile-icon\"\u003e💊\u003c\/span\u003e\n \u003cp\u003eRecherche d'une alternative naturelle aux somnifères\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-profile-card\"\u003e\n \u003cspan class=\"til-profile-icon\"\u003e👧\u003c\/span\u003e\n \u003cp\u003eEnfant ayant du mal à trouver le calme au coucher\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-profile-card\"\u003e\n \u003cspan class=\"til-profile-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eDécouverte de la gemmothérapie avec une plante douce\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-profile-card\"\u003e\n \u003cspan class=\"til-profile-icon\"\u003e🔄\u003c\/span\u003e\n \u003cp\u003ePensées qui tournent en boucle le soir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POURQUOI ALPHAGEM --\u003e\n \u003csection class=\"til-section\"\u003e\n \u003ch2\u003ePourquoi choisir Alphagem ?\u003c\/h2\u003e\n \u003cdiv class=\"til-advantages\"\u003e\n \u003cdiv class=\"til-advantage\"\u003e\n \u003cspan class=\"til-advantage-check\"\u003e✓\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eMacérat mère concentré\u003c\/strong\u003e\n \u003cp\u003eNon dilué, contrairement aux complexes D1 moins concentrés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-advantage\"\u003e\n \u003cspan class=\"til-advantage-check\"\u003e✓\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eBourgeons frais biologiques\u003c\/strong\u003e\n \u003cp\u003eRécoltés au moment optimal de leur développement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-advantage\"\u003e\n \u003cspan class=\"til-advantage-check\"\u003e✓\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFabrication artisanale\u003c\/strong\u003e\n \u003cp\u003eSelon les règles strictes de la gemmothérapie traditionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-advantage\"\u003e\n \u003cspan class=\"til-advantage-check\"\u003e✓\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eTraçabilité garantie\u003c\/strong\u003e\n \u003cp\u003eCertification bio européenne LU-BIO-06\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-advantage\"\u003e\n \u003cspan class=\"til-advantage-check\"\u003e✓\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormat pratique\u003c\/strong\u003e\n \u003cp\u003eFlacon compte-gouttes pour un dosage précis et facile\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- FAQ --\u003e\n \u003csection class=\"til-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"til-faq\"\u003e\n \u003cdiv class=\"til-faq-item\"\u003e\n \u003cdiv class=\"til-faq-question\"\u003e\n \u003cspan class=\"til-faq-icon\"\u003e❓\u003c\/span\u003e\n \u003cstrong\u003ePeut-on associer le macérat de tilleul à d'autres bourgeons ?\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cp\u003eOui, le tilleul se marie très bien avec le bourgeon de figuier pour une action renforcée sur le stress et le sommeil, ou avec l'aubépine pour apaiser les palpitations liées à l'anxiété.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-faq-item\"\u003e\n \u003cdiv class=\"til-faq-question\"\u003e\n \u003cspan class=\"til-faq-icon\"\u003e❓\u003c\/span\u003e\n \u003cstrong\u003eLe macérat de tilleul crée-t-il une dépendance ?\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cp\u003eNon, contrairement aux somnifères de synthèse, la gemmothérapie n'entraîne aucune accoutumance. Vous pouvez arrêter votre cure à tout moment sans effet de sevrage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-faq-item\"\u003e\n \u003cdiv class=\"til-faq-question\"\u003e\n \u003cspan class=\"til-faq-icon\"\u003e❓\u003c\/span\u003e\n \u003cstrong\u003eQuelle différence entre tilleul et aubier de tilleul pour le sommeil ?\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cp\u003eL'aubier de tilleul agit principalement sur le foie et les voies biliaires, avec un effet indirect sur le sommeil via la détoxification. Le bourgeon, lui, cible directement le système nerveux pour un effet apaisant plus marqué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"til-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"til-info-grid\"\u003e\n \u003cdiv class=\"til-info-item\"\u003e\n \u003cspan class=\"til-info-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"til-info-label\"\u003ePartie utilisée\u003c\/span\u003e\n \u003cstrong\u003eBourgeons frais de feuilles\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-info-item\"\u003e\n \u003cspan class=\"til-info-icon\"\u003e📜\u003c\/span\u003e\n \u003cspan class=\"til-info-label\"\u003eCertification\u003c\/span\u003e\n \u003cstrong\u003eAgriculture biologique LU-BIO-06\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-info-item\"\u003e\n \u003cspan class=\"til-info-icon\"\u003e📅\u003c\/span\u003e\n \u003cspan class=\"til-info-label\"\u003eDurée de cure\u003c\/span\u003e\n \u003cstrong\u003e3 semaines minimum, idéalement 1 mois\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-info-item\"\u003e\n \u003cspan class=\"til-info-icon\"\u003e🔬\u003c\/span\u003e\n \u003cspan class=\"til-info-label\"\u003eType\u003c\/span\u003e\n \u003cstrong\u003eMacérat mère non dilué\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"til-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"til-cta-box\"\u003e\n \u003cdiv class=\"til-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"til-cta-content\"\u003e\n \u003cspan class=\"til-cta-icon\"\u003e🌙\u003c\/span\u003e\n \u003cp\u003eOffrez-vous des nuits sereines et un réveil apaisé grâce à la puissance naturelle du bourgeon de tilleul. De l'arbre au flacon, Alphagem vous accompagne vers un sommeil réparateur.\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 --til-cream: #F7F5F0;\n --til-white: #ffffff;\n --til-primary: #4A7C3F;\n --til-primary-dark: #3A6232;\n --til-primary-light: #E8F0E5;\n --til-secondary: #2B5A8C;\n --til-secondary-light: #E5EEF5;\n --til-accent: #8BC34A;\n --til-text: #1a1a1a;\n --til-text-light: #5a5a5a;\n --til-border: #e0e0e0;\n --til-shadow: 0 4px 24px rgba(74, 124, 63, .08);\n --til-shadow-lg: 0 12px 48px rgba(74, 124, 63, .15);\n --til-radius: 20px;\n --til-radius-sm: 12px;\n}\n\n.til-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--til-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--til-text);\n line-height: 1.6;\n}\n\n.til-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.til-hero {\n position: relative;\n background: linear-gradient(135deg, var(--til-primary) 0%, var(--til-primary-dark) 50%, var(--til-secondary) 100%);\n border-radius: var(--til-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(--til-shadow-lg);\n}\n\n.til-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.til-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.til-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.til-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(--til-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.til-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.til-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 60px);\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.til-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 500;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.til-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2vw, 19px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto 2rem auto;\n}\n\n.til-hero-stats {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.til-stat {\n text-align: center;\n}\n\n.til-stat-value {\n display: block;\n color: white;\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 900;\n line-height: 1;\n}\n\n.til-stat-label {\n display: block;\n color: rgba(255,255,255,.8);\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-top: 4px;\n}\n\n.til-stat-divider {\n width: 2px;\n height: 40px;\n background: rgba(255,255,255,.3);\n border-radius: 1px;\n}\n\n\/* === SECTIONS === *\/\n.til-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.til-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--til-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.til-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(--til-primary), var(--til-accent));\n border-radius: 2px;\n}\n\n\/* === INTRO BOX === *\/\n.til-intro-box {\n background: var(--til-white);\n border-radius: var(--til-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--til-shadow);\n border-left: 5px solid var(--til-primary);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.til-intro-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.til-intro-box p {\n margin: 0;\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n color: var(--til-text);\n}\n\n.til-intro-box strong {\n color: var(--til-primary-dark);\n}\n\n\/* === GRILLES === *\/\n.til-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.til-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n}\n\n\/* === CARDS BIENFAITS === *\/\n.til-card {\n background: var(--til-white);\n border-radius: var(--til-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--til-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.til-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--til-shadow-lg);\n border-color: var(--til-primary);\n}\n\n.til-card-benefit {\n text-align: center;\n}\n\n.til-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.til-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--til-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.til-card p {\n font-size: 15px;\n color: var(--til-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SCIENCE BOX === *\/\n.til-science-box {\n background: linear-gradient(135deg, var(--til-primary-light) 0%, var(--til-secondary-light) 100%);\n border-radius: var(--til-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--til-shadow);\n}\n\n.til-science-intro {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n margin: 0 0 2rem 0;\n color: var(--til-text);\n}\n\n.til-properties {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.til-property {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--til-white);\n padding: 1.25rem;\n border-radius: var(--til-radius-sm);\n box-shadow: 0 2px 12px rgba(0,0,0,.05);\n}\n\n.til-property-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.til-property strong {\n display: block;\n font-size: 16px;\n color: var(--til-primary-dark);\n margin-bottom: 4px;\n}\n\n.til-property p {\n margin: 0;\n font-size: 14px;\n color: var(--til-text-light);\n}\n\n\/* === UTILISATION === *\/\n.til-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.til-usage-card {\n background: var(--til-white);\n border-radius: var(--til-radius);\n padding: 1.5rem;\n box-shadow: var(--til-shadow);\n text-align: center;\n transition: all .3s ease;\n}\n\n.til-usage-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--til-shadow-lg);\n}\n\n.til-usage-header {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1rem;\n}\n\n.til-usage-icon {\n font-size: 24px;\n}\n\n.til-usage-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--til-primary-dark);\n text-transform: uppercase;\n letter-spacing: .03em;\n}\n\n.til-usage-dose {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 900;\n color: var(--til-primary);\n margin-bottom: 0.5rem;\n}\n\n.til-usage-card p {\n font-size: 13px;\n color: var(--til-text-light);\n margin: 0;\n}\n\n.til-tip-box {\n background: linear-gradient(135deg, #FFF8E1 0%, #FFFDE7 100%);\n border-radius: var(--til-radius);\n padding: 1.5rem;\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n border: 2px solid #FFD54F;\n}\n\n.til-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.til-tip-box strong {\n display: block;\n color: #F57F17;\n font-size: 15px;\n margin-bottom: 4px;\n}\n\n.til-tip-box p {\n margin: 0;\n font-size: 14px;\n color: var(--til-text);\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.til-compo-box {\n background: var(--til-white);\n border-radius: var(--til-radius);\n box-shadow: var(--til-shadow);\n overflow: hidden;\n}\n\n.til-compo-header {\n background: linear-gradient(135deg, var(--til-primary) 0%, var(--til-primary-dark) 100%);\n color: white;\n padding: 1rem 1.5rem;\n font-size: 14px;\n font-weight: 700;\n}\n\n.til-compo-grid {\n padding: 1.5rem;\n display: grid;\n gap: 1rem;\n}\n\n.til-compo-item {\n display: flex;\n gap: 1rem;\n align-items: center;\n padding: 1rem;\n background: var(--til-cream);\n border-radius: var(--til-radius-sm);\n}\n\n.til-compo-highlight {\n background: var(--til-primary-light);\n border: 2px solid var(--til-primary);\n}\n\n.til-compo-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.til-compo-item strong {\n display: block;\n font-size: 15px;\n color: var(--til-text);\n margin-bottom: 2px;\n}\n\n.til-compo-item span {\n font-size: 13px;\n color: var(--til-text-light);\n}\n\n\/* === TIMELINE === *\/\n.til-timeline {\n position: relative;\n padding-left: 60px;\n margin-bottom: 2rem;\n}\n\n.til-timeline::before {\n content: '';\n position: absolute;\n left: 24px;\n top: 0;\n bottom: 0;\n width: 3px;\n background: linear-gradient(180deg, var(--til-primary), var(--til-accent));\n border-radius: 2px;\n}\n\n.til-timeline-item {\n position: relative;\n padding-bottom: 2rem;\n}\n\n.til-timeline-item:last-child {\n padding-bottom: 0;\n}\n\n.til-timeline-marker {\n position: absolute;\n left: -60px;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--til-primary), var(--til-accent));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 15px rgba(74, 124, 63, .3);\n}\n\n.til-timeline-marker span {\n color: white;\n font-size: 20px;\n font-weight: 900;\n}\n\n.til-timeline-content {\n background: var(--til-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--til-radius-sm);\n box-shadow: var(--til-shadow);\n margin-left: 20px;\n}\n\n.til-timeline-content h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--til-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.til-timeline-content p {\n font-size: 14px;\n color: var(--til-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.til-timeline-note {\n text-align: center;\n font-size: 14px;\n font-style: italic;\n color: var(--til-text-light);\n margin: 0;\n padding: 0 1rem;\n}\n\n\/* === PROFILS === *\/\n.til-profile-card {\n background: var(--til-white);\n border-radius: var(--til-radius);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--til-shadow);\n transition: all .3s ease;\n}\n\n.til-profile-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--til-shadow-lg);\n}\n\n.til-profile-icon {\n font-size: 36px;\n display: block;\n margin-bottom: 0.75rem;\n}\n\n.til-profile-card p {\n font-size: 14px;\n color: var(--til-text);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === AVANTAGES === *\/\n.til-advantages {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.til-advantage {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--til-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--til-radius-sm);\n box-shadow: var(--til-shadow);\n transition: all .3s ease;\n}\n\n.til-advantage:hover {\n transform: translateX(8px);\n box-shadow: var(--til-shadow-lg);\n}\n\n.til-advantage-check {\n width: 32px;\n height: 32px;\n background: linear-gradient(135deg, var(--til-primary), var(--til-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 16px;\n flex-shrink: 0;\n}\n\n.til-advantage strong {\n display: block;\n font-size: 16px;\n color: var(--til-primary-dark);\n margin-bottom: 4px;\n}\n\n.til-advantage p {\n font-size: 14px;\n color: var(--til-text-light);\n margin: 0;\n}\n\n\/* === FAQ === *\/\n.til-faq {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.til-faq-item {\n background: var(--til-white);\n border-radius: var(--til-radius);\n padding: 1.5rem;\n box-shadow: var(--til-shadow);\n}\n\n.til-faq-question {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.til-faq-icon {\n font-size: 20px;\n flex-shrink: 0;\n}\n\n.til-faq-question strong {\n font-size: 16px;\n color: var(--til-primary-dark);\n}\n\n.til-faq-item p {\n font-size: 15px;\n color: var(--til-text-light);\n margin: 0;\n line-height: 1.7;\n padding-left: 32px;\n}\n\n\/* === WARNING === *\/\n.til-warning-box {\n background: linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%);\n border-radius: var(--til-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid #FF9800;\n}\n\n.til-warning-header {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n margin-bottom: 1rem;\n}\n\n.til-warning-icon {\n font-size: 28px;\n}\n\n.til-warning-header strong {\n font-size: 18px;\n color: #E65100;\n}\n\n.til-warning-list {\n margin: 0 0 1rem 0;\n padding-left: 1.5rem;\n}\n\n.til-warning-list li {\n font-size: 14px;\n color: var(--til-text);\n margin-bottom: 0.5rem;\n line-height: 1.6;\n}\n\n.til-warning-note {\n font-size: 13px;\n font-style: italic;\n color: var(--til-text-light);\n margin: 0;\n padding-top: 1rem;\n border-top: 1px solid rgba(230, 81, 0, .2);\n}\n\n\/* === INFOS PRATIQUES === *\/\n.til-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.til-info-item {\n background: var(--til-white);\n border-radius: var(--til-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--til-shadow);\n transition: all .3s ease;\n}\n\n.til-info-item:hover {\n transform: translateY(-4px);\n}\n\n.til-info-icon {\n font-size: 28px;\n display: block;\n margin-bottom: 0.5rem;\n}\n\n.til-info-label {\n display: block;\n font-size: 12px;\n color: var(--til-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 4px;\n}\n\n.til-info-item strong {\n font-size: 14px;\n color: var(--til-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.til-cta-box {\n background: linear-gradient(135deg, var(--til-primary) 0%, var(--til-secondary) 100%);\n border-radius: var(--til-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--til-shadow-lg);\n}\n\n.til-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.til-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.til-cta-icon {\n font-size: 56px;\n display: block;\n margin-bottom: 1.5rem;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.til-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 .til-grid {\n grid-template-columns: 1fr;\n }\n \n .til-grid-3 {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .til-intro-box {\n flex-direction: column;\n text-align: center;\n }\n \n .til-hero-stats {\n gap: 1rem;\n }\n \n .til-stat-divider {\n display: none;\n }\n \n .til-timeline {\n padding-left: 50px;\n }\n \n .til-timeline::before {\n left: 18px;\n }\n \n .til-timeline-marker {\n left: -50px;\n width: 40px;\n height: 40px;\n }\n \n .til-timeline-marker span {\n font-size: 16px;\n }\n \n .til-timeline-content {\n margin-left: 10px;\n }\n \n .til-faq-item p {\n padding-left: 0;\n }\n}\n\n@media (max-width: 480px) {\n .til-grid-3 {\n grid-template-columns: 1fr;\n }\n \n .til-usage-grid {\n grid-template-columns: 1fr;\n }\n \n .til-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .til-card,\n .til-usage-card,\n .til-profile-card,\n .til-advantage,\n .til-faq-item,\n .til-info-item {\n animation: tilFadeInUp .6s ease backwards;\n }\n \n .til-card:nth-child(1), .til-usage-card:nth-child(1), .til-profile-card:nth-child(1) { animation-delay: .1s; }\n .til-card:nth-child(2), .til-usage-card:nth-child(2), .til-profile-card:nth-child(2) { animation-delay: .2s; }\n .til-card:nth-child(3), .til-usage-card:nth-child(3), .til-profile-card:nth-child(3) { animation-delay: .3s; }\n .til-card:nth-child(4), .til-usage-card:nth-child(4), .til-profile-card:nth-child(4) { animation-delay: .4s; }\n .til-card:nth-child(5), .til-profile-card:nth-child(5) { animation-delay: .5s; }\n .til-card:nth-child(6), .til-profile-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes tilFadeInUp {\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 .til-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .til-card,\n .til-usage-card,\n .til-profile-card {\n border: 2px solid var(--til-text);\n }\n \n .til-badge {\n border: 2px solid var(--til-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":55205275992441,"sku":"GEU15TIL","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tilleul-15-ml-alphagem.webp?v=1747229656"},{"product_id":"tilleul-50-ml-alphagem","title":"Macérat de bourgeons de Tilleul Bio - 50ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tilleul - 50 ml - Alphagem\nPalette détectée:\n - Primaire: #7CB342 (vert tilleul vif de l'étiquette)\n - Secondaire: #558B2F (vert foncé \"LINDEBOOM\")\n - Accent: #8BC34A (vert clair feuille du logo)\n - Neutre: #3E2723 (brun ambré du flacon)\nAmbiance: Naturel\/Bio, gemmothérapie, bien-être végétal, apaisant\nPréfixe CSS: til\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"À quoi sert le macérat de tilleul en gemmothérapie ?\"\n 2. \"Comment utiliser le macérat mère de tilleul Alphagem (50 ml) ?\"\n 3. \"Une composition simple et efficace\"\n 4. \"Macérat de tilleul 50 ml : précautions, avis et usage\"\n 5. \"Pourquoi choisir le macérat de tilleul Alphagem 50 ml ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"til-premium\"\u003e\n \n \u003c!-- HERO --\u003e\n \u003cdiv class=\"til-hero\"\u003e\n \u003cdiv class=\"til-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"til-hero-content\"\u003e\n \u003cdiv class=\"til-badges-top\"\u003e\n \u003cspan class=\"til-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"til-badge\"\u003e💧 Macérat mère concentré\u003c\/span\u003e\n \u003cspan class=\"til-badge\"\u003e🇪🇺 Gemmothérapie européenne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"til-hero-title\"\u003eMacérat de Tilleul Alphagem\u003c\/span\u003e\n \u003cp class=\"til-subtitle\"\u003eTilia tomentosa • 50 ml\u003c\/p\u003e\n \u003cp class=\"til-description\"\u003eExtrait de bourgeons frais biologiques pour retrouver calme et sérénité. Un allié naturel pour apaiser les tensions et favoriser un sommeil réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"til-section\"\u003e\n \u003ch2\u003eÀ quoi sert le macérat de tilleul en gemmothérapie ?\u003c\/h2\u003e\n \u003cp class=\"til-section-intro\"\u003eLe bourgeon de tilleul est considéré comme un remède de fond en cas de nervosité persistante, de troubles du sommeil ou de difficulté à relâcher les tensions accumulées. Il agit en douceur sur l'équilibre émotionnel et favorise l'apaisement global.\u003c\/p\u003e\n \u003cdiv class=\"til-grid\"\u003e\n \u003cdiv class=\"til-card\"\u003e\n \u003ch3\u003e🧘 Soutien du système nerveux\u003c\/h3\u003e\n \u003cp\u003eAction régulatrice en période de stress chronique ou de surmenage pour retrouver l'équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-card\"\u003e\n \u003ch3\u003e🌙 Aide à l'endormissement\u003c\/h3\u003e\n \u003cp\u003eFavorise un sommeil plus réparateur et aide à lâcher prise le soir venu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Convient à tous les âges\u003c\/h3\u003e\n \u003cp\u003eAdapté aux jeunes enfants et aux personnes âgées, avec avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"til-section\"\u003e\n \u003ch2\u003eComment utiliser le macérat mère de tilleul Alphagem ?\u003c\/h2\u003e\n \u003cp class=\"til-section-intro\"\u003eLe flacon de 50 ml permet de suivre une cure prolongée, souvent recommandée en gemmothérapie pour installer les bienfaits dans le temps.\u003c\/p\u003e\n \u003cdiv class=\"til-timeline\"\u003e\n \u003cdiv class=\"til-timeline-item\"\u003e\n \u003cdiv class=\"til-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"til-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003e5 à 15 gouttes par jour, en une ou plusieurs prises selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-timeline-item\"\u003e\n \u003cdiv class=\"til-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"til-timeline-content\"\u003e\n \u003ch3\u003eMode de prise\u003c\/h3\u003e\n \u003cp\u003eÀ prendre entre les repas, pur sous la langue ou dilué dans un peu d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-timeline-item\"\u003e\n \u003cdiv class=\"til-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"til-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e3 à 6 semaines en moyenne, à adapter selon les ressentis et les conseils d'un professionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-tip\"\u003e\n \u003cspan class=\"til-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour les jeunes enfants ou les personnes sensibles, ajustez la dose avec l'accompagnement d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"til-section\"\u003e\n \u003ch2\u003eUne composition simple et efficace\u003c\/h2\u003e\n \u003cdiv class=\"til-grid-compact\"\u003e\n \u003cdiv class=\"til-card\"\u003e\n \u003ch3\u003e🌳 Nom botanique\u003c\/h3\u003e\n \u003cp\u003eTilia tomentosa\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-card\"\u003e\n \u003ch3\u003e🧪 Type\u003c\/h3\u003e\n \u003cp\u003eMacérat mère non dilué\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-card\"\u003e\n \u003ch3\u003e🌱 Partie utilisée\u003c\/h3\u003e\n \u003cp\u003eBourgeons frais biologiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-card\"\u003e\n \u003ch3\u003e💧 Solvants\u003c\/h3\u003e\n \u003cp\u003eGlycérine végétale*, alcool* (35%), eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-card\"\u003e\n \u003ch3\u003e⚖️ Concentration\u003c\/h3\u003e\n \u003cp\u003e37,5 mg \/ 15 gouttes (équiv. poids sec)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-card\"\u003e\n \u003ch3\u003e✅ Certifications\u003c\/h3\u003e\n \u003cp\u003eBio – LU-BIO-06 (UE \/ Non-UE)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-tip\"\u003e\n \u003cspan class=\"til-tip-icon\"\u003e🍃\u003c\/span\u003e\n \u003cp\u003eProduit conforme aux protocoles de gemmothérapie traditionnelle, sans dilution intermédiaire ni additif superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"til-section\"\u003e\n \u003ch2\u003eMacérat de tilleul 50 ml : précautions, avis et usage\u003c\/h2\u003e\n \u003cp class=\"til-section-intro\"\u003eCe format 50 ml est idéal pour une utilisation prolongée ou pour un usage partagé au sein d'un foyer. Le tilleul est reconnu pour sa grande tolérance et son profil sécuritaire.\u003c\/p\u003e\n \u003cdiv class=\"til-accordion\"\u003e\n \u003cdetails class=\"til-accordion-item\"\u003e\n \u003csummary class=\"til-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"til-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière indiquée. Déconseillé sans avis médical pendant la grossesse ou l'allaitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"til-accordion-item\"\u003e\n \u003csummary class=\"til-accordion-header\"\u003e🧒 Enfants et personnes sensibles\u003c\/summary\u003e\n \u003cdiv class=\"til-accordion-content\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Pour les jeunes enfants, adapter la posologie avec un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"til-accordion-item\"\u003e\n \u003csummary class=\"til-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"til-accordion-content\"\u003e\n \u003cp\u003eÀ conserver à l'abri de la chaleur et de la lumière pour préserver toutes les propriétés du macérat.\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=\"til-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le macérat de tilleul Alphagem 50 ml ?\u003c\/h2\u003e\n \u003cdiv class=\"til-grid\"\u003e\n \u003cdiv class=\"til-card\"\u003e\n \u003ch3\u003e🌿 Macérat mère bio\u003c\/h3\u003e\n \u003cp\u003eIssu de bourgeons frais, sans dilution ni transformation pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-card\"\u003e\n \u003ch3\u003e🔬 Riche en acide coumarique\u003c\/h3\u003e\n \u003cp\u003eComposé naturel caractéristique du tilleul aux propriétés reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-card\"\u003e\n \u003ch3\u003e💰 Flacon économique\u003c\/h3\u003e\n \u003cp\u003eFormat 50 ml adapté aux cures longues ou en usage familial partagé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-card\"\u003e\n \u003ch3\u003e🏆 Standards européens\u003c\/h3\u003e\n \u003cp\u003eConçu selon les standards stricts de la gemmothérapie européenne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"til-cta-box\"\u003e\n \u003cp\u003e🌳 Retrouvez calme et sérénité avec la puissance douce des bourgeons de tilleul bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"til-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 --til-cream: #f8f6f3;\n --til-white: #ffffff;\n --til-primary: #7CB342;\n --til-primary-dark: #558B2F;\n --til-primary-light: #E8F5E9;\n --til-secondary: #8BC34A;\n --til-accent: #C5E1A5;\n --til-text: #1a1a1a;\n --til-text-light: #5a5a5a;\n --til-border: #e0e0e0;\n --til-shadow: 0 4px 24px rgba(0,0,0,.08);\n --til-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --til-radius: 20px;\n --til-radius-sm: 12px;\n}\n\n.til-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--til-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.til-hero {\n position: relative;\n background: linear-gradient(135deg, #7CB342 0%, #558B2F 50%, #33691E 100%);\n border-radius: var(--til-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(--til-shadow-lg);\n}\n\n.til-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23fff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .6;\n}\n\n.til-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.til-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.til-subtitle {\n color: rgba(255,255,255,.9);\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.til-description {\n color: rgba(255,255,255,.95);\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.til-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.til-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(--til-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.til-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.til-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.til-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--til-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.til-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(--til-primary), var(--til-secondary));\n border-radius: 2px;\n}\n\n.til-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--til-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.til-card {\n background: var(--til-white);\n border-radius: var(--til-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--til-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.til-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--til-shadow-lg);\n border-color: var(--til-primary);\n}\n\n.til-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--til-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.til-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--til-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.til-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.til-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.til-grid-compact .til-card {\n padding: 1rem;\n}\n\n.til-grid-compact .til-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.til-grid-compact .til-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.til-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.til-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.til-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--til-primary), var(--til-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(124, 179, 66, .3);\n}\n\n.til-timeline-content {\n flex: 1;\n background: var(--til-white);\n padding: 1rem 1.25rem;\n border-radius: var(--til-radius-sm);\n box-shadow: var(--til-shadow);\n}\n\n.til-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--til-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.til-timeline-content p {\n font-size: 14px;\n color: var(--til-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.til-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--til-primary-light);\n border-radius: var(--til-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--til-primary);\n}\n\n.til-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.til-tip p {\n font-size: 14px;\n color: var(--til-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.til-accordion {\n background: var(--til-white);\n border-radius: var(--til-radius);\n box-shadow: var(--til-shadow);\n overflow: hidden;\n}\n\n.til-accordion-item {\n border-bottom: 1px solid var(--til-border);\n margin: 0;\n padding: 0;\n}\n\n.til-accordion-item:last-child {\n border-bottom: none;\n}\n\n.til-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--til-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.til-accordion-header:hover {\n background: var(--til-primary-light);\n}\n\n.til-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.til-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--til-primary);\n transition: transform .2s ease;\n}\n\n.til-accordion-item[open] .til-accordion-header::after {\n content: '−';\n}\n\n.til-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--til-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.til-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.til-cta-box {\n background: linear-gradient(135deg, var(--til-primary) 0%, var(--til-primary-dark) 100%);\n border-radius: var(--til-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.til-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.til-disclaimer {\n font-size: 12px;\n color: var(--til-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 .til-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .til-card {\n padding: 1.125rem;\n }\n \n .til-section {\n margin-bottom: 1.75rem;\n }\n \n .til-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--til-radius-sm);\n }\n \n .til-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .til-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .til-grid-compact {\n gap: .625rem;\n }\n \n .til-grid-compact .til-card {\n padding: .75rem;\n }\n \n .til-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .til-timeline-content {\n padding: .875rem 1rem;\n }\n \n .til-timeline-content h3 {\n font-size: 14px;\n }\n \n .til-timeline-content p {\n font-size: 13px;\n }\n \n .til-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .til-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .til-tip {\n padding: .875rem 1rem;\n }\n \n .til-tip-icon {\n font-size: 20px;\n }\n \n .til-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .til-card {\n animation: tilFadeInUp .5s ease backwards;\n }\n .til-card:nth-child(1) { animation-delay: .05s; }\n .til-card:nth-child(2) { animation-delay: .1s; }\n .til-card:nth-child(3) { animation-delay: .15s; }\n .til-card:nth-child(4) { animation-delay: .2s; }\n .til-card:nth-child(5) { animation-delay: .25s; }\n .til-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes tilFadeInUp {\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 .til-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":55205380718969,"sku":"GEU50TIL","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tilleul-50-ml-alphagem.webp?v=1747229603"},{"product_id":"serenityform-inolab","title":"Complexe anti stress : Ashwagandha KSM66 \u0026 Rhodiola bio - SerenityForm Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: SerenityForm - Ashwagandha KSM-66 \u0026 Rhodiola Bio\nPalette détectée:\n - Primaire: #5B9A8B (vert sauge doux du packaging)\n - Secondaire: #7FB8A4 (vert menthe clair des bandes)\n - Accent: #E8F4F0 (blanc-vert très pâle pour les fonds)\nAmbiance: Naturel, apaisant, bien-être, bio, sérénité - univers zen et équilibré\nPréfixe CSS: sf\n--\u003e\n\n\u003cdiv class=\"sf-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"sf-hero\"\u003e\n \u003cdiv class=\"sf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sf-hero-content\"\u003e\n \u003cdiv class=\"sf-badges-top\"\u003e\n \u003cspan class=\"sf-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"sf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sf-badge\"\u003e✨ KSM-66®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sf-hero-title\"\u003eSerenityForm\u003c\/span\u003e\n \u003cp class=\"sf-subtitle\"\u003eVotre duo anti-stress naturel\u003c\/p\u003e\n \u003cp class=\"sf-description\"\u003eComplexe bio associant \u003cstrong\u003eAshwagandha KSM-66®\u003c\/strong\u003e et \u003cstrong\u003eRhodiola rosea\u003c\/strong\u003e pour apaiser le stress, soutenir votre équilibre émotionnel et booster votre énergie mentale et physique.\u003c\/p\u003e\n \u003cdiv class=\"sf-hero-tags\"\u003e\n \u003cspan class=\"sf-hero-tag\"\u003e🧘 Anti-stress\u003c\/span\u003e\n \u003cspan class=\"sf-hero-tag\"\u003e💤 Sommeil\u003c\/span\u003e\n \u003cspan class=\"sf-hero-tag\"\u003e🧠 Clarté mentale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003eLes bienfaits d'une formule synergique\u003c\/h2\u003e\n \u003cdiv class=\"sf-grid\"\u003e\n \u003cdiv class=\"sf-card sf-benefit-card\"\u003e\n \u003cdiv class=\"sf-card-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch3\u003eRéduction du stress\u003c\/h3\u003e\n \u003cp\u003eL'Ashwagandha KSM-66® est un adaptogène reconnu pour stabiliser le système nerveux et favoriser la détente naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-benefit-card\"\u003e\n \u003cdiv class=\"sf-card-icon\"\u003e💚\u003c\/div\u003e\n \u003ch3\u003eStabilité émotionnelle\u003c\/h3\u003e\n \u003cp\u003eContribue à la sérénité, aide à l'endormissement et soutient la clarté mentale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-benefit-card\"\u003e\n \u003cdiv class=\"sf-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eRésistance renforcée\u003c\/h3\u003e\n \u003cp\u003eLa Rhodiola améliore la tolérance à l'effort et protège des effets du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-benefit-card\"\u003e\n \u003cdiv class=\"sf-card-icon\"\u003e🧠\u003c\/div\u003e\n \u003ch3\u003eMémoire \u0026amp; concentration\u003c\/h3\u003e\n \u003cp\u003eCette synergie optimise vos capacités cognitives pour une meilleure performance mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003eComposition \u0026amp; dosages\u003c\/h2\u003e\n \u003cp class=\"sf-section-intro\"\u003ePour 2 comprimés par jour\u003c\/p\u003e\n \u003cdiv class=\"sf-grid sf-grid-3\"\u003e\n \u003cdiv class=\"sf-card sf-ingredient-card\"\u003e\n \u003cdiv class=\"sf-ingredient-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-name\"\u003eAshwagandha KSM-66®\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-dose\"\u003e400 mg\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-detail\"\u003eExtrait de racine bio\u003cbr\u003e\u003cem\u003edont 20 mg de withanolides\u003c\/em\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-ingredient-card\"\u003e\n \u003cdiv class=\"sf-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-name\"\u003eRhodiola rosea bio\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-dose\"\u003e300 mg\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-detail\"\u003eExtrait de racine certifié bio\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-ingredient-card\"\u003e\n \u003cdiv class=\"sf-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-name\"\u003eFibres d'acacia\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-dose\"\u003e544 mg\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-detail\"\u003eFibregum™ pour soutenir la digestion\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-quality-box\"\u003e\n \u003cdiv class=\"sf-quality-item\"\u003e🌿 Gélule 100% végétale\u003c\/div\u003e\n \u003cdiv class=\"sf-quality-item\"\u003e🌾 Anti-agglomérant : amidon de riz bio\u003c\/div\u003e\n \u003cdiv class=\"sf-quality-item\"\u003e♻️ Packaging recyclable\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003ePosologie \u0026amp; mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sf-usage-grid\"\u003e\n \u003cdiv class=\"sf-card sf-usage-card\"\u003e\n \u003cdiv class=\"sf-usage-icon\"\u003e👤\u003c\/div\u003e\n \u003cdiv class=\"sf-usage-title\"\u003eAdolescents dès 16 ans\u003c\/div\u003e\n \u003cdiv class=\"sf-usage-dose\"\u003e2 comprimés\/jour\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-usage-card\"\u003e\n \u003cdiv class=\"sf-usage-icon\"\u003e👥\u003c\/div\u003e\n \u003cdiv class=\"sf-usage-title\"\u003eAdultes\u003c\/div\u003e\n \u003cdiv class=\"sf-usage-dose\"\u003e2 à 3 comprimés\/jour\u003c\/div\u003e\n \u003cdiv class=\"sf-usage-detail\"\u003eIdéalement avant le repas du soir\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-tips-box\"\u003e\n \u003cdiv class=\"sf-tip\"\u003e\n \u003cspan class=\"sf-tip-icon\"\u003e💧\u003c\/span\u003e\n \u003cspan\u003eAvaler avec un grand verre d'eau ou un jus\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-tip\"\u003e\n \u003cspan class=\"sf-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cspan\u003eCure d'un mois, renouvelable avec une pause de 2 semaines entre les cures\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003ePourquoi choisir SerenityForm ?\u003c\/h2\u003e\n \u003cdiv class=\"sf-grid\"\u003e\n \u003cdiv class=\"sf-card sf-why-card\"\u003e\n \u003cspan class=\"sf-why-emoji\"\u003e🧘\u003c\/span\u003e\n \u003cp\u003eVous sentir plus \u003cstrong\u003ecalme et zen\u003c\/strong\u003e au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-why-card\"\u003e\n \u003cspan class=\"sf-why-emoji\"\u003e😴\u003c\/span\u003e\n \u003cp\u003eRetrouver un \u003cstrong\u003emeilleur sommeil\u003c\/strong\u003e et un mental plus clair\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-why-card\"\u003e\n \u003cspan class=\"sf-why-emoji\"\u003e💪\u003c\/span\u003e\n \u003cp\u003eAugmenter votre \u003cstrong\u003eendurance mentale et physique\u003c\/strong\u003e face au stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-why-card\"\u003e\n \u003cspan class=\"sf-why-emoji\"\u003e🌍\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003eclean et éco-responsable\u003c\/strong\u003e, fabriquée en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003ePrécautions \u0026amp; contre-indications\u003c\/h2\u003e\n \u003cdiv class=\"sf-warning-box\"\u003e\n \u003cdiv class=\"sf-warning-item\"\u003e\n \u003cspan class=\"sf-warning-icon\"\u003e🤰\u003c\/span\u003e\n \u003cspan\u003eDéconseillé aux femmes enceintes ou allaitantes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-warning-item\"\u003e\n \u003cspan class=\"sf-warning-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan\u003eNe pas associer avec des antidépresseurs, déconseillé en cas de bipolarité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-warning-item\"\u003e\n \u003cspan class=\"sf-warning-icon\"\u003e🏠\u003c\/span\u003e\n \u003cspan\u003eÀ conserver à température ambiante, à l'abri de l'air, de la lumière et de l'humidité.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"sf-info-grid\"\u003e\n \u003cdiv class=\"sf-info-item\"\u003e\n \u003cspan class=\"sf-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"sf-info-value\"\u003e60 comprimés (42g)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-info-item\"\u003e\n \u003cspan class=\"sf-info-label\"\u003eProgramme\u003c\/span\u003e\n \u003cspan class=\"sf-info-value\"\u003e30 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-info-item\"\u003e\n \u003cspan class=\"sf-info-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"sf-info-value\"\u003eAgriculture Biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-info-item\"\u003e\n \u003cspan class=\"sf-info-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"sf-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=\"sf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sf-cta-box\"\u003e\n \u003cdiv class=\"sf-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sf-cta-content\"\u003e\n \u003cp\u003e🌿 \u003cstrong\u003eSerenityForm\u003c\/strong\u003e est votre allié naturel pour rétablir calme, équilibre émotionnel et tonus mental, au quotidien et sans compromis.\u003c\/p\u003e\n \u003cp class=\"sf-cta-tagline\"\u003eTransformez vos jours de stress en moments de sérénité.\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 *\/\n --sf-cream: #F8FAF9;\n --sf-white: #ffffff;\n --sf-primary: #5B9A8B;\n --sf-primary-dark: #4A7F72;\n --sf-primary-light: #E8F4F0;\n --sf-secondary: #7FB8A4;\n --sf-accent: #A8D5C8;\n\n \/* Textes *\/\n --sf-text: #1a1a1a;\n --sf-text-light: #5a5a5a;\n\n \/* Effets *\/\n --sf-border: #e0e0e0;\n --sf-shadow: 0 4px 24px rgba(91,154,139,.12);\n --sf-shadow-lg: 0 12px 48px rgba(91,154,139,.18);\n --sf-radius: 20px;\n --sf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sf-text);\n line-height: 1.6;\n}\n\n.sf-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.sf-hero {\n position: relative;\n background: linear-gradient(135deg, #5B9A8B 0%, #4A7F72 40%, #7FB8A4 100%);\n border-radius: var(--sf-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(--sf-shadow-lg);\n}\n\n.sf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.sf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sf-hero-title {\n display: block;\n color: white;\n font-size: clamp(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.sf-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 10px rgba(0,0,0,.15);\n}\n\n.sf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 17px);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n line-height: 1.7;\n}\n\n.sf-description strong {\n color: white;\n}\n\n.sf-hero-tags {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n margin-top: 1.5rem;\n}\n\n.sf-hero-tag {\n padding: 10px 20px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.25);\n border-radius: 999px;\n color: white;\n font-size: 14px;\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.sf-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.sf-section-intro {\n text-align: center;\n color: var(--sf-text-light);\n font-size: 15px;\n margin-top: -1rem;\n margin-bottom: 2rem;\n}\n\n.sf-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--sf-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.sf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sf-primary), var(--sf-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.sf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.sf-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === CARDS === *\/\n.sf-card {\n background: var(--sf-white);\n border-radius: var(--sf-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.sf-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sf-shadow-lg);\n border-color: var(--sf-primary);\n}\n\n\/* Benefit Cards *\/\n.sf-benefit-card {\n text-align: center;\n}\n\n.sf-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.sf-benefit-card h3 {\n color: var(--sf-primary-dark);\n font-size: 18px;\n font-weight: 800;\n margin: 0 0 0.75rem 0;\n}\n\n.sf-benefit-card p {\n color: var(--sf-text-light);\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n}\n\n\/* Ingredient Cards *\/\n.sf-ingredient-card {\n text-align: center;\n background: linear-gradient(180deg, var(--sf-white) 0%, var(--sf-primary-light) 100%);\n}\n\n.sf-ingredient-icon {\n font-size: 40px;\n margin-bottom: 0.75rem;\n}\n\n.sf-ingredient-name {\n color: var(--sf-primary-dark);\n font-size: 16px;\n font-weight: 800;\n margin-bottom: 0.5rem;\n}\n\n.sf-ingredient-dose {\n background: var(--sf-primary);\n color: white;\n font-size: 20px;\n font-weight: 900;\n padding: 8px 20px;\n border-radius: 999px;\n display: inline-block;\n margin-bottom: 0.75rem;\n}\n\n.sf-ingredient-detail {\n color: var(--sf-text-light);\n font-size: 13px;\n line-height: 1.5;\n}\n\n.sf-ingredient-detail em {\n color: var(--sf-primary-dark);\n font-style: normal;\n font-weight: 600;\n}\n\n\/* Quality Box *\/\n.sf-quality-box {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n margin-top: 2rem;\n padding: 1.5rem;\n background: var(--sf-primary-light);\n border-radius: var(--sf-radius-sm);\n}\n\n.sf-quality-item {\n font-size: 14px;\n font-weight: 600;\n color: var(--sf-primary-dark);\n}\n\n\/* Usage Cards *\/\n.sf-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.sf-usage-card {\n text-align: center;\n background: linear-gradient(135deg, var(--sf-white) 0%, var(--sf-primary-light) 100%);\n}\n\n.sf-usage-icon {\n font-size: 40px;\n margin-bottom: 0.75rem;\n display: block;\n}\n\n.sf-usage-title {\n color: var(--sf-text);\n font-size: 16px;\n font-weight: 700;\n margin-bottom: 0.5rem;\n}\n\n.sf-usage-dose {\n background: var(--sf-primary);\n color: white;\n font-size: 18px;\n font-weight: 800;\n padding: 10px 24px;\n border-radius: 999px;\n display: inline-block;\n}\n\n.sf-usage-detail {\n color: var(--sf-text-light);\n font-size: 13px;\n margin-top: 0.75rem;\n}\n\n\/* Tips Box *\/\n.sf-tips-box {\n background: var(--sf-white);\n border-radius: var(--sf-radius);\n padding: 1.5rem 2rem;\n box-shadow: var(--sf-shadow);\n}\n\n.sf-tip {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 12px 0;\n border-bottom: 1px solid var(--sf-border);\n font-size: 15px;\n color: var(--sf-text);\n}\n\n.sf-tip:last-child {\n border-bottom: none;\n}\n\n.sf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n\/* Why Cards *\/\n.sf-why-card {\n display: flex;\n align-items: center;\n gap: 1rem;\n text-align: left;\n}\n\n.sf-why-emoji {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.sf-why-card p {\n margin: 0;\n font-size: 15px;\n color: var(--sf-text);\n}\n\n.sf-why-card strong {\n color: var(--sf-primary-dark);\n}\n\n\/* Warning Box *\/\n.sf-warning-box {\n background: linear-gradient(135deg, #FFF9E6 0%, #FFF5D6 100%);\n border: 2px solid #F5E6B3;\n border-radius: var(--sf-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n}\n\n.sf-warning-item {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n padding: 12px 0;\n border-bottom: 1px solid rgba(0,0,0,.08);\n font-size: 14px;\n color: var(--sf-text);\n}\n\n.sf-warning-item:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.sf-warning-item:first-child {\n padding-top: 0;\n}\n\n.sf-warning-icon {\n font-size: 20px;\n flex-shrink: 0;\n}\n\n\/* Info Grid *\/\n.sf-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.sf-info-item {\n background: var(--sf-white);\n border-radius: var(--sf-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--sf-shadow);\n}\n\n.sf-info-label {\n display: block;\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: .05em;\n color: var(--sf-text-light);\n margin-bottom: 0.5rem;\n}\n\n.sf-info-value {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--sf-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.sf-cta-box {\n background: linear-gradient(135deg, var(--sf-primary) 0%, var(--sf-primary-dark) 100%);\n border-radius: var(--sf-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sf-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(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 30%);\n}\n\n.sf-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.sf-cta-emoji {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.sf-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto 1rem auto;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.sf-cta-box p strong {\n font-weight: 800;\n}\n\n.sf-cta-tagline {\n font-size: clamp(18px, 3vw, 22px) !important;\n font-weight: 700 !important;\n margin-top: 1rem !important;\n opacity: .95;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .sf-grid,\n .sf-grid-3,\n .sf-usage-grid {\n grid-template-columns: 1fr;\n }\n \n .sf-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .sf-quality-box {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .sf-why-card {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sf-card {\n animation: sfFadeInUp .6s ease backwards;\n }\n .sf-card:nth-child(1) { animation-delay: .1s; }\n .sf-card:nth-child(2) { animation-delay: .2s; }\n .sf-card:nth-child(3) { animation-delay: .3s; }\n .sf-card:nth-child(4) { animation-delay: .4s; }\n \n .sf-badge {\n animation: sfFadeInDown .5s ease backwards;\n }\n .sf-badge:nth-child(1) { animation-delay: .2s; }\n .sf-badge:nth-child(2) { animation-delay: .3s; }\n .sf-badge:nth-child(3) { animation-delay: .4s; }\n}\n\n@keyframes sfFadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes sfFadeInDown {\n from { opacity: 0; transform: translateY(-20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .sf-card {\n border: 2px solid var(--sf-text);\n }\n \n .sf-badge {\n border: 2px solid var(--sf-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55423824265593,"sku":"SERENITYFORM","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serenityform-inolab-anti-stress.webp?v=1751875283"},{"product_id":"cure-good-night-vinaigre-de-cidre-bio-archie","title":"Cure Good Night bio au Vinaigre de Cidre bio (200ml) - Archie","description":"\u003c!-- Méta SEO --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- Contenu fiche produit --\u003e\n\u003cp\u003eDécouvrez la \u003cstrong\u003eCure Good Night bio\u003c\/strong\u003e d’Archie, une boisson bien-être à base de \u003cstrong\u003evinaigre de cidre bio non filtré\u003c\/strong\u003e, associée à des plantes reconnues pour leur effet apaisant. Conçue comme un rituel du soir, elle accompagne votre digestion et favorise la relaxation avant le coucher.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eLes bienfaits de la Cure Good Night Archie\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePréparer le corps au repos\u003c\/strong\u003e grâce à l’association de mélisse et camomille, plantes réputées pour leur action relaxante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoutenir la digestion du soir\u003c\/strong\u003e avec le vinaigre de cidre brut et non pasteurisé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e100 % bio et naturel\u003c\/strong\u003e, sans additifs ni sucres raffinés.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eIngrédients \u0026amp; composition\u003c\/h2\u003e\n\u003cp\u003eLa Cure Good Night bio est élaborée uniquement avec des ingrédients naturels et certifiés biologiques :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eVinaigre de cidre bio non filtré (France)\u003c\/li\u003e\n\u003cli\u003eMélisse bio\u003c\/li\u003e\n\u003cli\u003ePassiflore bio\u003c\/li\u003e\n\u003cli\u003eCamomille bio\u003c\/li\u003e\n\u003cli\u003eMiel bio\u003c\/li\u003e\n\u003cli\u003eInfusion de plantes apaisantes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cem\u003eSans gluten – Convient aux régimes végétariens.\u003c\/em\u003e\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComment consommer la Cure Good Night ?\u003c\/h2\u003e\n\u003cp\u003ePour profiter pleinement des bienfaits de cette cure :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eAgitez la bouteille avant emploi.\u003c\/li\u003e\n\u003cli\u003eDiluez 2 cuillères à soupe (20 ml) dans un verre d’eau tiède ou fraîche.\u003c\/li\u003e\n\u003cli\u003eÀ prendre \u003cstrong\u003ele soir après le repas\u003c\/strong\u003e ou environ 30 minutes avant le coucher.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eUn flacon de 200 ml correspond à environ 10 prises.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePrécautions d’emploi\u003c\/h2\u003e\n\u003cp\u003eLa Cure Good Night bio est un complément naturel, mais elle ne remplace pas une alimentation équilibrée ni un traitement médical. Déconseillé aux personnes allergiques aux produits de la ruche. Tenir hors de portée des enfants.\u003c\/p\u003e","brand":"Archie","offers":[{"title":"Default Title","offer_id":55713715847545,"sku":"NBAIARC0005","price":22.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cure-good-night-archie-min.jpg?v=1756486311"},{"product_id":"gomphrena-130-gelules-guayapi","title":"Gomphréna – 130 gélules – Guayapi","description":"\u003cdiv class=\"gom-premium\"\u003e\n \u003cdiv class=\"gom-hero\"\u003e\n \u003cdiv class=\"gom-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gom-hero-content\"\u003e\n \u003cdiv class=\"gom-badges-top\"\u003e\n \u003cspan class=\"gom-badge\"\u003e🌿 Plante d'Amazonie\u003c\/span\u003e\n \u003cspan class=\"gom-badge\"\u003e⚖️ Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"gom-badge\"\u003e💊 130 gélules\u003c\/span\u003e\n \u003cspan class=\"gom-badge\"\u003e✨ Sans additif\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gom-hero-title\"\u003eGomphréna 130 gélules\u003c\/span\u003e\n \u003cp class=\"gom-subtitle\"\u003eLa racine « para tudo » d'Amazonie — vitalité, sérénité \u0026amp; tonus\u003c\/p\u003e\n \u003cp class=\"gom-description\"\u003eUn complément naturel élaboré à partir de la racine de \u003cstrong\u003eGomphrena officinalis\u003c\/strong\u003e, riche en magnésium et sélénium, pour accompagner en douceur stress, fatigue passagère et beauté des cheveux et des ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"gom-section\"\u003e\n \u003ch2\u003eQu'est-ce que le gomphréna ?\u003c\/h2\u003e\n \u003cp class=\"gom-section-intro\"\u003eLe \u003cstrong\u003egomphréna\u003c\/strong\u003e (\u003cem\u003eGomphrena officinalis\u003c\/em\u003e) est une plante vivace originaire des forêts tropicales du Brésil. Sa racine, utilisée depuis des générations par les communautés indigènes amazoniennes, est reconnue comme un \u003cstrong\u003etonique naturel\u003c\/strong\u003e et un adaptogène.\u003c\/p\u003e\n \u003cdiv class=\"gom-grid\"\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e🌳 Origine amazonienne\u003c\/h3\u003e\n \u003cp\u003eRacine vivace issue des forêts tropicales du Brésil, surnommée « para tudo » (« bonne pour tout ») par les peuples premiers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e🌾 Cueillette éthique\u003c\/h3\u003e\n \u003cp\u003eRécoltée au Brésil dans le respect des écosystèmes et des savoirs traditionnels des communautés indigènes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e⚡ Tonique adaptogène\u003c\/h3\u003e\n \u003cp\u003eUne plante reconnue depuis des générations pour soutenir l'organisme face aux variations du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gom-section\"\u003e\n \u003ch2\u003eIngrédients et composition\u003c\/h2\u003e\n \u003cp class=\"gom-section-intro\"\u003eChaque gélule renferme exclusivement de la \u003cstrong\u003epoudre de racine de Gomphrena officinalis\u003c\/strong\u003e. L'enveloppe est d'origine végétale (hydroxypropylméthylcellulose). \u003cstrong\u003eAucun additif, conservateur ni excipient controversé.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"gom-grid-compact\"\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e💎 Magnésium\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e93,3 mg\u003c\/strong\u003e \/ 100 g\u003cbr\u003e\u003cspan style=\"color:var(--gom-primary-dark);font-weight:700;\"\u003e24,9 % des VNR*\u003c\/span\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e🌟 Sélénium\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e20 µg\u003c\/strong\u003e \/ 100 g\u003cbr\u003e\u003cspan style=\"color:var(--gom-primary-dark);font-weight:700;\"\u003e36 % des VNR*\u003c\/span\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"gom-disclaimer\"\u003e*VNR : Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gom-section\"\u003e\n \u003ch2\u003eLes bienfaits du gomphréna\u003c\/h2\u003e\n \u003cp class=\"gom-section-intro\"\u003eGrâce à sa richesse en minéraux et oligo-éléments, le gomphréna contribue à :\u003c\/p\u003e\n \u003cdiv class=\"gom-grid\"\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e⚡ Réduire la fatigue passagère\u003c\/h3\u003e\n \u003cp\u003eSoutient le tonus quotidien et accompagne les périodes de baisse d'énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n \u003cp\u003eContribue au fonctionnement normal du système nerveux et des fonctions psychologiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e💇 Cheveux \u0026amp; ongles\u003c\/h3\u003e\n \u003cp\u003eFavorise la beauté des cheveux et des ongles grâce à ses minéraux essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e🌙 Sérénité \u0026amp; sommeil\u003c\/h3\u003e\n \u003cp\u003eApaise l'esprit en période de stress léger et soutient un sommeil réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-tip\"\u003e\n \u003cspan class=\"gom-tip-icon\"\u003e💬\u003c\/span\u003e\n \u003cp\u003eDe nombreux avis soulignent une \u003cstrong\u003esensation de mieux-être global\u003c\/strong\u003e après quelques jours d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gom-section\"\u003e\n \u003ch2\u003eComment prendre le gomphréna ?\u003c\/h2\u003e\n \u003cdiv class=\"gom-timeline\"\u003e\n \u003cdiv class=\"gom-timeline-item\"\u003e\n \u003cdiv class=\"gom-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gom-timeline-content\"\u003e\n \u003ch3\u003e💊 Posologie\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e4 à 14 gélules par jour\u003c\/strong\u003e, de préférence avant les repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-timeline-item\"\u003e\n \u003cdiv class=\"gom-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gom-timeline-content\"\u003e\n \u003ch3\u003e📅 Durée de cure\u003c\/h3\u003e\n \u003cp\u003eUne cure d'environ \u003cstrong\u003etrois semaines\u003c\/strong\u003e est recommandée, renouvelable si besoin après une courte pause.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-timeline-item\"\u003e\n \u003cdiv class=\"gom-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gom-timeline-content\"\u003e\n \u003ch3\u003e🥗 Hygiène de vie\u003c\/h3\u003e\n \u003cp\u003ePour une efficacité optimale, associez cette cure à une alimentation équilibrée, une bonne hydratation et un sommeil régulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-tip\"\u003e\n \u003cspan class=\"gom-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécautions :\u003c\/strong\u003e ne dépassez pas la dose journalière indiquée. Tenir hors de portée des jeunes enfants. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. Ce complément \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni une alimentation variée et un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gom-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cp class=\"gom-section-intro\"\u003eLe Gomphréna Guayapi est idéal pour :\u003c\/p\u003e\n \u003cdiv class=\"gom-grid\"\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e😴 Coup de mou\u003c\/h3\u003e\n \u003cp\u003eLes personnes ressentant une fatigue chronique légère ou un coup de mou saisonnier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e📚 Examens \u0026amp; surcharge\u003c\/h3\u003e\n \u003cp\u003eLes étudiants et professionnels en période d'examens ou de forte activité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e💅 Beauté naturelle\u003c\/h3\u003e\n \u003cp\u003eCelles et ceux qui souhaitent renforcer naturellement leurs cheveux et leurs ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e🌿 Amateurs de phytothérapie\u003c\/h3\u003e\n \u003cp\u003eLes passionnés de solutions issues de la tradition amazonienne et des plantes adaptogènes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"gom-disclaimer\"\u003eSi vos symptômes persistent ou sont liés à une pathologie, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gom-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Guayapi ?\u003c\/h2\u003e\n \u003cdiv class=\"gom-cta-box\"\u003e\n \u003cp\u003ePionnier du \u003cstrong\u003ecommerce équitable depuis plus de 30 ans\u003c\/strong\u003e, Guayapi sélectionne des plantes sauvages issues de cueillettes respectueuses des peuples premiers.\u003cbr\u003e\u003cbr\u003eLe Gomphréna 130 gélules incarne cette démarche : une matière première \u003cstrong\u003etraçable, pure\u003c\/strong\u003e, et un emballage écoresponsable. Un choix engagé pour votre bien-être et celui 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 --gom-cream: #fdfaf2;\n --gom-white: #ffffff;\n --gom-primary: #f5c518;\n --gom-primary-dark: #2d4a3e;\n --gom-primary-light: #fef6d8;\n --gom-secondary: #4a8b3a;\n --gom-accent: #b048a0;\n --gom-text: #1a2620;\n --gom-text-light: #5a6660;\n --gom-border: #e8e4d6;\n --gom-shadow: 0 4px 24px rgba(45,74,62,.08);\n --gom-shadow-lg: 0 12px 48px rgba(45,74,62,.18);\n --gom-radius: 20px;\n --gom-radius-sm: 12px;\n}\n\n.gom-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gom-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--gom-text);\n line-height: 1.6;\n}\n\n.gom-hero {\n position: relative;\n background: linear-gradient(135deg, #2d4a3e 0%, #4a8b3a 45%, #f5c518 100%);\n border-radius: var(--gom-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(--gom-shadow-lg);\n}\n\n.gom-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, #fff 2px, transparent 3px),\n radial-gradient(circle at 70% 60%, #fff 1.5px, transparent 2.5px),\n radial-gradient(circle at 40% 80%, #fff 2px, transparent 3px);\n background-size: 80px 80px, 60px 60px, 100px 100px;\n}\n\n.gom-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gom-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.gom-subtitle {\n color: #fef6d8;\n font-size: clamp(15px, 2.8vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.gom-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.gom-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\n}\n\n.gom-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(--gom-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gom-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gom-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gom-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gom-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.gom-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(--gom-primary), var(--gom-secondary));\n border-radius: 2px;\n}\n\n.gom-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gom-text-light);\n margin: 0 auto 1.5rem auto;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.gom-card {\n background: var(--gom-white);\n border-radius: var(--gom-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gom-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gom-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gom-shadow-lg);\n border-color: var(--gom-primary);\n}\n\n.gom-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gom-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gom-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gom-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gom-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gom-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gom-grid-compact .gom-card {\n padding: 1.25rem;\n}\n\n.gom-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.gom-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gom-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gom-primary), var(--gom-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74,139,58,.3);\n}\n\n.gom-timeline-content {\n flex: 1;\n background: var(--gom-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gom-radius-sm);\n box-shadow: var(--gom-shadow);\n}\n\n.gom-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gom-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gom-timeline-content p {\n font-size: 14px;\n color: var(--gom-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gom-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gom-primary-light);\n border-radius: var(--gom-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--gom-primary);\n}\n\n.gom-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.gom-tip p {\n font-size: 14px;\n color: var(--gom-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.gom-cta-box {\n background: linear-gradient(135deg, var(--gom-primary-dark) 0%, var(--gom-secondary) 100%);\n border-radius: var(--gom-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--gom-shadow-lg);\n}\n\n.gom-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n.gom-disclaimer {\n font-size: 12px;\n color: var(--gom-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .gom-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .gom-card { padding: 1.125rem; }\n .gom-section { margin-bottom: 1.75rem; }\n .gom-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gom-radius-sm);\n }\n .gom-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .gom-premium h2::after { width: 40px; height: 3px; }\n .gom-grid-compact { gap: .625rem; }\n .gom-grid-compact .gom-card { padding: .875rem; }\n .gom-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .gom-timeline-content { padding: .875rem 1rem; }\n .gom-timeline-content h3 { font-size: 14px; }\n .gom-timeline-content p { font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .gom-card { animation: gomFadeInUp .5s ease backwards; }\n .gom-card:nth-child(1) { animation-delay: .05s; }\n .gom-card:nth-child(2) { animation-delay: .1s; }\n .gom-card:nth-child(3) { animation-delay: .15s; }\n .gom-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes gomFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gom-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Guayapi","offers":[{"title":"Default Title","offer_id":56128739246457,"sku":"GU0035","price":25.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gomphrena-130-gelules-guayapi-packshothd.webp?v=1779717675"},{"product_id":"relaxform","title":"Relaxform - Glycine et Magnesium - 180g - Inolab","description":"\u003cdiv class=\"gm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gm-hero\"\u003e\n\u003cdiv class=\"gm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gm-hero-content\"\u003e\n\u003cdiv class=\"gm-badges-top\"\u003e\n\u003cspan class=\"gm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"gm-badge\"\u003e🫐 Saveur myrtille\u003c\/span\u003e \u003cspan class=\"gm-badge\"\u003e🧪 2 formes de magnésium brevetées\u003c\/span\u003e \u003cspan class=\"gm-badge\"\u003e🚫 0 sucre ajouté\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gm-hero-title\"\u003eRelaxform — Glycine \u0026amp; Magnésium\u003c\/span\u003e\n\u003cp class=\"gm-subtitle\"\u003ePar Inolab · Programme 25 jours · 182,7 g\u003c\/p\u003e\n\u003cp class=\"gm-description\"\u003eLa synergie optimale glycine + magnésium bisglycinate pour un sommeil profond, une récupération musculaire complète et un stress apaisé — en une délicieuse boisson myrtille, chaque soir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"gm-section\"\u003e\n\u003ch2\u003eGlycine et Magnésium Relaxform : votre allié détente, sommeil et récupération\u003c\/h2\u003e\n\u003cp class=\"gm-section-intro\"\u003eVous cherchez une solution naturelle pour mieux gérer le stress, retrouver un sommeil profond et favoriser votre récupération musculaire ? Relaxform d'Inolab associe deux actifs complémentaires — la glycine et le magnésium bisglycinate — dans une formule en poudre saveur myrtille, sans sucre ajouté. Un rituel simple et agréable, à intégrer chaque soir pour ressentir rapidement les bienfaits.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"gm-section\"\u003e\n\u003ch2\u003ePourquoi associer magnésium et glycine pour le sommeil ?\u003c\/h2\u003e\n\u003cdiv style=\"grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\" class=\"gm-grid\"\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🧲 Magnésium bisglycinate\u003c\/h3\u003e\n\u003cp\u003eReconnu pour contribuer au fonctionnement normal du système nerveux et à la réduction de la fatigue. La forme bisglycinate, chélatée à la glycine, offre une assimilation élevée tout en étant douce pour les intestins sensibles — fini les inconforts digestifs des magnésiums classiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🌙 Glycine apaisante\u003c\/h3\u003e\n\u003cp\u003eAcide aminé aux propriétés apaisantes sur le système nerveux central. Elle favorise un endormissement plus rapide et un sommeil réparateur, sans provoquer de somnolence au réveil ni d'accoutumance. La synergie magnésium + glycine est plébiscitée pour améliorer naturellement la qualité des nuits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"gm-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets de Relaxform\u003c\/h2\u003e\n\u003cdiv class=\"gm-grid\"\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e⚖️ Réduction du stress et équilibre nerveux\u003c\/h3\u003e\n\u003cp\u003eLe magnésium bisglycinate et le magnésium glycérophosphate agissent en synergie pour apaiser les tensions nerveuses et soutenir votre équilibre émotionnel au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e😴 Sommeil profond et réparateur\u003c\/h3\u003e\n\u003cp\u003eSi vous vous demandez quel magnésium choisir pour le sommeil, la combinaison glycine + bisglycinate est l'une des plus efficaces selon les retours utilisateurs. Un vrai coup de pouce pour retrouver des nuits de qualité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e💪 Relaxation et récupération musculaire\u003c\/h3\u003e\n\u003cp\u003eIdéal après une journée intense ou une séance de sport, Relaxform contribue à la décontraction musculaire et à une récupération optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🦴 Soutien du collagène et santé ostéo-articulaire\u003c\/h3\u003e\n\u003cp\u003eLa glycine participe à la synthèse du collagène, essentiel pour vos articulations, vos tendons et votre peau. Un bénéfice complémentaire pour votre bien-être global.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"gm-section\"\u003e\n\u003ch2\u003eComposition détaillée (par dose journalière de 7,3 g)\u003c\/h2\u003e\n\u003cdiv class=\"gm-grid-compact\"\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e💎 Glycine cristallisée\u003c\/h3\u003e\n\u003cp\u003e3 g — forme pure et biodisponible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🧲 Magnésium bisglycinate\u003c\/h3\u003e\n\u003cp\u003eForme chélatée haute absorption (Albion TRAACS®). 1,46 g dont 117,2 mg de Magnésium élément\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🔬 Magnésium glycérophosphate\u003c\/h3\u003e\n\u003cp\u003eForme organique brevetée (GivoMag®). \u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003e1,46 g dont 182,8 mg de magnésium élément\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🫐 Arôme naturel myrtille\u003c\/h3\u003e\n\u003cp\u003eGoût agréable, sans arrière-goût. L'\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003earôme naturel myrtille est obtenu grâce aux extraits de Stévia.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-tip\"\u003e\n\u003cspan class=\"gm-tip-icon\"\u003e🍃\u003c\/span\u003e\n\u003cp\u003eSans sucre ajouté, sans colorant, sans conservateur, sans additif controversé. Poids net : 182,7 g — Programme de 25 jours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"gm-section\"\u003e\n\u003ch2\u003eComment prendre Relaxform ?\u003c\/h2\u003e\n\u003cdiv class=\"gm-timeline\"\u003e\n\u003cdiv class=\"gm-timeline-item\"\u003e\n\u003cdiv class=\"gm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gm-timeline-content\"\u003e\n\u003ch3\u003eDiluez votre dose\u003c\/h3\u003e\n\u003cp\u003eVersez 1 dose (7,3 g) dans un verre d'eau, de lait ou de boisson végétale et mélangez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-timeline-item\"\u003e\n\u003cdiv class=\"gm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gm-timeline-content\"\u003e\n\u003ch3\u003eChoisissez le bon moment\u003c\/h3\u003e\n\u003cp\u003eEnviron 30 minutes avant le coucher pour profiter pleinement de l'effet relaxant. Vous pouvez aussi le prendre en journée lors de périodes de tension.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-timeline-item\"\u003e\n\u003cdiv class=\"gm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gm-timeline-content\"\u003e\n\u003ch3\u003eSuivez le programme\u003c\/h3\u003e\n\u003cp\u003eCure de 25 jours, renouvelable. Prévoyez une pause de 2 semaines toutes les 12 semaines d'utilisation pour un résultat optimal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"gm-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"gm-grid-compact\"\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n\u003cp\u003eRetrouvez calme et sérénité au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003eRécupération musculaire optimale après l'effort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🌙 Dormeurs agités\u003c\/h3\u003e\n\u003cp\u003eRetrouvez un sommeil de qualité de manière naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🧑🎓 Dès 15 ans\u003c\/h3\u003e\n\u003cp\u003eConvient aux adultes et adolescents\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-tip\"\u003e\n\u003cspan class=\"gm-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"gm-section\"\u003e\n\u003ch2\u003ePourquoi choisir Relaxform d'Inolab ?\u003c\/h2\u003e\n\u003cdiv class=\"gm-grid-compact\"\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🧬 Formule unique\u003c\/h3\u003e\n\u003cp\u003eGlycine + deux formes de magnésium hautement biodisponibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🤍 Tolérance digestive\u003c\/h3\u003e\n\u003cp\u003eOptimale, même pour les estomacs sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eStandards de qualité stricts et traçabilité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-card\"\u003e\n\u003ch3\u003e🫐 Saveur naturelle myrtille\u003c\/h3\u003e\n\u003cp\u003eAgréable et sans arrière-goût chimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gm-cta-box\"\u003e\n\u003cp\u003e🌙 Offrez-vous des nuits profondes et une récupération totale — Relaxform, votre rituel bien-être du soir à la myrtille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gm-disclaimer\"\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 recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --gm-cream: #f4f7f5;\n --gm-white: #ffffff;\n --gm-primary: #5a9e8f;\n --gm-primary-dark: #2c5e52;\n --gm-primary-light: #e6f2ee;\n --gm-secondary: #7bb8a8;\n --gm-accent: #4a6fa5;\n --gm-blueberry: #3b3766;\n --gm-text: #1a1a1a;\n --gm-text-light: #5a5a5a;\n --gm-border: #dce8e3;\n --gm-shadow: 0 4px 24px rgba(42, 94, 82, .08);\n --gm-shadow-lg: 0 12px 48px rgba(42, 94, 82, .15);\n --gm-radius: 20px;\n --gm-radius-sm: 12px;\n}\n\n.gm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gm-blueberry) 0%, var(--gm-primary-dark) 45%, var(--gm-primary) 100%);\n border-radius: var(--gm-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(--gm-shadow-lg);\n}\n\n.gm-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(123,184,168,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(59,55,102,.06) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gm-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(--gm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gm-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.gm-subtitle {\n color: rgba(255,255,255,.8);\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.gm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.gm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gm-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.gm-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(--gm-primary), var(--gm-secondary));\n border-radius: 2px;\n}\n\n.gm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gm-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.gm-card {\n background: var(--gm-white);\n border-radius: var(--gm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gm-shadow-lg);\n border-color: var(--gm-primary);\n}\n\n.gm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gm-grid-compact .gm-card {\n padding: 1rem;\n}\n\n.gm-grid-compact .gm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gm-grid-compact .gm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gm-primary), var(--gm-blueberry));\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.gm-timeline-content {\n flex: 1;\n background: var(--gm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gm-radius-sm);\n box-shadow: var(--gm-shadow);\n}\n\n.gm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gm-timeline-content p {\n font-size: 14px;\n color: var(--gm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gm-primary-light);\n border-radius: var(--gm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gm-tip p {\n font-size: 14px;\n color: var(--gm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.gm-cta-box {\n background: linear-gradient(135deg, var(--gm-primary) 0%, var(--gm-primary-dark) 100%);\n border-radius: var(--gm-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.gm-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.gm-disclaimer {\n font-size: 12px;\n color: var(--gm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .gm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gm-card {\n padding: 1.125rem;\n }\n\n .gm-section {\n margin-bottom: 1.75rem;\n }\n\n .gm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gm-radius-sm);\n }\n\n .gm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gm-grid-compact {\n gap: .625rem;\n }\n\n .gm-grid-compact .gm-card {\n padding: .75rem;\n }\n\n .gm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gm-timeline-content h3 {\n font-size: 14px;\n }\n\n .gm-timeline-content p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gm-card {\n animation: gmFadeInUp .5s ease backwards;\n }\n .gm-card:nth-child(1) { animation-delay: .05s; }\n .gm-card:nth-child(2) { animation-delay: .1s; }\n .gm-card:nth-child(3) { animation-delay: .15s; }\n .gm-card:nth-child(4) { animation-delay: .2s; }\n .gm-card:nth-child(5) { animation-delay: .25s; }\n .gm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gm-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":56192095289721,"sku":"RELAXFORM","price":24.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/relaxforme_inolab_11zon.jpg?v=1764256883"},{"product_id":"magnesium-bisglycinate-90-gelules-humble","title":"Magnésium Bisglycinate - 90 gélules - Humble +","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Magnésium Bisglycinate Age-Well® - Humble+\nPalette détectée:\n - Primaire: #3d5a80 (bleu profond\/ardoise du packaging)\n - Secondaire: #98c1d9 (bleu clair pour accents)\n - Accent: #e8dfd5 (beige\/crème des gélules)\nAmbiance: Premium santé\/bien-être, moderne et épuré, professionnel avec une touche chaleureuse, univers sommeil\/relaxation\nPréfixe CSS: mg\n--\u003e\n\n\u003cdiv class=\"mg-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"mg-hero\"\u003e\n \u003cdiv class=\"mg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mg-hero-content\"\u003e\n \u003cdiv class=\"mg-badges-top\"\u003e\n \u003cspan class=\"mg-badge\"\u003e🌙 Sommeil\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🧘 Anti-stress\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e⚡ Énergie\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mg-hero-title\"\u003eMagnésium Bisglycinate Age-Well®\u003c\/span\u003e\n \u003cp class=\"mg-subtitle\"\u003eLa formule complète pour votre sommeil, votre énergie et votre équilibre nerveux\u003c\/p\u003e\n \u003cp class=\"mg-description\"\u003eAssocie du bisglycinate de magnésium pur hautement assimilable aux vitamines D3, B6 et B12 sous leurs formes actives\u003c\/p\u003e\n \u003cdiv class=\"mg-hero-stats\"\u003e\n \u003cdiv class=\"mg-stat\"\u003e\n \u003cspan class=\"mg-stat-number\"\u003e227mg\u003c\/span\u003e\n \u003cspan class=\"mg-stat-label\"\u003eMagnésium élément\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-stat\"\u003e\n \u003cspan class=\"mg-stat-number\"\u003e90\u003c\/span\u003e\n \u003cspan class=\"mg-stat-label\"\u003eGélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-stat\"\u003e\n \u003cspan class=\"mg-stat-number\"\u003e30\u003c\/span\u003e\n \u003cspan class=\"mg-stat-label\"\u003eJours de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- PROBLÉMATIQUE --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eVous reconnaissez-vous ? 😴\u003c\/h2\u003e\n \u003cdiv class=\"mg-problem-box\"\u003e\n \u003cp\u003eVous vous sentez \u003cstrong\u003efatigué dès le réveil\u003c\/strong\u003e ? Vos nuits sont agitées et peu réparatrices ? Vous ressentez des \u003cstrong\u003etensions musculaires\u003c\/strong\u003e ou une \u003cstrong\u003enervosité persistante\u003c\/strong\u003e ?\u003c\/p\u003e\n \u003cp\u003eCes signaux sont souvent le reflet d'un manque de magnésium, un minéral essentiel dont \u003cstrong\u003eplus de 70% des Français\u003c\/strong\u003e présentent des apports insuffisants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POURQUOI LE BISGLYCINATE --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003ePourquoi choisir le bisglycinate de magnésium ?\u003c\/h2\u003e\n \u003cp class=\"mg-section-intro\"\u003eToutes les formes de magnésium ne se valent pas. Le bisglycinate présente des avantages significatifs qui en font la forme privilégiée par les professionnels de santé.\u003c\/p\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🎯 Biodisponibilité exceptionnelle\u003c\/h3\u003e\n \u003cp\u003eLe magnésium est lié à deux molécules de glycine, un acide aminé qui favorise son absorption intestinale optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌿 Douceur digestive\u003c\/h3\u003e\n \u003cp\u003eContrairement au magnésium marin ou à l'oxyde, il ne provoque pas d'effet laxatif ni d'inconfort gastrique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e😌 Action apaisante renforcée\u003c\/h3\u003e\n \u003cp\u003eLa glycine possède des propriétés relaxantes qui amplifient les bienfaits sur le système nerveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e💎 Magnésium pur et non coupé\u003c\/h3\u003e\n \u003cp\u003eLa formule Humble+ garantit un bisglycinate de qualité premium, sans dilution\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eLes bienfaits sur votre organisme\u003c\/h2\u003e\n \u003cdiv class=\"mg-benefits\"\u003e\n \u003cdiv class=\"mg-benefit-card mg-benefit-sleep\"\u003e\n \u003cdiv class=\"mg-benefit-header\"\u003e\n \u003cspan class=\"mg-benefit-icon\"\u003e🌙\u003c\/span\u003e\n \u003ch3\u003eUn sommeil véritablement réparateur\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eLe magnésium intervient dans la régulation de la mélatonine et du GABA, deux acteurs clés de l'endormissement et de la qualité du sommeil profond. La vitamine B6 participe à la synthèse de ces neurotransmetteurs.\u003c\/p\u003e\n \u003cdiv class=\"mg-benefit-results\"\u003e\n \u003cdiv class=\"mg-result\"\u003e\n \u003cspan class=\"mg-result-value\"\u003e+9%\u003c\/span\u003e\n \u003cspan class=\"mg-result-text\"\u003eDurée du sommeil\u003cbr\u003e\u003csmall\u003e(+36 min en moyenne)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-result\"\u003e\n \u003cspan class=\"mg-result-value\"\u003e+10%\u003c\/span\u003e\n \u003cspan class=\"mg-result-text\"\u003eEfficacité du sommeil\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mg-benefit-card mg-benefit-stress\"\u003e\n \u003cdiv class=\"mg-benefit-header\"\u003e\n \u003cspan class=\"mg-benefit-icon\"\u003e🧘\u003c\/span\u003e\n \u003ch3\u003eMeilleure gestion du stress\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eLe magnésium contribue au fonctionnement normal du système nerveux. Lorsque vous êtes stressé, votre corps puise dans ses réserves de magnésium, créant un cercle vicieux.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eLe bisglycinate aide à relâcher les tensions musculaires et nerveuses\u003c\/strong\u003e, favorisant un état de détente naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mg-benefit-card mg-benefit-energy\"\u003e\n \u003cdiv class=\"mg-benefit-header\"\u003e\n \u003cspan class=\"mg-benefit-icon\"\u003e⚡\u003c\/span\u003e\n \u003ch3\u003eÉnergie stable toute la journée\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eLe magnésium participe à \u003cstrong\u003eplus de 300 réactions enzymatiques\u003c\/strong\u003e dans votre corps, dont la production d'ATP, la molécule énergétique de vos cellules.\u003c\/p\u003e\n \u003cp\u003eAssocié aux vitamines B6 et B12, cette formule aide à réduire la fatigue et maintenir votre concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mg-benefit-card mg-benefit-immune\"\u003e\n \u003cdiv class=\"mg-benefit-header\"\u003e\n \u003cspan class=\"mg-benefit-icon\"\u003e🛡️\u003c\/span\u003e\n \u003ch3\u003eSoutien immunitaire\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eLa vitamine D3 issue d'algues contribue au fonctionnement normal du système immunitaire et agit en synergie avec le magnésium pour une meilleure assimilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"mg-section-intro\"\u003ePour 3 gélules (dose journalière recommandée)\u003c\/p\u003e\n \u003cdiv class=\"mg-composition-grid\"\u003e\n \u003cdiv class=\"mg-ingredient-card mg-ingredient-main\"\u003e\n \u003cdiv class=\"mg-ingredient-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"mg-ingredient-name\"\u003eMagnésium bisglycinate\u003c\/div\u003e\n \u003cdiv class=\"mg-ingredient-dose\"\u003e2064 mg\u003c\/div\u003e\n \u003cdiv class=\"mg-ingredient-detail\"\u003edont \u003cstrong\u003e227 mg\u003c\/strong\u003e de magnésium élément\u003c\/div\u003e\n \u003cdiv class=\"mg-ingredient-vnr\"\u003e60% des VNR*\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-ingredient-card\"\u003e\n \u003cdiv class=\"mg-ingredient-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"mg-ingredient-name\"\u003eVitamine B6\u003c\/div\u003e\n \u003cdiv class=\"mg-ingredient-detail\"\u003ePyridoxal-5'-phosphate\u003c\/div\u003e\n \u003cdiv class=\"mg-ingredient-dose\"\u003e2,8 mg\u003c\/div\u003e\n \u003cdiv class=\"mg-ingredient-vnr\"\u003e200% des VNR*\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-ingredient-card\"\u003e\n \u003cdiv class=\"mg-ingredient-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"mg-ingredient-name\"\u003eVitamine B12\u003c\/div\u003e\n \u003cdiv class=\"mg-ingredient-detail\"\u003eMéthylcobalamine\u003c\/div\u003e\n \u003cdiv class=\"mg-ingredient-dose\"\u003e5 µg\u003c\/div\u003e\n \u003cdiv class=\"mg-ingredient-vnr\"\u003e200% des VNR*\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-ingredient-card\"\u003e\n \u003cdiv class=\"mg-ingredient-icon\"\u003e☀️\u003c\/div\u003e\n \u003cdiv class=\"mg-ingredient-name\"\u003eVitamine D3\u003c\/div\u003e\n \u003cdiv class=\"mg-ingredient-detail\"\u003eCholécalciférol d'algues\u003c\/div\u003e\n \u003cdiv class=\"mg-ingredient-dose\"\u003e25 µg\u003c\/div\u003e\n \u003cdiv class=\"mg-ingredient-vnr\"\u003e500% des VNR*\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"mg-vnr-note\"\u003e*VNR : Valeurs Nutritionnelles de Référence\u003c\/p\u003e\n \n \u003cdiv class=\"mg-ingredients-list\"\u003e\n \u003ch3\u003eListe complète des ingrédients\u003c\/h3\u003e\n \u003cp\u003ePur magnésium bisglycinate, gélule végétale (HPMC - humectant), huile de coco (triglycérides à chaîne moyenne), vitamine D3 (issue d'algues), vitamine B6 (pyridoxal-5'-phosphate), vitamine B12 (méthylcobalamine).\u003c\/p\u003e\n \u003cdiv class=\"mg-clean-badges\"\u003e\n \u003cspan class=\"mg-clean-badge\"\u003e✓ Sans additifs\u003c\/span\u003e\n \u003cspan class=\"mg-clean-badge\"\u003e✓ Sans conservateurs\u003c\/span\u003e\n \u003cspan class=\"mg-clean-badge\"\u003e✓ Sans gluten\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=\"mg-section\"\u003e\n \u003ch2\u003eComment prendre votre magnésium ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-usage-grid\"\u003e\n \u003cdiv class=\"mg-usage-step\"\u003e\n \u003cdiv class=\"mg-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mg-step-content\"\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-usage-step\"\u003e\n \u003cdiv class=\"mg-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mg-step-content\"\u003e\n \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003ele soir\u003c\/strong\u003e, au cours du dîner ou avant le coucher pour favoriser la détente et l'endormissement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-usage-step\"\u003e\n \u003cdiv class=\"mg-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mg-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e pour des résultats durables, renouvelable selon vos besoins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-tip-box\"\u003e\n \u003cspan class=\"mg-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Vous pouvez également répartir la prise sur la journée (1 gélule matin, midi et soir) si vous recherchez davantage un effet sur l'énergie et la concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- FAQ --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"mg-faq\"\u003e\n \u003cdiv class=\"mg-faq-item\"\u003e\n \u003ch3\u003e🤔 Le magnésium bisglycinate a-t-il des effets secondaires ?\u003c\/h3\u003e\n \u003cp\u003eLe bisglycinate de magnésium est reconnu pour sa \u003cstrong\u003etrès bonne tolérance digestive\u003c\/strong\u003e. Contrairement à d'autres formes comme le citrate ou l'oxyde, il ne provoque généralement pas de troubles intestinaux ni d'effet laxatif. C'est la forme idéale si vous avez un système digestif sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-faq-item\"\u003e\n \u003ch3\u003e😴 Peut-on prendre du magnésium en cas d'apnée du sommeil ?\u003c\/h3\u003e\n \u003cp\u003eLe magnésium peut contribuer à améliorer la qualité globale du sommeil. Toutefois, l'apnée du sommeil étant une pathologie spécifique, nous vous recommandons de consulter votre médecin pour un accompagnement adapté. Le magnésium ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-faq-item\"\u003e\n \u003ch3\u003e⏱️ Combien de temps avant de ressentir les effets ?\u003c\/h3\u003e\n \u003cp\u003eLes premiers effets sur la détente et le sommeil peuvent se faire sentir dès les \u003cstrong\u003epremiers jours\u003c\/strong\u003e. Pour des résultats optimaux sur la fatigue et le bien-être général, comptez \u003cstrong\u003e2 à 4 semaines\u003c\/strong\u003e de prise régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-profiles-grid\"\u003e\n \u003cdiv class=\"mg-profile\"\u003e\n \u003cspan class=\"mg-profile-icon\"\u003e😴\u003c\/span\u003e\n \u003cp\u003eDifficultés d'endormissement ou sommeil de mauvaise qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-profile\"\u003e\n \u003cspan class=\"mg-profile-icon\"\u003e😫\u003c\/span\u003e\n \u003cp\u003eFatigue persistante malgré des nuits suffisantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-profile\"\u003e\n \u003cspan class=\"mg-profile-icon\"\u003e😰\u003c\/span\u003e\n \u003cp\u003eStress, anxiété ou tensions nerveuses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-profile\"\u003e\n \u003cspan class=\"mg-profile-icon\"\u003e💪\u003c\/span\u003e\n \u003cp\u003eCrampes ou contractures musculaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-profile\"\u003e\n \u003cspan class=\"mg-profile-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eRecherche d'un magnésium doux pour le système digestif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-profile\"\u003e\n \u003cspan class=\"mg-profile-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eEnvie d'une formule complète avec vitamines synergiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- GARANTIES --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eLes garanties qualité Humble+\u003c\/h2\u003e\n \u003cdiv class=\"mg-guarantees\"\u003e\n \u003cdiv class=\"mg-guarantee\"\u003e\n \u003cspan class=\"mg-guarantee-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eFabrication française\u003c\/h3\u003e\n \u003cp\u003eProduit élaboré et conditionné en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-guarantee\"\u003e\n \u003cspan class=\"mg-guarantee-icon\"\u003e⚗️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eFormes actives des vitamines\u003c\/h3\u003e\n \u003cp\u003eB6 sous forme P5P, B12 méthylcobalamine, D3 végétale d'algues\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-guarantee\"\u003e\n \u003cspan class=\"mg-guarantee-icon\"\u003e🌱\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eFormule clean\u003c\/h3\u003e\n \u003cp\u003eSans additifs inutiles, sans conservateurs, sans gluten\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-guarantee\"\u003e\n \u003cspan class=\"mg-guarantee-icon\"\u003e🥬\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eGélules végétales\u003c\/h3\u003e\n \u003cp\u003eConvient aux régimes végétariens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003cdiv class=\"mg-warning-box\"\u003e\n \u003cspan class=\"mg-warning-icon\"\u003e⚠️\u003c\/span\u003e\n \u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Déconseillé aux femmes enceintes et allaitantes sans avis médical. En cas de traitement médical, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"mg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mg-cta-box\"\u003e\n \u003cdiv class=\"mg-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mg-cta-content\"\u003e\n \u003cp\u003e🌙 Retrouvez un sommeil réparateur, une énergie stable et un équilibre nerveux optimal avec le \u003cstrong\u003eMagnésium Bisglycinate Age-Well®\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"mg-cta-subtitle\"\u003e90 gélules • 30 jours de cure • Formule complète\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 --mg-cream: #f8f6f3;\n --mg-white: #ffffff;\n --mg-primary: #3d5a80;\n --mg-primary-dark: #2c4159;\n --mg-primary-light: #e8eff5;\n --mg-secondary: #98c1d9;\n --mg-accent: #ee6c4d;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a6572;\n --mg-border: #e0e4e8;\n --mg-shadow: 0 4px 24px rgba(61, 90, 128, .08);\n --mg-shadow-lg: 0 12px 48px rgba(61, 90, 128, .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 color: var(--mg-text);\n line-height: 1.7;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mg-primary) 0%, #4a6d94 50%, var(--mg-primary-dark) 100%);\n border-radius: var(--mg-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(--mg-shadow-lg);\n}\n\n.mg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(152,193,217,.1) 0%, transparent 60%);\n opacity: 1;\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-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 6vw, 48px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.03em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mg-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.mg-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2vw, 17px);\n margin: 0 0 2rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.mg-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.mg-stat {\n text-align: center;\n}\n\n.mg-stat-number {\n display: block;\n color: white;\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n line-height: 1.1;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n.mg-stat-label {\n display: block;\n color: rgba(255,255,255,.8);\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.mg-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--mg-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.mg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mg-primary), var(--mg-secondary));\n border-radius: 2px;\n}\n\n.mg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2vw, 18px);\n color: var(--mg-text-light);\n max-width: 700px;\n margin: 0 auto 2rem;\n}\n\n\/* === PROBLEM BOX === *\/\n.mg-problem-box {\n background: linear-gradient(135deg, var(--mg-primary-light) 0%, #f0f4f8 100%);\n border-radius: var(--mg-radius);\n padding: clamp(2rem, 4vw, 3rem);\n text-align: center;\n border: 2px solid var(--mg-secondary);\n}\n\n.mg-problem-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.mg-problem-box p {\n font-size: clamp(15px, 2vw, 18px);\n color: var(--mg-text);\n margin: 0 0 1rem 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.mg-problem-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID \u0026 CARDS === *\/\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.mg-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 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(-8px);\n box-shadow: var(--mg-shadow-lg);\n border-color: var(--mg-secondary);\n}\n\n.mg-card-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n}\n\n.mg-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.mg-card p {\n font-size: 15px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BENEFITS === *\/\n.mg-benefits {\n display: grid;\n gap: 1.5rem;\n}\n\n.mg-benefit-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--mg-shadow);\n border-left: 5px solid var(--mg-primary);\n transition: all .3s ease;\n}\n\n.mg-benefit-card:hover {\n box-shadow: var(--mg-shadow-lg);\n transform: translateX(8px);\n}\n\n.mg-benefit-sleep { border-left-color: #6c5ce7; }\n.mg-benefit-stress { border-left-color: #00b894; }\n.mg-benefit-energy { border-left-color: #fdcb6e; }\n.mg-benefit-immune { border-left-color: #e17055; }\n\n.mg-benefit-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.mg-benefit-icon {\n font-size: 32px;\n}\n\n.mg-benefit-header h3 {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0;\n}\n\n.mg-benefit-card p {\n font-size: 15px;\n color: var(--mg-text-light);\n margin: 0 0 1rem 0;\n line-height: 1.7;\n}\n\n.mg-benefit-card p:last-child {\n margin-bottom: 0;\n}\n\n.mg-benefit-results {\n display: flex;\n gap: 2rem;\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n border-top: 1px dashed var(--mg-border);\n}\n\n.mg-result {\n display: flex;\n align-items: center;\n gap: .75rem;\n}\n\n.mg-result-value {\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: #6c5ce7;\n}\n\n.mg-result-text {\n font-size: 14px;\n color: var(--mg-text-light);\n line-height: 1.4;\n}\n\n.mg-result-text small {\n font-size: 12px;\n opacity: .8;\n}\n\n\/* === COMPOSITION === *\/\n.mg-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1rem;\n}\n\n.mg-ingredient-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.mg-ingredient-card:hover {\n border-color: var(--mg-secondary);\n transform: translateY(-4px);\n}\n\n.mg-ingredient-main {\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n color: white;\n grid-column: span 2;\n}\n\n.mg-ingredient-main .mg-ingredient-name,\n.mg-ingredient-main .mg-ingredient-detail,\n.mg-ingredient-main .mg-ingredient-vnr {\n color: rgba(255,255,255,.9);\n}\n\n.mg-ingredient-main .mg-ingredient-dose {\n color: white;\n}\n\n.mg-ingredient-icon {\n font-size: 32px;\n margin-bottom: .75rem;\n}\n\n.mg-ingredient-name {\n font-size: 16px;\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin-bottom: .25rem;\n}\n\n.mg-ingredient-detail {\n font-size: 13px;\n color: var(--mg-text-light);\n margin-bottom: .5rem;\n}\n\n.mg-ingredient-dose {\n font-size: 24px;\n font-weight: 900;\n color: var(--mg-primary);\n margin-bottom: .25rem;\n}\n\n.mg-ingredient-vnr {\n font-size: 13px;\n color: var(--mg-text-light);\n font-weight: 600;\n}\n\n.mg-vnr-note {\n text-align: center;\n font-size: 13px;\n color: var(--mg-text-light);\n font-style: italic;\n margin: 1rem 0 2rem;\n}\n\n.mg-ingredients-list {\n background: var(--mg-white);\n border-radius: var(--mg-radius-sm);\n padding: 1.5rem;\n text-align: center;\n}\n\n.mg-ingredients-list h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.mg-ingredients-list p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0 0 1rem 0;\n}\n\n.mg-clean-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.mg-clean-badge {\n padding: 6px 14px;\n background: var(--mg-primary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n}\n\n\/* === USAGE === *\/\n.mg-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.mg-usage-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--mg-white);\n border-radius: var(--mg-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--mg-shadow);\n}\n\n.mg-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 900;\n}\n\n.mg-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mg-step-content p {\n font-size: 15px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mg-tip-box {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, #fff9e6 0%, #fff5d6 100%);\n border-radius: var(--mg-radius-sm);\n padding: 1.5rem;\n border: 2px solid #f0d78c;\n}\n\n.mg-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.mg-tip-box p {\n font-size: 15px;\n color: var(--mg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === FAQ === *\/\n.mg-faq {\n display: grid;\n gap: 1rem;\n}\n\n.mg-faq-item {\n background: var(--mg-white);\n border-radius: var(--mg-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.mg-faq-item:hover {\n border-color: var(--mg-secondary);\n}\n\n.mg-faq-item h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.mg-faq-item p {\n font-size: 15px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === PROFILES === *\/\n.mg-profiles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1rem;\n}\n\n.mg-profile {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--mg-white);\n border-radius: var(--mg-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.mg-profile:hover {\n border-color: var(--mg-secondary);\n transform: translateY(-4px);\n}\n\n.mg-profile-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.mg-profile p {\n font-size: 15px;\n color: var(--mg-text);\n margin: 0;\n font-weight: 500;\n}\n\n\/* === GUARANTEES === *\/\n.mg-guarantees {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.mg-guarantee {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--mg-white);\n border-radius: var(--mg-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--mg-shadow);\n}\n\n.mg-guarantee-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.mg-guarantee h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mg-guarantee p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === WARNING === *\/\n.mg-warning-box {\n background: linear-gradient(135deg, #fff5f5 0%, #fee) 100%;\n border: 2px solid #f8b4b4;\n border-radius: var(--mg-radius-sm);\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n}\n\n.mg-warning-icon {\n font-size: 32px;\n margin-bottom: .75rem;\n}\n\n.mg-warning-box h3 {\n font-size: 16px;\n font-weight: 800;\n color: #c53030;\n margin: 0 0 .75rem 0;\n}\n\n.mg-warning-box p {\n font-size: 14px;\n color: #742a2a;\n margin: 0;\n line-height: 1.7;\n max-width: 800px;\n}\n\n\/* === CTA === *\/\n.mg-cta-box {\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 70% 30%, rgba(255,255,255,.08) 0%, transparent 40%);\n}\n\n.mg-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.mg-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 .75rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.mg-cta-subtitle {\n font-size: clamp(14px, 2vw, 16px) !important;\n opacity: .9;\n font-weight: 500 !important;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mg-grid {\n grid-template-columns: 1fr;\n }\n \n .mg-ingredient-main {\n grid-column: span 1;\n }\n \n .mg-benefit-results {\n flex-direction: column;\n gap: 1rem;\n }\n \n .mg-hero-stats {\n gap: 1rem;\n }\n \n .mg-stat {\n min-width: 80px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mg-card,\n .mg-benefit-card,\n .mg-ingredient-card,\n .mg-profile,\n .mg-guarantee,\n .mg-faq-item {\n animation: mgFadeInUp .6s ease backwards;\n }\n \n .mg-card:nth-child(1), .mg-benefit-card:nth-child(1), .mg-ingredient-card:nth-child(1) { animation-delay: .1s; }\n .mg-card:nth-child(2), .mg-benefit-card:nth-child(2), .mg-ingredient-card:nth-child(2) { animation-delay: .2s; }\n .mg-card:nth-child(3), .mg-benefit-card:nth-child(3), .mg-ingredient-card:nth-child(3) { animation-delay: .3s; }\n .mg-card:nth-child(4), .mg-benefit-card:nth-child(4), .mg-ingredient-card:nth-child(4) { animation-delay: .4s; }\n .mg-card:nth-child(5) { animation-delay: .5s; }\n .mg-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes mgFadeInUp {\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 .mg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .mg-premium {\n --mg-text: #000000;\n --mg-text-light: #333333;\n }\n \n .mg-card,\n .mg-benefit-card,\n .mg-ingredient-card,\n .mg-profile,\n .mg-guarantee,\n .mg-faq-item {\n border: 2px solid var(--mg-text);\n }\n}\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":56348817424761,"sku":"HUMBLEMAG","price":20.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/magnesium-bisglycinate-90-gelules-humble-benefits.jpg?v=1768129601"},{"product_id":"fleur-de-bach-marronnier-blanc-n-35-bio-20ml-saint-hilaire","title":"Fleur de bach Marronnier Blanc n°35 bio - 20ml - Saint-Hilaire","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Fleur de Bach Marronnier Blanc n°35 Bio\nPalette détectée:\n - Primaire: #5B7A6B (vert sauge doux - couleur de fond de l'image marketing)\n - Secondaire: #8B5A2B (ambre\/brun - couleur du flacon en verre)\n - Accent: #4A90A4 (bleu clair - numéro \"N°35\" sur l'étiquette)\n - Crème: #F5F3EE (beige clair - étiquette du produit)\nAmbiance: Naturel\/bio, apaisant, bien-être mental, artisanal français, lavande\/sérénité\nPréfixe CSS: fb\n--\u003e\n\u003cdiv class=\"fb-premium\"\u003e\n\u003cdiv class=\"fb-hero\"\u003e\n\u003cdiv class=\"fb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fb-hero-content\"\u003e\n\u003cdiv class=\"fb-badges-top\"\u003e\n\u003cspan class=\"fb-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e🇫🇷 Fabriqué en Auvergne\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e🧘 Apaise le mental\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fb-hero-title\"\u003eMarronnier Blanc n°35\u003c\/span\u003e\n\u003cp class=\"fb-subtitle\"\u003eL'élixir qui apaise votre mental agité\u003c\/p\u003e\n\u003cp class=\"fb-description\"\u003eLibérez-vous des pensées en boucle et retrouvez enfin la paix intérieure grâce à cette fleur de Bach bio, préparée selon la méthode originale du Dr Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e🎯 Les bienfaits sur votre quotidien\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🔄 Apaisement des ruminations\u003c\/h3\u003e\n\u003cp\u003eDiminue progressivement l'intensité des pensées qui tournent en boucle pour reprendre le contrôle de votre mental.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌙 Amélioration du sommeil\u003c\/h3\u003e\n\u003cp\u003eEn calmant le bavardage intérieur, facilite l'endormissement et réduit les réveils nocturnes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e💡 Clarté de pensée\u003c\/h3\u003e\n\u003cp\u003eVotre esprit libéré peut enfin se consacrer à des réflexions constructives plutôt qu'à des spirales anxieuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🎯 Meilleure concentration\u003c\/h3\u003e\n\u003cp\u003eSans le bruit de fond permanent des pensées parasites, vous gagnez en efficacité intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e☮️ Paix intérieure durable\u003c\/h3\u003e\n\u003cp\u003eAvec une prise régulière, développez une nouvelle relation avec vos pensées, plus sereine et détachée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e⚡ Action rapide\u003c\/h3\u003e\n\u003cp\u003ePremiers signes d'apaisement dès les premiers jours, notamment sur la qualité du sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e👥 Pour qui est cet élixir ?\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🔁 Les ruminateurs chroniques\u003c\/h3\u003e\n\u003cp\u003eVous ressassez sans fin les mêmes situations, analysez chaque détail d'une conversation passée, anticipez obsessionnellement les scénarios futurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e😴 Les insomniaques du mental\u003c\/h3\u003e\n\u003cp\u003eVous vous allongez épuisé mais votre cerveau s'emballe dès que la tête touche l'oreiller. Les pensées affluent, impossibles à stopper.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e📚 Les personnes stressées\u003c\/h3\u003e\n\u003cp\u003eExamens, projets complexes, décisions importantes... Votre cerveau ne déconnecte jamais vraiment, même pendant les moments de détente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e😰 Les anxieux du quotidien\u003c\/h3\u003e\n\u003cp\u003eVous rejouez mentalement chaque interaction, imaginez des scénarios catastrophes et peinez à vivre pleinement le moment présent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"fb-usage-box\"\u003e\n\u003cdiv class=\"fb-usage-main\"\u003e\n\u003cdiv class=\"fb-usage-dose\"\u003e\n\u003cspan class=\"fb-dose-number\"\u003e4\u003c\/span\u003e \u003cspan class=\"fb-dose-unit\"\u003egouttes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-freq\"\u003e\n\u003cspan class=\"fb-freq-number\"\u003e4×\u003c\/span\u003e \u003cspan class=\"fb-freq-unit\"\u003epar jour\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-details\"\u003e\n\u003cp\u003e\u003cstrong\u003eAdministration :\u003c\/strong\u003e directement sous la langue ou diluées dans un verre d'eau\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMoments de prise :\u003c\/strong\u003e au réveil, en milieu de matinée, dans l'après-midi et au coucher\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDurée de cure :\u003c\/strong\u003e 4 à 6 semaines pour des changements durables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-tips\"\u003e\n\u003cdiv class=\"fb-tip\"\u003e\n\u003ch4\u003e🌙 Pour le sommeil\u003c\/h4\u003e\n\u003cp\u003e4 gouttes 30 min avant le coucher + 4 gouttes une fois au lit. Reprenez 4 gouttes en cas de réveil nocturne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-tip\"\u003e\n\u003ch4\u003e⚡ Stress aigu\u003c\/h4\u003e\n\u003cp\u003eAugmentez jusqu'à 4 gouttes toutes les 2 heures le temps que l'apaisement s'installe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e🌱 Composition certifiée bio\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card fb-card-ingredient\"\u003e\n\u003ch3\u003e🍇 Brandy bio (40% vol.)\u003c\/h3\u003e\n\u003cp\u003eAlcool de raisin biologique servant de conservateur naturel, conformément à la méthode traditionnelle du Dr Bach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card fb-card-ingredient\"\u003e\n\u003ch3\u003e🌸 Extrait de fleurs d'Aesculus hippocastanum bio\u003c\/h3\u003e\n\u003cp\u003ePréparé par la méthode de solarisation à une dilution de 1\/250ème. Fleurs cueillies au pic de floraison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-method-box\"\u003e\n\u003ch4\u003e☀️ La méthode de solarisation\u003c\/h4\u003e\n\u003cp\u003eLes fleurs fraîches sont cueillies à la main au moment optimal, puis déposées délicatement dans un bol d'eau de source pure. Sous l'action du soleil pendant plusieurs heures, l'empreinte vibratoire de la fleur se transfère naturellement dans l'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e🤝 Associations recommandées\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid-compact\"\u003e\n\u003ca style=\"text-decoration: none; color: inherit;\" href=\"https:\/\/www.naturellement-bio.com\/products\/fleur-de-bach-mimule-bio-20ml-saint-hilaire\" class=\"fb-card fb-card-link\"\u003e\n\u003ch3\u003e💛 Avec Mimule (n°20)\u003c\/h3\u003e\n\u003cp\u003eSi vos ruminations concernent des peurs identifiées et concrètes.\u003c\/p\u003e\n\u003c\/a\u003e\u003ca style=\"text-decoration: none; color: inherit;\" href=\"https:\/\/www.naturellement-bio.com\/products\/fleur-de-bach-moutarde-bio-10-ml-dioter\" class=\"fb-card fb-card-link\"\u003e\n\u003ch3\u003e🌻 Avec Moutarde (n°21)\u003c\/h3\u003e\n\u003cp\u003eSi le bavardage mental s'accompagne d'une tristesse inexpliquée.\u003c\/p\u003e\n\u003c\/a\u003e\u003ca style=\"text-decoration: none; color: inherit;\" href=\"https:\/\/www.naturellement-bio.com\/products\/fleur-de-bach-charme-bio-10-ml-dioter\" class=\"fb-card fb-card-link\"\u003e\n\u003ch3\u003e🌳 Avec Charme (n°17)\u003c\/h3\u003e\n\u003cp\u003eSi l'épuisement mental génère une fatigue intellectuelle profonde.\u003c\/p\u003e\n\u003c\/a\u003e\u003ca style=\"text-decoration: none; color: inherit;\" href=\"https:\/\/www.naturellement-bio.com\/products\/fleur-de-bach-tremble-bio-20ml-saint-hilaire\" class=\"fb-card fb-card-link\"\u003e\n\u003ch3\u003e🍃 Avec Tremble (n°2)\u003c\/h3\u003e\n\u003cp\u003eSi vos pensées tournent autour d'angoisses vagues et indéfinissables.\u003c\/p\u003e\n\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cp class=\"fb-note\"\u003e💡 Vous pouvez associer jusqu'à 6-7 fleurs simultanément. Versez 2 gouttes de chaque dans un flacon de 30 ml d'eau de source.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e❓ Marronnier Blanc ou Bourgeon de Marronnier ?\u003c\/h2\u003e\n\u003cdiv class=\"fb-comparison\"\u003e\n\u003cdiv class=\"fb-comparison-item fb-comparison-highlight\"\u003e\n\u003ch4\u003e🌸 Marronnier Blanc (n°35)\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eC'est celui-ci !\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003ePour les pensées répétitives, le bavardage mental incontrôlable, les dialogues intérieurs incessants, les ruminations qui empêchent le sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-comparison-item\"\u003e\n\u003ch4\u003e🌱 Bourgeon de Marronnier (n°7)\u003c\/h4\u003e\n\u003cp\u003ePour ceux qui répètent les mêmes erreurs dans leur vie, qui peinent à tirer les leçons de leurs expériences passées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"fb-accordion\"\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e📦 Contenance et format\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content\"\u003e\n\u003cp\u003eFlacon de \u003cstrong\u003e20 ml\u003c\/strong\u003e avec compte-gouttes intégré pour un dosage précis. Format pratique à emporter partout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content\"\u003e\n\u003cp\u003eGardez le flacon à température ambiante (15-25°C), à l'abri de la lumière directe et des sources de chaleur. Éloignez-le des appareils électriques. Grâce à sa teneur en alcool, l'élixir se conserve plusieurs années.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e👶 Utilisation chez l'enfant\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content\"\u003e\n\u003cp\u003eLes fleurs de Bach conviennent à tous les âges. Pour les enfants, diluez les gouttes dans un peu d'eau ou de jus de fruit afin d'atténuer le goût de l'alcool.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\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\"\u003e\n\u003cp\u003eDu fait de sa teneur en alcool (40% vol.), cet élixir est déconseillé aux personnes en sevrage alcoolique. Si vous êtes enceinte ou allaitante, demandez conseil à votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n\u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Il ne se substitue pas à un traitement médical ou à un suivi psychologique. Tenir hors de portée des jeunes enfants. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e🏭 Fabrication artisanale\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content\"\u003e\n\u003cp\u003eImplantée au cœur des volcans d'Auvergne, la Distillerie Saint-Hilaire perpétue avec passion la tradition des élixirs floraux depuis plusieurs décennies. Chaque fleur est cueillie à la main au moment optimal de sa floraison, dans le respect des cycles naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"fb-cta-box\"\u003e\n\u003cp\u003e🧘 Retrouvez enfin la sérénité mentale que vous méritez.\u003cbr\u003eLaissez le Marronnier Blanc apaiser votre esprit et vous offrir des nuits paisibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --fb-cream: #FAF9F6;\n --fb-white: #ffffff;\n --fb-primary: #5B7A6B;\n --fb-primary-dark: #3D5347;\n --fb-primary-light: #E8F0EB;\n --fb-secondary: #8B5A2B;\n --fb-accent: #4A90A4;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e0e0e0;\n --fb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fb-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\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.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #5B7A6B 0%, #4A7A6B 40%, #3D5347 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: 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-10 18.954-10 30s8.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.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\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.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,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.fb-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.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-accent));\n border-radius: 2px;\n}\n\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\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.fb-card-ingredient {\n border-left: 4px solid var(--fb-primary);\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\/* Usage Box *\/\n.fb-usage-box {\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 margin-bottom: 1.5rem;\n}\n\n.fb-usage-main {\n display: flex;\n justify-content: center;\n gap: clamp(2rem, 6vw, 5rem);\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px dashed var(--fb-border);\n}\n\n.fb-usage-dose, .fb-usage-freq {\n text-align: center;\n}\n\n.fb-dose-number, .fb-freq-number {\n display: block;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n color: var(--fb-primary);\n line-height: 1;\n}\n\n.fb-dose-unit, .fb-freq-unit {\n display: block;\n font-size: clamp(13px, 2vw, 16px);\n color: var(--fb-text-light);\n font-weight: 600;\n margin-top: .25rem;\n}\n\n.fb-usage-details p {\n margin: .5rem 0;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n text-align: center;\n}\n\n.fb-tips {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.fb-tip {\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n}\n\n.fb-tip h4 {\n font-size: 14px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.fb-tip p {\n font-size: 13px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* Method Box *\/\n.fb-method-box {\n background: linear-gradient(135deg, var(--fb-primary-light) 0%, #F0F7F3 100%);\n border-radius: var(--fb-radius);\n padding: 1.5rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--fb-primary);\n}\n\n.fb-method-box h4 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.fb-method-box p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* Note *\/\n.fb-note {\n text-align: center;\n font-size: 14px;\n color: var(--fb-text-light);\n background: var(--fb-primary-light);\n padding: 1rem 1.5rem;\n border-radius: var(--fb-radius-sm);\n margin-top: 1.5rem;\n}\n\n\/* Comparison *\/\n.fb-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-comparison-item {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: 1.5rem;\n box-shadow: var(--fb-shadow);\n}\n\n.fb-comparison-item h4 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.fb-comparison-item p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: .5rem 0 0 0;\n line-height: 1.6;\n}\n\n.fb-comparison-highlight {\n border: 3px solid var(--fb-primary);\n background: var(--fb-primary-light);\n}\n\n.fb-comparison-highlight p strong {\n color: var(--fb-primary);\n}\n\n\/* Accordion *\/\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: 5px;\n}\n\n.fb-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.fb-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* CTA Box *\/\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::before {\n content: '';\n position: absolute;\n top: -50%; left: -50%;\n width: 200%; height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: .5; }\n 50% { transform: scale(1.1); opacity: .8; }\n}\n\n.fb-cta-box p {\n position: relative;\n z-index: 1;\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\/* Responsive Mobile *\/\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .fb-grid-compact {\n gap: .625rem;\n }\n \n .fb-grid-compact .fb-card {\n padding: .75rem;\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-usage-main {\n gap: 2rem;\n }\n \n .fb-tips {\n grid-template-columns: 1fr;\n }\n \n .fb-comparison {\n grid-template-columns: 1fr;\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\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fadeInUp .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 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 .fb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":56474963181945,"sku":"NBAIDSH0080","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Canva_Fleur_de_Bach_dame_saint_hilaire_4.jpg?v=1767971339"},{"product_id":"huile-essentielle-de-lavande-fine-bio-10-ml-eolesens","title":"Huile essentielle de Lavande Fine bio – 10 ml – Eolesens","description":"\u003cdiv class=\"lv-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"lv-hero\"\u003e\n\u003cdiv class=\"lv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lv-hero-content\"\u003e\n\u003cdiv class=\"lv-badges-top\"\u003e\n\u003cspan class=\"lv-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"lv-badge\"\u003e🇫🇷 Cultivée en France\u003c\/span\u003e \u003cspan class=\"lv-badge\"\u003e🧴 Flacon 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"lv-hero-title\"\u003eHuile essentielle de Lavande Fine bio\u003c\/span\u003e\n\u003cp class=\"lv-subtitle\"\u003eEolesens - Lavandula angustifolia\u003c\/p\u003e\n\u003cp class=\"lv-description\"\u003eL'indispensable de votre aromathèque : 100 % pure, apaisante et polyvalente. Certifiée bio, distillée en France, pour une sérénité au naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"lv-section\"\u003e\n\u003cp class=\"lv-section-intro\"\u003eVous cherchez une huile essentielle de lavande polyvalente, authentique et certifiée biologique ?\u003c\/p\u003e\n\u003cdiv class=\"lv-card lv-card-full\"\u003e\n\u003cp\u003eL'huile essentielle de \u003cstrong\u003eLavande Fine\u003c\/strong\u003e bio Eolesens est l'un des indispensables de toute aromathèque. Obtenue à partir de \u003cstrong\u003eLavandula angustifolia\u003c\/strong\u003e, également appelée \u003cstrong\u003elavande vraie\u003c\/strong\u003e ou lavande officinale, elle se distingue par sa richesse en \u003cstrong\u003elinalol et acétates de linalyle\u003c\/strong\u003e, un chémotype reconnu pour ses propriétés apaisantes remarquables.\u003c\/p\u003e\n\u003cp style=\"margin-top: .75rem;\"\u003eCultivée et distillée en \u003cstrong\u003eFrance\u003c\/strong\u003e, elle vous offre le meilleur de la lavande dans un flacon de 10 ml en verre brun, équipé d'un bouchon sécurité enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"lv-section\"\u003e\n\u003ch2\u003eBienfaits de l'huile essentielle de lavande vraie\u003c\/h2\u003e\n\u003cp class=\"lv-section-intro\"\u003eSi l'huile essentielle de lavande vraie jouit d'une telle réputation, c'est parce que ses usages sont multiples et bien documentés.\u003c\/p\u003e\n\u003cdiv class=\"lv-grid\"\u003e\n\u003cdiv class=\"lv-card\"\u003e\n\u003ch3\u003e🧘 Apaisement du système nerveux\u003c\/h3\u003e\n\u003cp\u003eElle contribue à calmer les états de stress et à procurer un sentiment de sérénité et de bien-être profond.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lv-card\"\u003e\n\u003ch3\u003e🌙 Amélioration du sommeil\u003c\/h3\u003e\n\u003cp\u003eEn diffusion ou en application, elle aide à retrouver un meilleur sommeil, notamment en période de tension.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lv-card\"\u003e\n\u003ch3\u003e✨ Soin des peaux fragilisées\u003c\/h3\u003e\n\u003cp\u003eElle contribue à apaiser et réparer les peaux sensibles ou sensibilisées, pour un confort cutané retrouvé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lv-card\"\u003e\n\u003ch3\u003e🛡️ Répulsif naturel\u003c\/h3\u003e\n\u003cp\u003eDéposée sur le linge, elle aide à éloigner les insectes, y compris les poux : une astuce bien connue des familles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lv-tip\"\u003e\n\u003cspan class=\"lv-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eAttention à ne pas confondre la lavande fine avec la \u003cstrong\u003elavande aspic\u003c\/strong\u003e (\u003cem\u003eLavandula latifolia\u003c\/em\u003e). L'huile essentielle de lavande aspic possède un profil biochimique différent, plus riche en camphre. Pour la relaxation et le soin cutané doux, c'est bien la \u003cstrong\u003elavande fine\u003c\/strong\u003e qu'il vous faut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"lv-section\"\u003e\n\u003ch2\u003eComment utiliser cette huile essentielle de lavande ?\u003c\/h2\u003e\n\u003cdiv class=\"lv-timeline\"\u003e\n\u003cdiv class=\"lv-timeline-item\"\u003e\n\u003cdiv class=\"lv-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lv-timeline-content\"\u003e\n\u003ch3\u003e💧 En usage interne\u003c\/h3\u003e\n\u003cp\u003e1 à 2 gouttes, 1 à 2 fois par jour, diluées dans du miel, une cuillère à café d'huile d'olive ou sur un comprimé neutre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lv-timeline-item\"\u003e\n\u003cdiv class=\"lv-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lv-timeline-content\"\u003e\n\u003ch3\u003e🤲 En application cutanée\u003c\/h3\u003e\n\u003cp\u003eDiluez quelques gouttes dans une huile végétale (jojoba, noyaux d'abricot ou rose musquée) et appliquez plusieurs fois par jour. Pour les états de stress, massez le plexus solaire, la nuque, les tempes et le creux des poignets. Vous pouvez aussi appliquer ponctuellement 2 gouttes pures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lv-timeline-item\"\u003e\n\u003cdiv class=\"lv-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lv-timeline-content\"\u003e\n\u003ch3\u003e🌫️ En diffusion atmosphérique\u003c\/h3\u003e\n\u003cp\u003eUtilisez-la seule ou en mélange pour créer une ambiance relaxante dans votre intérieur. Idéale le soir avant le coucher.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"lv-section\"\u003e\n\u003ch2\u003eComposition et qualité certifiée\u003c\/h2\u003e\n\u003cp class=\"lv-section-intro\"\u003e100 % de pure huile essentielle de \u003cem\u003eLavandula angustifolia\u003c\/em\u003e issue de l'agriculture biologique.\u003c\/p\u003e\n\u003cdiv class=\"lv-grid-compact\"\u003e\n\u003cdiv class=\"lv-card\"\u003e\n\u003ch3\u003e🌱 100 % naturelle\u003c\/h3\u003e\n\u003cp\u003eAucun additif, que du pur végétal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lv-card\"\u003e\n\u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n\u003cp\u003eZéro conservateur chimique ajouté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lv-card\"\u003e\n\u003ch3\u003e🌸 Sans parfum synthétique\u003c\/h3\u003e\n\u003cp\u003eUniquement la fragrance naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lv-card\"\u003e\n\u003ch3\u003e🎨 Sans colorant\u003c\/h3\u003e\n\u003cp\u003ePureté absolue, sans artifice\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lv-card\"\u003e\n\u003ch3\u003e🐰 Non testée sur animaux\u003c\/h3\u003e\n\u003cp\u003eEngagement éthique et responsable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lv-card\"\u003e\n\u003ch3\u003e✅ Certifiée AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique contrôlée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"lv-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi et huile essentielle lavande : danger potentiel\u003c\/h2\u003e\n\u003cp class=\"lv-section-intro\"\u003eCette huile est l'une des plus douces en aromathérapie. Quelques précautions restent néanmoins essentielles.\u003c\/p\u003e\n\u003cdiv class=\"lv-accordion\"\u003e\n\u003cdetails class=\"lv-accordion-item\"\u003e\n\u003csummary class=\"lv-accordion-header\"\u003e👶 Enfants et femmes enceintes\u003c\/summary\u003e\n\u003cdiv class=\"lv-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillée aux \u003cstrong\u003eenfants de moins de 3 mois\u003c\/strong\u003e. Déconseillée aux \u003cstrong\u003efemmes enceintes durant les 3 premiers mois\u003c\/strong\u003e de grossesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"lv-accordion-item\"\u003e\n\u003csummary class=\"lv-accordion-header\"\u003e⚠️ Dosage et conservation\u003c\/summary\u003e\n\u003cdiv class=\"lv-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière indiquée. Tenir hors de portée des enfants. Conserver dans un endroit sec et frais, à l'abri de la chaleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"lv-accordion-item\"\u003e\n\u003csummary class=\"lv-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"lv-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit ne remplace en aucun cas un traitement médical. En cas de doute, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: clamp(2rem,4vw,3rem);\" class=\"lv-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez-vous la sérénité d'une lavande d'exception, certifiée bio et distillée en France. Votre bien-être commence ici.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"lv-disclaimer\"\u003eLes informations fournies ne se substituent pas à l'avis d'un professionnel de santé. Complément alimentaire à utiliser dans le cadre d'un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --lv-cream: #f7f3f8;\n --lv-white: #ffffff;\n --lv-primary: #8b72be;\n --lv-primary-dark: #5a4390;\n --lv-primary-light: #ede8f5;\n --lv-secondary: #6aab5e;\n --lv-accent: #a78bdb;\n --lv-text: #1a1a1a;\n --lv-text-light: #5a5a5a;\n --lv-border: #e0d8ec;\n --lv-shadow: 0 4px 24px rgba(90,67,144,.08);\n --lv-shadow-lg: 0 12px 48px rgba(90,67,144,.15);\n --lv-radius: 20px;\n --lv-radius-sm: 12px;\n}\n\n.lv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lv-hero {\n position: relative;\n background: linear-gradient(135deg, #7b5ea7 0%, #9b82cc 40%, #6aab5e 100%);\n border-radius: var(--lv-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(--lv-shadow-lg);\n}\n\n.lv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 60%);\n opacity: 1;\n}\n\n.lv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lv-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.lv-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.lv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.lv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lv-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(--lv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lv-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.lv-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(--lv-primary), var(--lv-secondary));\n border-radius: 2px;\n}\n\n.lv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lv-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.lv-card {\n background: var(--lv-white);\n border-radius: var(--lv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lv-shadow-lg);\n border-color: var(--lv-primary);\n}\n\n.lv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.lv-card-full {\n text-align: left;\n}\n\n.lv-card-full p {\n font-size: clamp(14px, 2.5vw, 16px);\n line-height: 1.8;\n color: var(--lv-text);\n}\n\n.lv-card-full strong {\n color: var(--lv-primary-dark);\n}\n\n\/* === GRILLES === *\/\n.lv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lv-grid-compact .lv-card {\n padding: 1rem;\n}\n\n.lv-grid-compact .lv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lv-grid-compact .lv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lv-primary), var(--lv-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.lv-timeline-content {\n flex: 1;\n background: var(--lv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lv-radius-sm);\n box-shadow: var(--lv-shadow);\n}\n\n.lv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lv-timeline-content p {\n font-size: 14px;\n color: var(--lv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.lv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lv-primary-light);\n border-radius: var(--lv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lv-tip p {\n font-size: 14px;\n color: var(--lv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.lv-tip strong {\n color: var(--lv-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.lv-accordion {\n background: var(--lv-white);\n border-radius: var(--lv-radius);\n box-shadow: var(--lv-shadow);\n overflow: hidden;\n}\n\n.lv-accordion-item {\n border-bottom: 1px solid var(--lv-border);\n margin: 0;\n padding: 0;\n}\n\n.lv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lv-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.lv-accordion-header:hover {\n background: var(--lv-primary-light);\n}\n\n.lv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lv-primary);\n transition: transform .2s ease;\n}\n\n.lv-accordion-item[open] .lv-accordion-header::after {\n content: '−';\n}\n\n.lv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lv-accordion-content p {\n margin: 0;\n}\n\n.lv-accordion-content strong {\n color: var(--lv-text);\n}\n\n\/* === CTA === *\/\n.lv-cta-box {\n background: linear-gradient(135deg, var(--lv-primary) 0%, var(--lv-primary-dark) 100%);\n border-radius: var(--lv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lv-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.lv-disclaimer {\n font-size: 12px;\n color: var(--lv-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 .lv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lv-card {\n padding: 1.125rem;\n }\n\n .lv-section {\n margin-bottom: 1.75rem;\n }\n\n .lv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lv-radius-sm);\n }\n\n .lv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lv-grid-compact {\n gap: .625rem;\n }\n\n .lv-grid-compact .lv-card {\n padding: .75rem;\n }\n\n .lv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lv-timeline-content h3 {\n font-size: 14px;\n }\n\n .lv-timeline-content p {\n font-size: 13px;\n }\n\n .lv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lv-card {\n animation: lvFadeInUp .5s ease backwards;\n }\n .lv-card:nth-child(1) { animation-delay: .05s; }\n .lv-card:nth-child(2) { animation-delay: .1s; }\n .lv-card:nth-child(3) { animation-delay: .15s; }\n .lv-card:nth-child(4) { animation-delay: .2s; }\n .lv-card:nth-child(5) { animation-delay: .25s; }\n .lv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lvFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .lv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":56783828156793,"sku":"NBAISEN0027","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-lavande-fine-bio-10-ml-eolesens-lifestyle.webp?v=1772620545"},{"product_id":"magnesium-marin-b6-60-gelules-sfb","title":"Magnesium marin + B6 - 60 gélules - SFB","description":"\u003cdiv class=\"mg-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mg-hero\"\u003e\n \u003cdiv class=\"mg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mg-hero-content\"\u003e\n \u003cdiv class=\"mg-badges-top\"\u003e\n \u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🌊 Magnésium marin\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🌱 Gélules vegan\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e⚡ 300 mg \/ jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mg-hero-title\"\u003eMagnésium marin + B6\u003c\/span\u003e\n \u003cp class=\"mg-subtitle\"\u003eSFB Laboratoires — Gamme Nutraceutic\u003c\/p\u003e\n \u003cp class=\"mg-description\"\u003eLe duo naturel pour retrouver énergie, sérénité et équilibre nerveux au quotidien. 60 gélules végétales pour 30 jours de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eMagnésium marin + Vitamine B6 : le duo idéal contre la fatigue et le stress\u003c\/h2\u003e\n \u003cp class=\"mg-section-intro\"\u003eVous ressentez une \u003cstrong\u003efatigue persistante\u003c\/strong\u003e, des tensions musculaires ou une irritabilité difficile à expliquer ? Un déficit en magnésium est souvent en cause.\u003c\/p\u003e\n \u003cdiv class=\"mg-grid-compact\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eUn manque d'énergie qui ne cède pas malgré le repos\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e😤 Irritabilité\u003c\/h3\u003e\n \u003cp\u003eUne nervosité accrue difficile à expliquer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e💪 Tensions musculaires\u003c\/h3\u003e\n \u003cp\u003eCrampes, raideurs et inconforts récurrents\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e✨ Solution naturelle\u003c\/h3\u003e\n \u003cp\u003eDeux actifs complémentaires pour retrouver l'équilibre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003ePourquoi choisir le magnésium marin plutôt qu'un autre magnésium ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌊 Origine marine naturelle\u003c\/h3\u003e\n \u003cp\u003eExtrait directement de l'eau de mer, le magnésium marin possède un profil minéral naturel et une excellente tolérance digestive. Fini les inconforts intestinaux liés aux formes synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🔬 Absorption optimisée par la B6\u003c\/h3\u003e\n \u003cp\u003eLa vitamine B6 améliore l'assimilation du magnésium par l'organisme. Ces deux nutriments partagent une action commune sur le système nerveux et la réduction de la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🤝 Duo cohérent et complémentaire\u003c\/h3\u003e\n \u003cp\u003eMagnésium et vitamine B6 contribuent tous les deux au fonctionnement normal du système nerveux. Ensemble, leur efficacité est renforcée pour un résultat optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eLes bienfaits du magnésium marin et de la vitamine B6\u003c\/h2\u003e\n \u003cp class=\"mg-section-intro\"\u003eEn prenant ce complément quotidiennement, vous soutenez plusieurs fonctions essentielles de votre organisme :\u003c\/p\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eLe magnésium et la vitamine B6 contribuent à un métabolisme énergétique normal pour retrouver votre vitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧠 Système nerveux apaisé\u003c\/h3\u003e\n \u003cp\u003eRégulation des impulsions nerveuses, meilleure résistance au stress et à l'anxiété au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🏃 Fonction musculaire\u003c\/h3\u003e\n \u003cp\u003eLe magnésium participe à la relaxation musculaire et réduit les crampes et tensions désagréables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🦴 Santé osseuse\u003c\/h3\u003e\n \u003cp\u003eIntervient dans l'absorption du calcium et le maintien d'une ossature normale et solide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🎯 Équilibre psychologique\u003c\/h3\u003e\n \u003cp\u003eLa vitamine B6 contribue à des fonctions psychologiques normales, incluant la concentration et l'humeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eComposition détaillée – pour 2 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid-compact\"\u003e\n \u003cdiv class=\"mg-card mg-card-highlight\"\u003e\n \u003ch3\u003e🌊 Magnésium marin\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e540 mg\u003c\/strong\u003e dont 300 mg d'élément magnésium\u003cbr\u003e\u003cem\u003e80 % des VNR\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card mg-card-highlight\"\u003e\n \u003ch3\u003e💊 Vitamine B6\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 mg\u003c\/strong\u003e\u003cbr\u003e\u003cem\u003e142 % des VNR\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌿 Tunique végétale\u003c\/h3\u003e\n \u003cp\u003eGélule HPMC 100 % végétale, adaptée à tous les régimes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🔬 Silice colloïdale\u003c\/h3\u003e\n \u003cp\u003eAgent de charge naturel pour une conservation optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-tip\"\u003e\n \u003cspan class=\"mg-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003evegan, sans gluten, sans lactose, sans OGM\u003c\/strong\u003e et \u003cstrong\u003efabriquée en France\u003c\/strong\u003e par les Laboratoires SFB. Convient à tous les régimes alimentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eComment prendre le magnésium marin B6 SFB ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-timeline\"\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, de préférence au cours d'un repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003eRépartition sur la journée\u003c\/h3\u003e\n \u003cp\u003eVous pouvez les répartir : \u003cstrong\u003eune le matin, une le soir\u003c\/strong\u003e pour une diffusion régulière tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eUn flacon correspond à \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e. Pour des résultats significatifs, une cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est conseillée, en particulier lors des changements de saison ou des périodes de surmenage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cp class=\"mg-section-intro\"\u003eCe magnésium marin convient particulièrement si vous êtes concerné par :\u003c\/p\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧘 Stress intense\u003c\/h3\u003e\n \u003cp\u003ePériodes de surcharge mentale, pression professionnelle ou émotionnelle soutenue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🔋 Fatigue chronique\u003c\/h3\u003e\n \u003cp\u003eUn épuisement qui persiste malgré le repos et les nuits de sommeil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e💪 Crampes musculaires\u003c\/h3\u003e\n \u003cp\u003eCrampes récurrentes, paupières qui tremblent, tensions dans les membres\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌙 Troubles du sommeil\u003c\/h3\u003e\n \u003cp\u003eDifficultés d'endormissement et réveils nocturnes liés à la nervosité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🏋️ Activité physique\u003c\/h3\u003e\n \u003cp\u003eBesoin de soutien minéral lors d'activités physiques régulières ou sportives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"mg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mg-accordion\"\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e⚠️ Avertissements importants\u003c\/summary\u003e\n \u003cdiv class=\"mg-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. Ne dépassez pas la dose journalière recommandée de 2 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon au sec, à l'abri de la lumière et de la chaleur. Tenez 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👨‍⚕️ Conseil médical\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute, consultez votre médecin ou votre pharmacien avant de commencer la supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"mg-disclaimer\"\u003eComplément alimentaire à base de magnésium marin et de vitamine B6 — SFB Laboratoires — 60 gélules dosées à 271 mg — Poids net : 20,75 g\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mg-cream: #f9f7f3;\n --mg-white: #ffffff;\n --mg-primary: #6b4c2a;\n --mg-primary-dark: #4a3319;\n --mg-primary-light: #f3ece3;\n --mg-secondary: #c9a84c;\n --mg-accent: #2e8b57;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a5a5a;\n --mg-border: #e0d8cc;\n --mg-shadow: 0 4px 24px rgba(107,76,42,.08);\n --mg-shadow-lg: 0 12px 48px rgba(107,76,42,.15);\n --mg-radius: 20px;\n --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 40%, #3a2510 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: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 30px,\n rgba(201,168,76,.08) 30px,\n rgba(201,168,76,.08) 32px\n );\n opacity: 1;\n}\n\n.mg-hero::before {\n content: '';\n position: absolute;\n top: -2px;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--mg-secondary), #e6c65a, var(--mg-secondary));\n}\n\n.mg-hero::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--mg-secondary), #e6c65a, var(--mg-secondary));\n}\n\n.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.mg-subtitle {\n color: var(--mg-secondary);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.mg-description {\n color: rgba(255,255,255,.88);\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.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mg-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\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-secondary), var(--mg-primary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.mg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mg-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\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-secondary);\n}\n\n.mg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mg-card-highlight {\n background: linear-gradient(135deg, var(--mg-primary-light) 0%, var(--mg-white) 100%);\n border: 2px solid var(--mg-secondary);\n}\n\n.mg-card-highlight:hover {\n border-color: var(--mg-primary);\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mg-secondary), var(--mg-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(201,168,76,.3);\n}\n\n.mg-timeline-content {\n flex: 1;\n background: var(--mg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mg-radius-sm);\n box-shadow: var(--mg-shadow);\n}\n\n.mg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mg-timeline-content p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mg-primary-light);\n border-radius: var(--mg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid var(--mg-border);\n}\n\n.mg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mg-tip p {\n font-size: 14px;\n color: var(--mg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.mg-accordion {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n box-shadow: var(--mg-shadow);\n overflow: hidden;\n}\n\n.mg-accordion-item {\n border-bottom: 1px solid var(--mg-border);\n margin: 0;\n padding: 0;\n}\n\n.mg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mg-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mg-accordion-header:hover {\n background: var(--mg-primary-light);\n}\n\n.mg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mg-secondary);\n transition: transform .2s ease;\n}\n\n.mg-accordion-item[open] .mg-accordion-header::after {\n content: '−';\n}\n\n.mg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mg-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mg-disclaimer {\n font-size: 12px;\n color: var(--mg-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mg-card {\n padding: 1.125rem;\n }\n\n .mg-section {\n margin-bottom: 1.75rem;\n }\n\n .mg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mg-radius-sm);\n }\n\n .mg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mg-grid-compact {\n gap: .625rem;\n }\n\n .mg-grid-compact .mg-card {\n padding: .75rem;\n }\n\n .mg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mg-timeline-content h3 {\n font-size: 14px;\n }\n\n .mg-timeline-content p {\n font-size: 13px;\n }\n\n .mg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mg-badges-top {\n gap: 6px;\n }\n\n .mg-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mg-card {\n animation: mgFadeInUp .5s ease backwards;\n }\n .mg-card:nth-child(1) { animation-delay: .05s; }\n .mg-card:nth-child(2) { animation-delay: .1s; }\n .mg-card:nth-child(3) { animation-delay: .15s; }\n .mg-card:nth-child(4) { animation-delay: .2s; }\n .mg-card:nth-child(5) { animation-delay: .25s; }\n .mg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mgFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":56954125648249,"sku":"SF0065","price":9.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/magnesium-marin-b6-60-gelules-sfb-packshothd.webp?v=1775142452"},{"product_id":"vegetonin-melatonine-vegetale-30-gelules-sfb-laboratoires","title":"Vegetonin + Mélatonine Végétale - 30 gélules - SFB Laboratoires","description":"\u003cdiv class=\"veg-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"veg-hero\"\u003e\n\u003cdiv class=\"veg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"veg-hero-content\"\u003e\n\u003cdiv class=\"veg-badges-top\"\u003e\n\u003cspan class=\"veg-badge\"\u003e🌿 100 % végétale\u003c\/span\u003e \u003cspan class=\"veg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"veg-badge\"\u003e⏳ Libération prolongée\u003c\/span\u003e \u003cspan class=\"veg-badge\"\u003e🌙 1,90 mg \/ gélule\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"veg-hero-title\"\u003eVegetonin + Mélatonine Végétale\u003c\/span\u003e\n\u003cp class=\"veg-subtitle\"\u003eLa 1ʳᵉ mélatonine 100 % végétale à libération prolongée au monde\u003c\/p\u003e\n\u003cp class=\"veg-description\"\u003e30 gélules · SFB Laboratoires · Contribue à réduire le temps d'endormissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"veg-section\"\u003e\n\u003ch2\u003eVegetonin + : la mélatonine 100 % végétale pour retrouver un sommeil naturel\u003c\/h2\u003e\n\u003cp class=\"veg-section-intro\"\u003eVous avez du mal à vous endormir le soir ? Vous vous tournez et retournez dans votre lit pendant de longues minutes ?\u003c\/p\u003e\n\u003cdiv class=\"veg-grid-compact\"\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🌱 Phytomélatonine\u003c\/h3\u003e\n\u003cp\u003eMélatonine d'origine 100 % végétale, extraite de luzerne et de chlorella\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e💊 1,90 mg par gélule\u003c\/h3\u003e\n\u003cp\u003eDosage optimal pour contribuer à réduire le temps d'endormissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e⏳ Libération prolongée\u003c\/h3\u003e\n\u003cp\u003eDiffusion progressive toute la nuit pour un sommeil stable et réparateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🌿 Formule naturelle\u003c\/h3\u003e\n\u003cp\u003eSans synthétique, sans dioxyde de titane, sans gluten, sans lactose, 100 % vegan\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"veg-section\"\u003e\n\u003ch2\u003ePourquoi choisir une mélatonine végétale plutôt que synthétique ?\u003c\/h2\u003e\n\u003cdiv class=\"veg-grid\"\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🔬 99 % du marché est synthétique\u003c\/h3\u003e\n\u003cp\u003eVegetonin + se distingue radicalement : sa mélatonine est extraite d'un mélange exclusif de \u003cstrong\u003eluzerne (alfalfa)\u003c\/strong\u003e et de \u003cstrong\u003echlorella\u003c\/strong\u003e, deux végétaux naturellement riches en phytomélatonine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🧬 Bio-identique\u003c\/h3\u003e\n\u003cp\u003eMoléculairement identique à la mélatonine que votre cerveau produit naturellement via l'épiphyse. Votre organisme la reconnaît et l'assimile facilement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🌿 Extraction douce OEVA®\u003c\/h3\u003e\n\u003cp\u003eAucune extraction à l'eau ni à l'alcool : la mélatonine reste concentrée dans la matrice cellulaire de la plante, pour une \u003cstrong\u003ebiodisponibilité optimale\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"veg-section\"\u003e\n\u003ch2\u003eLibération prolongée : une action continue toute la nuit\u003c\/h2\u003e\n\u003cdiv class=\"veg-timeline\"\u003e\n\u003cdiv class=\"veg-timeline-item\"\u003e\n\u003cdiv class=\"veg-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"veg-timeline-content\"\u003e\n\u003ch3\u003eEndormissement facilité\u003c\/h3\u003e\n\u003cp\u003eContrairement à un spray mélatonine classique dont l'effet est immédiat mais fugace, Vegetonin + diffuse la mélatonine progressivement dès la prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-timeline-item\"\u003e\n\u003cdiv class=\"veg-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"veg-timeline-content\"\u003e\n\u003ch3\u003eSommeil stable toute la nuit\u003c\/h3\u003e\n\u003cp\u003eLa technologie de libération prolongée maintient un taux régulier de mélatonine, évitant les réveils nocturnes intempestifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-timeline-item\"\u003e\n\u003cdiv class=\"veg-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"veg-timeline-content\"\u003e\n\u003ch3\u003eRéveil frais et léger\u003c\/h3\u003e\n\u003cp\u003eAucune sensation de somnolence ni de lourdeur le lendemain matin. Vous démarrez la journée avec une vraie sensation de repos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"veg-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 1 gélule\u003c\/h2\u003e\n\u003cdiv class=\"veg-grid\"\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🧪 Vegetonin+ (100:1)\u003c\/h3\u003e\n\u003cp\u003eTitré en mélatonine à effet prolongé — \u003cstrong\u003e1,90 mg\u003c\/strong\u003e de phytomélatonine par gélule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🌾 Extrait de luzerne\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eMedicago sativa\u003c\/em\u003e — source naturelle de phytomélatonine, cultivée pour sa richesse en actifs végétaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🟢 Chlorella\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eChlorella pyrenoidosa\u003c\/em\u003e — micro-algue complémentaire qui renforce la matrice végétale de mélatonine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-tip\"\u003e\n\u003cspan class=\"veg-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAgent :\u003c\/strong\u003e fibre d'acacia bio · \u003cstrong\u003eTunique :\u003c\/strong\u003e gélule végétale HPMC · \u003cstrong\u003eSans gluten, sans lactose, sans alcool, sans OGM, sans dioxyde de titane.\u003c\/strong\u003e Formule 100 % vegan, certifiée et fabriquée en France par SFB Laboratoires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"veg-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"veg-timeline\"\u003e\n\u003cdiv class=\"veg-timeline-item\"\u003e\n\u003cdiv class=\"veg-timeline-number\"\u003e🌙\u003c\/div\u003e\n\u003cdiv class=\"veg-timeline-content\"\u003e\n\u003ch3\u003e1 gélule par jour, 30 min avant le coucher\u003c\/h3\u003e\n\u003cp\u003eNe dépassez pas la dose journalière recommandée. La régularité est la clé d'un sommeil durablement amélioré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-tip\"\u003e\n\u003cspan class=\"veg-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour des résultats optimaux, associez la prise à une bonne hygiène de sommeil : limitez les écrans le soir, maintenez une chambre fraîche et sombre, et couchez-vous à heures régulières.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"veg-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse Vegetonin + ?\u003c\/h2\u003e\n\u003cdiv class=\"veg-grid\"\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e😴 Difficultés d'endormissement\u003c\/h3\u003e\n\u003cp\u003eVous mettez longtemps à trouver le sommeil le soir et cherchez une solution douce et naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e✈️ Décalage horaire\u003c\/h3\u003e\n\u003cp\u003eVous souffrez de jet lag et souhaitez resynchroniser rapidement votre horloge biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🏭 Horaires décalés\u003c\/h3\u003e\n\u003cp\u003eVous travaillez en horaires décalés et avez besoin de réguler votre rythme circadien perturbé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🌱 Alternative naturelle\u003c\/h3\u003e\n\u003cp\u003eVous recherchez une alternative végétale et sans dépendance aux somnifères classiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🥦 Mode de vie vegan\u003c\/h3\u003e\n\u003cp\u003eVous suivez un mode de vie vegan ou végétarien et souhaitez un complément 100 % compatible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"veg-section\"\u003e\n\u003ch2\u003eMélatonine et effets secondaires : ce qu'il faut savoir\u003c\/h2\u003e\n\u003cdiv class=\"veg-accordion\"\u003e\n\u003cdetails class=\"veg-accordion-item\"\u003e\n\u003csummary class=\"veg-accordion-header\"\u003e⚕️ Tolérance et sécurité\u003c\/summary\u003e\n\u003cdiv class=\"veg-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ la dose de 1,90 mg, la mélatonine est généralement bien tolérée chez l'adulte. Vegetonin + ne contient aucun excipient controversé et sa formule végétale limite les risques d'intolérance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"veg-accordion-item\"\u003e\n\u003csummary class=\"veg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"veg-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est \u003cstrong\u003edéconseillé aux femmes ayant des antécédents personnels ou familiaux de cancer du sein\u003c\/strong\u003e, ainsi qu'aux enfants et aux femmes enceintes ou allaitantes. En cas de doute ou de prise de médicaments, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"veg-accordion-item\"\u003e\n\u003csummary class=\"veg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"veg-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez au 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\u003cp class=\"veg-disclaimer\"\u003eCe complément alimentaire ne remplace ni un traitement médical ni une alimentation variée et équilibrée. Il est important d'avoir un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"veg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"veg-cta-box\"\u003e\n\u003cp\u003e🌙 Retrouvez un endormissement rapide et un sommeil profond grâce à la seule mélatonine 100 % végétale à libération prolongée naturellement efficace, nuit après nuit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --veg-cream: #f5f3f8;\n --veg-white: #ffffff;\n --veg-primary: #5b4a8a;\n --veg-primary-dark: #3d2e6b;\n --veg-primary-light: #ede8f5;\n --veg-secondary: #7b68ae;\n --veg-accent: #4caf50;\n --veg-text: #1a1a1a;\n --veg-text-light: #5a5a5a;\n --veg-border: #e0dce8;\n --veg-shadow: 0 4px 24px rgba(59,46,107,.08);\n --veg-shadow-lg: 0 12px 48px rgba(59,46,107,.15);\n --veg-radius: 20px;\n --veg-radius-sm: 12px;\n}\n\n.veg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--veg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.veg-hero {\n position: relative;\n background: linear-gradient(135deg, #3d2e6b 0%, #5b4a8a 40%, #7b68ae 75%, #2e1f5e 100%);\n border-radius: var(--veg-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(--veg-shadow-lg);\n}\n\n.veg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(ellipse 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.veg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.veg-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.veg-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.veg-description {\n color: rgba(255,255,255,.75);\n font-size: clamp(13px, 2vw, 16px);\n margin: 0;\n}\n\n\/* === BADGES === *\/\n.veg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.veg-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(--veg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.veg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.veg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.veg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--veg-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.veg-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(--veg-primary), var(--veg-secondary));\n border-radius: 2px;\n}\n\n.veg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--veg-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.veg-card {\n background: var(--veg-white);\n border-radius: var(--veg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--veg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.veg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--veg-shadow-lg);\n border-color: var(--veg-primary);\n}\n\n.veg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--veg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.veg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--veg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.veg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.veg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.veg-grid-compact .veg-card {\n padding: 1rem;\n}\n\n.veg-grid-compact .veg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.veg-grid-compact .veg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.veg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.veg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.veg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--veg-primary), var(--veg-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.veg-timeline-content {\n flex: 1;\n background: var(--veg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--veg-radius-sm);\n box-shadow: var(--veg-shadow);\n}\n\n.veg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--veg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.veg-timeline-content p {\n font-size: 14px;\n color: var(--veg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.veg-testimonial {\n background: var(--veg-white);\n border-radius: var(--veg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--veg-shadow);\n border-left: 4px solid var(--veg-primary);\n}\n\n.veg-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--veg-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.veg-accordion {\n background: var(--veg-white);\n border-radius: var(--veg-radius);\n box-shadow: var(--veg-shadow);\n overflow: hidden;\n}\n\n.veg-accordion-item {\n border-bottom: 1px solid var(--veg-border);\n margin: 0;\n padding: 0;\n}\n\n.veg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.veg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--veg-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.veg-accordion-header:hover {\n background: var(--veg-primary-light);\n}\n\n.veg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.veg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--veg-primary);\n transition: transform .2s ease;\n}\n\n.veg-accordion-item[open] .veg-accordion-header::after {\n content: '−';\n}\n\n.veg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--veg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.veg-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.veg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--veg-primary-light);\n border-radius: var(--veg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.veg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.veg-tip p {\n font-size: 14px;\n color: var(--veg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.veg-cta-box {\n background: linear-gradient(135deg, var(--veg-primary) 0%, var(--veg-primary-dark) 100%);\n border-radius: var(--veg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.veg-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.veg-disclaimer {\n font-size: 12px;\n color: var(--veg-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 .veg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .veg-card {\n padding: 1.125rem;\n }\n\n .veg-section {\n margin-bottom: 1.75rem;\n }\n\n .veg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--veg-radius-sm);\n }\n\n .veg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .veg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .veg-grid-compact {\n gap: .625rem;\n }\n\n .veg-grid-compact .veg-card {\n padding: .75rem;\n }\n\n .veg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .veg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .veg-timeline-content h3 {\n font-size: 14px;\n }\n\n .veg-timeline-content p {\n font-size: 13px;\n }\n\n .veg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .veg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .veg-testimonial {\n padding: 1.25rem;\n }\n\n .veg-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .veg-card {\n animation: vegFadeInUp .5s ease backwards;\n }\n .veg-card:nth-child(1) { animation-delay: .05s; }\n .veg-card:nth-child(2) { animation-delay: .1s; }\n .veg-card:nth-child(3) { animation-delay: .15s; }\n .veg-card:nth-child(4) { animation-delay: .2s; }\n .veg-card:nth-child(5) { animation-delay: .25s; }\n .veg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes vegFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .veg-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":56960064717177,"sku":"SF0180","price":18.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/desmodium-labosfb_1.jpg?v=1775207645"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/vignette-complement-alimentaire-sommeil.jpg?v=1735919665","url":"https:\/\/www.naturellement-bio.com\/collections\/sommeil.oembed?page=2","provider":"Naturellement Bio","version":"1.0","type":"link"}