{"title":"Respiratoire","description":"\u003cp\u003eLe nez qui coule, la gorge qui gratte, une toux qui traîne après un rhume, ou le pollen qui revient au printemps : les voies respiratoires sont en première ligne toute l'année. Pour les petits maux du quotidien, plusieurs solutions naturelles sont traditionnellement utilisées pour le confort respiratoire. Notre conseil : choisissez votre complément alimentaire pour la respiration selon la zone qui vous gêne, la gorge ou les bronches, et gardez un œil sur les signes qui doivent faire consulter.\u003c\/p\u003e\n\u003ch2\u003ePar où commencer ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa gorge gratte\u003c\/strong\u003e : la propolis, en spray, en pastilles ou à mâcher, souvent associée au miel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVous toussez\u003c\/strong\u003e : un sirop au plantain et au miel, à prendre le soir, ou un extrait de thym.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVous cherchez une respiration apaisée au fil des saisons\u003c\/strong\u003e : le tulsi, basilic sacré de l'Ayurvéda, ou les bourgeons en gemmothérapie.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eQuel produit pour la respiration choisir ?\u003c\/h2\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; background-color: #fdf6f0; font-family: inherit; font-size: 0.95em;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background-color: #f0e0d0;\"\u003e\n\u003cth style=\"padding: 12px 14px; border: 1px solid #e8d5c4; text-align: left;\"\u003eVotre situation\u003c\/th\u003e\n\u003cth style=\"padding: 12px 14px; border: 1px solid #e8d5c4; text-align: left;\"\u003eNotre conseil\u003c\/th\u003e\n\u003cth style=\"padding: 12px 14px; border: 1px solid #e8d5c4; text-align: left;\"\u003eProduits\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVotre gorge gratte\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eLa propolis, traditionnellement utilisée pour le confort de la gorge, en spray ou à mâcher\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/spray-de-propolis-bio-sans-alcool-15-ml-ballot-flurin\" title=\"Spray de Propolis Bio – Ballot-Flurin\"\u003eSpray de Propolis Bio Ballot-Flurin\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/propolis-pure-a-macher-bio-10-g-propolia-apimab\" title=\"Propolis Pure à Mâcher – Propolia\"\u003ePropolis Pure à Mâcher Propolia\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #fef9f5;\"\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous toussez le soir\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eUn sirop au plantain et au miel\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/sirop-au-plantain-250-ml-dr-theiss\" title=\"Sirop au Plantain – Dr Theiss\"\u003eSirop au Plantain Dr Theiss\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/sirop-du-pere-michel-500-ml-bioligo\" title=\"Sirop du Père Michel – Bioligo\"\u003eSirop du Père Michel Bioligo\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous voulez quelque chose à garder dans la poche\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eGommes et pastilles à la propolis, au miel ou à l'eucalyptus\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/gommes-de-propolis-miel-et-eucalyptus-propolia-45g\" title=\"Gommes Propolis Miel \u0026amp; Eucalyptus – Propolia\"\u003eGommes Propolis Miel \u0026amp; Eucalyptus Propolia\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/pastilles-propolis-verte-et-miel-de-manuka-36-pastilles-aagaard\" title=\"Pastilles Propolis Verte \u0026amp; Manuka – Aagaard\"\u003ePastilles Propolis Verte \u0026amp; Manuka Aagaard\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #fef9f5;\"\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous voulez respirer à l'aise au fil des saisons\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eUn complexe de bourgeons, en gemmothérapie\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\u003cli\u003e\u003ca href=\"\/products\/gem-respi-15-bio-50-ml-alphagem\" title=\"Gem-Respi 15 Bio – Alphagem\"\u003eGem-Respi 15 Bio Alphagem\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous préférez une seule plante\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eUn extrait de thym, plante traditionnelle de la toux\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\u003cli\u003e\u003ca href=\"\/products\/thym-originel-100-ml-dioter\" title=\"Thym Originel – Dioter\"\u003eThym Originel Dioter\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #fef9f5;\"\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous suivez la tradition ayurvédique\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eLe tulsi, basilic sacré, et l'andrographis, deux plantes de l'hiver en Ayurvéda\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/tulsi-bio-extrait-titre-respiration-apaisee-60-gelules-vegetales-ayurvana\" title=\"Tulsi Bio Extrait Titré – AyurVana\"\u003eTulsi Bio Extrait Titré AyurVana\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/andrographis-echinacee-dinde-60-gelules-vegetales-ayurvana\" title=\"Andrographis – AyurVana\"\u003eAndrographis AyurVana\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch2\u003ePropolis, thym, tulsi : comment les départager ?\u003c\/h2\u003e\n\u003cp\u003eLa \u003cstrong\u003epropolis\u003c\/strong\u003e, résine récoltée par les abeilles, est traditionnellement utilisée pour le confort de la gorge : c'est vers elle que nous orientons quand ça gratte. Le \u003cstrong\u003ethym\u003c\/strong\u003e, le \u003cstrong\u003eplantain\u003c\/strong\u003e et l'\u003cstrong\u003eeucalyptus\u003c\/strong\u003e sont les plantes traditionnelles des bronches et de la toux, plutôt en sirop. En Ayurvéda, le \u003cstrong\u003etulsi\u003c\/strong\u003e est utilisé pour une respiration apaisée. Pour l'hygiène du nez, les sprays d'eau de mer sont dans notre rayon \u003ca href=\"\/collections\/parapharmacie\"\u003eparapharmacie\u003c\/a\u003e, et les huiles essentielles à diffuser dans notre rayon \u003ca href=\"\/collections\/huiles-essentielles\"\u003ehuiles essentielles\u003c\/a\u003e.\u003c\/p\u003e\n\u003ch2\u003eLes bons réflexes\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eBuvez chaud et souvent, et aérez votre intérieur chaque jour.\u003c\/li\u003e\n\u003cli\u003ePropolis et miel : à éviter en cas d'allergie aux produits de la ruche, et pas de miel avant un an.\u003c\/li\u003e\n\u003cli\u003ePour les enfants, choisissez uniquement les produits prévus pour leur âge.\u003c\/li\u003e\n\u003cli\u003eConsultez en cas de fièvre élevée, d'essoufflement, de toux qui dure plus de trois semaines ou de crachats de sang. Aucun de ces produits ne remplace un traitement prescrit.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003ePour passer l'hiver\u003c\/h2\u003e\n\u003cp\u003eLa gorge et le nez ne sont souvent qu'une porte d'entrée : notre sélection \u003ca href=\"\/collections\/defenses-immunitaires\"\u003edéfenses immunitaires\u003c\/a\u003e s'occupe du reste. L'\u003ca href=\"\/collections\/echinacee\"\u003eéchinacée\u003c\/a\u003e a sa propre page, et le miel, la propolis et les autres trésors de la ruche sont réunis dans notre rayon \u003ca href=\"\/collections\/apitherapie\"\u003eapithérapie\u003c\/a\u003e.\u003c\/p\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eVos questions sur la respiration\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel complément pour les voies respiratoires ?\u003c\/summary\u003e\n\u003cp\u003eChoisissez selon la zone. Pour la gorge, la propolis en spray ou en pastilles ; pour la toux, un sirop au plantain ou un extrait de thym ; pour une respiration apaisée au fil des saisons, le tulsi ou les bourgeons. Ce sont des plantes et des produits de la ruche traditionnellement utilisés pour le confort respiratoire.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQue prendre pour la gorge qui gratte ?\u003c\/summary\u003e\n\u003cp\u003eLa propolis en spray, en pastilles ou à mâcher est traditionnellement utilisée pour le confort de la gorge, souvent avec du miel. Pensez aussi à boire chaud et souvent.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel complément alimentaire pour les poumons ?\u003c\/summary\u003e\n\u003cp\u003eAucun complément ne soigne les poumons. Le thym, le plantain et l'eucalyptus sont traditionnellement utilisés pour le confort des bronches, en sirop ou en extrait, et le tulsi en Ayurvéda pour une respiration apaisée. En cas d'essoufflement, d'asthme ou de toux qui dure, consultez votre médecin.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eSpray, pastilles ou sirop pour la gorge : que choisir ?\u003c\/summary\u003e\n\u003cp\u003eLe spray agit directement au fond de la gorge et se glisse dans une poche. Les pastilles et les gommes se laissent fondre au fil de la journée. Le sirop convient bien à la toux et se prend le soir. Pour les enfants, choisissez uniquement les produits prévus pour leur âge.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLa propolis convient-elle aux enfants ?\u003c\/summary\u003e\n\u003cp\u003eCertains produits sont prévus pour eux, comme des sprays ou des pastilles enfant : respectez l'âge minimum indiqué. Évitez-la en cas d'allergie aux produits de la ruche.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuand consulter ?\u003c\/summary\u003e\n\u003cp\u003eEn cas de fièvre élevée, de difficultés à respirer, de toux qui dure plus de trois semaines, de douleur à la poitrine, et chez le nourrisson dès les premiers signes.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n","products":[{"product_id":"gem-respi-15-bio-50-ml-alphagem","title":"Gem-Respi 15 Bio - 50 ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gem-Respi 15 Bio - 50 ml - Alphagem\nPalette détectée:\n - Primaire: #5B9A3C (vert feuille\/nature du logo AlphaGem)\n - Secondaire: #6BBCC5 (bleu-vert turquoise de la bande \"GEM-RESPI\")\n - Accent: #3D7A2A (vert foncé du texte logo)\n - Brun flacon: #3E2B1A (brun ambré du flacon en verre)\nAmbiance: Naturel\/bio, phytothérapie, gemmothérapie, santé douce, végétal\nPréfixe CSS: gr\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Gem-Respi 15 Bio : le complexe de gemmothérapie dédié à vos voies respiratoires\"\n 2. \"Cinq bourgeons pour une synergie respiratoire puissante\"\n 3. \"Pour qui est conçu ce gemmo-complexe ?\"\n 4. \"Conseils d'utilisation\"\n 5. \"Qualité bio et fabrication belge\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gr-hero\"\u003e\n \u003cdiv class=\"gr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gr-hero-content\"\u003e\n \u003cdiv class=\"gr-badges-top\"\u003e\n \u003cspan class=\"gr-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e🇧🇪 Fabriqué en Belgique\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e🫁 Voies respiratoires\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e💧 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gr-hero-title\"\u003eGem-Respi 15 Bio\u003c\/span\u003e\n \u003cp class=\"gr-subtitle\"\u003eGemmo-Complexe 15 — AlphaGem\u003c\/p\u003e\n \u003cp class=\"gr-description\"\u003eSynergie de 4 actifs bio (bourgeons et jeunes pousses) pour soutenir naturellement le confort de vos voies respiratoires, de l'arbre au flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eGem-Respi 15 Bio : le complexe de gemmothérapie dédié à vos voies respiratoires\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eVous cherchez une solution naturelle pour soutenir votre confort respiratoire au quotidien ?\u003c\/p\u003e\n \u003cdiv class=\"gr-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eGem-Respi 15 Bio d'Alphagem\u003c\/strong\u003e est un \u003cstrong\u003egemmo-complexe\u003c\/strong\u003e spécialement conçu pour accompagner le bon fonctionnement des voies respiratoires. Grâce à une synergie de quatre bourgeons et jeunes pousses issus de l'agriculture biologique, ce complément alimentaire en gemmothérapie vous aide à mieux respirer, notamment lors des changements de saison ou en cas de gênes passagères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eQuatre actifs pour une synergie respiratoire puissante\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eCe qui distingue le Gem-Respi 15 Bio, c'est l'association réfléchie de bourgeons aux propriétés complémentaires.\u003c\/p\u003e\n \u003cdiv class=\"gr-grid\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🫐 Bourgeon de cassis\u003c\/h3\u003e\n \u003cp class=\"gr-card-latin\"\u003eRibes nigrum — 6,5 mg\u003c\/p\u003e\n \u003cp\u003eVéritable pilier de la gemmothérapie, il est reconnu pour ses propriétés adaptogènes et son action de soutien sur le système immunitaire. Il agit comme un potentialisateur des autres bourgeons du complexe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🌳 Bourgeon d'aulne glutineux\u003c\/h3\u003e\n \u003cp class=\"gr-card-latin\"\u003eAlnus glutinosa — 10,4 mg\u003c\/p\u003e\n \u003cp\u003eTraditionnellement apprécié pour ses vertus sur la sphère ORL, il favorise le confort des muqueuses respiratoires et aide à fluidifier les sécrétions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🌹 Jeunes pousses d'églantier\u003c\/h3\u003e\n \u003cp class=\"gr-card-latin\"\u003eRosa canina — 3,9 mg\u003c\/p\u003e\n \u003cp\u003eNaturellement riche en vitamine C, il renforce les défenses naturelles de l'organisme, un atout précieux en période hivernale ou printanière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🍃 Bourgeon de charme\u003c\/h3\u003e\n \u003cp class=\"gr-card-latin\"\u003eCarpinus betulus — 16,8 mg\u003c\/p\u003e\n \u003cp\u003eParticulièrement indiqué pour les inconforts de la sphère respiratoire haute, il est un allié en cas de sensibilité des sinus ou des bronches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🧪 Proportions\u003c\/h3\u003e\n \u003cp class=\"gr-card-latin\"\u003ePour 15 gouttes (équivalent poids sec)\u003c\/p\u003e\n \u003cp\u003eLe charme est l'actif majoritaire de la formule, suivi de l'aulne glutineux, du cassis et de l'églantier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-tip\"\u003e\n \u003cspan class=\"gr-tip-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003eCette formule concentrée est obtenue par macération des bourgeons et jeunes pousses frais dans un mélange d'eau, d'alcool bio (35 % vol.) et de glycérine végétale, selon le procédé traditionnel de la gemmothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003ePour qui est conçu ce gemmo-complexe ?\u003c\/h2\u003e\n \u003cdiv class=\"gr-grid-compact\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🌸 Sensibilité saisonnière\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les personnes sensibles aux changements de saison (printemps, automne).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🫁 Gêne bronchique\u003c\/h3\u003e\n \u003cp\u003eEn cas de gêne au niveau des bronches ou d'inconfort respiratoire passager.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🌿 Approche naturelle\u003c\/h3\u003e\n \u003cp\u003ePour ceux qui recherchent une approche douce et naturelle du confort respiratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🐴 Usage équin\u003c\/h3\u003e\n \u003cp\u003eÉgalement utilisé en gemmothérapie pour le cheval ayant des fragilités respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-tip\"\u003e\n \u003cspan class=\"gr-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003ePour une utilisation animale, demandez toujours conseil à votre vétérinaire avant toute prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"gr-timeline\"\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003ePosologie de départ\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e5 gouttes par jour\u003c\/strong\u003e, pures ou diluées dans un peu d'eau de source, entre les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003eAugmentation progressive\u003c\/h3\u003e\n \u003cp\u003eAugmentez progressivement jusqu'à \u003cstrong\u003e15 gouttes par jour\u003c\/strong\u003e selon vos besoins et votre ressenti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n \u003cp\u003eSuivez une cure de \u003cstrong\u003e3 mois\u003c\/strong\u003e, en respectant \u003cstrong\u003ela dose journalière recommandée\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003eEnfants\u003c\/h3\u003e\n \u003cp\u003eLe fabricant n'indique pas de posologie enfant (produit à \u003cstrong\u003e35 % d'alcool\u003c\/strong\u003e). Consultez un professionnel de santé.\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=\"gr-section\"\u003e\n \u003ch2\u003eQualité bio et fabrication belge\u003c\/h2\u003e\n \u003cdiv class=\"gr-grid-compact\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🌱 Bourgeons bio\u003c\/h3\u003e\n \u003cp\u003eRécoltés dans des zones préservées, certifiés agriculture biologique européenne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🇧🇪 Made in Belgium\u003c\/h3\u003e\n \u003cp\u003eTransformés en Belgique dans le strict respect des normes bio européennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🔬 Contrôle qualité\u003c\/h3\u003e\n \u003cp\u003eChaque étape, de la cueillette à la mise en flacon, est contrôlée pour garantir pureté et concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e💧 50 ml — 35 % vol.\u003c\/h3\u003e\n \u003cp\u003eFormat pratique et concentré pour plusieurs semaines de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION ACCORDÉON : infos complémentaires --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003cdiv class=\"gr-accordion\"\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un traitement médical. En cas de pathologie respiratoire avérée, consultez votre médecin. Déconseillé aux femmes enceintes et allaitantes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Refermer soigneusement le flacon après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"gr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gr-cta-box\"\u003e\n \u003cp\u003e🌿 Respirez librement grâce à la puissance des bourgeons bio — 4 extraits en synergie pour votre confort respiratoire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gr-disclaimer\"\u003eComplément alimentaire. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --gr-cream: #f5f8f2;\n --gr-white: #ffffff;\n --gr-primary: #5B9A3C;\n --gr-primary-dark: #3D7A2A;\n --gr-primary-light: #eaf5e3;\n --gr-secondary: #6BBCC5;\n --gr-accent: #4AA8B3;\n --gr-text: #1a1a1a;\n --gr-text-light: #5a5a5a;\n --gr-border: #dde8d5;\n --gr-shadow: 0 4px 24px rgba(61, 122, 42, .08);\n --gr-shadow-lg: 0 12px 48px rgba(61, 122, 42, .15);\n --gr-radius: 20px;\n --gr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gr-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gr-primary-dark) 0%, var(--gr-primary) 45%, var(--gr-secondary) 100%);\n border-radius: var(--gr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gr-shadow-lg);\n}\n\n.gr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gr-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gr-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.gr-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.gr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.gr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gr-primary), var(--gr-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gr-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.gr-highlight-box {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gr-shadow);\n border-left: 4px solid var(--gr-primary);\n}\n\n.gr-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--gr-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.gr-highlight-box strong {\n color: var(--gr-primary-dark);\n}\n\n\/* === CARDS === *\/\n.gr-card {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gr-shadow-lg);\n border-color: var(--gr-primary);\n}\n\n.gr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gr-card-latin {\n font-size: clamp(12px, 1.8vw, 13px);\n color: var(--gr-secondary);\n font-style: italic;\n font-weight: 600;\n margin: 0 0 .5rem 0;\n}\n\n.gr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gr-card strong {\n color: var(--gr-text);\n}\n\n\/* === GRILLES === *\/\n.gr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gr-grid-compact .gr-card {\n padding: 1rem;\n}\n\n.gr-grid-compact .gr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gr-grid-compact .gr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gr-primary), var(--gr-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gr-timeline-content {\n flex: 1;\n background: var(--gr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gr-radius-sm);\n box-shadow: var(--gr-shadow);\n}\n\n.gr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gr-timeline-content p {\n font-size: 14px;\n color: var(--gr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.gr-timeline-content strong {\n color: var(--gr-text);\n}\n\n\/* === TIP BOX === *\/\n.gr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gr-primary-light);\n border-radius: var(--gr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gr-tip p {\n font-size: 14px;\n color: var(--gr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.gr-tip strong {\n color: var(--gr-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.gr-accordion {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n box-shadow: var(--gr-shadow);\n overflow: hidden;\n}\n\n.gr-accordion-item {\n border-bottom: 1px solid var(--gr-border);\n margin: 0;\n padding: 0;\n}\n\n.gr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gr-accordion-header:hover {\n background: var(--gr-primary-light);\n}\n\n.gr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gr-primary);\n transition: transform .2s ease;\n}\n\n.gr-accordion-item[open] .gr-accordion-header::after {\n content: '−';\n}\n\n.gr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gr-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gr-cta-box {\n background: linear-gradient(135deg, var(--gr-primary) 0%, var(--gr-primary-dark) 100%);\n border-radius: var(--gr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gr-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.gr-disclaimer {\n font-size: 12px;\n color: var(--gr-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 .gr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gr-card {\n padding: 1.125rem;\n }\n\n .gr-section {\n margin-bottom: 1.75rem;\n }\n\n .gr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gr-radius-sm);\n }\n\n .gr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gr-grid-compact {\n gap: .625rem;\n }\n\n .gr-grid-compact .gr-card {\n padding: .75rem;\n }\n\n .gr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gr-timeline-content h3 {\n font-size: 14px;\n }\n\n .gr-timeline-content p {\n font-size: 13px;\n }\n\n .gr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gr-highlight-box {\n padding: 1.25rem;\n }\n\n .gr-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gr-card {\n animation: grFadeInUp .5s ease backwards;\n }\n .gr-card:nth-child(1) { animation-delay: .05s; }\n .gr-card:nth-child(2) { animation-delay: .1s; }\n .gr-card:nth-child(3) { animation-delay: .15s; }\n .gr-card:nth-child(4) { animation-delay: .2s; }\n .gr-card:nth-child(5) { animation-delay: .25s; }\n .gr-card:nth-child(6) { animation-delay: .3s; }\n\n .gr-timeline-item {\n animation: grFadeInUp .5s ease backwards;\n }\n .gr-timeline-item:nth-child(1) { animation-delay: .05s; }\n .gr-timeline-item:nth-child(2) { animation-delay: .1s; }\n .gr-timeline-item:nth-child(3) { animation-delay: .15s; }\n .gr-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes grFadeInUp {\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 .gr-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":53501157278073,"sku":"GE0075","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gem-respi-15-bio-50-ml-alphagem-packshothd.webp?v=1791469095"},{"product_id":"tulsi-basilic-sacre-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Tulsi (basilic Sacré) Bio - Poudre 150 grammes - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tulsi (Basilic Sacré) Bio - Poudre 150g AyurVana\nPalette détectée:\n - Primaire: #E87B2A (orange vif du bandeau et accents)\n - Secondaire: #4A7C59 (vert naturel\/feuilles de tulsi)\n - Accent: #D4A574 (beige kraft du sachet)\n - Tertiaire: #1E6B8A (bleu turquoise des motifs paisley)\nAmbiance: Ayurvédique, naturel\/bio, traditionnel indien, chaleureux, authentique\nPréfixe CSS: tulsi\n--\u003e\n\n\u003cdiv class=\"tulsi-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"tulsi-hero\"\u003e\n \u003cdiv class=\"tulsi-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tulsi-hero-content\"\u003e\n \u003cdiv class=\"tulsi-badges-top\"\u003e\n \u003cspan class=\"tulsi-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"tulsi-badge\"\u003e🇮🇳 Origine Inde\u003c\/span\u003e\n \u003cspan class=\"tulsi-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"tulsi-badge\"\u003e✨ Adaptogène\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tulsi-hero-title\"\u003eTulsi Bio en poudre\u003c\/span\u003e\n \u003cp class=\"tulsi-subtitle\"\u003eLe basilic sacré de l'Ayurveda\u003c\/p\u003e\n \u003cp class=\"tulsi-description\"\u003ePlante vénérée depuis des millénaires en Inde, le Tulsi (Ocimum sanctum) est votre allié naturel pour une respiration apaisée, un système immunitaire renforcé et une gestion optimale du stress.\u003c\/p\u003e\n \u003cdiv class=\"tulsi-hero-specs\"\u003e\n \u003cdiv class=\"tulsi-spec\"\u003e\n \u003cspan class=\"tulsi-spec-value\"\u003e150g\u003c\/span\u003e\n \u003cspan class=\"tulsi-spec-label\"\u003ePoudre pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-spec\"\u003e\n \u003cspan class=\"tulsi-spec-value\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"tulsi-spec-label\"\u003eFeuilles de Tulsi\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-spec\"\u003e\n \u003cspan class=\"tulsi-spec-value\"\u003eBio\u003c\/span\u003e\n \u003cspan class=\"tulsi-spec-label\"\u003eCertifié AB\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES SANTÉ --\u003e\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003e🌺 Les bienfaits ancestraux du tulsi\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-grid\"\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n \u003cp\u003eLe Tulsi renforce naturellement les défenses de l'organisme et soutient le système immunitaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e🧘\u003c\/div\u003e\n \u003ch3\u003eAdaptogène puissant\u003c\/h3\u003e\n \u003cp\u003eAide à mieux gérer le stress et favorise l'équilibre mental et physique grâce à ses propriétés adaptogènes reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e💨\u003c\/div\u003e\n \u003ch3\u003eRespiration apaisée\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisé pour apaiser les voies respiratoires et favoriser un confort respiratoire optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eAntioxydant naturel\u003c\/h3\u003e\n \u003cp\u003eContribue à la protection des cellules contre les dommages oxydatifs grâce à sa richesse en antioxydants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e🍃\u003c\/div\u003e\n \u003ch3\u003eDigestion harmonieuse\u003c\/h3\u003e\n \u003cp\u003eSoutient une digestion saine et aide à maintenir le confort digestif au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e⚖️\u003c\/div\u003e\n \u003ch3\u003eAnti-inflammatoire\u003c\/h3\u003e\n \u003cp\u003ePropriétés anti-inflammatoires traditionnellement reconnues pour le bien-être général de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003e🌱 Une composition pure et simple\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-composition-box\"\u003e\n \u003cdiv class=\"tulsi-composition-main\"\u003e\n \u003cdiv class=\"tulsi-composition-content\"\u003e\n \u003ch3\u003eFeuilles de Tulsi (Ocimum sanctum)\u003c\/h3\u003e\n \u003cp\u003e100% poudre de feuilles de basilic sacré issues de l'agriculture biologique\u003c\/p\u003e\n \u003cdiv class=\"tulsi-composition-tags\"\u003e\n \u003cspan class=\"tulsi-tag\"\u003eSans additifs\u003c\/span\u003e\n \u003cspan class=\"tulsi-tag\"\u003eSans conservateurs\u003c\/span\u003e\n \u003cspan class=\"tulsi-tag\"\u003eSans OGM\u003c\/span\u003e\n \u003cspan class=\"tulsi-tag\"\u003eSans pesticides\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003e📖 Comment utiliser votre tulsi\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-usage-grid\"\u003e\n \u003cdiv class=\"tulsi-usage-card\"\u003e\n \u003cdiv class=\"tulsi-usage-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tulsi-usage-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003e1 à 2 cuillères à café de poudre par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-usage-card\"\u003e\n \u003cdiv class=\"tulsi-usage-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tulsi-usage-content\"\u003e\n \u003ch3\u003eEn boisson\u003c\/h3\u003e\n \u003cp\u003eAjoutez à vos infusions, smoothies ou jus chauds ou froids\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-usage-card\"\u003e\n \u003cdiv class=\"tulsi-usage-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tulsi-usage-content\"\u003e\n \u003ch3\u003eEn cuisine\u003c\/h3\u003e\n \u003cp\u003eIncorporez dans vos soupes, plats mijotés et préparations culinaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-usage-card\"\u003e\n \u003cdiv class=\"tulsi-usage-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tulsi-usage-content\"\u003e\n \u003ch3\u003eBien mélanger\u003c\/h3\u003e\n \u003cp\u003eAssurez une bonne répartition de la poudre dans votre préparation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ORIGINE --\u003e\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003e🇮🇳 Origine et savoir-faire\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-origin-box\"\u003e\n \u003cdiv class=\"tulsi-origin-content\"\u003e\n \u003cdiv class=\"tulsi-origin-icon\"\u003e🏔️\u003c\/div\u003e\n \u003ch3\u003eCultivé avec soin en Inde\u003c\/h3\u003e\n \u003cp\u003eNotre Tulsi bio provient de fermes biologiques soigneusement sélectionnées en Inde, berceau de l'Ayurveda où le basilic sacré est vénéré et utilisé depuis des millénaires.\u003c\/p\u003e\n \u003cdiv class=\"tulsi-origin-steps\"\u003e\n \u003cdiv class=\"tulsi-origin-step\"\u003e\n \u003cspan class=\"tulsi-step-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan\u003eCulture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-origin-step\"\u003e\n \u003cspan class=\"tulsi-step-icon\"\u003e✋\u003c\/span\u003e\n \u003cspan\u003eRécolte à la main\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-origin-step\"\u003e\n \u003cspan class=\"tulsi-step-icon\"\u003e☀️\u003c\/span\u003e\n \u003cspan\u003eSéchage naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-origin-step\"\u003e\n \u003cspan class=\"tulsi-step-icon\"\u003e⚙️\u003c\/span\u003e\n \u003cspan\u003eBroyage fin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-origin-step\"\u003e\n \u003cspan class=\"tulsi-step-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan\u003eContrôle qualité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003e👥 Pour qui est ce produit ?\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-grid tulsi-grid-3\"\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e😰\u003c\/div\u003e\n \u003ch3\u003ePersonnes stressées\u003c\/h3\u003e\n \u003cp\u003eCherchant un soutien naturel pour mieux gérer le stress quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e🤧\u003c\/div\u003e\n \u003ch3\u003eVoies respiratoires sensibles\u003c\/h3\u003e\n \u003cp\u003eSouhaitant apaiser et soutenir leur confort respiratoire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e🧘‍♀️\u003c\/div\u003e\n \u003ch3\u003eAdeptes de l'Ayurveda\u003c\/h3\u003e\n \u003cp\u003eIntégrant les plantes sacrées indiennes dans leur routine bien-être\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eImmunité fragile\u003c\/h3\u003e\n \u003cp\u003eDésireux de renforcer naturellement leurs défenses immunitaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e🍵\u003c\/div\u003e\n \u003ch3\u003eAmateurs de thés \u0026amp; infusions\u003c\/h3\u003e\n \u003cp\u003eÀ la recherche de nouvelles saveurs aux vertus bienfaisantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n \u003cdiv class=\"tulsi-card-icon\"\u003e🥗\u003c\/div\u003e\n \u003ch3\u003eCuisiniers créatifs\u003c\/h3\u003e\n \u003cp\u003eSouhaitant enrichir leurs plats d'une touche ayurvédique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CERTIFICATIONS --\u003e\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003e🏆 Certifications et qualité\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-certif-grid\"\u003e\n \u003cdiv class=\"tulsi-certif-card\"\u003e\n \u003cspan class=\"tulsi-certif-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"tulsi-certif-label\"\u003eAgriculture Biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-certif-card\"\u003e\n \u003cspan class=\"tulsi-certif-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"tulsi-certif-label\"\u003e100% Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-certif-card\"\u003e\n \u003cspan class=\"tulsi-certif-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"tulsi-certif-label\"\u003eSans OGM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-certif-card\"\u003e\n \u003cspan class=\"tulsi-certif-icon\"\u003e✨\u003c\/span\u003e\n \u003cspan class=\"tulsi-certif-label\"\u003eSans pesticides\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-info-grid\"\u003e\n \u003cdiv class=\"tulsi-info-item\"\u003e\n \u003cspan class=\"tulsi-info-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cdiv class=\"tulsi-info-text\"\u003e\n \u003cspan class=\"tulsi-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"tulsi-info-value\"\u003e150 grammes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-info-item\"\u003e\n \u003cspan class=\"tulsi-info-icon\"\u003e📍\u003c\/span\u003e\n \u003cdiv class=\"tulsi-info-text\"\u003e\n \u003cspan class=\"tulsi-info-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"tulsi-info-value\"\u003eInde\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-info-item\"\u003e\n \u003cspan class=\"tulsi-info-icon\"\u003e📋\u003c\/span\u003e\n \u003cdiv class=\"tulsi-info-text\"\u003e\n \u003cspan class=\"tulsi-info-label\"\u003eForme\u003c\/span\u003e\n \u003cspan class=\"tulsi-info-value\"\u003ePoudre pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-info-item\"\u003e\n \u003cspan class=\"tulsi-info-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cdiv class=\"tulsi-info-text\"\u003e\n \u003cspan class=\"tulsi-info-label\"\u003eConservation\u003c\/span\u003e\n \u003cspan class=\"tulsi-info-value\"\u003eAu sec, à l'abri de la lumière\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"tulsi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tulsi-cta-box\"\u003e\n \u003cdiv class=\"tulsi-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tulsi-cta-content\"\u003e\n \u003cp\u003eOffrez à votre corps et à votre esprit les bienfaits millénaires du basilic sacré. Avec le Tulsi Bio AyurVana, adoptez un remède ancestral, naturellement efficace, pour votre bien-être quotidien.\u003c\/p\u003e\n \u003cdiv class=\"tulsi-cta-tagline\"\u003eLa sagesse de l'Ayurveda à votre portée\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --tulsi-cream: #FDF8F3;\n --tulsi-white: #ffffff;\n --tulsi-primary: #E87B2A;\n --tulsi-primary-dark: #C45D10;\n --tulsi-primary-light: #FFF4EC;\n --tulsi-secondary: #4A7C59;\n --tulsi-secondary-light: #E8F5E9;\n --tulsi-accent: #1E6B8A;\n --tulsi-kraft: #D4A574;\n\n \/* Textes *\/\n --tulsi-text: #2C2C2C;\n --tulsi-text-light: #5D5D5D;\n\n \/* Effets *\/\n --tulsi-border: #E8E0D8;\n --tulsi-shadow: 0 4px 24px rgba(0,0,0,.08);\n --tulsi-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --tulsi-radius: 20px;\n --tulsi-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tulsi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tulsi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--tulsi-text);\n line-height: 1.6;\n}\n\n.tulsi-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.tulsi-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tulsi-primary) 0%, var(--tulsi-primary-dark) 50%, #A84D08 100%);\n border-radius: var(--tulsi-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--tulsi-shadow-lg);\n}\n\n.tulsi-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-5 8-15 12-15 20s10 15 15 20c5-5 15-12 15-20S35 13 30 5z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n background-size: 80px 80px;\n opacity: 0.6;\n}\n\n.tulsi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tulsi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.tulsi-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tulsi-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tulsi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tulsi-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.tulsi-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n font-style: italic;\n}\n\n.tulsi-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto 2rem;\n line-height: 1.7;\n}\n\n.tulsi-hero-specs {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.tulsi-spec {\n text-align: center;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n padding: 1rem 1.5rem;\n border-radius: var(--tulsi-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.tulsi-spec-value {\n display: block;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: white;\n}\n\n.tulsi-spec-label {\n display: block;\n font-size: 13px;\n color: rgba(255,255,255,.85);\n font-weight: 500;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.tulsi-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tulsi-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--tulsi-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.tulsi-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--tulsi-primary), var(--tulsi-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.tulsi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.tulsi-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n}\n\n\/* === CARDS BÉNÉFICES === *\/\n.tulsi-card {\n background: var(--tulsi-white);\n border-radius: var(--tulsi-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tulsi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.tulsi-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tulsi-shadow-lg);\n border-color: var(--tulsi-primary);\n}\n\n.tulsi-card-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tulsi-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--tulsi-text);\n margin: 0 0 0.75rem 0;\n}\n\n.tulsi-card p {\n font-size: 15px;\n color: var(--tulsi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tulsi-card-benefit {\n text-align: center;\n}\n\n.tulsi-card-benefit:hover .tulsi-card-icon {\n animation: bounce .5s ease;\n}\n\n\/* === COMPOSITION BOX === *\/\n.tulsi-composition-box {\n background: linear-gradient(135deg, var(--tulsi-secondary-light) 0%, var(--tulsi-white) 100%);\n border-radius: var(--tulsi-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--tulsi-secondary);\n box-shadow: var(--tulsi-shadow);\n}\n\n.tulsi-composition-main {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n flex-wrap: wrap;\n}\n\n.tulsi-composition-icon {\n font-size: 60px;\n flex-shrink: 0;\n}\n\n.tulsi-composition-content {\n flex: 1;\n min-width: 250px;\n}\n\n.tulsi-composition-content h3 {\n font-size: clamp(20px, 3vw, 24px);\n font-weight: 800;\n color: var(--tulsi-secondary);\n margin: 0 0 0.5rem 0;\n}\n\n.tulsi-composition-content \u003e p {\n font-size: 16px;\n color: var(--tulsi-text-light);\n margin: 0 0 1.5rem 0;\n}\n\n.tulsi-composition-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.tulsi-tag {\n display: inline-flex;\n align-items: center;\n padding: 6px 14px;\n background: var(--tulsi-white);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--tulsi-secondary);\n border: 1px solid var(--tulsi-secondary);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.tulsi-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.tulsi-usage-card {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--tulsi-white);\n border-radius: var(--tulsi-radius);\n padding: 1.5rem;\n box-shadow: var(--tulsi-shadow);\n transition: all .3s ease;\n}\n\n.tulsi-usage-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--tulsi-shadow-lg);\n}\n\n.tulsi-usage-number {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--tulsi-primary), var(--tulsi-primary-dark));\n color: white;\n font-size: 20px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.tulsi-usage-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tulsi-text);\n margin: 0 0 0.25rem 0;\n}\n\n.tulsi-usage-content p {\n font-size: 14px;\n color: var(--tulsi-text-light);\n margin: 0;\n}\n\n\/* === ORIGINE === *\/\n.tulsi-origin-box {\n background: linear-gradient(135deg, var(--tulsi-primary-light) 0%, var(--tulsi-white) 100%);\n border-radius: var(--tulsi-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--tulsi-kraft);\n box-shadow: var(--tulsi-shadow);\n text-align: center;\n}\n\n.tulsi-origin-icon {\n font-size: 50px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tulsi-origin-content h3 {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 800;\n color: var(--tulsi-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.tulsi-origin-content \u003e p {\n font-size: 16px;\n color: var(--tulsi-text-light);\n max-width: 700px;\n margin: 0 auto 2rem;\n line-height: 1.7;\n}\n\n.tulsi-origin-steps {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n}\n\n.tulsi-origin-step {\n display: flex;\n align-items: center;\n gap: 8px;\n background: var(--tulsi-white);\n padding: 10px 18px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n color: var(--tulsi-text);\n box-shadow: 0 2px 8px rgba(0,0,0,.06);\n}\n\n.tulsi-step-icon {\n font-size: 18px;\n}\n\n\/* === CERTIFICATIONS === *\/\n.tulsi-certif-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.tulsi-certif-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n background: var(--tulsi-white);\n border-radius: var(--tulsi-radius);\n padding: 1.5rem;\n box-shadow: var(--tulsi-shadow);\n border: 2px solid var(--tulsi-border);\n transition: all .3s ease;\n}\n\n.tulsi-certif-card:hover {\n border-color: var(--tulsi-secondary);\n transform: translateY(-4px);\n}\n\n.tulsi-certif-icon {\n font-size: 36px;\n}\n\n.tulsi-certif-label {\n font-size: 14px;\n font-weight: 700;\n color: var(--tulsi-text);\n text-align: center;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.tulsi-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.tulsi-info-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--tulsi-white);\n border-radius: var(--tulsi-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--tulsi-shadow);\n border-left: 4px solid var(--tulsi-primary);\n}\n\n.tulsi-info-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.tulsi-info-text {\n display: flex;\n flex-direction: column;\n}\n\n.tulsi-info-label {\n font-size: 12px;\n color: var(--tulsi-text-light);\n text-transform: uppercase;\n letter-spacing: .5px;\n font-weight: 600;\n}\n\n.tulsi-info-value {\n font-size: 15px;\n font-weight: 700;\n color: var(--tulsi-text);\n}\n\n\/* === CTA FINAL === *\/\n.tulsi-cta-box {\n background: linear-gradient(135deg, var(--tulsi-secondary) 0%, #3A6249 100%);\n border-radius: var(--tulsi-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--tulsi-shadow-lg);\n}\n\n.tulsi-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M20 2c-4 6-12 10-12 16s8 12 12 16c4-4 12-10 12-16S24 8 20 2z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n}\n\n.tulsi-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.tulsi-cta-icon {\n font-size: 50px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.tulsi-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.7;\n font-weight: 500;\n max-width: 700px;\n margin: 0 auto 1.5rem;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.tulsi-cta-tagline {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 12px 28px;\n border-radius: 999px;\n color: white;\n font-size: 15px;\n font-weight: 700;\n letter-spacing: .5px;\n}\n\n\/* === ANIMATIONS === *\/\n@keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .tulsi-card,\n .tulsi-usage-card,\n .tulsi-certif-card,\n .tulsi-info-item {\n animation: fadeInUp .6s ease backwards;\n }\n .tulsi-card:nth-child(1), .tulsi-usage-card:nth-child(1) { animation-delay: .1s; }\n .tulsi-card:nth-child(2), .tulsi-usage-card:nth-child(2) { animation-delay: .2s; }\n .tulsi-card:nth-child(3), .tulsi-usage-card:nth-child(3) { animation-delay: .3s; }\n .tulsi-card:nth-child(4), .tulsi-usage-card:nth-child(4) { animation-delay: .4s; }\n .tulsi-card:nth-child(5) { animation-delay: .5s; }\n .tulsi-card:nth-child(6) { animation-delay: .6s; }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .tulsi-grid,\n .tulsi-grid-3 {\n grid-template-columns: 1fr;\n }\n \n .tulsi-hero-specs {\n flex-direction: column;\n align-items: center;\n }\n \n .tulsi-spec {\n width: 100%;\n max-width: 200px;\n }\n \n .tulsi-composition-main {\n flex-direction: column;\n text-align: center;\n }\n \n .tulsi-composition-tags {\n justify-content: center;\n }\n \n .tulsi-origin-steps {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .tulsi-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .tulsi-card,\n .tulsi-usage-card,\n .tulsi-certif-card,\n .tulsi-info-item {\n border: 2px solid var(--tulsi-text);\n }\n \n .tulsi-badge {\n border: 2px solid var(--tulsi-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755111506077,"sku":"AY9933","price":9.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tulsi-basilic-sacre-bio-150-grammes-de-poudre-en-sachet-ayurvana-827581.jpg?v=1732722036"},{"product_id":"pastilles-propolis-verte-et-miel-de-manuka-36-pastilles-aagaard","title":"Pastilles Propolis Verte et Miel de Manuka - 24 Pastilles - Aagaard","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Pastilles Propolis Verte et Miel de Manuka - Aagaard\nPalette détectée:\n - Primaire: #2D5A4A (vert forêt profond du packaging principal)\n - Secondaire: #D4A84B (doré\/miel du texte Manuka)\n - Accent: #7CB07A (vert clair des bordures)\n - Fond sombre: #1A3D3A (fond du motif maori)\nAmbiance: Naturel\/Bio premium, inspiré des traditions apicoles et néo-zélandaises (motif maori), \n univers santé naturelle avec ancrage historique (depuis 1967)\nPréfixe CSS: pvm\n--\u003e\n\n\u003cdiv class=\"pvm-premium\"\u003e\n \n \u003cdiv class=\"pvm-hero\"\u003e\n \u003cdiv class=\"pvm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pvm-hero-content\"\u003e\n \u003cdiv class=\"pvm-badges-top\"\u003e\n \u003cspan class=\"pvm-badge\"\u003e🐝 Propolis verte d'Amazonie\u003c\/span\u003e\n \u003cspan class=\"pvm-badge\"\u003e🍯 Miel de Manuka 250+ MGO\u003c\/span\u003e\n \u003cspan class=\"pvm-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pvm-hero-title\"\u003ePastilles Propolis Verte \u0026amp; Miel de Manuka\u003c\/span\u003e\n \u003cp class=\"pvm-subtitle\"\u003eL'alliance précieuse de deux trésors de la ruche\u003c\/p\u003e\n \u003cp class=\"pvm-description\"\u003eUn bouclier naturel pour votre gorge et vos défenses immunitaires, enrichi aux huiles essentielles respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003e✨ Pourquoi ces pastilles sont exceptionnelles\u003c\/h2\u003e\n \u003cdiv class=\"pvm-grid\"\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🛡️ Double protection naturelle\u003c\/h3\u003e\n \u003cp\u003eL'action synergique de la propolis verte et du miel de Manuka offre une protection renforcée contre les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🌡️ Apaisement rapide\u003c\/h3\u003e\n \u003cp\u003eSoulage efficacement les irritations et inconforts de la gorge dès les premiers signes grâce à des actifs puissants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e💪 Renforce l'immunité\u003c\/h3\u003e\n \u003cp\u003eStimule naturellement vos défenses immunitaires pour mieux résister aux infections saisonnières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🌬️ Confort respiratoire\u003c\/h3\u003e\n \u003cp\u003eTrois huiles essentielles (manuka, pin sylvestre, eucalyptus radié) aux vertus respiratoires pour un bien-être optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🍃 100% naturel \u0026amp; bio\u003c\/h3\u003e\n \u003cp\u003eFormulées exclusivement à partir d'ingrédients naturels et issus de l'agriculture biologique certifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🇫🇷 Expertise française\u003c\/h3\u003e\n \u003cp\u003eFabriquées en France par Aagaard, spécialiste de la propolis depuis 1967, gage de qualité et de savoir-faire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003e🧪 Composition d'exception\u003c\/h2\u003e\n \u003cdiv class=\"pvm-grid\"\u003e\n \u003cdiv class=\"pvm-card pvm-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Propolis verte d'Amazonie\u003c\/h3\u003e\n \u003cp class=\"pvm-dosage\"\u003e0,7%\u003c\/p\u003e\n \u003cp\u003eRiche en bioflavonoïdes et acides phénoliques, récoltée dans les régions sauvages de l'Amazonie brésilienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card pvm-card-ingredient\"\u003e\n \u003ch3\u003e🍯 Miel de Manuka 250+ MGO\u003c\/h3\u003e\n \u003cp class=\"pvm-dosage\"\u003e3%\u003c\/p\u003e\n \u003cp\u003eMiel précieux de Nouvelle-Zélande aux propriétés antibactériennes uniques, issu de pratiques durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card pvm-card-ingredient\"\u003e\n \u003ch3\u003e🌲 Huile essentielle de pin sylvestre\u003c\/h3\u003e\n \u003cp class=\"pvm-dosage\"\u003eHE bio\u003c\/p\u003e\n \u003cp\u003ePropriétés assainissantes et expectorantes pour libérer les voies respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card pvm-card-ingredient\"\u003e\n \u003ch3\u003e🌱 Huile essentielle d'eucalyptus radié\u003c\/h3\u003e\n \u003cp class=\"pvm-dosage\"\u003eHE bio\u003c\/p\u003e\n \u003cp\u003ePurifie et dégage les voies respiratoires, idéale pendant les saisons froides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card pvm-card-ingredient\"\u003e\n \u003ch3\u003e🌸 Huile essentielle de manuka\u003c\/h3\u003e\n \u003cp class=\"pvm-dosage\"\u003eHE bio\u003c\/p\u003e\n \u003cp\u003eRenforce l'action apaisante et antibactérienne de la formule pour un effet complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card pvm-card-ingredient\"\u003e\n \u003ch3\u003e🍬 Base naturelle bio\u003c\/h3\u003e\n \u003cp class=\"pvm-dosage\"\u003eBio\u003c\/p\u003e\n \u003cp\u003eSucre de canne bio et sirop de glucose bio pour une texture fondante et agréable en bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"pvm-grid\"\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🤧 Gorge sensible\u003c\/h3\u003e\n \u003cp\u003ePersonnes sujettes aux irritations de la gorge et aux inconforts ORL fréquents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e❄️ Saisons froides\u003c\/h3\u003e\n \u003cp\u003eIdéal en automne et hiver pour renforcer vos défenses et prévenir les désagréments saisonniers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🗣️ Professionnels de la voix\u003c\/h3\u003e\n \u003cp\u003eEnseignants, chanteurs, conférenciers : protégez et apaisez votre gorge au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003ePour ceux qui privilégient les solutions bio et naturelles plutôt que les produits chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pvm-usage-box\"\u003e\n \u003cdiv class=\"pvm-usage-steps\"\u003e\n \u003cdiv class=\"pvm-step\"\u003e\n \u003cspan class=\"pvm-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"pvm-step-content\"\u003e\n \u003ch4\u003eDès les premiers signes\u003c\/h4\u003e\n \u003cp\u003eLaissez fondre lentement une pastille en bouche aux premières sensations d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-step\"\u003e\n \u003cspan class=\"pvm-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"pvm-step-content\"\u003e\n \u003ch4\u003eRenouveler si nécessaire\u003c\/h4\u003e\n \u003cp\u003eJusqu'à 6 pastilles par jour pour un soulagement optimal et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-step\"\u003e\n \u003cspan class=\"pvm-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"pvm-step-content\"\u003e\n \u003ch4\u003ePrévention quotidienne\u003c\/h4\u003e\n \u003cp\u003eEn période hivernale, 2-3 pastilles par jour pour maintenir vos défenses actives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-warning\"\u003e\n \u003cspan\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eDéconseillé aux enfants de moins de 12 ans et aux personnes allergiques aux produits de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"pvm-grid-compact\"\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e📊 Contenance\u003c\/h3\u003e\n \u003cp\u003e24 pastilles par boîte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e⏱️ Durée estimée\u003c\/h3\u003e\n \u003cp\u003e4 à 12 jours selon usage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"pvm-accordion\"\u003e\n \u003cdetails class=\"pvm-accordion-item\"\u003e\n \u003csummary class=\"pvm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"pvm-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la chaleur et de l'humidité. Refermer soigneusement la boîte après chaque utilisation pour préserver la fraîcheur des pastilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pvm-accordion-item\"\u003e\n \u003csummary class=\"pvm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"pvm-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de 6 pastilles. Déconseillé aux enfants de moins de 12 ans, aux femmes enceintes ou allaitantes et aux personnes allergiques aux produits de la ruche. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pvm-accordion-item\"\u003e\n \u003csummary class=\"pvm-accordion-header\"\u003e🏭 Fabrication \u0026amp; qualité\u003c\/summary\u003e\n \u003cdiv class=\"pvm-accordion-content\"\u003e\n \u003cp\u003eFabriquées en France par Aagaard, spécialiste des produits de la ruche depuis 1967. La propolis verte est récoltée dans les régions sauvages de l'Amazonie brésilienne et le miel de Manuka provient de Nouvelle-Zélande, issu de pratiques apicoles durables et responsables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pvm-cta-box\"\u003e\n \u003cp\u003e🐝 Offrez à votre gorge et à votre système immunitaire le meilleur de la nature avec l'alliance unique de la propolis verte d'Amazonie et du miel de Manuka de Nouvelle-Zélande. Une formule bio d'exception, fabriquée en France avec passion depuis 1967.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pvm-cream: #F9F7F3;\n --pvm-white: #ffffff;\n --pvm-primary: #2D5A4A;\n --pvm-primary-dark: #1A3D3A;\n --pvm-primary-light: #E8F0ED;\n --pvm-secondary: #D4A84B;\n --pvm-accent: #7CB07A;\n --pvm-text: #1a1a1a;\n --pvm-text-light: #5a5a5a;\n --pvm-border: #e0e0e0;\n --pvm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pvm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pvm-radius: 20px;\n --pvm-radius-sm: 12px;\n}\n\n.pvm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pvm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.pvm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--pvm-primary) 0%, var(--pvm-primary-dark) 50%, #0F2926 100%);\n border-radius: var(--pvm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pvm-shadow-lg);\n}\n\n.pvm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: 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 5C16.2 5 5 16.2 5 30s11.2 25 25 25 25-11.2 25-25S43.8 5 30 5zm0 45c-11 0-20-9-20-20s9-20 20-20 20 9 20 20-9 20-20 20z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3Cpath d='M30 15c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15zm0 25c-5.5 0-10-4.5-10-10s4.5-10 10-10 10 4.5 10 10-4.5 10-10 10z' fill='%23D4A84B' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .8;\n}\n\n.pvm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pvm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.pvm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pvm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pvm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.pvm-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.pvm-subtitle {\n color: var(--pvm-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.pvm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.pvm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pvm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pvm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pvm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pvm-primary), var(--pvm-secondary));\n border-radius: 2px;\n}\n\n.pvm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pvm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pvm-card {\n background: var(--pvm-white);\n border-radius: var(--pvm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pvm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pvm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pvm-shadow-lg);\n border-color: var(--pvm-primary);\n}\n\n.pvm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pvm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pvm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pvm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pvm-card-ingredient .pvm-dosage {\n display: inline-block;\n background: linear-gradient(135deg, var(--pvm-secondary) 0%, #C49A3D 100%);\n color: white;\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n margin-bottom: .5rem;\n}\n\n.pvm-grid-compact .pvm-card {\n padding: 1rem;\n}\n\n.pvm-grid-compact .pvm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pvm-grid-compact .pvm-card p {\n font-size: 12px;\n}\n\n.pvm-usage-box {\n background: var(--pvm-white);\n border-radius: var(--pvm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pvm-shadow);\n}\n\n.pvm-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.pvm-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n}\n\n.pvm-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pvm-primary) 0%, var(--pvm-primary-dark) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 18px;\n}\n\n.pvm-step-content h4 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pvm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pvm-step-content p {\n font-size: 14px;\n color: var(--pvm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pvm-warning {\n display: flex;\n align-items: flex-start;\n gap: .75rem;\n background: #FFF8E7;\n border: 1px solid var(--pvm-secondary);\n border-radius: var(--pvm-radius-sm);\n padding: 1rem;\n}\n\n.pvm-warning span {\n font-size: 20px;\n flex-shrink: 0;\n}\n\n.pvm-warning p {\n font-size: 13px;\n color: var(--pvm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.pvm-accordion {\n background: var(--pvm-white);\n border-radius: var(--pvm-radius);\n box-shadow: var(--pvm-shadow);\n overflow: hidden;\n}\n\n.pvm-accordion-item {\n border-bottom: 1px solid var(--pvm-border);\n margin: 0;\n padding: 0;\n}\n\n.pvm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pvm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pvm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pvm-accordion-header:hover {\n background: var(--pvm-primary-light);\n}\n\n.pvm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pvm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pvm-primary);\n transition: transform .2s ease;\n}\n\n.pvm-accordion-item[open] .pvm-accordion-header::after {\n content: '−';\n}\n\n.pvm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pvm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.pvm-accordion-content p {\n margin: 0;\n}\n\n.pvm-cta-box {\n background: linear-gradient(135deg, var(--pvm-primary) 0%, var(--pvm-primary-dark) 100%);\n border-radius: var(--pvm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pvm-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(212,168,75,.15) 0%, transparent 60%);\n animation: shimmer 8s ease-in-out infinite;\n}\n\n@keyframes shimmer {\n 0%, 100% { transform: translate(0, 0); }\n 50% { transform: translate(10%, 10%); }\n}\n\n.pvm-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@media (max-width: 767px) {\n .pvm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .pvm-card {\n padding: 1.125rem;\n }\n \n .pvm-section {\n margin-bottom: 1.75rem;\n }\n \n .pvm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pvm-radius-sm);\n }\n \n .pvm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .pvm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .pvm-badges-top {\n gap: 8px;\n }\n \n .pvm-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .pvm-grid-compact {\n gap: .625rem;\n }\n \n .pvm-grid-compact .pvm-card {\n padding: .75rem;\n }\n \n .pvm-usage-box {\n padding: 1.25rem;\n }\n \n .pvm-step-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .pvm-step-content h4 {\n font-size: 14px;\n }\n \n .pvm-step-content p {\n font-size: 13px;\n }\n \n .pvm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .pvm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .pvm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .pvm-card:nth-child(1) { animation-delay: .05s; }\n .pvm-card:nth-child(2) { animation-delay: .1s; }\n .pvm-card:nth-child(3) { animation-delay: .15s; }\n .pvm-card:nth-child(4) { animation-delay: .2s; }\n .pvm-card:nth-child(5) { animation-delay: .25s; }\n .pvm-card:nth-child(6) { animation-delay: .3s; }\n}\n\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 .pvm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AAGAARD","offers":[{"title":"Default Title","offer_id":45755234517149,"sku":"NBAIAAG0003","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/pastilles-propolis-verte-et-miel-de-manuka-24-pastilles-aaga-ingredients.webp?v=1768497189"},{"product_id":"tulsi-bio-extrait-titre-respiration-apaisee-60-gelules-vegetales-ayurvana","title":"Tulsi Bio Extrait Titré - Respiration Apaisée - 60 Gélules - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tulsi Bio Extrait Titré - Basilic Sacré\nPalette détectée:\n - Primaire: #E07B6A (corail\/rose saumon du couvercle et bandeau)\n - Secondaire: #5A8F4D (vert feuillage du tulsi)\n - Accent: #C4A962 (doré\/ocre des motifs paisley)\n - Neutre: #F5F0E4 (beige crème du corps du packaging)\nAmbiance: Ayurvédique authentique, naturel\/bio premium, spirituel et apaisant, tradition indienne\nPréfixe CSS: tulsi\n--\u003e\n\n\u003cdiv class=\"tulsi-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"tulsi-hero\"\u003e\n \u003cdiv class=\"tulsi-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tulsi-hero-content\"\u003e\n \u003cdiv class=\"tulsi-badges-top\"\u003e\n \u003cspan class=\"tulsi-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e\n \u003cspan class=\"tulsi-badge\"\u003e🇮🇳 Ayurveda authentique\u003c\/span\u003e\n \u003cspan class=\"tulsi-badge\"\u003e🌱 100% vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tulsi-hero-title\"\u003eTulsi Bio Extrait Titré\u003c\/span\u003e\n \u003cp class=\"tulsi-subtitle\"\u003eLe basilic sacré pour une respiration apaisée\u003c\/p\u003e\n \u003cp class=\"tulsi-description\"\u003e500 mg d'extrait 10:1 par gélule • 60 gélules végétales • Ocimum sanctum cultivé en Inde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS PRINCIPAUX --\u003e\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003e🌿 Les vertus du basilic sacré\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-grid\"\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🫁 Respiration libérée\u003c\/h3\u003e\n \u003cp\u003ePropriétés purifiantes qui contribuent à apaiser et libérer les voies respiratoires pour un confort optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🧘 Équilibre mental\u003c\/h3\u003e\n \u003cp\u003eApaisant naturel qui favorise la sérénité et aide à réduire le stress en période de tension émotionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras, triterpènes et flavonoïdes pour protéger les cellules contre les dommages oxydatifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e⚡ Immunité renforcée\u003c\/h3\u003e\n \u003cp\u003ePlante adaptogène qui stimule les défenses naturelles et renforce la résistance face aux agressions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003e🧪 Une composition pure et concentrée\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-composition-box\"\u003e\n \u003cdiv class=\"tulsi-ingredient-highlight\"\u003e\n \u003cspan class=\"tulsi-ingredient-name\"\u003eExtrait 10:1 de Tulsi bio\u003c\/span\u003e\n \u003cspan class=\"tulsi-ingredient-latin\"\u003e(Ocimum sanctum)\u003c\/span\u003e\n \u003cspan class=\"tulsi-ingredient-dose\"\u003e500 mg par gélule\u003c\/span\u003e\n \u003cp\u003eUn ratio d'extraction exceptionnel qui concentre 10 fois les principes actifs de la plante pour une efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-ingredient-list\"\u003e\n \u003cdiv class=\"tulsi-ingredient-item\"\u003e\n \u003cspan class=\"tulsi-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eGélule 100% végétale (hypromellose)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-ingredient-item\"\u003e\n \u003cspan class=\"tulsi-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eAgent de charge d'origine végétale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-ingredient-item\"\u003e\n \u003cspan class=\"tulsi-check\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eSans OGM • Sans gluten • Vegan\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=\"tulsi-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-usage-grid\"\u003e\n \u003cdiv class=\"tulsi-usage-card\"\u003e\n \u003cdiv class=\"tulsi-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003e💊 Dosage\u003c\/h3\u003e\n \u003cp\u003e1 à 2 gélules par jour selon vos besoins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-usage-card\"\u003e\n \u003cdiv class=\"tulsi-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003e☀️ Moment idéal\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-usage-card\"\u003e\n \u003cdiv class=\"tulsi-usage-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003e🔄 Durée\u003c\/h3\u003e\n \u003cp\u003eCure de 30 jours renouvelable pour des effets durables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003e🎯 Le Tulsi est fait pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-grid\"\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e😤 Confort respiratoire\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un soutien naturel pour vos voies respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e😰 Gestion du stress\u003c\/h3\u003e\n \u003cp\u003eVous vivez des périodes de tension et cherchez un apaisement naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e💪 Défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eVous voulez renforcer vos défenses de façon naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🧘 Bien-être global\u003c\/h3\u003e\n \u003cp\u003eVous privilégiez les solutions ayurvédiques authentiques et bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ORIGINE \u0026 QUALITÉ --\u003e\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003e✨ Origine et qualité\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-grid-compact\"\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🇮🇳 Cultivé en Inde\u003c\/h3\u003e\n \u003cp\u003eFermes bio certifiées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eNormes européennes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🌿 Agriculture bio\u003c\/h3\u003e\n \u003cp\u003eCertifié AB\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🧪 Contrôlé\u003c\/h3\u003e\n \u003cp\u003eTests qualité chaque lot\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-accordion\"\u003e\n \u003cdetails class=\"tulsi-accordion-item\"\u003e\n \u003csummary class=\"tulsi-accordion-header\"\u003e📦 Contenance et durée\u003c\/summary\u003e\n \u003cdiv class=\"tulsi-accordion-content\"\u003e\n \u003cp\u003e60 gélules végétales • Durée : 30 à 60 jours selon le dosage • Format pratique à emporter partout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tulsi-accordion-item\"\u003e\n \u003csummary class=\"tulsi-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"tulsi-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Bien refermer le flacon après utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tulsi-accordion-item\"\u003e\n \u003csummary class=\"tulsi-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"tulsi-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. Déconseillé aux femmes enceintes et allaitantes sans avis médical. Consulter un professionnel de santé en cas de traitement médical en cours.\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=\"tulsi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tulsi-cta-box\"\u003e\n \u003cp\u003e🙏 Découvrez la sagesse ayurvédique ancestrale avec le Tulsi, basilic sacré vénéré en Inde depuis des millénaires. Profitez de ce trésor millénaire pour un bien-être respiratoire optimal et une tranquillité d'esprit renouvelée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tulsi-cream: #FAF7F2;\n --tulsi-white: #ffffff;\n --tulsi-primary: #E07B6A;\n --tulsi-primary-dark: #C4685A;\n --tulsi-primary-light: #F8EBE9;\n --tulsi-secondary: #5A8F4D;\n --tulsi-secondary-light: #EBF3E9;\n --tulsi-accent: #C4A962;\n --tulsi-text: #1a1a1a;\n --tulsi-text-light: #5a5a5a;\n --tulsi-border: #E8E4DB;\n --tulsi-shadow: 0 4px 24px rgba(0,0,0,.08);\n --tulsi-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --tulsi-radius: 20px;\n --tulsi-radius-sm: 12px;\n}\n\n.tulsi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tulsi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.tulsi-hero {\n position: relative;\n background: linear-gradient(135deg, #E07B6A 0%, #C4685A 50%, #B35D50 100%);\n border-radius: var(--tulsi-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(--tulsi-shadow-lg);\n}\n\n.tulsi-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 15% 25%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 85% 75%, rgba(196,169,98,.4) 0%, transparent 40%);\n}\n\n.tulsi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tulsi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.tulsi-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tulsi-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tulsi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tulsi-hero-title {\n display: block;\n color: white;\n font-size: clamp(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.tulsi-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.tulsi-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n margin: 0;\n}\n\n.tulsi-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tulsi-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tulsi-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.tulsi-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--tulsi-primary), var(--tulsi-secondary));\n border-radius: 2px;\n}\n\n.tulsi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.tulsi-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tulsi-card {\n background: var(--tulsi-white);\n border-radius: var(--tulsi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tulsi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tulsi-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tulsi-shadow-lg);\n border-color: var(--tulsi-primary);\n}\n\n.tulsi-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tulsi-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tulsi-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tulsi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tulsi-grid-compact .tulsi-card {\n padding: 1rem;\n}\n\n.tulsi-grid-compact .tulsi-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tulsi-grid-compact .tulsi-card p {\n font-size: 12px;\n}\n\n.tulsi-composition-box {\n background: var(--tulsi-white);\n border-radius: var(--tulsi-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tulsi-shadow);\n border: 3px solid var(--tulsi-secondary-light);\n}\n\n.tulsi-ingredient-highlight {\n text-align: center;\n padding-bottom: 1.5rem;\n margin-bottom: 1.5rem;\n border-bottom: 2px solid var(--tulsi-border);\n}\n\n.tulsi-ingredient-name {\n display: block;\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--tulsi-secondary);\n margin-bottom: .25rem;\n}\n\n.tulsi-ingredient-latin {\n display: block;\n font-size: 14px;\n color: var(--tulsi-text-light);\n font-style: italic;\n margin-bottom: .75rem;\n}\n\n.tulsi-ingredient-dose {\n display: inline-block;\n background: linear-gradient(135deg, var(--tulsi-primary), var(--tulsi-primary-dark));\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.tulsi-ingredient-highlight p {\n color: var(--tulsi-text-light);\n font-size: 14px;\n margin: 0;\n line-height: 1.6;\n}\n\n.tulsi-ingredient-list {\n display: grid;\n gap: .75rem;\n}\n\n.tulsi-ingredient-item {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 12px;\n background: var(--tulsi-secondary-light);\n border-radius: var(--tulsi-radius-sm);\n transition: all .3s ease;\n}\n\n.tulsi-ingredient-item:hover {\n transform: translateX(6px);\n background: var(--tulsi-primary-light);\n}\n\n.tulsi-check {\n font-size: 18px;\n color: var(--tulsi-secondary);\n font-weight: 700;\n}\n\n.tulsi-ingredient-item span:last-child {\n color: var(--tulsi-text);\n font-size: 14px;\n font-weight: 500;\n}\n\n.tulsi-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.25rem;\n}\n\n.tulsi-usage-card {\n background: var(--tulsi-white);\n border-radius: var(--tulsi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--tulsi-shadow);\n border: 2px solid var(--tulsi-primary-light);\n transition: all .3s ease;\n}\n\n.tulsi-usage-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tulsi-shadow-lg);\n border-color: var(--tulsi-primary);\n}\n\n.tulsi-usage-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--tulsi-primary), var(--tulsi-primary-dark));\n color: white;\n font-size: 22px;\n font-weight: 900;\n border-radius: 50%;\n margin-bottom: .75rem;\n box-shadow: 0 4px 16px rgba(224,123,106,.3);\n}\n\n.tulsi-usage-card h3 {\n font-size: 15px;\n font-weight: 800;\n color: var(--tulsi-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.tulsi-usage-card p {\n color: var(--tulsi-text-light);\n font-size: 13px;\n margin: 0;\n line-height: 1.5;\n}\n\n.tulsi-accordion {\n background: var(--tulsi-white);\n border-radius: var(--tulsi-radius);\n box-shadow: var(--tulsi-shadow);\n overflow: hidden;\n}\n\n.tulsi-accordion-item {\n border-bottom: 1px solid var(--tulsi-border);\n margin: 0;\n padding: 0;\n}\n\n.tulsi-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tulsi-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tulsi-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.tulsi-accordion-header:hover {\n background: var(--tulsi-primary-light);\n}\n\n.tulsi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tulsi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tulsi-primary);\n transition: transform .2s ease;\n}\n\n.tulsi-accordion-item[open] .tulsi-accordion-header::after {\n content: '−';\n}\n\n.tulsi-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tulsi-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.tulsi-accordion-content p {\n margin: 0;\n}\n\n.tulsi-cta-box {\n background: linear-gradient(135deg, var(--tulsi-secondary) 0%, #4A7840 100%);\n border-radius: var(--tulsi-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tulsi-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .tulsi-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .tulsi-usage-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .tulsi-card {\n padding: 1.125rem;\n }\n \n .tulsi-section {\n margin-bottom: 1.75rem;\n }\n \n .tulsi-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tulsi-radius-sm);\n }\n \n .tulsi-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .tulsi-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .tulsi-grid-compact {\n gap: .625rem;\n }\n \n .tulsi-grid-compact .tulsi-card {\n padding: .75rem;\n }\n \n .tulsi-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .tulsi-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .tulsi-card {\n animation: fadeInUp .5s ease backwards;\n }\n .tulsi-card:nth-child(1) { animation-delay: .05s; }\n .tulsi-card:nth-child(2) { animation-delay: .1s; }\n .tulsi-card:nth-child(3) { animation-delay: .15s; }\n .tulsi-card:nth-child(4) { animation-delay: .2s; }\n .tulsi-card:nth-child(5) { animation-delay: .25s; }\n .tulsi-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 .tulsi-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":45755255193757,"sku":"AY9007","price":15.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tulsi-bio-extrait-titre-respiration-apaisee-60-gelules-ayurvana-527480.jpg?v=1732722025"},{"product_id":"propolis-verte-et-miel-de-manuka-150-ml-aagaard","title":"Sirop Propolis Verte et Miel de Manuka - 150 ml - Aagaard","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Sirop Propolis Verte et Miel de Manuka - Aagaard\nPalette détectée:\n - Primaire: #1a4a4a (vert foncé profond du packaging principal)\n - Secondaire: #c9a227 (doré\/or du texte \"Propolis Verte\" et \"Miel de Manuka\")\n - Accent: #4a7c59 (vert bordure de l'étiquette)\n - Background: #f8f6f1 (crème naturel)\nAmbiance: Naturel\/Bio, Premium apicole, Tradition française, Santé naturelle\nPréfixe CSS: pvm\n--\u003e\n\n\u003cdiv class=\"pvm-premium\"\u003e\n \n \u003cdiv class=\"pvm-hero\"\u003e\n \u003cdiv class=\"pvm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pvm-hero-content\"\u003e\n \u003cdiv class=\"pvm-badges-top\"\u003e\n \u003cspan class=\"pvm-badge\"\u003e🐝 Propolis verte du Brésil\u003c\/span\u003e\n \u003cspan class=\"pvm-badge\"\u003e🍯 Manuka 250+ MGO\u003c\/span\u003e\n \u003cspan class=\"pvm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pvm-hero-title\"\u003eSirop Propolis Verte \u0026amp; Miel de Manuka\u003c\/span\u003e\n \u003cp class=\"pvm-subtitle\"\u003eL'alliance exceptionnelle de deux trésors de la ruche\u003c\/p\u003e\n \u003cp class=\"pvm-description\"\u003eCertifié Bio • 150 ml • Depuis 1967\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003e🌿 Pourquoi ce sirop est unique\u003c\/h2\u003e\n \u003cdiv class=\"pvm-grid\"\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🌱 Propolis verte brésilienne\u003c\/h3\u003e\n \u003cp\u003eRécoltée à partir du romarin des champs, elle contient l'\u003cstrong\u003eArtépilline C\u003c\/strong\u003e, un composé exclusif absent des propolis européennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🍯 Miel de Manuka 250+ MGO\u003c\/h3\u003e\n \u003cp\u003eIndice élevé en méthylglyoxal garantissant une concentration optimale en principes actifs de Nouvelle-Zélande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🌸 Échinacée bio\u003c\/h3\u003e\n \u003cp\u003ePlante traditionnellement utilisée pour soutenir les défenses naturelles de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🌲 Huiles essentielles\u003c\/h3\u003e\n \u003cp\u003ePin sylvestre, Eucalyptus radié et Manuka pour dégager les voies respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e✨ Pureté exceptionnelle\u003c\/h3\u003e\n \u003cp\u003ePropolis récoltée dans des zones préservées du Brésil, loin de toute pollution industrielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🏆 Qualité certifiée AB\u003c\/h3\u003e\n \u003cp\u003e100% des ingrédients issus de l'agriculture biologique, traçabilité complète garantie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003e🎯 Pour qui est ce sirop ?\u003c\/h2\u003e\n \u003cdiv class=\"pvm-grid\"\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e❄️ Sensibles au froid\u003c\/h3\u003e\n \u003cp\u003eIdéal pour traverser l'hiver sereinement et renforcer votre résistance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e😷 Gêne de la gorge\u003c\/h3\u003e\n \u003cp\u003eApaise et adoucit naturellement en cas d'inconfort au niveau des voies respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003ePour ceux qui recherchent une alternative bio aux solutions conventionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🇫🇷 Exigeants sur la qualité\u003c\/h3\u003e\n \u003cp\u003eFabrication française selon les normes GMP de l'OMS depuis plus de 55 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003e📋 Composition complète\u003c\/h2\u003e\n \u003cdiv class=\"pvm-composition\"\u003e\n \u003cdiv class=\"pvm-ingredient-grid\"\u003e\n \u003cdiv class=\"pvm-ingredient\"\u003e\n \u003cspan class=\"pvm-ingredient-name\"\u003e🍚 Sirop de riz bio\u003c\/span\u003e\n \u003cspan class=\"pvm-ingredient-detail\"\u003eBase naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-ingredient\"\u003e\n \u003cspan class=\"pvm-ingredient-name\"\u003e🍯 Miel de montagne bio\u003c\/span\u003e\n \u003cspan class=\"pvm-ingredient-detail\"\u003eAdoucissant naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-ingredient\"\u003e\n \u003cspan class=\"pvm-ingredient-name\"\u003e🌸 Échinacée bio\u003c\/span\u003e\n \u003cspan class=\"pvm-ingredient-detail\"\u003eExtrait de racine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-ingredient\"\u003e\n \u003cspan class=\"pvm-ingredient-name\"\u003e🍯 Miel de Manuka bio\u003c\/span\u003e\n \u003cspan class=\"pvm-ingredient-detail\"\u003e5% - 250+ MGO\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-ingredient\"\u003e\n \u003cspan class=\"pvm-ingredient-name\"\u003e🐝 Propolis verte bio\u003c\/span\u003e\n \u003cspan class=\"pvm-ingredient-detail\"\u003e1,5% - Extrait alcoolique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-ingredient\"\u003e\n \u003cspan class=\"pvm-ingredient-name\"\u003e🌿 HE de Manuka bio\u003c\/span\u003e\n \u003cspan class=\"pvm-ingredient-detail\"\u003eFeuilles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-ingredient\"\u003e\n \u003cspan class=\"pvm-ingredient-name\"\u003e🌲 HE Pin sylvestre bio\u003c\/span\u003e\n \u003cspan class=\"pvm-ingredient-detail\"\u003eAiguilles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-ingredient\"\u003e\n \u003cspan class=\"pvm-ingredient-name\"\u003e🍃 HE Eucalyptus radié bio\u003c\/span\u003e\n \u003cspan class=\"pvm-ingredient-detail\"\u003eFeuilles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003e✅ Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pvm-steps\"\u003e\n \u003cdiv class=\"pvm-step\"\u003e\n \u003cdiv class=\"pvm-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pvm-step-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 cuillère à soupe (15 ml)\u003c\/strong\u003e, 2 fois par jour, matin et soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-step\"\u003e\n \u003cdiv class=\"pvm-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pvm-step-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e5 jours\u003c\/strong\u003e de cure, renouvelable si nécessaire selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-step\"\u003e\n \u003cdiv class=\"pvm-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pvm-step-content\"\u003e\n \u003ch3\u003eAstuce efficacité\u003c\/h3\u003e\n \u003cp\u003eLaissez le sirop quelques secondes en bouche avant d'avaler pour optimiser l'action sur la gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"pvm-grid-compact\"\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003eFlacon de 150 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e⏱️ Durée d'utilisation\u003c\/h3\u003e\n \u003cp\u003e≈ 10 jours de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFrance - Depuis 1967\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🌱 Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"pvm-accordion\"\u003e\n \u003cdetails class=\"pvm-accordion-item\"\u003e\n \u003csummary class=\"pvm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"pvm-accordion-content\"\u003e\n \u003cp\u003eConservez le sirop à l'abri de la chaleur et de l'humidité. Après ouverture, refermez bien le flacon et consommez dans les 3 mois pour préserver toutes les qualités du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pvm-accordion-item\"\u003e\n \u003csummary class=\"pvm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"pvm-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire n'est \u003cstrong\u003epas adapté\u003c\/strong\u003e aux :\u003c\/p\u003e\n \u003cul style=\"margin: .5rem 0 0 1.25rem; line-height: 1.8;\"\u003e\n \u003cli\u003eEnfants de moins de 12 ans\u003c\/li\u003e\n \u003cli\u003eFemmes enceintes ou allaitantes\u003c\/li\u003e\n \u003cli\u003ePersonnes allergiques aux produits de la ruche\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp style=\"margin-top: .75rem;\"\u003eNe remplace pas une alimentation variée et équilibrée. En cas de doute, consultez votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pvm-accordion-item\"\u003e\n \u003csummary class=\"pvm-accordion-header\"\u003e🏭 Engagement qualité Aagaard\u003c\/summary\u003e\n \u003cdiv class=\"pvm-accordion-content\"\u003e\n \u003cp\u003ePionnier de l'apithérapie en France depuis plus de 55 ans, Aagaard sélectionne les meilleures matières premières apicoles et fabrique selon les normes GMP (Bonnes Pratiques de Fabrication) de l'OMS. Traçabilité complète garantie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pvm-cta-box\"\u003e\n \u003cp\u003e🐝 L'alliance parfaite de la \u003cstrong\u003epropolis verte brésilienne\u003c\/strong\u003e et du \u003cstrong\u003emiel de Manuka\u003c\/strong\u003e pour renforcer votre organisme naturellement tout au long de l'hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pvm-cream: #f8f6f1;\n --pvm-white: #ffffff;\n --pvm-primary: #1a4a4a;\n --pvm-primary-dark: #0f3535;\n --pvm-primary-light: #e8f0ef;\n --pvm-secondary: #c9a227;\n --pvm-accent: #4a7c59;\n --pvm-text: #1a1a1a;\n --pvm-text-light: #5a5a5a;\n --pvm-border: #e0e0e0;\n --pvm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pvm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pvm-radius: 20px;\n --pvm-radius-sm: 12px;\n}\n\n.pvm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pvm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.pvm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--pvm-primary) 0%, var(--pvm-primary-dark) 50%, #0a2828 100%);\n border-radius: var(--pvm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pvm-shadow-lg);\n}\n\n.pvm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: 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 L55 17.5 L55 42.5 L30 55 L5 42.5 L5 17.5 Z' fill='none' stroke='%23c9a227' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n opacity: .08;\n}\n\n.pvm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pvm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.pvm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pvm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pvm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(201,162,39,.3);\n}\n\n.pvm-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.pvm-subtitle {\n color: var(--pvm-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .5rem 0;\n}\n\n.pvm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n}\n\n.pvm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pvm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pvm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pvm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pvm-secondary), var(--pvm-accent));\n border-radius: 2px;\n}\n\n.pvm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pvm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pvm-card {\n background: var(--pvm-white);\n border-radius: var(--pvm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pvm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pvm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pvm-shadow-lg);\n border-color: var(--pvm-secondary);\n}\n\n.pvm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pvm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pvm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pvm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pvm-grid-compact .pvm-card {\n padding: 1rem;\n}\n\n.pvm-grid-compact .pvm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pvm-grid-compact .pvm-card p {\n font-size: 12px;\n}\n\n\/* Composition *\/\n.pvm-composition {\n background: var(--pvm-white);\n border-radius: var(--pvm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pvm-shadow);\n}\n\n.pvm-ingredient-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n}\n\n.pvm-ingredient {\n display: flex;\n flex-direction: column;\n padding: 1rem;\n background: var(--pvm-primary-light);\n border-radius: var(--pvm-radius-sm);\n border-left: 4px solid var(--pvm-secondary);\n}\n\n.pvm-ingredient-name {\n font-weight: 700;\n color: var(--pvm-primary-dark);\n font-size: 14px;\n margin-bottom: 4px;\n}\n\n.pvm-ingredient-detail {\n font-size: 12px;\n color: var(--pvm-text-light);\n}\n\n\/* Steps *\/\n.pvm-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pvm-step {\n display: flex;\n gap: 1.25rem;\n background: var(--pvm-white);\n border-radius: var(--pvm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pvm-shadow);\n align-items: flex-start;\n transition: all .3s ease;\n}\n\n.pvm-step:hover {\n transform: translateX(8px);\n box-shadow: var(--pvm-shadow-lg);\n}\n\n.pvm-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--pvm-secondary), var(--pvm-accent));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 16px rgba(201,162,39,.3);\n}\n\n.pvm-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--pvm-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.pvm-step-content p {\n font-size: 14px;\n color: var(--pvm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Accordéon *\/\n.pvm-accordion {\n background: var(--pvm-white);\n border-radius: var(--pvm-radius);\n box-shadow: var(--pvm-shadow);\n overflow: hidden;\n}\n\n.pvm-accordion-item {\n border-bottom: 1px solid var(--pvm-border);\n margin: 0;\n padding: 0;\n}\n\n.pvm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pvm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pvm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pvm-accordion-header:hover {\n background: var(--pvm-primary-light);\n}\n\n.pvm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pvm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pvm-secondary);\n transition: transform .2s ease;\n}\n\n.pvm-accordion-item[open] .pvm-accordion-header::after {\n content: '−';\n}\n\n.pvm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pvm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.pvm-accordion-content p {\n margin: 0;\n}\n\n\/* CTA Box *\/\n.pvm-cta-box {\n background: linear-gradient(135deg, var(--pvm-primary) 0%, var(--pvm-primary-dark) 100%);\n border-radius: var(--pvm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pvm-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, var(--pvm-secondary) 0%, transparent 70%);\n opacity: .15;\n}\n\n.pvm-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\/* Responsive *\/\n@media (max-width: 767px) {\n .pvm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .pvm-grid-compact {\n gap: .625rem;\n }\n \n .pvm-grid-compact .pvm-card {\n padding: .75rem;\n }\n \n .pvm-card {\n padding: 1.125rem;\n }\n \n .pvm-section {\n margin-bottom: 1.75rem;\n }\n \n .pvm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pvm-radius-sm);\n }\n \n .pvm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .pvm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .pvm-ingredient-grid {\n grid-template-columns: 1fr;\n }\n \n .pvm-step {\n gap: 1rem;\n }\n \n .pvm-step-number {\n width: 40px;\n height: 40px;\n font-size: 16px;\n }\n \n .pvm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .pvm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n .pvm-card, .pvm-step, .pvm-ingredient {\n animation: fadeInUp .5s ease backwards;\n }\n .pvm-card:nth-child(1), .pvm-step:nth-child(1) { animation-delay: .05s; }\n .pvm-card:nth-child(2), .pvm-step:nth-child(2) { animation-delay: .1s; }\n .pvm-card:nth-child(3), .pvm-step:nth-child(3) { animation-delay: .15s; }\n .pvm-card:nth-child(4) { animation-delay: .2s; }\n .pvm-card:nth-child(5) { animation-delay: .25s; }\n .pvm-card:nth-child(6) { animation-delay: .3s; }\n}\n\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 .pvm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AAGAARD","offers":[{"title":"Default Title","offer_id":45755278491805,"sku":"NBAIAAG0007","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/sirop-propolis-verte-et-miel-de-manuka-150-ml-aagaard_11zon.jpg?v=1759570803"},{"product_id":"propolis-pure-a-macher-bio-10-g-propolia-apimab","title":"Propolis Pure à Mâcher Bio 10 g - Soulage la Gorge - Propolia","description":"\u003cdiv class=\"prop-premium\"\u003e\n \u003cdiv class=\"prop-hero\"\u003e\n \u003cdiv class=\"prop-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"prop-hero-content\"\u003e\n \u003cdiv class=\"prop-badges-top\"\u003e\n \u003cspan class=\"prop-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🐝 100% Propolis pure\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e✂️ Plaquette prédécoupée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"prop-hero-title\"\u003eLe trésor de la ruche à emporter partout\u003c\/span\u003e\n \u003cp class=\"prop-description\"\u003eVéritable trésor de la ruche, la \u003cstrong\u003ePropolis Pure à Mâcher Bio de Propolia\u003c\/strong\u003e se présente sous forme de bâtonnets prédécoupés, prêts à l'emploi. Récoltée et façonnée en France par Apimab, cette propolis bio à 100 % vous offre toute la richesse naturelle des abeilles, dans un format pratique et concentré. Une alternative authentique aux sprays propolis gorge, à glisser dans votre poche pour faire face aux premiers signes de fatigue ou aux maux de gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003ePourquoi choisir la propolis pure à mâcher ?\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eContrairement à un \u003cstrong\u003espray pour la gorge à la propolis\u003c\/strong\u003e, la version pure à mâcher libère progressivement ses principes actifs dans la bouche, prolongeant l'effet apaisant. Riche en \u003cstrong\u003eflavonoïdes, phénols et acides aromatiques\u003c\/strong\u003e, la propolis est récoltée par les abeilles sur les bourgeons d'arbres pour protéger la ruche : un véritable bouclier naturel, qu'elles partagent avec nous.\u003c\/p\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🗣️ Soulage les maux de gorge\u003c\/h3\u003e\n \u003cp\u003eApaise efficacement angines, rhinopharyngites et irritations passagères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e😬 Apaise les gencives\u003c\/h3\u003e\n \u003cp\u003eFavorise la cicatrisation des aphtes et le confort des gencives sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🛡️ Soutient les défenses\u003c\/h3\u003e\n \u003cp\u003eRenforce naturellement vos défenses en période hivernale et au fil des saisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e❄️ Fraîcheur durable\u003c\/h3\u003e\n \u003cp\u003eProcure une sensation de fraîcheur et de propreté prolongée en bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eComposition : une propolis bio 100 % pure\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eLa fiche est simple, et c'est tout l'intérêt : \u003cstrong\u003e100 % propolis purifiée issue de l'agriculture biologique\u003c\/strong\u003e (certifiée AB). Aucun additif, aucun conservateur, aucun pesticide. Le procédé unique de purification développé par Propolia élimine les impuretés (cires, débris végétaux) tout en préservant l'intégralité des composés actifs.\u003c\/p\u003e\n \u003cdiv class=\"prop-grid-compact\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌿 100% bio\u003c\/h3\u003e\n \u003cp\u003ePropolis purifiée certifiée Agriculture Biologique (AB).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🚫 Zéro additif\u003c\/h3\u003e\n \u003cp\u003eSans conservateurs, sans pesticides, sans excipients.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e⚖️ Poids net 10 g\u003c\/h3\u003e\n \u003cp\u003eEnviron 10 barrettes prédécoupées d'1 g chacune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🔬 Procédé unique\u003c\/h3\u003e\n \u003cp\u003ePurification douce qui préserve tous les composés actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003ePour profiter pleinement des bienfaits de la \u003cstrong\u003epropolis pour la gorge\u003c\/strong\u003e, suivez ces étapes simples :\u003c\/p\u003e\n \u003cdiv class=\"prop-timeline\"\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003eDétachez une barrette\u003c\/h3\u003e\n \u003cp\u003ePrélevez une barrette prédécoupée d'environ 1 g dans la plaquette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003eRéchauffez en bouche\u003c\/h3\u003e\n \u003cp\u003ePlacez-la en bouche et laissez-la s'assouplir quelques secondes avec la salive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003eMâchez 10 à 15 minutes\u003c\/h3\u003e\n \u003cp\u003eMâchez lentement jusqu'à obtenir une pâte homogène et profitez de la libération progressive des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003eRessentez l'effet\u003c\/h3\u003e\n \u003cp\u003eLe léger picotement ressenti est le signe d'une propolis riche et active.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"prop-tip\"\u003e\n \u003cspan class=\"prop-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePosologie recommandée :\u003c\/strong\u003e Adultes : 1 à 3 g par jour, en prévention ou dès l'apparition des premiers symptômes. Enfants (à partir de 6 ans) : 1 g par jour, sous surveillance. À utiliser en cure de 3 semaines lors des changements de saison, ou ponctuellement en cas d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eUne fabrication française respectueuse des abeilles\u003c\/h2\u003e\n \u003cdiv class=\"prop-testimonial\"\u003e\n \u003cp class=\"prop-testimonial-text\"\u003e\"Propolia-Apimab maîtrise toute la chaîne, de la ruche au produit fini. Les apiculteurs partenaires sont engagés dans une démarche biologique stricte, garantissant le bien-être des abeilles et une propolis bio d'une qualité irréprochable. La purification est réalisée dans les ateliers situés dans l'Hérault, perpétuant un savoir-faire apicole unique depuis plus de 40 ans.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"prop-accordion\"\u003e\n \u003cdetails class=\"prop-accordion-item\"\u003e\n \u003csummary class=\"prop-accordion-header\"\u003e💧 La propolis à mâcher est-elle plus efficace qu'un spray propolis gorge ?\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n \u003cp\u003eLes deux formes sont complémentaires. La propolis à mâcher offre une libération prolongée des actifs, idéale en fond d'action, tandis que le spray cible rapidement la zone irritée. À vous de choisir selon vos préférences.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prop-accordion-item\"\u003e\n \u003csummary class=\"prop-accordion-header\"\u003e👅 Quel est le goût de la propolis pure ?\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n \u003cp\u003eLe goût est puissant, légèrement résineux et balsamique, avec un picotement caractéristique. C'est la signature d'une propolis brute et de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prop-accordion-item\"\u003e\n \u003csummary class=\"prop-accordion-header\"\u003e⚠️ Y a-t-il des précautions à prendre ?\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux personnes allergiques aux produits de la ruche et aux femmes enceintes ou allaitantes sans avis médical. Ce produit est un complément alimentaire et \u003cstrong\u003ene se substitue pas à un traitement médical\u003c\/strong\u003e. En cas de symptômes persistants, consultez votre médecin.\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 --prop-cream: #faf6f0;\n --prop-white: #ffffff;\n --prop-primary: #8a1e1e;\n --prop-primary-dark: #5e1414;\n --prop-primary-light: #fbe8e3;\n --prop-secondary: #e8a01e;\n --prop-accent: #f4c659;\n --prop-text: #2a1a1a;\n --prop-text-light: #6a5a5a;\n --prop-border: #e8dccd;\n --prop-shadow: 0 4px 24px rgba(90,30,30,.08);\n --prop-shadow-lg: 0 12px 48px rgba(90,30,30,.18);\n --prop-radius: 20px;\n --prop-radius-sm: 12px;\n}\n\n.prop-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--prop-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--prop-text);\n line-height: 1.6;\n}\n\n.prop-hero {\n position: relative;\n background: linear-gradient(135deg, #8a1e1e 0%, #a82828 50%, #e8a01e 100%);\n border-radius: var(--prop-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(--prop-shadow-lg);\n}\n\n.prop-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(244,198,89,.4) 0%, transparent 50%);\n opacity: .25;\n}\n\n.prop-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.prop-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n line-height: 1.05;\n}\n\n.prop-subtitle {\n color: var(--prop-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n.prop-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.prop-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.prop-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(--prop-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.prop-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.prop-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.prop-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--prop-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.prop-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(--prop-primary), var(--prop-secondary));\n border-radius: 2px;\n}\n\n.prop-section-intro {\n text-align: center;\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--prop-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.prop-card {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--prop-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.prop-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--prop-shadow-lg);\n border-color: var(--prop-primary);\n}\n\n.prop-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--prop-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.prop-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--prop-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.prop-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.25rem;\n}\n\n.prop-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.prop-grid-compact .prop-card {\n padding: 1rem;\n}\n\n.prop-grid-compact .prop-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.prop-grid-compact .prop-card p {\n font-size: 12px;\n}\n\n.prop-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.prop-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.prop-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--prop-primary), var(--prop-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(138,30,30,.3);\n}\n\n.prop-timeline-content {\n flex: 1;\n background: var(--prop-white);\n padding: 1rem 1.25rem;\n border-radius: var(--prop-radius-sm);\n box-shadow: var(--prop-shadow);\n}\n\n.prop-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--prop-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.prop-timeline-content p {\n font-size: 14px;\n color: var(--prop-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.prop-testimonial {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--prop-shadow);\n border-left: 4px solid var(--prop-primary);\n}\n\n.prop-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--prop-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.prop-accordion {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n box-shadow: var(--prop-shadow);\n overflow: hidden;\n}\n\n.prop-accordion-item {\n border-bottom: 1px solid var(--prop-border);\n margin: 0;\n padding: 0;\n}\n\n.prop-accordion-item:last-child {\n border-bottom: none;\n}\n\n.prop-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--prop-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n gap: 1rem;\n}\n\n.prop-accordion-header:hover {\n background: var(--prop-primary-light);\n}\n\n.prop-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.prop-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--prop-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n}\n\n.prop-accordion-item[open] .prop-accordion-header::after {\n content: '−';\n}\n\n.prop-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--prop-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.prop-accordion-content p {\n margin: 0;\n}\n\n.prop-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--prop-primary-light);\n border-radius: var(--prop-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--prop-secondary);\n}\n\n.prop-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.prop-tip p {\n font-size: 14px;\n color: var(--prop-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .prop-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .prop-card {\n padding: 1.125rem;\n }\n .prop-section {\n margin-bottom: 1.75rem;\n }\n .prop-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--prop-radius-sm);\n }\n .prop-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .prop-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .prop-grid-compact {\n gap: .625rem;\n }\n .prop-grid-compact .prop-card {\n padding: .75rem;\n }\n .prop-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .prop-timeline-content {\n padding: .875rem 1rem;\n }\n .prop-timeline-content h3 {\n font-size: 14px;\n }\n .prop-timeline-content p {\n font-size: 13px;\n }\n .prop-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .prop-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .prop-testimonial {\n padding: 1.25rem;\n }\n .prop-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .prop-card {\n animation: propFadeInUp .5s ease backwards;\n }\n .prop-card:nth-child(1) { animation-delay: .05s; }\n .prop-card:nth-child(2) { animation-delay: .1s; }\n .prop-card:nth-child(3) { animation-delay: .15s; }\n .prop-card:nth-child(4) { animation-delay: .2s; }\n .prop-card:nth-child(5) { animation-delay: .25s; }\n .prop-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes propFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .prop-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":45755329118365,"sku":"AP0101","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/propolis-pure-a-macher-bio-10-g-soulage-la-gorge-propolia-packshothd.webp?v=1785488903"},{"product_id":"andrographis-echinacee-dinde-60-gelules-vegetales-ayurvana","title":"Andrographis - Renforce les défenses immunitaires - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Andrographis - Échinacée d'Inde - Ayur-Vana\nPalette détectée:\n - Primaire: #5B8C3E (vert olive\/nature du texte \"Andrographis\")\n - Secondaire: #E67E22 (orange chaleureux du texte \"Extrait\")\n - Accent: #3498DB (bleu du \"AY\" du logo)\n - Tertiaire: #8B5A8B (violet\/prune des motifs mandalas indiens)\nAmbiance: Ayurvédique authentique, tradition indienne, motifs mandalas colorés, fond crème\/ivoire chaleureux, packaging cylindrique gris élégant, fleur blanche d'Andrographis\nPréfixe CSS: ag\n--\u003e\n\n\u003cdiv class=\"ag-premium\"\u003e\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🛡️ Défenses immunitaires\u003c\/span\u003e\n \u003cspan class=\"ag-badge\"\u003e🌿 10% andrographolides\u003c\/span\u003e\n \u003cspan class=\"ag-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ag-hero-title\"\u003eAndrographis\u003c\/span\u003e\n \u003cp class=\"ag-subtitle\"\u003eL'échinacée d'Inde • Extrait titré haute efficacité\u003c\/p\u003e\n \u003cp class=\"ag-description\"\u003ePuissant allié de votre système immunitaire issu de la tradition ayurvédique millénaire. Renforcez naturellement vos défenses contre les agressions hivernales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003e✨ Vos bénéfices au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"ag-grid\"\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🛡️ Stimule l'immunité\u003c\/h3\u003e\n \u003cp\u003eRenforce efficacement vos défenses naturelles contre les rhumes, grippes et infections ORL grâce aux andrographolides actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🌬️ Confort respiratoire\u003c\/h3\u003e\n \u003cp\u003eApaise naturellement la toux, les maux de gorge et les inflammations des voies respiratoires pour un bien-être optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e⚡ Anti-inflammatoire\u003c\/h3\u003e\n \u003cp\u003eAction puissante contre l'inflammation et le stress oxydatif grâce à la concentration élevée en principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003e🌿 Composition premium\u003c\/h2\u003e\n \u003cdiv class=\"ag-composition-box\"\u003e\n \u003cdiv class=\"ag-ingredient-main\"\u003e\n \u003cdiv class=\"ag-ingredient-icon\"\u003e🌸\u003c\/div\u003e\n \u003cdiv class=\"ag-ingredient-info\"\u003e\n \u003ch3\u003eAndrographis paniculata\u003c\/h3\u003e\n \u003cp class=\"ag-ingredient-subtitle\"\u003eExtrait sec de parties aériennes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-ingredient-details\"\u003e\n \u003cdiv class=\"ag-detail-item\"\u003e\n \u003cspan class=\"ag-detail-label\"\u003eDosage journalier\u003c\/span\u003e\n \u003cspan class=\"ag-detail-value\"\u003e1 800 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-detail-item\"\u003e\n \u003cspan class=\"ag-detail-label\"\u003eTitrage andrographolides\u003c\/span\u003e\n \u003cspan class=\"ag-detail-value\"\u003e10%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-detail-item\"\u003e\n \u003cspan class=\"ag-detail-label\"\u003eActifs purs \/ jour\u003c\/span\u003e\n \u003cspan class=\"ag-detail-value\"\u003e180 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-capsule-info\"\u003e\n \u003cspan class=\"ag-capsule-icon\"\u003e💊\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eGélule végétale (hypromellose)\u003c\/strong\u003e\n \u003cp\u003eAdaptée aux régimes végans • Sans gluten • Sans additifs controversés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi optimal\u003c\/h2\u003e\n \u003cdiv class=\"ag-usage-grid\"\u003e\n \u003cdiv class=\"ag-usage-phase\"\u003e\n \u003cdiv class=\"ag-phase-header ag-phase-attack\"\u003e\n \u003cspan class=\"ag-phase-icon\"\u003e⚡\u003c\/span\u003e\n \u003cspan class=\"ag-phase-title\"\u003ePhase d'attaque\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-phase-content\"\u003e\n \u003cdiv class=\"ag-dose-visual\"\u003e\n \u003cspan class=\"ag-dose-number\"\u003e6\u003c\/span\u003e\n \u003cspan class=\"ag-dose-unit\"\u003egélules\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cul class=\"ag-dose-schedule\"\u003e\n \u003cli\u003e\n\u003cspan class=\"ag-time\"\u003e🌅 Matin\u003c\/span\u003e 2 gélules\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"ag-time\"\u003e☀️ Midi\u003c\/span\u003e 2 gélules\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"ag-time\"\u003e🌙 Soir\u003c\/span\u003e 2 gélules\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"ag-duration\"\u003ePendant \u003cstrong\u003e10 jours\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-usage-phase\"\u003e\n \u003cdiv class=\"ag-phase-header ag-phase-maintenance\"\u003e\n \u003cspan class=\"ag-phase-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"ag-phase-title\"\u003ePhase d'entretien\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-phase-content\"\u003e\n \u003cdiv class=\"ag-dose-visual\"\u003e\n \u003cspan class=\"ag-dose-number\"\u003e2\u003c\/span\u003e\n \u003cspan class=\"ag-dose-unit\"\u003egélules\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cul class=\"ag-dose-schedule\"\u003e\n \u003cli\u003e\n\u003cspan class=\"ag-time\"\u003e🌅 Matin\u003c\/span\u003e 2 gélules\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"ag-duration\"\u003ePendant \u003cstrong\u003e10 jours\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-tip-box\"\u003e\n \u003cspan class=\"ag-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePrendre les gélules avec un grand verre d'eau, de préférence au cours des repas pour une meilleure absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"ag-grid-compact\"\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🤧 Sujets aux infections\u003c\/h3\u003e\n \u003cp\u003eRhumes et grippes à répétition\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e❄️ Sensibles à l'hiver\u003c\/h3\u003e\n \u003cp\u003ePrévention saisonnière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e😷 Gênes ORL\u003c\/h3\u003e\n \u003cp\u003eToux, gorge irritée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🧘 Adeptes ayurveda\u003c\/h3\u003e\n \u003cp\u003eSolutions naturelles traditionnelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003eℹ️ Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"ag-grid-compact\"\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e60 gélules végétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e⏱️ Durée\u003c\/h3\u003e\n \u003cp\u003e10 à 30 jours selon usage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🌱 Certifications\u003c\/h3\u003e\n \u003cp\u003e100% vegan • Sans gluten\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"ag-accordion\"\u003e\n \u003cdetails class=\"ag-accordion-item\"\u003e\n \u003csummary class=\"ag-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ag-accordion-content\"\u003e\n \u003cp\u003eDéconseillé pendant la grossesse et l'allaitement. Éviter en cas de traitement anticoagulant ou antidiabétique. Consulter un professionnel de santé en cas de maladie auto-immune ou de pathologie hépatique. Ne pas dépasser la dose journalière recommandée.\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🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ag-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Refermer soigneusement le flacon après chaque utilisation. Tenir hors de portée des enfants.\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🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"ag-accordion-content\"\u003e\n \u003cp\u003eFabriqué en France selon les standards européens les plus stricts en matière de qualité et de traçabilité. Extrait titré à 10% minimum en andrographolides pour garantir une efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ag-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ag-cta-box\"\u003e\n \u003cp\u003e🛡️ Offrez à votre système immunitaire le pouvoir ancestral de l'Andrographis.\u003cbr\u003e\u003cstrong\u003eLa sagesse ayurvédique au service de votre vitalité.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ag-cream: #FDF8F3;\n --ag-white: #ffffff;\n --ag-primary: #5B8C3E;\n --ag-primary-dark: #3D6829;\n --ag-primary-light: #E8F5E0;\n --ag-secondary: #E67E22;\n --ag-secondary-light: #FEF3E8;\n --ag-accent: #3498DB;\n --ag-accent-light: #EBF5FB;\n --ag-tertiary: #8B5A8B;\n --ag-text: #2C3E2D;\n --ag-text-light: #5D6B5E;\n --ag-border: #E8E4DE;\n --ag-shadow: 0 4px 24px rgba(91, 140, 62, 0.08);\n --ag-shadow-lg: 0 12px 48px rgba(91, 140, 62, 0.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 color: var(--ag-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.ag-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ag-primary) 0%, var(--ag-primary-dark) 50%, #2D4A1C 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: \n radial-gradient(circle at 20% 80%, rgba(230, 126, 34, 0.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(139, 90, 139, 0.15) 0%, transparent 50%);\n opacity: 1;\n}\n\n.ag-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ag-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\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, 0.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, 0.1);\n transition: all 0.3s ease;\n}\n\n.ag-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ag-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.ag-subtitle {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.ag-description {\n color: rgba(255, 255, 255, 0.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === 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: -0.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-secondary));\n border-radius: 2px;\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\/* === 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 0.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 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\/* === COMPOSITION === *\/\n.ag-composition-box {\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}\n\n.ag-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px dashed var(--ag-border);\n}\n\n.ag-ingredient-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--ag-primary-light), rgba(139, 90, 139, 0.15));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n flex-shrink: 0;\n}\n\n.ag-ingredient-info h3 {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--ag-primary-dark);\n margin: 0 0 0.25rem 0;\n font-style: italic;\n}\n\n.ag-ingredient-subtitle {\n color: var(--ag-text-light);\n font-size: 14px;\n margin: 0;\n}\n\n.ag-ingredient-details {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.ag-detail-item {\n background: var(--ag-primary-light);\n padding: 1rem;\n border-radius: var(--ag-radius-sm);\n text-align: center;\n}\n\n.ag-detail-label {\n display: block;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--ag-text-light);\n margin-bottom: 4px;\n}\n\n.ag-detail-value {\n display: block;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--ag-primary-dark);\n}\n\n.ag-capsule-info {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--ag-accent-light);\n padding: 1rem 1.25rem;\n border-radius: var(--ag-radius-sm);\n}\n\n.ag-capsule-icon {\n font-size: 1.75rem;\n flex-shrink: 0;\n}\n\n.ag-capsule-info strong {\n color: var(--ag-accent);\n display: block;\n margin-bottom: 4px;\n font-size: 15px;\n}\n\n.ag-capsule-info p {\n margin: 0;\n font-size: 13px;\n color: var(--ag-text-light);\n}\n\n\/* === USAGE === *\/\n.ag-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.ag-usage-phase {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n overflow: hidden;\n box-shadow: var(--ag-shadow);\n transition: all 0.3s ease;\n}\n\n.ag-usage-phase:hover {\n transform: translateY(-4px);\n box-shadow: var(--ag-shadow-lg);\n}\n\n.ag-phase-header {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 1rem 1.25rem;\n color: white;\n font-weight: 700;\n}\n\n.ag-phase-attack {\n background: linear-gradient(135deg, var(--ag-secondary), #D35400);\n}\n\n.ag-phase-maintenance {\n background: linear-gradient(135deg, var(--ag-primary), var(--ag-primary-dark));\n}\n\n.ag-phase-icon {\n font-size: 1.25rem;\n}\n\n.ag-phase-title {\n font-size: 1rem;\n}\n\n.ag-phase-content {\n padding: 1.25rem;\n}\n\n.ag-dose-visual {\n text-align: center;\n margin-bottom: 1rem;\n}\n\n.ag-dose-number {\n display: block;\n font-size: 2.5rem;\n font-weight: 900;\n color: var(--ag-primary-dark);\n line-height: 1;\n}\n\n.ag-dose-unit {\n font-size: 13px;\n color: var(--ag-text-light);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.ag-dose-schedule {\n list-style: none;\n padding: 0;\n margin: 0 0 1rem 0;\n}\n\n.ag-dose-schedule li {\n display: flex;\n justify-content: space-between;\n padding: 0.5rem 0;\n border-bottom: 1px solid var(--ag-border);\n font-size: 14px;\n}\n\n.ag-dose-schedule li:last-child {\n border-bottom: none;\n}\n\n.ag-time {\n color: var(--ag-text-light);\n}\n\n.ag-duration {\n text-align: center;\n background: var(--ag-primary-light);\n padding: 0.75rem;\n border-radius: var(--ag-radius-sm);\n font-size: 14px;\n color: var(--ag-primary-dark);\n margin: 0;\n}\n\n.ag-tip-box {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--ag-secondary-light);\n padding: 1rem 1.25rem;\n border-radius: var(--ag-radius-sm);\n border-left: 4px solid var(--ag-secondary);\n}\n\n.ag-tip-icon {\n font-size: 1.25rem;\n flex-shrink: 0;\n}\n\n.ag-tip-box p {\n margin: 0;\n font-size: 14px;\n color: var(--ag-text);\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 0.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 0.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}\n\n.ag-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\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, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n margin: 0;\n}\n\n.ag-cta-box strong {\n color: #FFE0B2;\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-grid-compact {\n gap: 0.625rem;\n }\n \n .ag-grid-compact .ag-card {\n padding: 0.875rem;\n }\n \n .ag-grid-compact .ag-card h3 {\n font-size: 14px;\n margin-bottom: 0.35rem;\n }\n \n .ag-grid-compact .ag-card p {\n font-size: 12px;\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: 0.75rem;\n }\n \n .ag-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ag-badges-top {\n gap: 8px;\n }\n \n .ag-badge {\n font-size: 11px;\n padding: 6px 12px;\n }\n \n .ag-ingredient-main {\n flex-direction: column;\n text-align: center;\n }\n \n .ag-ingredient-icon {\n width: 60px;\n height: 60px;\n font-size: 1.75rem;\n }\n \n .ag-capsule-info {\n flex-direction: column;\n text-align: center;\n }\n \n .ag-accordion-header {\n padding: 0.875rem 1rem;\n font-size: 14px;\n }\n \n .ag-accordion-content {\n padding: 0 1rem 0.875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ag-card {\n animation: fadeInUp 0.5s ease backwards;\n }\n .ag-card:nth-child(1) { animation-delay: 0.05s; }\n .ag-card:nth-child(2) { animation-delay: 0.1s; }\n .ag-card:nth-child(3) { animation-delay: 0.15s; }\n .ag-card:nth-child(4) { animation-delay: 0.2s; }\n .ag-card:nth-child(5) { animation-delay: 0.25s; }\n .ag-card:nth-child(6) { animation-delay: 0.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 .ag-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":45755390066845,"sku":"AY9911","price":10.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/andrographis-renforce-les-defenses-immunitaires-ayur-vana-packshothd.webp?v=1790761117"},{"product_id":"gommes-de-propolis-miel-et-eucalyptus-propolia-45g","title":"Gommes de Propolis - Miel et Eucalyptus - Propolia - 45g","description":"\u003cdiv class=\"prop-premium\"\u003e\n \u003cdiv class=\"prop-hero\"\u003e\n \u003cdiv class=\"prop-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"prop-hero-content\"\u003e\n \u003cdiv class=\"prop-badges-top\"\u003e\n \u003cspan class=\"prop-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🐝 Trésors de la ruche\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e👨‍👩‍👧 Dès 6 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"prop-hero-title\"\u003eGommes de Propolis Miel \u0026amp; Eucalyptus\u003c\/span\u003e\n \u003cp class=\"prop-subtitle\"\u003eLes Douceurs de l'Apiculteur® · Boîte de 45 g\u003c\/p\u003e\n \u003cp class=\"prop-description\"\u003eQuand la gorge picote et que l'hiver pointe le bout de son nez, mieux vaut avoir une solution naturelle à portée de main. Les \u003cstrong\u003eGommes de Propolis Miel et Eucalyptus de Propolia\u003c\/strong\u003e allient le savoir-faire apicole français à des ingrédients d'origine 100 % naturelle pour apaiser votre sphère ORL en douceur. Pratiques, savoureuses et fabriquées en Occitanie, elles deviennent vite un indispensable de votre trousse bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eLes bienfaits des gommes propolis miel eucalyptus\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eVéritable concentré des trésors de la ruche, ces gommes ont été pensées pour répondre à plusieurs besoins du quotidien.\u003c\/p\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🍯 Apaisent la gorge\u003c\/h3\u003e\n \u003cp\u003eL'action conjointe du miel et de la propolis enveloppe et adoucit la gorge irritée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌬️ Dégagent les voies respiratoires\u003c\/h3\u003e\n \u003cp\u003eL'huile essentielle d'eucalyptus libère et purifie la sphère ORL.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e❄️ Rafraîchissent l'haleine\u003c\/h3\u003e\n \u003cp\u003eLes arômes naturels de menthe et de menthol procurent une fraîcheur immédiate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🛡️ Soutiennent les défenses\u003c\/h3\u003e\n \u003cp\u003eLes composés actifs de la propolis renforcent naturellement votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-tip\"\u003e\n \u003cspan class=\"prop-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eIdéales en période de refroidissement, après une longue journée à parler, ou simplement pour profiter d'une sensation de fraîcheur instantanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eUne composition riche et naturelle\u003c\/h2\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🐝 Propolis (6 %)\u003c\/h3\u003e\n \u003cp\u003eRécoltée par les abeilles sur les bourgeons d'arbres, reconnue pour ses propriétés purifiantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🍯 Miel (17 %)\u003c\/h3\u003e\n \u003cp\u003eAdoucissant naturel qui enveloppe la gorge d'une sensation cocooning.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle d'eucalyptus\u003c\/h3\u003e\n \u003cp\u003ePrécieuse alliée du confort respiratoire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌱 Menthe \u0026amp; menthol\u003c\/h3\u003e\n \u003cp\u003ePour une haleine fraîche instantanée et une sensation tonifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e✨ Gomme arabique\u003c\/h3\u003e\n \u003cp\u003eTexture fondante et agréable en bouche, pour une diffusion progressive des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans gluten, sans colorants, sans conservateurs ni arômes artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-tip\"\u003e\n \u003cspan class=\"prop-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eListe complète :\u003c\/strong\u003e gomme arabique, sucre roux pure canne, miel (17 %), extrait de propolis purifiée (6 %), huile essentielle d'eucalyptus, arômes naturels de menthe et menthol. Enrobage : huile végétale et cire de carnauba.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eComment prendre ces gommes de propolis ?\u003c\/h2\u003e\n \u003cdiv class=\"prop-timeline\"\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003e🍬 5 à 6 gommes par jour\u003c\/h3\u003e\n \u003cp\u003eSucer lentement chaque gomme en la laissant fondre en bouche pour une diffusion optimale des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003e⏱️ Dès les premiers signes\u003c\/h3\u003e\n \u003cp\u003eÀ utiliser dès les premières irritations ou en prévention durant les périodes sensibles de l'année.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003e🎒 Format nomade 45 g\u003c\/h3\u003e\n \u003cp\u003eGlissez la boîte dans votre sac : parfaite au bureau, en voyage ou en randonnée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-tip\"\u003e\n \u003cspan class=\"prop-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e associez-les à une cure de sirop ou de spray à la propolis pour renforcer le confort de la gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003ePourquoi choisir Propolia ?\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eDepuis 1979, Propolia cultive la passion de la ruche en Occitanie. La marque sélectionne avec rigueur ses propolis et privilégie une fabrication française, respectueuse des abeilles comme des consommateurs.\u003c\/p\u003e\n \u003cdiv class=\"prop-grid-compact\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌿 Origine naturelle\u003c\/h3\u003e\n \u003cp\u003eUne recette formulée par des experts apicoles passionnés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eTraçable, engagée et made in Occitanie depuis 1979.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Adultes \u0026amp; enfants\u003c\/h3\u003e\n \u003cp\u003eConvient à toute la famille dès l'âge de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🐝 Expertise apicole\u003c\/h3\u003e\n \u003cp\u003ePlus de 45 ans de savoir-faire au service de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eAvis et questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"prop-accordion\"\u003e\n \u003cdetails class=\"prop-accordion-item\"\u003e\n \u003csummary class=\"prop-accordion-header\"\u003e🤔 Les gommes sont-elles efficaces contre les maux de gorge ?\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n \u003cp\u003eElles apportent un confort apaisant immédiat grâce au miel et à la propolis, parfait pour les irritations passagères de la gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prop-accordion-item\"\u003e\n \u003csummary class=\"prop-accordion-header\"\u003e👧 Peut-on en donner aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, dès 6 ans, en respectant la posologie indiquée (maximum 6 gommes par jour).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prop-accordion-item\"\u003e\n \u003csummary class=\"prop-accordion-header\"\u003e🌿 Quelle différence avec d'autres gommes propolis (verte bio, Herbalgem) ?\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n \u003cp\u003ePropolia mise sur la propolis brune française, un miel généreux et un dosage précis pour un goût équilibré et une efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"prop-accordion\"\u003e\n \u003cdetails class=\"prop-accordion-item\"\u003e\n \u003csummary class=\"prop-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillées aux personnes allergiques aux produits de la ruche, aux femmes enceintes ou allaitantes, et aux enfants de moins de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prop-accordion-item\"\u003e\n \u003csummary class=\"prop-accordion-header\"\u003e📏 Posologie\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser 6 gommes par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prop-accordion-item\"\u003e\n \u003csummary class=\"prop-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"prop-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée ni à un traitement médical. En cas de symptômes persistants, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --prop-cream: #fdf8ee;\n --prop-white: #ffffff;\n --prop-primary: #f5b528;\n --prop-primary-dark: #b8801a;\n --prop-primary-light: #fdf0d0;\n --prop-secondary: #1f7a6b;\n --prop-accent: #e84c5f;\n --prop-text: #2a2418;\n --prop-text-light: #6b6256;\n --prop-border: #ece3cf;\n --prop-shadow: 0 4px 24px rgba(184,128,26,.08);\n --prop-shadow-lg: 0 12px 48px rgba(184,128,26,.18);\n --prop-radius: 20px;\n --prop-radius-sm: 12px;\n}\n\n.prop-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--prop-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--prop-text);\n line-height: 1.6;\n}\n\n.prop-hero {\n position: relative;\n background: linear-gradient(135deg, #f5b528 0%, #f8c84e 50%, #1f7a6b 100%);\n border-radius: var(--prop-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(--prop-shadow-lg);\n}\n\n.prop-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,.15) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: .8;\n}\n\n.prop-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.prop-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.prop-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.prop-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n text-shadow: 0 1px 4px rgba(0,0,0,.1);\n}\n\n.prop-description strong { color: white; }\n\n.prop-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.prop-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(--prop-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.prop-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n.prop-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n.prop-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--prop-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.prop-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(--prop-primary), var(--prop-secondary));\n border-radius: 2px;\n}\n\n.prop-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--prop-text-light);\n margin: 0 auto 1.5rem;\n max-width: 700px;\n}\n\n.prop-card {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--prop-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.prop-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--prop-shadow-lg);\n border-color: var(--prop-primary);\n}\n\n.prop-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--prop-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.prop-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--prop-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.prop-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.prop-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.prop-grid-compact .prop-card { padding: 1rem; }\n.prop-grid-compact .prop-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.prop-grid-compact .prop-card p { font-size: 12px; }\n\n.prop-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.prop-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.prop-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--prop-primary), var(--prop-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(245,181,40,.3);\n}\n\n.prop-timeline-content {\n flex: 1;\n background: var(--prop-white);\n padding: 1rem 1.25rem;\n border-radius: var(--prop-radius-sm);\n box-shadow: var(--prop-shadow);\n}\n\n.prop-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--prop-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.prop-timeline-content p {\n font-size: 14px;\n color: var(--prop-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.prop-accordion {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n box-shadow: var(--prop-shadow);\n overflow: hidden;\n}\n\n.prop-accordion-item {\n border-bottom: 1px solid var(--prop-border);\n}\n\n.prop-accordion-item:last-child { border-bottom: none; }\n\n.prop-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--prop-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.prop-accordion-header:hover { background: var(--prop-primary-light); }\n.prop-accordion-header::-webkit-details-marker { display: none; }\n\n.prop-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--prop-primary);\n transition: transform .2s ease;\n margin-left: 10px;\n}\n\n.prop-accordion-item[open] .prop-accordion-header::after { content: '−'; }\n\n.prop-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--prop-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.prop-accordion-content p { margin: 0; }\n\n.prop-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--prop-primary-light);\n border-radius: var(--prop-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--prop-primary);\n}\n\n.prop-tip-icon { font-size: 24px; flex-shrink: 0; line-height: 1; }\n\n.prop-tip p {\n font-size: 14px;\n color: var(--prop-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.prop-disclaimer {\n font-size: 12px;\n color: var(--prop-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .prop-grid { grid-template-columns: 1fr; gap: 1rem; }\n .prop-card { padding: 1.125rem; }\n .prop-section { margin-bottom: 1.75rem; }\n .prop-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--prop-radius-sm); }\n .prop-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .prop-premium h2::after { width: 40px; height: 3px; }\n .prop-grid-compact { gap: .625rem; }\n .prop-grid-compact .prop-card { padding: .75rem; }\n .prop-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .prop-timeline-content { padding: .875rem 1rem; }\n .prop-timeline-content h3 { font-size: 14px; }\n .prop-timeline-content p { font-size: 13px; }\n .prop-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .prop-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .prop-tip { padding: .875rem 1rem; }\n .prop-tip p { font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .prop-card { animation: propFadeUp .5s ease backwards; }\n .prop-card:nth-child(1) { animation-delay: .05s; }\n .prop-card:nth-child(2) { animation-delay: .1s; }\n .prop-card:nth-child(3) { animation-delay: .15s; }\n .prop-card:nth-child(4) { animation-delay: .2s; }\n .prop-card:nth-child(5) { animation-delay: .25s; }\n .prop-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes propFadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .prop-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":45888706281629,"sku":"AP0002","price":5.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/propolia-gommes-de-propolis-miel-et-eucalyptus-boite-45-grammes.webp?v=1749727098"},{"product_id":"andrographis-gelules-graine-sauvage","title":"Andrographis en extrait – 60 gélules – Graine Sauvage","description":"\u003cdiv class=\"ag-premium\"\u003e\n\n \u003c!-- HERO --\u003e\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🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ag-badge\"\u003e🌿 Vegan\u003c\/span\u003e\n \u003cspan class=\"ag-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003cspan class=\"ag-badge\"\u003e🔬 Titré à 10 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ag-hero-title\"\u003eAndrographis en extrait\u003c\/span\u003e\n \u003cp class=\"ag-subtitle\"\u003eGraine Sauvage – 60 gélules végétales\u003c\/p\u003e\n \u003cp class=\"ag-description\"\u003eRenforcez naturellement vos défenses immunitaires grâce à un extrait concentré d'andrographis, titré à 10 % d'andrographolides. Votre bouclier naturel pour affronter l'hiver en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003eAndrographis en extrait : votre allié naturel pour des défenses immunitaires renforcées\u003c\/h2\u003e\n \u003cp class=\"ag-section-intro\"\u003eVous cherchez un moyen naturel de \u003cstrong\u003esoutenir votre système immunitaire\u003c\/strong\u003e à l'approche de l'hiver ou lors des changements de saison ?\u003c\/p\u003e\n \u003cdiv class=\"ag-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003eAndrographis en extrait de Graine Sauvage\u003c\/strong\u003e est un complément alimentaire formulé pour vous aider à traverser les périodes sensibles avec sérénité. Fabriqué en France et conditionné en \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e, il convient parfaitement aux personnes suivant un régime \u003cstrong\u003evegan\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003eQu'est-ce que l'andrographis et quels sont ses bienfaits ?\u003c\/h2\u003e\n \u003cp class=\"ag-section-intro\"\u003eL'\u003cstrong\u003eAndrographis paniculata\u003c\/strong\u003e, parfois surnommée « échinacée d'Inde », est une plante herbacée utilisée depuis des siècles dans les médecines traditionnelles asiatiques. Son goût particulièrement amer lui vaut également le nom de « roi des amers ».\u003c\/p\u003e\n \u003cdiv class=\"ag-grid\"\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🛡️ Soutien des défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eL'andrographis contribue au bon fonctionnement du système immunitaire, aidant votre organisme à mieux résister aux agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🌬️ Confort respiratoire\u003c\/h3\u003e\n \u003cp\u003eElle favorise l'apaisement des voies respiratoires supérieures, notamment en cas de gêne au niveau de la gorge ou de toux passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e✨ Action antioxydante\u003c\/h3\u003e\n \u003cp\u003eSes composés actifs participent à la protection des cellules contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003eUn extrait concentré titré à 10 % d'andrographolides\u003c\/h2\u003e\n \u003cdiv class=\"ag-concentrate-box\"\u003e\n \u003cdiv class=\"ag-concentrate-stat\"\u003e\n \u003cspan class=\"ag-stat-number\"\u003e10 %\u003c\/span\u003e\n \u003cspan class=\"ag-stat-label\"\u003ed'andrographolides\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-concentrate-text\"\u003e\n \u003cp\u003eCe qui distingue ce produit, c'est la qualité de son extrait. Chaque gélule contient un \u003cstrong\u003eextrait d'andrographis titré à 10 % d'andrographolides\u003c\/strong\u003e, le principal composé actif de la plante. Ce titrage élevé garantit une concentration optimale à chaque prise, contrairement à de simples poudres de plante broyée dont la teneur en principes actifs reste aléatoire.\u003c\/p\u003e\n \u003cp\u003eConcrètement, avec la posologie d'attaque de 6 gélules par jour, vous bénéficiez d'un apport significatif en andrographolides, bien au-dessus du seuil généralement recommandé pour ressentir les bienfaits de cette plante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"ag-grid-compact\"\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🌱 Extrait d'Andrographis paniculata\u003c\/h3\u003e\n \u003cp\u003eParties aériennes, titré à 10 % d'andrographolides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e💊 Gélule d'origine végétale\u003c\/h3\u003e\n \u003cp\u003eHPMC – convient aux végétariens et vegans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003eComment prendre l'andrographis en gélules ?\u003c\/h2\u003e\n \u003cp class=\"ag-section-intro\"\u003eLa posologie s'adapte à votre situation personnelle :\u003c\/p\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\u003e⚡ En cure d'attaque\u003c\/h3\u003e\n \u003cp\u003eDès les premiers signes de gêne : prenez \u003cstrong\u003e2 gélules, 3 fois par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence avant les repas.\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\u003e🛡️ En entretien\u003c\/h3\u003e\n \u003cp\u003ePrévention saisonnière : \u003cstrong\u003e2 gélules chaque matin\u003c\/strong\u003e suffisent pour maintenir vos défenses au quotidien.\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\u003eUn flacon de 60 gélules correspond à environ \u003cstrong\u003e10 jours de cure d'attaque\u003c\/strong\u003e ou \u003cstrong\u003e30 jours en entretien\u003c\/strong\u003e. Pour une protection renforcée tout au long de l'hiver, pensez à renouveler votre cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ag-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'andrographis Graine Sauvage ?\u003c\/h2\u003e\n \u003cdiv class=\"ag-grid\"\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eDes standards de qualité rigoureux pour un produit sûr et traçable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🔬 Extrait titré\u003c\/h3\u003e\n \u003cp\u003ePour une efficacité vérifiable et constante à chaque gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🌿 Gélules 100 % végétales\u003c\/h3\u003e\n \u003cp\u003eSans gélatine animale, parfaitement adaptées aux vegans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🧪 Formule pure\u003c\/h3\u003e\n \u003cp\u003eSans additifs inutiles, pour l'essentiel et rien d'autre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ag-card\"\u003e\n \u003ch3\u003e🔄 Prévention et soutien\u003c\/h3\u003e\n \u003cp\u003eAdapté aussi bien en prévention saisonnière qu'en soutien ponctuel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"ag-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ag-accordion\"\u003e\n \u003cdetails class=\"ag-accordion-item\"\u003e\n \u003csummary class=\"ag-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e. Non recommandé en cas de traitement \u003cstrong\u003eantidiabétique ou anticoagulant\u003c\/strong\u003e : consultez votre médecin au 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📋 Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ag-accordion-item\"\u003e\n \u003csummary class=\"ag-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"ag-disclaimer\"\u003e\u003cstrong\u003eRappel important :\u003c\/strong\u003e ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. En cas de symptômes persistants, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ag-cream: #f7f8f2;\n --ag-white: #ffffff;\n --ag-primary: #8cb83d;\n --ag-primary-dark: #3d6b1c;\n --ag-primary-light: #eef5dd;\n --ag-secondary: #c8d929;\n --ag-accent: #e5d520;\n --ag-text: #1a1a1a;\n --ag-text-light: #5a5a5a;\n --ag-border: #e0e0e0;\n --ag-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ag-shadow-lg: 0 12px 48px rgba(0,0,0,.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, #3d6b1c 0%, #6a9c2e 40%, #8cb83d 70%, #a8cc4a 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% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(200,217,41,.1) 0%, transparent 40%);\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 .5rem 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(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.ag-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.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-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\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: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ag-highlight-box {\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-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ag-text);\n line-height: 1.8;\n margin: 0;\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\/* === GRILLE COMPACTE === *\/\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\/* === CONCENTRATE BOX === *\/\n.ag-concentrate-box {\n display: flex;\n gap: 2rem;\n align-items: center;\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}\n\n.ag-concentrate-stat {\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 120px;\n height: 120px;\n background: linear-gradient(135deg, var(--ag-primary), var(--ag-secondary));\n border-radius: 50%;\n text-align: center;\n}\n\n.ag-stat-number {\n font-size: 32px;\n font-weight: 900;\n color: white;\n line-height: 1;\n text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.ag-stat-label {\n font-size: 11px;\n font-weight: 700;\n color: rgba(255,255,255,.9);\n margin-top: 4px;\n text-transform: uppercase;\n letter-spacing: .03em;\n}\n\n.ag-concentrate-text {\n flex: 1;\n}\n\n.ag-concentrate-text p {\n font-size: clamp(14px, 2.2vw, 15px);\n color: var(--ag-text-light);\n line-height: 1.7;\n margin: 0 0 .75rem 0;\n}\n\n.ag-concentrate-text p:last-child {\n margin-bottom: 0;\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-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.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.6;\n}\n\n\/* === TIP BOX === *\/\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\/* === 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\/* === DISCLAIMER === *\/\n.ag-disclaimer {\n font-size: 12px;\n color: var(--ag-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n line-height: 1.6;\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-concentrate-box {\n flex-direction: column;\n text-align: center;\n padding: 1.5rem;\n }\n\n .ag-concentrate-stat {\n width: 100px;\n height: 100px;\n }\n\n .ag-stat-number {\n font-size: 26px;\n }\n\n .ag-stat-label {\n font-size: 10px;\n }\n\n .ag-concentrate-text p {\n font-size: 14px;\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-highlight-box {\n padding: 1.25rem;\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":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54881608630649,"sku":"GS1025","price":7.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/andrographis-en-extrait-60-gelules-graine-sauvage-packshothd_37381a1e-8315-4cd1-8090-595d66208ac9.webp?v=1785946209"},{"product_id":"huile-de-nigelle-120-graine-sauvage","title":"Huile de Nigelle - 120 capsules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Nigelle - 120 capsules - Graine Sauvage\nPalette détectée:\n - Primaire: #8B9A2E (vert-jaune\/chartreuse du bouchon et bandes du packaging)\n - Secondaire: #C4272E (rouge du logo \"Graine Sauvage\")\n - Accent: #4A7C2E (vert foncé du label Vegan)\n - Fond: #F9F7F0 (crème doux\/blanc cassé du flacon)\nAmbiance: Naturel, santé, végétal, accessible, conditionné en France, vegan\nPréfixe CSS: ng\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile de Nigelle en capsules : le trésor du cumin noir pour votre bien-être\"\n 2. \"Les bienfaits de l'huile de nigelle pour votre organisme\"\n 3. \"Composition détaillée pour 4 capsules\"\n 4. \"Comment prendre l'huile de nigelle en capsules ?\"\n 5. \"L'huile de nigelle est-elle dangereuse ?\"\n 6. \"Pourquoi choisir cette huile de nigelle Graine Sauvage ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ng-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ng-hero\"\u003e\n \u003cdiv class=\"ng-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ng-hero-content\"\u003e\n \u003cdiv class=\"ng-badges-top\"\u003e\n \u003cspan class=\"ng-badge\"\u003e🌿 Vegan\u003c\/span\u003e\n \u003cspan class=\"ng-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003cspan class=\"ng-badge\"\u003e💊 120 capsules molles\u003c\/span\u003e\n \u003cspan class=\"ng-badge\"\u003e📅 30 jours d'utilisation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ng-hero-title\"\u003eHuile de Nigelle en capsules\u003c\/span\u003e\n \u003cp class=\"ng-subtitle\"\u003eGraine Sauvage — Cumin noir pressé à froid\u003c\/p\u003e\n \u003cp class=\"ng-description\"\u003eConcentrez dans chaque capsule molle les précieux actifs du cumin noir : acides gras essentiels, vitamine E et principes actifs préservés par une première pression à froid, sans solvant ni chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003eHuile de Nigelle en capsules : le trésor du cumin noir pour votre bien-être\u003c\/h2\u003e\n \u003cp class=\"ng-section-intro\"\u003eVous cherchez un allié naturel pour traverser sereinement les périodes d'allergies saisonnières ? L'\u003cstrong\u003ehuile de nigelle\u003c\/strong\u003e Graine Sauvage, issue de graines de \u003cstrong\u003ecumin noir\u003c\/strong\u003e pressées à froid, concentre dans chaque capsule molle les précieux actifs de cette plante millénaire.\u003c\/p\u003e\n \u003cdiv class=\"ng-grid-compact\"\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💊 120 capsules molles\u003c\/h3\u003e\n \u003cp\u003eFormat pratique et facile à avaler, sans goût prononcé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e📅 30 jours de cure\u003c\/h3\u003e\n \u003cp\u003eUn mois complet d'accompagnement bien-être au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🌿 100 % vegan\u003c\/h3\u003e\n \u003cp\u003eFormule adaptée à tous les modes de vie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction douce préservant tous les nutriments essentiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de nigelle pour votre organisme\u003c\/h2\u003e\n \u003cp class=\"ng-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'huile de nigelle\u003c\/strong\u003e sont reconnus depuis des siècles dans les médecines traditionnelles. Voici pourquoi elle mérite une place dans votre routine bien-être :\u003c\/p\u003e\n \u003cdiv class=\"ng-grid\"\u003e\n \u003cdiv class=\"ng-card ng-card-highlight\"\u003e\n \u003ch3\u003e🤧 Soutien face aux allergies saisonnières\u003c\/h3\u003e\n \u003cp\u003eL'huile de nigelle est traditionnellement utilisée pour ses propriétés \u003cstrong\u003eantihistaminiques naturelles\u003c\/strong\u003e, aidant à apaiser les réactions allergiques comme le rhume des foins ou les irritations cutanées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card ng-card-highlight\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa teneur en \u003cstrong\u003evitamine E\u003c\/strong\u003e (20 mg par dose, soit \u003cstrong\u003e182 % des VNR\u003c\/strong\u003e), elle contribue à protéger vos cellules contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card ng-card-highlight\"\u003e\n \u003ch3\u003e✨ Nutrition de la peau\u003c\/h3\u003e\n \u003cp\u003eRiche en \u003cstrong\u003eacide linoléique\u003c\/strong\u003e (1100 mg pour 4 capsules), un acide gras essentiel, elle participe au maintien d'une peau nourrie et confortable, même les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card ng-card-highlight\"\u003e\n \u003ch3\u003e💪 Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eLes acides gras essentiels qu'elle contient favorisent le bon fonctionnement de vos \u003cstrong\u003edéfenses naturelles\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 4 capsules\u003c\/h2\u003e\n \u003cp class=\"ng-section-intro\"\u003eL'extraction par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e garantit la préservation intégrale des nutriments et des principes actifs, sans altération par la chaleur ni ajout de solvant.\u003c\/p\u003e\n \u003cdiv class=\"ng-compo-table\"\u003e\n \u003cdiv class=\"ng-compo-row ng-compo-row-main\"\u003e\n \u003cspan class=\"ng-compo-label\"\u003e🌱 Huile de graines de nigelle\u003c\/span\u003e\n \u003cspan class=\"ng-compo-value\"\u003e2000 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-compo-row\"\u003e\n \u003cspan class=\"ng-compo-label\"\u003e🧬 Acide linoléique\u003c\/span\u003e\n \u003cspan class=\"ng-compo-value\"\u003e1100 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-compo-row\"\u003e\n \u003cspan class=\"ng-compo-label\"\u003e🫒 Acide oléique\u003c\/span\u003e\n \u003cspan class=\"ng-compo-value\"\u003e360 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-compo-row ng-compo-row-accent\"\u003e\n \u003cspan class=\"ng-compo-label\"\u003e⚡ Vitamine E\u003c\/span\u003e\n \u003cspan class=\"ng-compo-value\"\u003e20 mg \u003csmall\u003e(182 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-compo-row ng-compo-row-light\"\u003e\n \u003cspan class=\"ng-compo-label\"\u003e💊 Enveloppe capsule molle\u003c\/span\u003e\n \u003cspan class=\"ng-compo-value\"\u003eGélatine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003eComment prendre l'huile de nigelle en capsules ?\u003c\/h2\u003e\n \u003cp class=\"ng-section-intro\"\u003eLa posologie est simple à suivre :\u003c\/p\u003e\n \u003cdiv class=\"ng-timeline\"\u003e\n \u003cdiv class=\"ng-timeline-item\"\u003e\n \u003cdiv class=\"ng-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ng-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 à 4 capsules par jour\u003c\/strong\u003e, de préférence au cours d'un repas pour une meilleure absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-timeline-item\"\u003e\n \u003cdiv class=\"ng-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ng-timeline-content\"\u003e\n \u003ch3\u003eDémarrage progressif\u003c\/h3\u003e\n \u003cp\u003eCommencez par \u003cstrong\u003e2 capsules quotidiennes\u003c\/strong\u003e, puis ajustez progressivement selon vos besoins et les recommandations de votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-timeline-item\"\u003e\n \u003cdiv class=\"ng-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ng-timeline-content\"\u003e\n \u003ch3\u003eCure optimale de 30 jours\u003c\/h3\u003e\n \u003cp\u003ePour un soutien optimal durant les périodes sensibles, une cure de \u003cstrong\u003e30 jours à 4 capsules par jour\u003c\/strong\u003e est généralement conseillée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-tip\"\u003e\n \u003cspan class=\"ng-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAvalez les capsules avec un grand verre d'eau pendant le repas pour optimiser l'assimilation des acides gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003eL'huile de nigelle est-elle dangereuse ?\u003c\/h2\u003e\n \u003cp class=\"ng-section-intro\"\u003eConsommée dans le respect des doses recommandées, l'\u003cstrong\u003ehuile de nigelle\u003c\/strong\u003e ne présente pas de \u003cstrong\u003edanger\u003c\/strong\u003e particulier pour les adultes en bonne santé. Toutefois, certaines précautions s'imposent :\u003c\/p\u003e\n \u003cdiv class=\"ng-accordion\"\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e⚠️ Personnes concernées par les restrictions\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillée\u003c\/strong\u003e aux enfants, adolescents, femmes enceintes ou allaitantes. En cas de traitement médical en cours, demandez toujours l'avis de votre médecin avant de commencer une cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e📏 Dose journalière maximale\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière de \u003cstrong\u003e4 capsules\u003c\/strong\u003e. Ce complément alimentaire \u003cstrong\u003ene remplace pas\u003c\/strong\u003e une alimentation variée et équilibrée ni un suivi médical adapté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre pilulier dans un endroit frais et sec, à l'abri de la lumière et hors de portée des jeunes enfants, pour préserver toute la qualité de votre huile de nigelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ng-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir cette huile de nigelle Graine Sauvage ?\u003c\/h2\u003e\n \u003cp class=\"ng-section-intro\"\u003eToutes les huiles de nigelle ne se valent pas. Celle-ci se distingue par plusieurs atouts concrets :\u003c\/p\u003e\n \u003cdiv class=\"ng-grid\"\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🌿 Formule vegan\u003c\/h3\u003e\n \u003cp\u003eConvient à un large public et à tous les modes de vie, sans compromis sur la qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n \u003cp\u003eSelon des standards de qualité rigoureux, pour une traçabilité et une fiabilité optimales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💊 Format capsule molle\u003c\/h3\u003e\n \u003cp\u003eFini le goût prononcé de l'huile en flacon : chaque prise est neutre, rapide et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e⚖️ Dosage maîtrisé\u003c\/h3\u003e\n \u003cp\u003eVous savez exactement ce que vous prenez à chaque capsule, sans approximation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-cta-box\"\u003e\n \u003cp\u003e🌱 Offrez à votre organisme le meilleur du cumin noir : une cure de 30 jours pour soutenir vos défenses naturelles, apaiser les allergies et nourrir votre peau de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ng-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --ng-cream: #F9F7F0;\n --ng-white: #ffffff;\n --ng-primary: #8B9A2E;\n --ng-primary-dark: #5C6B1A;\n --ng-primary-light: #f3f5e4;\n --ng-secondary: #C4272E;\n --ng-accent: #4A7C2E;\n --ng-text: #1a1a1a;\n --ng-text-light: #5a5a5a;\n --ng-border: #e0e0e0;\n --ng-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ng-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ng-radius: 20px;\n --ng-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ng-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ng-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ng-hero {\n position: relative;\n background: linear-gradient(135deg, #5C6B1A 0%, #8B9A2E 40%, #A8B84A 70%, #C4272E 100%);\n border-radius: var(--ng-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(--ng-shadow-lg);\n}\n\n.ng-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.ng-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ng-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.ng-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ng-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ng-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ng-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(--ng-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ng-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ng-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ng-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ng-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.ng-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(--ng-primary), var(--ng-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ng-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ng-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.ng-card {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ng-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ng-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ng-shadow-lg);\n border-color: var(--ng-primary);\n}\n\n.ng-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ng-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ng-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ng-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Card highlight variant *\/\n.ng-card-highlight {\n border-left: 4px solid var(--ng-primary);\n text-align: left;\n}\n\n.ng-card-highlight:hover {\n border-left-color: var(--ng-secondary);\n}\n\n\/* === GRILLES === *\/\n.ng-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ng-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ng-grid-compact .ng-card {\n padding: 1rem;\n}\n\n.ng-grid-compact .ng-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ng-grid-compact .ng-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.ng-compo-table {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n box-shadow: var(--ng-shadow);\n overflow: hidden;\n}\n\n.ng-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--ng-border);\n transition: background .2s ease;\n}\n\n.ng-compo-row:last-child {\n border-bottom: none;\n}\n\n.ng-compo-row:hover {\n background: var(--ng-primary-light);\n}\n\n.ng-compo-label {\n font-size: clamp(14px, 2.2vw, 16px);\n font-weight: 600;\n color: var(--ng-text);\n}\n\n.ng-compo-value {\n font-size: clamp(14px, 2.2vw, 16px);\n font-weight: 800;\n color: var(--ng-primary-dark);\n text-align: right;\n}\n\n.ng-compo-value small {\n display: block;\n font-size: 12px;\n font-weight: 600;\n color: var(--ng-secondary);\n margin-top: 2px;\n}\n\n.ng-compo-row-main {\n background: var(--ng-primary-light);\n}\n\n.ng-compo-row-main .ng-compo-label {\n font-weight: 800;\n color: var(--ng-primary-dark);\n}\n\n.ng-compo-row-main .ng-compo-value {\n font-size: clamp(16px, 2.5vw, 20px);\n color: var(--ng-primary-dark);\n}\n\n.ng-compo-row-accent .ng-compo-value {\n color: var(--ng-secondary);\n}\n\n.ng-compo-row-light {\n background: #fafafa;\n}\n\n.ng-compo-row-light .ng-compo-label,\n.ng-compo-row-light .ng-compo-value {\n color: var(--ng-text-light);\n font-weight: 500;\n}\n\n\/* === TIMELINE === *\/\n.ng-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ng-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ng-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ng-primary), var(--ng-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(139,154,46,.3);\n}\n\n.ng-timeline-content {\n flex: 1;\n background: var(--ng-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ng-radius-sm);\n box-shadow: var(--ng-shadow);\n}\n\n.ng-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ng-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ng-timeline-content p {\n font-size: 14px;\n color: var(--ng-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ng-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ng-primary-light);\n border-radius: var(--ng-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ng-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ng-tip p {\n font-size: 14px;\n color: var(--ng-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.ng-testimonial {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ng-shadow);\n border-left: 4px solid var(--ng-primary);\n}\n\n.ng-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ng-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ng-accordion {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n box-shadow: var(--ng-shadow);\n overflow: hidden;\n}\n\n.ng-accordion-item {\n border-bottom: 1px solid var(--ng-border);\n margin: 0;\n padding: 0;\n}\n\n.ng-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ng-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ng-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.ng-accordion-header:hover {\n background: var(--ng-primary-light);\n}\n\n.ng-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ng-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ng-primary);\n transition: transform .2s ease;\n}\n\n.ng-accordion-item[open] .ng-accordion-header::after {\n content: '−';\n}\n\n.ng-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ng-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ng-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ng-cta-box {\n background: linear-gradient(135deg, var(--ng-primary) 0%, var(--ng-primary-dark) 100%);\n border-radius: var(--ng-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.ng-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.ng-disclaimer {\n font-size: 12px;\n color: var(--ng-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 .ng-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ng-card {\n padding: 1.125rem;\n }\n\n .ng-card-highlight {\n text-align: left;\n }\n\n .ng-section {\n margin-bottom: 1.75rem;\n }\n\n .ng-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ng-radius-sm);\n }\n\n .ng-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ng-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* Grille compacte *\/\n .ng-grid-compact {\n gap: .625rem;\n }\n\n .ng-grid-compact .ng-card {\n padding: .75rem;\n }\n\n \/* Composition table mobile *\/\n .ng-compo-row {\n padding: .75rem 1rem;\n flex-wrap: wrap;\n gap: .25rem;\n }\n\n .ng-compo-label {\n font-size: 13px;\n }\n\n .ng-compo-value {\n font-size: 13px;\n }\n\n .ng-compo-row-main .ng-compo-value {\n font-size: 15px;\n }\n\n \/* Timeline mobile *\/\n .ng-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ng-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ng-timeline-content h3 {\n font-size: 14px;\n }\n\n .ng-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .ng-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ng-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .ng-testimonial {\n padding: 1.25rem;\n }\n\n .ng-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ng-card {\n animation: ngFadeInUp .5s ease backwards;\n }\n .ng-card:nth-child(1) { animation-delay: .05s; }\n .ng-card:nth-child(2) { animation-delay: .1s; }\n .ng-card:nth-child(3) { animation-delay: .15s; }\n .ng-card:nth-child(4) { animation-delay: .2s; }\n .ng-card:nth-child(5) { animation-delay: .25s; }\n .ng-card:nth-child(6) { animation-delay: .3s; }\n\n .ng-compo-row {\n animation: ngFadeInUp .4s ease backwards;\n }\n .ng-compo-row:nth-child(1) { animation-delay: .05s; }\n .ng-compo-row:nth-child(2) { animation-delay: .1s; }\n .ng-compo-row:nth-child(3) { animation-delay: .15s; }\n .ng-compo-row:nth-child(4) { animation-delay: .2s; }\n .ng-compo-row:nth-child(5) { animation-delay: .25s; }\n\n .ng-timeline-item {\n animation: ngFadeInUp .5s ease backwards;\n }\n .ng-timeline-item:nth-child(1) { animation-delay: .05s; }\n .ng-timeline-item:nth-child(2) { animation-delay: .15s; }\n .ng-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes ngFadeInUp {\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 .ng-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":54888338096505,"sku":"GS0018","price":14.52,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-nigelle-120-capsules-graine-sauvage-packshothd_4797e821-5222-4f6f-9000-18087558c3c6.webp?v=1789403141"},{"product_id":"sirop-du-pere-michel-500-ml-bioligo","title":"Sirop du Père Michel - 500 ml - Bioligo","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Sirop du Père Michel - 500 ml - Bioligo\nPalette détectée:\n - Primaire: #E67E22 (orange vif du packaging dominant)\n - Secondaire: #C0392B (rouge bordeaux des encadrements)\n - Accent: #8B4513 (brun moine\/terre - robe du personnage)\n - Support: #F4D03F (jaune doré du fond)\nAmbiance: Traditionnel, monastique, naturel, familial, chaleureux - évoque les remèdes ancestraux et la sagesse des moines herboristes\nPréfixe CSS: spm\n--\u003e\n\u003cdiv class=\"spm-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"spm-hero\"\u003e\n\u003cdiv class=\"spm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"spm-hero-content\"\u003e\n\u003cdiv class=\"spm-badges-top\"\u003e\n\u003cspan class=\"spm-badge\"\u003e🌿 100% actifs naturels\u003c\/span\u003e \u003cspan class=\"spm-badge\"\u003e🇨🇭 Formule suisse\u003c\/span\u003e \u003cspan class=\"spm-badge\"\u003e👨👩👧👦 Format familial\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"spm-hero-title\"\u003eSirop du Père Michel\u003c\/span\u003e\n\u003cp class=\"spm-subtitle\"\u003eTonus • Énergie • Défenses\u003c\/p\u003e\n\u003cp class=\"spm-description\"\u003eUn allié naturel pour renforcer votre immunité grâce à une synergie unique d'oligo-éléments, de propolis et d'huiles essentielles biologiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n\u003csection class=\"spm-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits du sirop\u003c\/h2\u003e\n\u003cdiv class=\"spm-grid\"\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🛡️ Renforce l'immunité\u003c\/h3\u003e\n\u003cp\u003eSoutient l'organisme face aux agressions hivernales et stimule les défenses naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🌬️ Confort respiratoire\u003c\/h3\u003e\n\u003cp\u003eFavorise le bien-être des voies respiratoires grâce aux huiles essentielles purifiantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e⚡ Énergie \u0026amp; vitalité\u003c\/h3\u003e\n\u003cp\u003eLes oligo-éléments contribuent au métabolisme énergétique et réduisent la fatigue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🌱 100% naturel\u003c\/h3\u003e\n\u003cp\u003eFormule biologique respectueuse de l'organisme, sans compromis sur l'efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"spm-section\"\u003e\n\u003ch2\u003e🧪 Une formule enrichie en actifs essentiels\u003c\/h2\u003e\n\u003cdiv class=\"spm-grid\"\u003e\n\u003cdiv class=\"spm-card spm-card-ingredient\"\u003e\n\u003ch3\u003e🔶 Oligo-éléments biodisponibles\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eCuivre, zinc, magnésium, manganèse\u003c\/strong\u003e — Interviennent dans le bon fonctionnement du système immunitaire et le métabolisme énergétique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card spm-card-ingredient\"\u003e\n\u003ch3\u003e🐝 Propolis biologique\u003c\/h3\u003e\n\u003cp\u003eRéputée pour ses propriétés antimicrobiennes et antioxydantes, elle aide à renforcer les défenses naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card spm-card-ingredient\"\u003e\n\u003ch3\u003e🌿 Extrait de sauge\u003c\/h3\u003e\n\u003cp\u003ePlante médicinale reconnue pour son action apaisante sur les voies respiratoires et son effet protecteur contre les radicaux libres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card spm-card-ingredient\"\u003e\n\u003ch3\u003e💧 Huiles essentielles bio\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eRavintsara, pin sylvestre, eucalyptus radié\u003c\/strong\u003e — Appréciées pour leurs bienfaits purifiants et leur soutien au confort respiratoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"spm-section\"\u003e\n\u003ch2\u003e📋 Conseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"spm-usage-container\"\u003e\n\u003cdiv class=\"spm-usage-card\"\u003e\n\u003cdiv class=\"spm-usage-icon\"\u003e👨🦱\u003c\/div\u003e\n\u003cdiv class=\"spm-usage-content\"\u003e\n\u003ch3\u003eAdultes\u003c\/h3\u003e\n\u003cp class=\"spm-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e5 ml \/ jour\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eIdéalement à jeun. Maintenir en bouche 30 secondes avant d'avaler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-usage-card\"\u003e\n\u003cdiv class=\"spm-usage-icon\"\u003e👧\u003c\/div\u003e\n\u003cdiv class=\"spm-usage-content\"\u003e\n\u003ch3\u003eEnfants 3-10 ans\u003c\/h3\u003e\n\u003cp class=\"spm-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e2,5 ml \/ jour\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eMêmes recommandations que pour les adultes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-usage-card\"\u003e\n\u003cdiv class=\"spm-usage-icon\"\u003e👶\u003c\/div\u003e\n\u003cdiv class=\"spm-usage-content\"\u003e\n\u003ch3\u003eMoins de 3 ans\u003c\/h3\u003e\n\u003cp class=\"spm-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e1 ml \/ jour\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eSelon les mêmes modalités d'administration.\u003cspan class=\"spm-tip-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-tip\"\u003e\n\u003cp\u003e\u003cstrong\u003e💡 Astuce :\u003c\/strong\u003e Agitez bien le flacon avant chaque prise afin d'homogénéiser les actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"spm-section\"\u003e\n\u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n\u003cdiv class=\"spm-grid\"\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e❄️ Sensibles au froid\u003c\/h3\u003e\n\u003cp\u003ePersonnes fragilisées durant la période hivernale cherchant un soutien naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e😴 Fatigués chroniques\u003c\/h3\u003e\n\u003cp\u003eCeux qui ressentent une baisse d'énergie et souhaitent retrouver leur vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eAdapté aux enfants dès le plus jeune âge jusqu'aux adultes grâce aux dosages personnalisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"spm-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"spm-grid-compact\"\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🍯 Contenance\u003c\/h3\u003e\n\u003cp\u003e500 ml format familial\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e⏱️ Durée de cure\u003c\/h3\u003e\n\u003cp\u003e100 jours (adulte)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🇨🇭 Origine\u003c\/h3\u003e\n\u003cp\u003eFabriqué en Suisse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card\"\u003e\n\u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n\u003cp\u003eActifs 100% naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n\u003csection class=\"spm-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"spm-accordion\"\u003e\n\u003cdetails class=\"spm-accordion-item\"\u003e\n\u003csummary class=\"spm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"spm-accordion-content\"\u003e\n\u003cp\u003e• Déconseillé aux femmes enceintes ou allaitantes.\u003cbr\u003e• Ne pas dépasser une durée de cure de \u003cstrong\u003e14 jours consécutifs\u003c\/strong\u003e.\u003cbr\u003e• Ce produit ne se substitue pas à une alimentation équilibrée et un mode de vie sain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"spm-accordion-item\"\u003e\n\u003csummary class=\"spm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"spm-accordion-content\"\u003e\n\u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Après ouverture, conserver au réfrigérateur et consommer dans les 3 mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"spm-accordion-item\"\u003e\n\u003csummary class=\"spm-accordion-header\"\u003e🔬 Équilibrant diathèse 4\u003c\/summary\u003e\n\u003cdiv class=\"spm-accordion-content\"\u003e\n\u003cp\u003eFormulé selon les principes de l'oligothérapie pour équilibrer la diathèse 4 (anergique), caractérisée par une fatigue profonde et une immunité affaiblie.\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=\"spm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"spm-cta-box\"\u003e\n\u003cp\u003e🛡️ Offrez à votre famille une protection naturelle contre les désagréments de l'hiver grâce à la sagesse ancestrale des moines herboristes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --spm-cream: #FDF8F0;\n --spm-white: #ffffff;\n --spm-primary: #E67E22;\n --spm-primary-dark: #D35400;\n --spm-primary-light: #FDEBD0;\n --spm-secondary: #C0392B;\n --spm-accent: #8B4513;\n --spm-gold: #F4D03F;\n\n \/* Textes *\/\n --spm-text: #1a1a1a;\n --spm-text-light: #5a5a5a;\n\n \/* Effets *\/\n --spm-border: #e0e0e0;\n --spm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --spm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --spm-radius: 20px;\n --spm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.spm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--spm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.spm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--spm-primary) 0%, var(--spm-primary-dark) 50%, var(--spm-secondary) 100%);\n border-radius: var(--spm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--spm-shadow-lg);\n}\n\n.spm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.spm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.spm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n\/* === BADGES === *\/\n.spm-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(--spm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.spm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE === *\/\n.spm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.spm-subtitle {\n color: var(--spm-gold);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .1em;\n text-transform: uppercase;\n}\n\n.spm-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n font-weight: 500;\n}\n\n\/* === SECTIONS === *\/\n.spm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.spm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--spm-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.spm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--spm-primary), var(--spm-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.spm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.spm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.spm-card {\n background: var(--spm-white);\n border-radius: var(--spm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--spm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.spm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--spm-shadow-lg);\n border-color: var(--spm-primary);\n}\n\n.spm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--spm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.spm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--spm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.spm-card-ingredient {\n text-align: left;\n border-left: 4px solid var(--spm-primary);\n}\n\n.spm-card-ingredient:hover {\n border-left-color: var(--spm-secondary);\n}\n\n.spm-grid-compact .spm-card {\n padding: 1rem;\n}\n\n.spm-grid-compact .spm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.spm-grid-compact .spm-card p {\n font-size: 12px;\n}\n\n\/* === USAGE CARDS === *\/\n.spm-usage-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.spm-usage-card {\n background: var(--spm-white);\n border-radius: var(--spm-radius);\n padding: 1.5rem;\n box-shadow: var(--spm-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.spm-usage-card:hover {\n transform: translateY(-4px);\n border-color: var(--spm-primary);\n}\n\n.spm-usage-icon {\n font-size: 2.5rem;\n margin-bottom: .75rem;\n}\n\n.spm-usage-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--spm-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.spm-dosage {\n display: inline-block;\n background: linear-gradient(135deg, var(--spm-primary), var(--spm-primary-dark));\n color: white;\n padding: 6px 16px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n margin-bottom: .5rem;\n}\n\n.spm-usage-content p {\n font-size: 13px;\n color: var(--spm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.spm-tip {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--spm-primary-light);\n border-radius: var(--spm-radius-sm);\n padding: 1rem 1.5rem;\n border-left: 4px solid var(--spm-primary);\n}\n\n.spm-tip-icon {\n font-size: 1.5rem;\n flex-shrink: 0;\n}\n\n.spm-tip p {\n margin: 0;\n font-size: 14px;\n color: var(--spm-text);\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.spm-accordion {\n background: var(--spm-white);\n border-radius: var(--spm-radius);\n box-shadow: var(--spm-shadow);\n overflow: hidden;\n}\n\n.spm-accordion-item {\n border-bottom: 1px solid var(--spm-border);\n margin: 0;\n padding: 0;\n}\n\n.spm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.spm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--spm-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.spm-accordion-header:hover {\n background: var(--spm-primary-light);\n}\n\n.spm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.spm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--spm-primary);\n transition: transform .2s ease;\n}\n\n.spm-accordion-item[open] .spm-accordion-header::after {\n content: '−';\n}\n\n.spm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--spm-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.spm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.spm-cta-box {\n background: linear-gradient(135deg, var(--spm-primary) 0%, var(--spm-primary-dark) 50%, var(--spm-secondary) 100%);\n border-radius: var(--spm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.spm-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.spm-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .spm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .spm-card {\n padding: 1.125rem;\n }\n \n .spm-card-ingredient {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--spm-primary);\n }\n \n .spm-section {\n margin-bottom: 1.75rem;\n }\n \n .spm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--spm-radius-sm);\n }\n \n .spm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .spm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .spm-grid-compact {\n gap: .625rem;\n }\n \n .spm-grid-compact .spm-card {\n padding: .75rem;\n }\n \n .spm-usage-container {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .spm-usage-card {\n padding: 1.125rem;\n }\n \n .spm-tip {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n padding: 1rem;\n }\n \n .spm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .spm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .spm-badges-top {\n gap: 8px;\n }\n \n .spm-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .spm-card, .spm-usage-card {\n animation: fadeInUp .5s ease backwards;\n }\n .spm-card:nth-child(1), .spm-usage-card:nth-child(1) { animation-delay: .05s; }\n .spm-card:nth-child(2), .spm-usage-card:nth-child(2) { animation-delay: .1s; }\n .spm-card:nth-child(3), .spm-usage-card:nth-child(3) { animation-delay: .15s; }\n .spm-card:nth-child(4) { animation-delay: .2s; }\n .spm-card:nth-child(5) { animation-delay: .25s; }\n .spm-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 .spm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOLIGO","offers":[{"title":"Default Title","offer_id":54956717769081,"sku":"BY0020","price":42.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/sirop-du-pere-michel-500ml_1.jpg?v=1739701606"},{"product_id":"thym-originel-100-ml-dioter","title":"Thym Originel 100 ml (extrait de Thym) - Dioter","description":"\u003cdiv class=\"th-premium\"\u003e\n\n\u003cdiv class=\"th-hero\"\u003e\n\u003cdiv class=\"th-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"th-hero-content\"\u003e\n\u003cdiv class=\"th-badges-top\"\u003e\n\u003cspan class=\"th-badge\"\u003e🇫🇷 Thym français\u003c\/span\u003e\n\u003cspan class=\"th-badge\"\u003e🌿 Sans alcool\u003c\/span\u003e\n\u003cspan class=\"th-badge\"\u003e🧪 Laboratoire Dioter\u003c\/span\u003e\n\u003cspan class=\"th-badge\"\u003e💧 100 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"th-hero-title\"\u003eThym Originel 100 ml\u003c\/span\u003e\n\u003cp class=\"th-subtitle\"\u003eExtrait de thym liquide concentré\u003c\/p\u003e\n\u003cp class=\"th-description\"\u003eUn concentré puissant de thym français, sans alcool ni conservateurs, pour soutenir vos défenses naturelles et apaiser votre gorge au fil des saisons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"th-section\"\u003e\n\u003ch2\u003eExtrait de thym liquide : un concentré naturel pour vos défenses\u003c\/h2\u003e\n\u003cdiv class=\"th-testimonial\"\u003e\n\u003cp class=\"th-testimonial-text\"\u003eVous cherchez un allié naturel pour traverser sereinement les changements de saison ? Le \u003cstrong\u003eThym Originel\u003c\/strong\u003e du \u003cstrong\u003eLaboratoire Dioter\u003c\/strong\u003e est un \u003cstrong\u003eextrait de thym\u003c\/strong\u003e liquide concentré, formulé sans alcool et sans conservateurs, pour vous accompagner au quotidien. Issu de thym 100 % français, il associe la puissance des principes actifs du thym à la douceur d'une formule bien tolérée par toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"th-section\"\u003e\n\u003ch2\u003ePourquoi choisir cet extrait de thym ?\u003c\/h2\u003e\n\u003cp class=\"th-section-intro\"\u003eLe thym (\u003cem\u003eThymus vulgaris\u003c\/em\u003e) est l'une des plantes les plus réputées de la pharmacopée traditionnelle. Bien plus qu'un simple aromate, il renferme des composés précieux aux vertus reconnues.\u003c\/p\u003e\n\u003cdiv class=\"th-grid-compact\"\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🧬 Thymol\u003c\/h3\u003e\n\u003cp\u003eActif majeur du thym, reconnu pour ses propriétés assainissantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🛡️ Carvacrol\u003c\/h3\u003e\n\u003cp\u003eComposé puissant contribuant au confort respiratoire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🌸 Linalol\u003c\/h3\u003e\n\u003cp\u003ePrincipes actifs apaisants pour la gorge et les voies respiratoires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🍃 Géraniol \u0026amp; thujanol\u003c\/h3\u003e\n\u003cp\u003eActifs complémentaires pour une action synergique complète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-tip\"\u003e\n\u003cspan class=\"th-tip-icon\"\u003e⚗️\u003c\/span\u003e\n\u003cp\u003eCe qui distingue le Thym Originel, c'est sa \u003cstrong\u003eméthode d'extraction par macération\u003c\/strong\u003e. Contrairement aux simples infusions, cette technique capture une concentration optimale de principes actifs tout en préservant leur intégrité. Chaque lot est filtré avec soin pour garantir un produit pur et efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"th-section\"\u003e\n\u003ch2\u003eLes bienfaits du Thym Originel Dioter\u003c\/h2\u003e\n\u003cdiv class=\"th-grid\"\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🛡️ Soutient le système immunitaire\u003c\/h3\u003e\n\u003cp\u003eGrâce à sa teneur en vitamine C naturelle (21 % des VNR par dose journalière), il renforce vos défenses au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e⚡ Aide à réduire la fatigue\u003c\/h3\u003e\n\u003cp\u003eContribue à retrouver un niveau d'énergie satisfaisant, idéal lors des périodes de surmenage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🫁 Apaise la gorge et les voies respiratoires\u003c\/h3\u003e\n\u003cp\u003eParticulièrement utile en période hivernale pour un confort respiratoire optimal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🍽️ Facilite la digestion\u003c\/h3\u003e\n\u003cp\u003eComme le veut l'usage traditionnel du thym, il soutient une digestion confortable après les repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🌿 Sans alcool, sans conservateurs\u003c\/h3\u003e\n\u003cp\u003eUne formule douce à base de glycérine végétale, adaptée aussi aux enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eÉlaboré à partir de thym d'origine française, par le Laboratoire Dioter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"th-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cdiv class=\"th-composition-box\"\u003e\n\u003cdiv class=\"th-composition-header\"\u003e\n\u003ch3\u003e🧪 Ingrédients\u003c\/h3\u003e\n\u003cp\u003eGlycérine végétale, extrait aqueux de thym (\u003cem\u003eThymus vulgaris\u003c\/em\u003e), vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-composition-detail\"\u003e\n\u003cdiv class=\"th-vnr-badge\"\u003e\n\u003cspan class=\"th-vnr-number\"\u003e21 %\u003c\/span\u003e\n\u003cspan class=\"th-vnr-label\"\u003edes VNR\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-vnr-info\"\u003e\n\u003ch3\u003eApport pour 5 ml\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e17 mg de vitamine C\u003c\/strong\u003e, soit 21 % des Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-tip\"\u003e\n\u003cspan class=\"th-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLa formule ne contient ni alcool, ni colorant, ni conservateur artificiel. La glycérine végétale sert à la fois de support d'extraction et de vecteur naturel pour les principes actifs du thym.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"th-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"th-timeline\"\u003e\n\u003cdiv class=\"th-timeline-item\"\u003e\n\u003cdiv class=\"th-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"th-timeline-content\"\u003e\n\u003ch3\u003e👨 Adultes\u003c\/h3\u003e\n\u003cp\u003e30 gouttes, 3 fois par jour, pures ou diluées dans un verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-timeline-item\"\u003e\n\u003cdiv class=\"th-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"th-timeline-content\"\u003e\n\u003ch3\u003e👶 Enfants\u003c\/h3\u003e\n\u003cp\u003e10 gouttes, 2 fois par jour. Possibilité de mélanger dans une boisson chaude ou froide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-timeline-item\"\u003e\n\u003cdiv class=\"th-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"th-timeline-content\"\u003e\n\u003ch3\u003e📅 Durée de la cure\u003c\/h3\u003e\n\u003cp\u003eCure recommandée de \u003cstrong\u003e1 à 2 mois\u003c\/strong\u003e, renouvelable selon les besoins. Un flacon de 100 ml correspond à environ \u003cstrong\u003e2 semaines d'utilisation\u003c\/strong\u003e pour un adulte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-tip\"\u003e\n\u003cspan class=\"th-tip-icon\"\u003e🍯\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e en période de froid, associez votre extrait de thym à une cuillère de \u003cstrong\u003emiel de thym liquide\u003c\/strong\u003e dans une tisane tiède. Vous obtiendrez une boisson réconfortante qui combine les vertus des deux produits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"th-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"th-accordion\"\u003e\n\u003cdetails class=\"th-accordion-item\" open\u003e\n\u003csummary class=\"th-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n\u003cdiv class=\"th-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire \u003cstrong\u003ene se substitue pas à une alimentation variée et équilibrée\u003c\/strong\u003e ni à un mode de vie sain. Ne dépassez pas la dose journalière recommandée. Conservez le flacon à l'abri de la chaleur après ouverture. Tenez hors de portée des jeunes enfants. En cas de doute, consultez votre médecin ou votre pharmacien avant utilisation, notamment en cas de grossesse ou d'allaitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"th-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"th-grid-compact\"\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n\u003cp\u003eFlacon compte-gouttes de 100 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🌱 Origine du thym\u003c\/h3\u003e\n\u003cp\u003eFrance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n\u003cp\u003eLaboratoire Dioter, France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🧊 Conservation\u003c\/h3\u003e\n\u003cp\u003eAu frais après ouverture\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"th-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --th-cream: #f7f5f0;\n --th-white: #ffffff;\n --th-primary: #5a8a3c;\n --th-primary-dark: #3d6b28;\n --th-primary-light: #edf5e6;\n --th-secondary: #8db56b;\n --th-accent: #c9a84c;\n --th-text: #1a1a1a;\n --th-text-light: #5a5a5a;\n --th-border: #e0e0e0;\n --th-shadow: 0 4px 24px rgba(0,0,0,.08);\n --th-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --th-radius: 20px;\n --th-radius-sm: 12px;\n}\n\n.th-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--th-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.th-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6b28 0%, #5a8a3c 40%, #8db56b 100%);\n border-radius: var(--th-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(--th-shadow-lg);\n}\n\n.th-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.th-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.th-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.th-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(--th-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.th-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.th-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.th-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.th-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.th-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.th-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--th-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.th-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(--th-primary), var(--th-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.th-card {\n background: var(--th-white);\n border-radius: var(--th-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--th-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.th-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--th-shadow-lg);\n border-color: var(--th-primary);\n}\n\n.th-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--th-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.th-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--th-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.th-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.th-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.th-grid-compact .th-card {\n padding: 1rem;\n}\n\n.th-grid-compact .th-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.th-grid-compact .th-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.th-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.th-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.th-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--th-primary), var(--th-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.th-timeline-content {\n flex: 1;\n background: var(--th-white);\n padding: 1rem 1.25rem;\n border-radius: var(--th-radius-sm);\n box-shadow: var(--th-shadow);\n}\n\n.th-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--th-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.th-timeline-content p {\n font-size: 14px;\n color: var(--th-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.th-testimonial {\n background: var(--th-white);\n border-radius: var(--th-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--th-shadow);\n border-left: 4px solid var(--th-primary);\n}\n\n.th-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--th-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.th-composition-box {\n background: var(--th-white);\n border-radius: var(--th-radius);\n box-shadow: var(--th-shadow);\n overflow: hidden;\n}\n\n.th-composition-header {\n padding: clamp(1.25rem, 3vw, 2rem);\n border-bottom: 1px solid var(--th-border);\n}\n\n.th-composition-header h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--th-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.th-composition-header p {\n font-size: 15px;\n color: var(--th-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.th-composition-detail {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n padding: clamp(1.25rem, 3vw, 2rem);\n}\n\n.th-vnr-badge {\n flex-shrink: 0;\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, var(--th-primary), var(--th-secondary));\n border-radius: 50%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: white;\n box-shadow: 0 4px 16px rgba(90,138,60,.3);\n}\n\n.th-vnr-number {\n font-size: 22px;\n font-weight: 900;\n line-height: 1;\n}\n\n.th-vnr-label {\n font-size: 11px;\n font-weight: 600;\n opacity: .9;\n}\n\n.th-vnr-info h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--th-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.th-vnr-info p {\n font-size: 14px;\n color: var(--th-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.th-accordion {\n background: var(--th-white);\n border-radius: var(--th-radius);\n box-shadow: var(--th-shadow);\n overflow: hidden;\n}\n\n.th-accordion-item {\n border-bottom: 1px solid var(--th-border);\n margin: 0;\n padding: 0;\n}\n\n.th-accordion-item:last-child {\n border-bottom: none;\n}\n\n.th-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--th-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.th-accordion-header:hover {\n background: var(--th-primary-light);\n}\n\n.th-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.th-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--th-primary);\n transition: transform .2s ease;\n}\n\n.th-accordion-item[open] .th-accordion-header::after {\n content: '−';\n}\n\n.th-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--th-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.th-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.th-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--th-primary-light);\n border-radius: var(--th-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.th-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.th-tip p {\n font-size: 14px;\n color: var(--th-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.th-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--th-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === DISCLAIMER === *\/\n.th-disclaimer {\n font-size: 12px;\n color: var(--th-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 .th-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .th-card {\n padding: 1.125rem;\n }\n\n .th-section {\n margin-bottom: 1.75rem;\n }\n\n .th-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--th-radius-sm);\n }\n\n .th-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .th-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .th-grid-compact {\n gap: .625rem;\n }\n\n .th-grid-compact .th-card {\n padding: .75rem;\n }\n\n .th-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .th-timeline-content {\n padding: .875rem 1rem;\n }\n\n .th-timeline-content h3 {\n font-size: 14px;\n }\n\n .th-timeline-content p {\n font-size: 13px;\n }\n\n .th-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .th-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .th-testimonial {\n padding: 1.25rem;\n }\n\n .th-testimonial-text {\n font-size: 14px;\n }\n\n .th-vnr-badge {\n width: 64px;\n height: 64px;\n }\n\n .th-vnr-number {\n font-size: 18px;\n }\n\n .th-vnr-label {\n font-size: 10px;\n }\n\n .th-composition-detail {\n gap: 1rem;\n }\n\n .th-vnr-info h3 {\n font-size: 14px;\n }\n\n .th-vnr-info p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .th-card {\n animation: thFadeInUp .5s ease backwards;\n }\n .th-card:nth-child(1) { animation-delay: .05s; }\n .th-card:nth-child(2) { animation-delay: .1s; }\n .th-card:nth-child(3) { animation-delay: .15s; }\n .th-card:nth-child(4) { animation-delay: .2s; }\n .th-card:nth-child(5) { animation-delay: .25s; }\n .th-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes thFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .th-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":54962026381689,"sku":"DI5030","price":24.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/thym-originel-100-ml-extrait-de-thym-dioter-packshothd.webp?v=1775147913"},{"product_id":"gem-respi-15-bio-15-ml-alphagem","title":"Gem-Respi 15 Bio - 15 ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gem-Respi 15 Bio - 15 ml - Alphagem\nPalette détectée:\n - Primaire: #5BAA8A (vert naturel\/gemmothérapie du logo AlphaGem)\n - Secondaire: #7CC4D3 (bleu clair du bandeau \"GEM-RESPI\")\n - Accent: #3D7A5F (vert foncé profond du texte packaging)\n - Brun packaging: #4A3728 (flacon ambré)\nAmbiance: Naturel\/bio, phytothérapie, bien-être respiratoire, confiance médicale douce\nPréfixe CSS: gr\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Gem-Respi 15 Bio d'Alphagem : le complexe de gemmothérapie pour votre confort respiratoire\"\n 2. \"Composition détaillée du Gem-Respi 15 Bio\"\n 3. \"Quels sont les bienfaits de chaque bourgeon ?\"\n 4. \"Pourquoi choisir Alphagem Gem-Respi Bio ?\"\n 5. \"Conseils d'utilisation et posologie\"\n 6. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gr-hero\"\u003e\n \u003cdiv class=\"gr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gr-hero-content\"\u003e\n \u003cdiv class=\"gr-badges-top\"\u003e\n \u003cspan class=\"gr-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e🫁 Voies respiratoires\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e💧 4 actifs synergiques\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e🇧🇪 AlphaGem\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gr-hero-title\"\u003eGem-Respi 15 Bio\u003c\/span\u003e\n \u003cp class=\"gr-subtitle\"\u003eGemmo-Complexe 15 — Voies respiratoires\u003c\/p\u003e\n \u003cp class=\"gr-description\"\u003eLe complexe de gemmothérapie biologique pour respirer librement, alliant charme, aulne glutineux, cassis et rosier sauvage en macérats-mères concentrés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eGem-Respi 15 Bio d'Alphagem : le complexe de gemmothérapie pour votre confort respiratoire\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eVous cherchez une solution naturelle pour \u003cstrong\u003erespirer plus librement\u003c\/strong\u003e au quotidien ?\u003c\/p\u003e\n \u003cdiv class=\"gr-testimonial\"\u003e\n \u003cp class=\"gr-testimonial-text\"\u003eLe Gem-Respi 15 Bio en 15 ml d'Alphagem est un gemmo-complexe biologique spécialement conçu pour soutenir les \u003cstrong\u003evoies respiratoires\u003c\/strong\u003e. Grâce à une synergie de quatre extraits de bourgeons et jeunes pousses soigneusement sélectionnés, cette formule vous accompagne lors des périodes délicates — changements de saison, coups de froid ou gênes respiratoires passagères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eComposition détaillée du Gem-Respi 15 Bio\u003c\/h2\u003e\n \u003cdiv class=\"gr-composition-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Alcool* (35 % vol.), eau, glycérine végétale*, bourgeons de \u003cstrong\u003echarme\u003c\/strong\u003e* (\u003cem\u003eCarpinus betulus\u003c\/em\u003e), bourgeons d'\u003cstrong\u003eaulne glutineux\u003c\/strong\u003e* (\u003cem\u003eAlnus glutinosa\u003c\/em\u003e), bourgeons de \u003cstrong\u003ecassis\u003c\/strong\u003e* (\u003cem\u003eRibes nigrum\u003c\/em\u003e), jeunes pousses de \u003cstrong\u003erosier sauvage\u003c\/strong\u003e* (\u003cem\u003eRosa canina\u003c\/em\u003e).\u003c\/p\u003e\n \u003cp class=\"gr-bio-mention\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eQuels sont les bienfaits de chaque bourgeon ?\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eLa force de ce \u003cstrong\u003ecomplément alimentaire respiratoire\u003c\/strong\u003e réside dans la complémentarité de ses actifs :\u003c\/p\u003e\n \u003cdiv class=\"gr-grid\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🌳 Charme (\u003cem\u003eCarpinus betulus\u003c\/em\u003e)\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisé en gemmothérapie pour apaiser la sphère ORL, il contribue au \u003cstrong\u003econfort respiratoire\u003c\/strong\u003e, notamment au niveau de la gorge et des sinus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🛡️ Aulne glutineux (\u003cem\u003eAlnus glutinosa\u003c\/em\u003e)\u003c\/h3\u003e\n \u003cp\u003eVéritable bouclier naturel, il agit sur les muqueuses respiratoires et aide à \u003cstrong\u003edégager le nez\u003c\/strong\u003e pour mieux respirer au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e👑 Cassis (\u003cem\u003eRibes nigrum\u003c\/em\u003e)\u003c\/h3\u003e\n \u003cp\u003eConsidéré comme le « roi de la gemmothérapie », il soutient la résistance de l'organisme et potentialise l'action des autres bourgeons grâce à ses propriétés toniques et adaptogènes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🌹 Rosier sauvage (\u003cem\u003eRosa canina\u003c\/em\u003e)\u003c\/h3\u003e\n \u003cp\u003eSes jeunes pousses renforcent les \u003cstrong\u003edéfenses immunitaires\u003c\/strong\u003e et complètent l'action du complexe pour une protection optimale face aux agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003ePourquoi choisir Alphagem Gem-Respi Bio ?\u003c\/h2\u003e\n \u003cdiv class=\"gr-grid-compact\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🌱 Certifié biologique\u003c\/h3\u003e\n \u003cp\u003eDes bourgeons récoltés dans le respect du vivant, sans pesticides ni conservateurs chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🔬 Formule synergique complète\u003c\/h3\u003e\n \u003cp\u003eQuatre extraits qui agissent en complémentarité sur la gemmothérapie respiration, des bronches aux sinus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e📦 Format pratique 15 ml\u003c\/h3\u003e\n \u003cp\u003eFlacon compte-gouttes idéal pour une cure d'attaque ou pour emporter partout avec vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e⚡ Concentration optimale\u003c\/h3\u003e\n \u003cp\u003eMacérats-mères concentrés pour une efficacité dès les premières prises.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"gr-timeline\"\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e5 à 15 gouttes par jour\u003c\/strong\u003e, pures ou diluées dans un peu d'eau de source.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n \u003cp\u003eÀ consommer \u003cstrong\u003eentre les repas\u003c\/strong\u003e. Commencez par 5 gouttes et augmentez progressivement selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eUne cure d'\u003cstrong\u003eun mois\u003c\/strong\u003e est recommandée par le fabricant, en respectant la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-tip\"\u003e\n \u003cspan class=\"gr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour un conseil personnalisé, n'hésitez pas à consulter un naturopathe ou votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"gr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gr-accordion\"\u003e\n \u003cdetails class=\"gr-accordion-item\" open\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e⚠️ Dosage et populations sensibles\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Contient de l'alcool (35 % vol.) : déconseillé aux femmes enceintes, allaitantes et aux enfants sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e🧒 Conservation et sécurité\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. Conserver à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e📋 Avertissement complémentaire\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e ne se substitue pas à une alimentation variée et équilibrée ni à un traitement médical. En cas de symptômes persistants, consultez votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"gr-disclaimer\"\u003eCe produit est un complément alimentaire. Il ne remplace pas une alimentation variée et équilibrée ni un suivi médical adapté.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --gr-cream: #f4f8f5;\n --gr-white: #ffffff;\n --gr-primary: #5BAA8A;\n --gr-primary-dark: #2E6B52;\n --gr-primary-light: #e8f5ee;\n --gr-secondary: #7CC4D3;\n --gr-accent: #3D7A5F;\n --gr-text: #1a1a1a;\n --gr-text-light: #5a5a5a;\n --gr-border: #dce8e0;\n --gr-shadow: 0 4px 24px rgba(46,107,82,.08);\n --gr-shadow-lg: 0 12px 48px rgba(46,107,82,.15);\n --gr-radius: 20px;\n --gr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gr-hero {\n position: relative;\n background: linear-gradient(135deg, #2E6B52 0%, #5BAA8A 45%, #7CC4D3 100%);\n border-radius: var(--gr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gr-shadow-lg);\n}\n\n.gr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: 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.gr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.gr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.gr-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gr-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.gr-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.gr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gr-primary), var(--gr-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gr-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.gr-card {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gr-shadow-lg);\n border-color: var(--gr-primary);\n}\n\n.gr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gr-grid-compact .gr-card {\n padding: 1rem;\n}\n\n.gr-grid-compact .gr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gr-grid-compact .gr-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.gr-composition-box {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gr-shadow);\n border-left: 4px solid var(--gr-secondary);\n}\n\n.gr-composition-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--gr-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n}\n\n.gr-composition-box p:last-child {\n margin-bottom: 0;\n}\n\n.gr-bio-mention {\n font-style: italic;\n color: var(--gr-text-light) !important;\n font-size: clamp(12px, 2vw, 14px) !important;\n}\n\n\/* === TIMELINE === *\/\n.gr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gr-primary), var(--gr-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gr-timeline-content {\n flex: 1;\n background: var(--gr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gr-radius-sm);\n box-shadow: var(--gr-shadow);\n}\n\n.gr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gr-timeline-content p {\n font-size: 14px;\n color: var(--gr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gr-testimonial {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gr-shadow);\n border-left: 4px solid var(--gr-primary);\n}\n\n.gr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gr-primary-light);\n border-radius: var(--gr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gr-tip p {\n font-size: 14px;\n color: var(--gr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gr-accordion {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n box-shadow: var(--gr-shadow);\n overflow: hidden;\n}\n\n.gr-accordion-item {\n border-bottom: 1px solid var(--gr-border);\n margin: 0;\n padding: 0;\n}\n\n.gr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gr-accordion-header:hover {\n background: var(--gr-primary-light);\n}\n\n.gr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gr-primary);\n transition: transform .2s ease;\n}\n\n.gr-accordion-item[open] .gr-accordion-header::after {\n content: '−';\n}\n\n.gr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gr-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gr-disclaimer {\n font-size: 12px;\n color: var(--gr-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 .gr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gr-card {\n padding: 1.125rem;\n }\n\n .gr-section {\n margin-bottom: 1.75rem;\n }\n\n .gr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gr-radius-sm);\n }\n\n .gr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gr-grid-compact {\n gap: .625rem;\n }\n\n .gr-grid-compact .gr-card {\n padding: .75rem;\n }\n\n .gr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gr-timeline-content h3 {\n font-size: 14px;\n }\n\n .gr-timeline-content p {\n font-size: 13px;\n }\n\n .gr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gr-testimonial {\n padding: 1.25rem;\n }\n\n .gr-testimonial-text {\n font-size: 14px;\n }\n\n .gr-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gr-card {\n animation: grFadeInUp .5s ease backwards;\n }\n .gr-card:nth-child(1) { animation-delay: .05s; }\n .gr-card:nth-child(2) { animation-delay: .1s; }\n .gr-card:nth-child(3) { animation-delay: .15s; }\n .gr-card:nth-child(4) { animation-delay: .2s; }\n .gr-card:nth-child(5) { animation-delay: .25s; }\n .gr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes grFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":54962532909433,"sku":"GEMRESPI15","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gem-respi-15-bio-15-ml-alphagem-packshothd.webp?v=1791469205"},{"product_id":"spray-gorge-doux-bio-miel-propolis-menthe-20ml-propolia","title":"Spray buccal haleine \u0026 gorge - Miel, Propolis \u0026 Menthe - 20ml - Propolia","description":"\u003cdiv class=\"pg-premium\"\u003e\n \u003cdiv class=\"pg-hero\"\u003e\n \u003cdiv class=\"pg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pg-hero-content\"\u003e\n \u003cdiv class=\"pg-badges-top\"\u003e\n \u003cspan class=\"pg-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"pg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"pg-badge\"\u003e🐝 Actifs de la ruche\u003c\/span\u003e\n \u003cspan class=\"pg-badge\"\u003e✈️ Format nomade 20 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pg-hero-title\"\u003eSpray Gorge Doux Bio\u003c\/span\u003e\n \u003cp class=\"pg-subtitle\"\u003eMiel • Propolis • Menthe — Le Pschit de l'apiculteur\u003c\/p\u003e\n \u003cp class=\"pg-description\"\u003eUne formule concentrée et 100 % naturelle pour apaiser la gorge irritée et rafraîchir l'haleine instantanément. Sans alcool, sans conservateur de synthèse, sans édulcorant artificiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"pg-section\"\u003e\n \u003ch2\u003eUn spray propolis gorge polyvalent et naturel\u003c\/h2\u003e\n \u003cp class=\"pg-section-intro\"\u003eCe spray pour la gorge à la propolis a été pensé pour répondre à plusieurs besoins du quotidien : soulager les irritations du pharynx, soutenir les cordes vocales sollicitées (orateurs, enseignants, chanteurs) et rafraîchir l'haleine instantanément. Contrairement à de nombreux sprays buccaux vendus en pharmacie ou en grande surface, celui-ci ne contient ni alcool, ni conservateur de synthèse, ni édulcorant artificiel. Une réponse naturelle, certifiée Agriculture Biologique.\u003c\/p\u003e\n \u003cdiv class=\"pg-grid-compact\"\u003e\n \u003cdiv class=\"pg-card\"\u003e\n \u003ch3\u003e🗣️ Voix sollicitée\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les orateurs, enseignants et chanteurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pg-card\"\u003e\n \u003ch3\u003e🌬️ Haleine fraîche\u003c\/h3\u003e\n \u003cp\u003eUne fraîcheur immédiate et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pg-card\"\u003e\n \u003ch3\u003e🛡️ Gorge apaisée\u003c\/h3\u003e\n \u003cp\u003eSoulage les irritations du pharynx.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pg-card\"\u003e\n \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n \u003cp\u003eNi conservateur, ni édulcorant de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pg-section\"\u003e\n \u003ch2\u003eLes bienfaits du spray propolis gorge\u003c\/h2\u003e\n \u003cdiv class=\"pg-grid\"\u003e\n \u003cdiv class=\"pg-card\"\u003e\n \u003ch3\u003e🐝 Propolis bio (6 %)\u003c\/h3\u003e\n \u003cp\u003eVéritable bouclier de la ruche, elle est traditionnellement reconnue pour ses propriétés protectrices et apaisantes sur les muqueuses de la gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pg-card\"\u003e\n \u003ch3\u003e🍯 Miel bio (15 %)\u003c\/h3\u003e\n \u003cp\u003eIl enrobe et adoucit la gorge irritée, tout en apportant une saveur agréable qui plaît aux enfants comme aux adultes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pg-card\"\u003e\n \u003ch3\u003e🌱 Menthe des champs bio (0,8 %)\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle qui procure une sensation immédiate de fraîcheur et purifie l'haleine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pg-card\"\u003e\n \u003ch3\u003e🌿 Thym à linalol bio\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle douce et bien tolérée, qui soutient les défenses naturelles de la sphère ORL.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pg-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"pg-section-intro\"\u003ePour profiter pleinement des bienfaits de ce spray propolis gorge, suivez ces recommandations simples :\u003c\/p\u003e\n \u003cdiv class=\"pg-timeline\"\u003e\n \u003cdiv class=\"pg-timeline-item\"\u003e\n \u003cdiv class=\"pg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pg-timeline-content\"\u003e\n \u003ch3\u003eAgitez bien le flacon\u003c\/h3\u003e\n \u003cp\u003eAvant chaque utilisation, secouez le flacon pour bien homogénéiser la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pg-timeline-item\"\u003e\n \u003cdiv class=\"pg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pg-timeline-content\"\u003e\n \u003ch3\u003e3 pulvérisations ciblées\u003c\/h3\u003e\n \u003cp\u003eEffectuez 3 pulvérisations directement dans la bouche, en orientant le diffuseur vers le fond de la gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pg-timeline-item\"\u003e\n \u003cdiv class=\"pg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pg-timeline-content\"\u003e\n \u003ch3\u003eJusqu'à 5 fois par jour\u003c\/h3\u003e\n \u003cp\u003eRenouvelez l'application dès les premières sensations d'inconfort, jusqu'à 5 fois par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pg-timeline-item\"\u003e\n \u003cdiv class=\"pg-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pg-timeline-content\"\u003e\n \u003ch3\u003eLaissez agir\u003c\/h3\u003e\n \u003cp\u003eÉvitez de boire ou de vous rincer la bouche dans les minutes qui suivent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pg-timeline-item\"\u003e\n \u003cdiv class=\"pg-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"pg-timeline-content\"\u003e\n \u003ch3\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux adultes et aux enfants dès 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pg-tip\"\u003e\n \u003cspan class=\"pg-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eCe spray ne se substitue pas à un avis médical. En cas de symptômes persistants ou en cas de grossesse, demandez conseil à un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pg-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce spray plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp class=\"pg-section-intro\"\u003eLes avis sur le spray propolis gorge Propolia mettent en avant trois atouts majeurs :\u003c\/p\u003e\n \u003cdiv class=\"pg-grid\"\u003e\n \u003cdiv class=\"pg-card\"\u003e\n \u003ch3\u003e🌿 100 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eCertifié Agriculture Biologique, sans alcool ni gluten, pour une formule respectueuse de votre corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pg-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré dans le laboratoire familial Propolia, en Occitanie, avec une propolis rigoureusement sélectionnée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pg-card\"\u003e\n \u003ch3\u003e👜 Format nomade 20 ml\u003c\/h3\u003e\n \u003cp\u003eÀ glisser dans un sac ou une poche pour une utilisation à tout moment de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pg-tip\"\u003e\n \u003cspan class=\"pg-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eQue vous le compariez à un spray buccal haleine de pharmacie ou à un produit type Carrefour, la différence se joue sur la qualité des ingrédients et la concentration en actifs de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eComposition INCI complète\u003c\/h2\u003e\n \u003cdiv class=\"pg-accordion\"\u003e\n \u003cdetails class=\"pg-accordion-item\" open\u003e\n \u003csummary class=\"pg-accordion-header\"\u003e🧪 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"pg-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Eau, Miel* (15 %), Extrait de Propolis titré à 16 % de Propolis purifiée* (6 %), Huiles essentielles de Mentha arvensis L.* (0,8 %) et de Thymus zygis (Loefl.)*.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pg-accordion-item\"\u003e\n \u003csummary class=\"pg-accordion-header\"\u003e📊 Apports pour 6 mL (dose journalière maximale)\u003c\/summary\u003e\n \u003cdiv class=\"pg-accordion-content mt-3\"\u003e\n \u003cp\u003e• Miel : 0,9 mg\u003cbr\u003e\n • Extrait de Propolis : 0,36 mg\u003cbr\u003e\n • Huiles essentielles (menthe et thym) : 60 µg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pg-accordion-item\"\u003e\n \u003csummary class=\"pg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"pg-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver à température ambiante, à l'abri de la lumière et de la chaleur. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pg-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cp\u003eGlissez le Spray Gorge Doux Bio Propolia dans votre trousse beauté ou votre sac : un geste simple pour une gorge apaisée et une haleine durablement fraîche, où que vous soyez. 🐝\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pg-cream: #fdf8ee;\n --pg-white: #ffffff;\n --pg-primary: #f5b015;\n --pg-primary-dark: #b87a08;\n --pg-primary-light: #fef3d6;\n --pg-secondary: #7ab800;\n --pg-accent: #e8941a;\n --pg-text: #2a1f10;\n --pg-text-light: #6b5d4a;\n --pg-border: #ecdfc4;\n --pg-shadow: 0 4px 24px rgba(184,122,8,.08);\n --pg-shadow-lg: 0 12px 48px rgba(184,122,8,.18);\n --pg-radius: 20px;\n --pg-radius-sm: 12px;\n}\n\n.pg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--pg-text);\n}\n\n.pg-hero {\n position: relative;\n background: linear-gradient(135deg, #f5b015 0%, #e8941a 50%, #7ab800 100%);\n border-radius: var(--pg-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(--pg-shadow-lg);\n}\n\n.pg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .25;\n}\n\n.pg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pg-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.pg-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 20px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n letter-spacing: .02em;\n}\n\n.pg-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n text-shadow: 0 1px 8px rgba(0,0,0,.1);\n}\n\n.pg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\n}\n\n.pg-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(--pg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pg-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.pg-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(--pg-primary), var(--pg-secondary));\n border-radius: 2px;\n}\n\n.pg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pg-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.pg-card {\n background: var(--pg-white);\n border-radius: var(--pg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pg-shadow-lg);\n border-color: var(--pg-primary);\n}\n\n.pg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pg-grid-compact .pg-card {\n padding: 1rem;\n}\n\n.pg-grid-compact .pg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pg-grid-compact .pg-card p {\n font-size: 12px;\n}\n\n.pg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pg-primary), var(--pg-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(245,176,21,.35);\n}\n\n.pg-timeline-content {\n flex: 1;\n background: var(--pg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pg-radius-sm);\n box-shadow: var(--pg-shadow);\n}\n\n.pg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pg-timeline-content p {\n font-size: 14px;\n color: var(--pg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.pg-accordion {\n background: var(--pg-white);\n border-radius: var(--pg-radius);\n box-shadow: var(--pg-shadow);\n overflow: hidden;\n}\n\n.pg-accordion-item {\n border-bottom: 1px solid var(--pg-border);\n margin: 0;\n padding: 0;\n}\n\n.pg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pg-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.pg-accordion-header:hover {\n background: var(--pg-primary-light);\n}\n\n.pg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pg-primary);\n transition: transform .2s ease;\n}\n\n.pg-accordion-item[open] .pg-accordion-header::after {\n content: '−';\n}\n\n.pg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pg-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.pg-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.pg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pg-primary-light);\n border-radius: var(--pg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--pg-primary);\n}\n\n.pg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pg-tip p {\n font-size: 14px;\n color: var(--pg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.pg-cta-box {\n background: linear-gradient(135deg, var(--pg-primary) 0%, var(--pg-accent) 100%);\n border-radius: var(--pg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--pg-shadow-lg);\n}\n\n.pg-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .pg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .pg-card {\n padding: 1.125rem;\n }\n .pg-section {\n margin-bottom: 1.75rem;\n }\n .pg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pg-radius-sm);\n }\n .pg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .pg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .pg-grid-compact {\n gap: .625rem;\n }\n .pg-grid-compact .pg-card {\n padding: .75rem;\n }\n .pg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .pg-timeline-content {\n padding: .875rem 1rem;\n }\n .pg-timeline-content h3 {\n font-size: 14px;\n }\n .pg-timeline-content p {\n font-size: 13px;\n }\n .pg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .pg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .pg-card {\n animation: pgFadeInUp .5s ease backwards;\n }\n .pg-card:nth-child(1) { animation-delay: .05s; }\n .pg-card:nth-child(2) { animation-delay: .1s; }\n .pg-card:nth-child(3) { animation-delay: .15s; }\n .pg-card:nth-child(4) { animation-delay: .2s; }\n .pg-card:nth-child(5) { animation-delay: .25s; }\n .pg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pgFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .pg-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":55162466861433,"sku":"AP0010","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-buccal-haleine-gorge-miel-propolis-menthe-20ml-propoli-packshothd.webp?v=1787391853"},{"product_id":"spray-propolis-bio-20-ml-abeille-forestiere","title":"Spray Propolis gorge bio - 20 ml - Abeille Forestière","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Spray Propolis gorge bio - 20 ml - Abeille Forestière\nPalette détectée:\n - Primaire: #D4A523 (jaune miel doré du rayon et de l'étiquette)\n - Secondaire: #2E7D32 (vert bio des labels AB\/Eurofeuille)\n - Accent: #5D4037 (brun ambré du flacon en verre)\nAmbiance: Naturel\/bio, apicole, chaleureux, authentique, santé naturelle\nPréfixe CSS: prop\n--\u003e\n\u003cdiv class=\"prop-premium\"\u003e\n\u003cdiv class=\"prop-hero\"\u003e\n\u003cdiv class=\"prop-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"prop-hero-content\"\u003e\n\u003cdiv class=\"prop-badges-top\"\u003e\n\u003cspan class=\"prop-badge\"\u003e🐝 100% bio\u003c\/span\u003e \u003cspan class=\"prop-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"prop-badge\"\u003e🌿 4 actifs naturels\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"prop-hero-title\"\u003e🍯 Spray propolis gorge bio\u003c\/span\u003e\n\u003cp class=\"prop-subtitle\"\u003eLe bouclier naturel de votre gorge\u003c\/p\u003e\n\u003cp class=\"prop-description\"\u003ePropolis, sauge, miel et cassis réunis dans un spray pratique pour apaiser instantanément les irritations et retrouver le confort au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"prop-section\"\u003e\n\u003ch2\u003ePourquoi votre gorge va l'adorer\u003c\/h2\u003e\n\u003cdiv class=\"prop-grid\"\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003cdiv class=\"prop-card-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eAction protectrice\u003c\/h3\u003e\n\u003cp\u003eLa propolis forme un film protecteur sur les muqueuses, créant une barrière naturelle contre les agressions extérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003cdiv class=\"prop-card-icon\"\u003e😌\u003c\/div\u003e\n\u003ch3\u003eSoulagement rapide\u003c\/h3\u003e\n\u003cp\u003eApaisement quasi-immédiat des irritations et des premiers signes d'inconfort dès les premières pulvérisations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003cdiv class=\"prop-card-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003e100% naturel\u003c\/h3\u003e\n\u003cp\u003eUniquement des ingrédients issus de l'agriculture biologique, sans additif superflu ni conservateur artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003cdiv class=\"prop-card-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eFormat pratique\u003c\/h3\u003e\n\u003cp\u003eFlacon compact de 20 ml qui se glisse partout : sac, poche, bureau. Votre allié santé toujours à portée de main.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"prop-section\"\u003e\n\u003ch2\u003eLes trésors de la ruche et des plantes\u003c\/h2\u003e\n\u003cdiv class=\"prop-ingredients-grid\"\u003e\n\u003cdiv class=\"prop-ingredient-card prop-ingredient-main\"\u003e\n\u003cdiv class=\"prop-ingredient-icon\"\u003e🐝\u003c\/div\u003e\n\u003cdiv class=\"prop-ingredient-content\"\u003e\n\u003ch3\u003ePropolis bio\u003c\/h3\u003e\n\u003cspan class=\"prop-dosage\"\u003e22,4 mg \/ 8 pulv.\u003c\/span\u003e\n\u003cp\u003eLe gardien de la ruche ! Ses propriétés antibactériennes et anti-inflammatoires protègent et apaisent naturellement votre gorge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-ingredient-card\"\u003e\n\u003cdiv class=\"prop-ingredient-icon\"\u003e🍯\u003c\/div\u003e\n\u003cdiv class=\"prop-ingredient-content\"\u003e\n\u003ch3\u003eMiel bio\u003c\/h3\u003e\n\u003cspan class=\"prop-dosage\"\u003e86 mg \/ 8 pulv.\u003c\/span\u003e\n\u003cp\u003eHydrate et tapisse la gorge d'un voile doux pour un confort immédiat et durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-ingredient-card\"\u003e\n\u003cdiv class=\"prop-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"prop-ingredient-content\"\u003e\n\u003ch3\u003eSauge bio\u003c\/h3\u003e\n\u003cspan class=\"prop-dosage\"\u003e14,4 mg \/ 8 pulv.\u003c\/span\u003e\n\u003cp\u003eAdoucit les muqueuses et soulage les irritations du pharynx avec douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-ingredient-card\"\u003e\n\u003cdiv class=\"prop-ingredient-icon\"\u003e🫐\u003c\/div\u003e\n\u003cdiv class=\"prop-ingredient-content\"\u003e\n\u003ch3\u003eCassis bio\u003c\/h3\u003e\n\u003cspan class=\"prop-dosage\"\u003e14,4 mg \/ 8 pulv.\u003c\/span\u003e\n\u003cp\u003eRiche en antioxydants, il soutient vos défenses naturelles et aide à réduire l'inflammation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"prop-section\"\u003e\n\u003ch2\u003eComment l'utiliser\u003c\/h2\u003e\n\u003cdiv class=\"prop-usage-container\"\u003e\n\u003cdiv class=\"prop-usage-card\"\u003e\n\u003cdiv class=\"prop-usage-header\"\u003e\n\u003cspan class=\"prop-usage-icon\"\u003e😷\u003c\/span\u003e\n\u003ch3\u003eGorge irritée\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-usage-detail\"\u003e\n\u003cspan class=\"prop-pulv\"\u003e1 à 2\u003c\/span\u003e \u003cspan class=\"prop-pulv-label\"\u003epulvérisations\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003e3 à 4 fois par jour, directement dans la gorge\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-usage-card\"\u003e\n\u003cdiv class=\"prop-usage-header\"\u003e\n\u003cspan class=\"prop-usage-icon\"\u003e💨\u003c\/span\u003e\n\u003ch3\u003eHaleine fraîche\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-usage-detail\"\u003e\n\u003cspan class=\"prop-pulv\"\u003e1\u003c\/span\u003e \u003cspan class=\"prop-pulv-label\"\u003epulvérisation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eSuffit pour rafraîchir votre haleine instantanément\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-duration-box\"\u003e\n\u003cspan class=\"prop-duration-icon\"\u003e📅\u003c\/span\u003e\n\u003cdiv class=\"prop-duration-content\"\u003e\n\u003cstrong\u003eDurée d'un flacon\u003c\/strong\u003e\n\u003cp\u003eEnviron 2 à 3 semaines d'usage régulier\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"prop-section\"\u003e\n\u003ch2\u003ePour qui ?\u003c\/h2\u003e\n\u003cdiv class=\"prop-grid prop-grid-3\"\u003e\n\u003cdiv class=\"prop-profile-card\"\u003e\n\u003cspan class=\"prop-profile-icon\"\u003e🗣️\u003c\/span\u003e\n\u003ch3\u003eVoix sollicitée\u003c\/h3\u003e\n\u003cp\u003eEnseignants, chanteurs, conférenciers... Tous ceux qui utilisent leur voix intensément.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-profile-card\"\u003e\n\u003cspan class=\"prop-profile-icon\"\u003e❄️\u003c\/span\u003e\n\u003ch3\u003eSensibles au froid\u003c\/h3\u003e\n\u003cp\u003eDès les premiers frissons de l'hiver ou lors des changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-profile-card\"\u003e\n\u003cspan class=\"prop-profile-icon\"\u003e🏃\u003c\/span\u003e\n\u003ch3\u003eActifs pressés\u003c\/h3\u003e\n\u003cp\u003eUn format pocket pour une protection express, partout, tout le temps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"prop-section\"\u003e\n\u003ch2\u003eInfos pratiques\u003c\/h2\u003e\n\u003cdiv class=\"prop-info-grid\"\u003e\n\u003cdiv class=\"prop-info-item\"\u003e\n\u003cspan class=\"prop-info-icon\"\u003e📦\u003c\/span\u003e \u003cspan class=\"prop-info-label\"\u003eContenance\u003c\/span\u003e \u003cspan class=\"prop-info-value\"\u003e20 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-info-item\"\u003e\n\u003cspan class=\"prop-info-icon\"\u003e🏭\u003c\/span\u003e \u003cspan class=\"prop-info-label\"\u003eFabrication\u003c\/span\u003e \u003cspan class=\"prop-info-value\"\u003eFrance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-info-item\"\u003e\n\u003cspan class=\"prop-info-icon\"\u003e🌿\u003c\/span\u003e \u003cspan class=\"prop-info-label\"\u003eCertification\u003c\/span\u003e \u003cspan class=\"prop-info-value\"\u003eAgriculture biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"prop-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"prop-cta-box\"\u003e\n\u003cdiv class=\"prop-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"prop-cta-content\"\u003e\n\u003cspan class=\"prop-cta-icon\"\u003e🐝\u003c\/span\u003e\n\u003cp\u003eOffrez à votre gorge le meilleur de la ruche.\u003cbr\u003eUn geste simple, naturel et efficace pour passer l'hiver en toute sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --prop-cream: #FFF9E6;\n --prop-white: #ffffff;\n --prop-primary: #D4A523;\n --prop-primary-dark: #B8860B;\n --prop-primary-light: #FFF3CD;\n --prop-secondary: #2E7D32;\n --prop-secondary-light: #E8F5E9;\n --prop-accent: #5D4037;\n --prop-text: #1a1a1a;\n --prop-text-light: #5a5a5a;\n --prop-border: #e0e0e0;\n --prop-shadow: 0 4px 24px rgba(0,0,0,.08);\n --prop-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --prop-radius: 20px;\n --prop-radius-sm: 12px;\n}\n\n.prop-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--prop-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.prop-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.prop-hero {\n position: relative;\n background: linear-gradient(135deg, #D4A523 0%, #B8860B 50%, #8B6914 100%);\n border-radius: var(--prop-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(--prop-shadow-lg);\n}\n\n.prop-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 5L55 20V40L30 55L5 40V20L30 5Z' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n opacity: .08;\n}\n\n.prop-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.prop-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.prop-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(--prop-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.prop-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.prop-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.prop-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.prop-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto 1.5rem;\n}\n\n.prop-hero-volume {\n margin-top: 1rem;\n}\n\n.prop-volume-badge {\n display: inline-block;\n padding: 12px 24px;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n color: white;\n font-size: 16px;\n font-weight: 700;\n border: 2px solid rgba(255,255,255,.3);\n}\n\n\/* === SECTIONS === *\/\n.prop-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.prop-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--prop-accent);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.prop-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(--prop-primary), var(--prop-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.prop-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.prop-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n\/* === CARDS GÉNÉRIQUES === *\/\n.prop-card {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--prop-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.prop-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--prop-shadow-lg);\n border-color: var(--prop-primary);\n}\n\n.prop-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.prop-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--prop-accent);\n margin: 0 0 .75rem 0;\n}\n\n.prop-card p {\n font-size: 14px;\n color: var(--prop-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === INGRÉDIENTS === *\/\n.prop-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.prop-ingredient-card {\n display: flex;\n gap: 1rem;\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--prop-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.prop-ingredient-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--prop-shadow-lg);\n border-color: var(--prop-primary);\n}\n\n.prop-ingredient-main {\n grid-column: 1 \/ -1;\n background: linear-gradient(135deg, var(--prop-primary-light) 0%, var(--prop-white) 100%);\n border: 2px solid var(--prop-primary);\n}\n\n.prop-ingredient-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.prop-ingredient-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--prop-accent);\n margin: 0 0 .25rem 0;\n}\n\n.prop-dosage {\n display: inline-block;\n background: var(--prop-secondary-light);\n color: var(--prop-secondary);\n padding: 4px 10px;\n border-radius: 6px;\n font-size: 12px;\n font-weight: 700;\n margin-bottom: .5rem;\n}\n\n.prop-ingredient-content p {\n font-size: 14px;\n color: var(--prop-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === UTILISATION === *\/\n.prop-usage-container {\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.prop-usage-card {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--prop-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.prop-usage-card:hover {\n border-color: var(--prop-secondary);\n transform: translateY(-4px);\n}\n\n.prop-usage-header {\n margin-bottom: 1rem;\n}\n\n.prop-usage-icon {\n font-size: 40px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.prop-usage-header h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--prop-accent);\n margin: 0;\n}\n\n.prop-usage-detail {\n background: linear-gradient(135deg, var(--prop-primary) 0%, var(--prop-primary-dark) 100%);\n border-radius: var(--prop-radius-sm);\n padding: 1rem;\n margin-bottom: 1rem;\n}\n\n.prop-pulv {\n display: block;\n font-size: 36px;\n font-weight: 900;\n color: white;\n}\n\n.prop-pulv-label {\n font-size: 14px;\n color: rgba(255,255,255,.9);\n font-weight: 600;\n}\n\n.prop-usage-card \u003e p {\n font-size: 14px;\n color: var(--prop-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.prop-duration-box {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--prop-secondary-light);\n border-radius: var(--prop-radius-sm);\n padding: 1.25rem 1.5rem;\n border-left: 4px solid var(--prop-secondary);\n}\n\n.prop-duration-icon {\n font-size: 32px;\n}\n\n.prop-duration-content strong {\n display: block;\n font-size: 15px;\n color: var(--prop-secondary);\n margin-bottom: .25rem;\n}\n\n.prop-duration-content p {\n font-size: 14px;\n color: var(--prop-text-light);\n margin: 0;\n}\n\n\/* === PROFILS === *\/\n.prop-profile-card {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--prop-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.prop-profile-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--prop-shadow-lg);\n border-color: var(--prop-primary);\n}\n\n.prop-profile-icon {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.prop-profile-card h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--prop-accent);\n margin: 0 0 .5rem 0;\n}\n\n.prop-profile-card p {\n font-size: 14px;\n color: var(--prop-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.prop-compo-box {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--prop-shadow);\n}\n\n.prop-compo-intro {\n font-size: 15px;\n font-weight: 700;\n color: var(--prop-accent);\n margin: 0 0 1rem 0;\n}\n\n.prop-compo-list {\n list-style: none;\n padding: 0;\n margin: 0 0 1rem 0;\n}\n\n.prop-compo-list li {\n padding: .75rem 0;\n border-bottom: 1px solid var(--prop-border);\n font-size: 14px;\n color: var(--prop-text);\n line-height: 1.6;\n}\n\n.prop-compo-list li:last-child {\n border-bottom: none;\n}\n\n.prop-compo-list strong {\n color: var(--prop-accent);\n}\n\n.prop-compo-note {\n font-size: 13px;\n color: var(--prop-secondary);\n font-style: italic;\n margin: 0;\n padding-top: .5rem;\n border-top: 1px dashed var(--prop-border);\n}\n\n\/* === WARNING === *\/\n.prop-warning-box {\n display: flex;\n gap: 1rem;\n background: #FFF3E0;\n border-radius: var(--prop-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n border-left: 4px solid #FF9800;\n}\n\n.prop-warning-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.prop-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.prop-warning-list li {\n position: relative;\n padding-left: 1.25rem;\n font-size: 14px;\n color: var(--prop-text);\n line-height: 1.6;\n margin-bottom: .5rem;\n}\n\n.prop-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n.prop-warning-list li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: #FF9800;\n font-weight: bold;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.prop-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.prop-info-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: var(--prop-white);\n border-radius: var(--prop-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--prop-shadow);\n text-align: center;\n transition: all .3s ease;\n}\n\n.prop-info-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--prop-shadow-lg);\n}\n\n.prop-info-icon {\n font-size: 28px;\n margin-bottom: .5rem;\n}\n\n.prop-info-label {\n font-size: 12px;\n color: var(--prop-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .25rem;\n}\n\n.prop-info-value {\n font-size: 15px;\n font-weight: 700;\n color: var(--prop-accent);\n}\n\n\/* === CTA FINAL === *\/\n.prop-cta-box {\n position: relative;\n background: linear-gradient(135deg, var(--prop-primary) 0%, var(--prop-primary-dark) 100%);\n border-radius: var(--prop-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n overflow: hidden;\n}\n\n.prop-cta-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 5L55 20V40L30 55L5 40V20L30 5Z' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n opacity: .1;\n}\n\n.prop-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.prop-cta-icon {\n font-size: 56px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.prop-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .prop-grid,\n .prop-grid-3,\n .prop-ingredients-grid,\n .prop-usage-container {\n grid-template-columns: 1fr;\n }\n \n .prop-ingredient-main {\n grid-column: auto;\n }\n \n .prop-warning-box {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .prop-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .prop-card,\n .prop-ingredient-card,\n .prop-usage-card,\n .prop-profile-card,\n .prop-info-item {\n animation: propFadeInUp .6s ease backwards;\n }\n \n .prop-card:nth-child(1),\n .prop-ingredient-card:nth-child(1),\n .prop-profile-card:nth-child(1) { animation-delay: .1s; }\n .prop-card:nth-child(2),\n .prop-ingredient-card:nth-child(2),\n .prop-profile-card:nth-child(2) { animation-delay: .2s; }\n .prop-card:nth-child(3),\n .prop-ingredient-card:nth-child(3),\n .prop-profile-card:nth-child(3) { animation-delay: .3s; }\n .prop-card:nth-child(4),\n .prop-ingredient-card:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes propFadeInUp {\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 .prop-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .prop-card,\n .prop-ingredient-card,\n .prop-usage-card,\n .prop-profile-card {\n border: 2px solid var(--prop-text);\n }\n}\n\u003c\/style\u003e","brand":"ABEILLE FORESTIERE","offers":[{"title":"Default Title","offer_id":55183915024761,"sku":"AF2070","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-propolis-gorge-bio-20-ml-abeille-forestiere-ingredients.jpg?v=1766511481"},{"product_id":"sirop-gorge-propolis-miel-citron-145ml-propolia","title":"Sirop Gorge Propolis Miel \u0026 Citron - 145ml - Propolia","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Sirop Gorge Propolis Miel \u0026 Citron - 145ml - Propolia\nPalette détectée:\n - Primaire: #E8A027 (orange doré\/miel du packaging)\n - Secondaire: #D4145A (rose\/magenta du logo Propolia)\n - Accent: #8B5A2B (brun ambré du sirop)\n - Cream: #FDF8F0 (crème chaud)\nAmbiance: Naturel, apicole, chaleureux, français, familial, produit de la ruche\nPréfixe CSS: prop\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Ingrédients clés et bienfaits du sirop gorge Propolia\"\n 2. \"Conseils d'utilisation du sirop gorge Propolia\"\n 3. \"Précautions et contre-indications\"\n 4. \"Pourquoi choisir le sirop gorge Propolia ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"prop-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"prop-hero\"\u003e\n \u003cdiv class=\"prop-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"prop-hero-content\"\u003e\n \u003cdiv class=\"prop-badges-top\"\u003e\n \u003cspan class=\"prop-badge\"\u003e🐝 100% Naturel\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🌿 Sans gluten\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e👨‍👩‍👧 Dès 6 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"prop-hero-title\"\u003eSirop Gorge Propolis Miel \u0026amp; Citron\u003c\/span\u003e\n \u003cp class=\"prop-subtitle\"\u003eLe grog de l'apiculteur • 145 ml\u003c\/p\u003e\n \u003cp class=\"prop-description\"\u003eUn sirop 100% naturel aux trésors de la ruche pour apaiser et adoucir votre gorge dès les premiers frimas. L'expertise Propolia au service de votre bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 : Ingrédients clés et bienfaits --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eIngrédients clés et bienfaits du sirop gorge Propolia\u003c\/h2\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🍯 Miel (24,4%)\u003c\/h3\u003e\n \u003cp\u003eAdoucit naturellement et soulage les irritations de la gorge grâce à ses propriétés enveloppantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🛡️ Propolis purifiée (3%)\u003c\/h3\u003e\n \u003cp\u003eAction antibactérienne reconnue et apaisante pour calmer les inflammations des voies respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🍋 4 huiles essentielles\u003c\/h3\u003e\n \u003cp\u003eCitron, pin, eucalyptus et thym rafraîchissent la gorge et dégagent les voies respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌸 9 extraits de plantes (21,4%)\u003c\/h3\u003e\n \u003cp\u003eHysope, thym, lavande, coquelicot, mauve, bouillon blanc, badiane et violette pour apaiser cordes vocales et pharynx.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌾 Sirop de blé sans gluten\u003c\/h3\u003e\n \u003cp\u003eBase douce parfaitement adaptée aux personnes intolérantes au gluten.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e❄️ Action rafraîchissante\u003c\/h3\u003e\n \u003cp\u003eSoutient l'immunité et procure une sensation de fraîcheur apaisante dès la première cuillère.\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=\"prop-section\"\u003e\n \u003ch2\u003eConseils d'utilisation du sirop gorge Propolia\u003c\/h2\u003e\n \u003cdiv class=\"prop-timeline\"\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003eBien agiter avant emploi\u003c\/h3\u003e\n \u003cp\u003eSecouez le flacon pour homogénéiser les actifs naturels avant chaque prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003ePosologie adultes\u003c\/h3\u003e\n \u003cp\u003e1 cuillère à soupe (15 ml) ou 3 cuillères à café (5 ml) réparties dans la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eUn flacon de 145 ml couvre une cure de 9 à 14 jours selon la posologie choisie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp\u003eAprès ouverture, conservez le sirop au réfrigérateur pour préserver ses actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-tip\"\u003e\n \u003cspan class=\"prop-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour un effet optimal, laissez le sirop enrober doucement votre gorge avant d'avaler. Évitez de boire immédiatement après la prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Précautions et contre-indications --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003ePrécautions et contre-indications\u003c\/h2\u003e\n \u003cdiv class=\"prop-accordion\"\u003e\n \u003cdetails class=\"prop-accordion-item\"\u003e\n \u003csummary class=\"prop-accordion-header\"\u003e👶 Enfants et âge minimum\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux enfants de moins de 6 ans ou 12 ans selon la réglementation en vigueur. Respectez les doses adaptées à l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prop-accordion-item\"\u003e\n \u003csummary class=\"prop-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content\"\u003e\n \u003cp\u003eCe sirop est déconseillé aux femmes enceintes ou allaitantes en raison de la présence d'huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prop-accordion-item\"\u003e\n \u003csummary class=\"prop-accordion-header\"\u003e⚠️ Allergies aux produits de la ruche\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content\"\u003e\n \u003cp\u003eNe pas utiliser en cas d'allergie connue au miel, à la propolis ou à tout autre produit de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prop-accordion-item\"\u003e\n \u003csummary class=\"prop-accordion-header\"\u003e⏱️ Durée maximale de prise\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser un mois de prise consécutive. Faites une pause avant de reprendre si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prop-accordion-item\"\u003e\n \u003csummary class=\"prop-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content\"\u003e\n \u003cp\u003eConsultez un professionnel de santé en cas de pathologies ou traitements médicamenteux en cours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Pourquoi choisir --\u003e\n \u003csection class=\"prop-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le sirop gorge Propolia ?\u003c\/h2\u003e\n \u003cdiv class=\"prop-grid-compact\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eFormule sans additifs chimiques ni gluten\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eDéveloppé en Occitanie, expert en apithérapie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e😋 Goût apprécié\u003c\/h3\u003e\n \u003cp\u003eSaveur douce et fraîche pour toute la famille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🐝 Synergie complète\u003c\/h3\u003e\n \u003cp\u003eMiel + propolis + plantes + huiles essentielles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-cta-box\"\u003e\n \u003cp\u003e🐝 Offrez à votre gorge le meilleur de la ruche française — une formule experte pour affronter l'hiver en toute sérénité !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"prop-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --prop-cream: #FDF8F0;\n --prop-white: #ffffff;\n --prop-primary: #E8A027;\n --prop-primary-dark: #C4850F;\n --prop-primary-light: #FFF5E0;\n --prop-secondary: #D4145A;\n --prop-accent: #8B5A2B;\n --prop-text: #1a1a1a;\n --prop-text-light: #5a5a5a;\n --prop-border: #e8e0d5;\n --prop-shadow: 0 4px 24px rgba(139,90,43,.1);\n --prop-shadow-lg: 0 12px 48px rgba(139,90,43,.18);\n --prop-radius: 20px;\n --prop-radius-sm: 12px;\n}\n\n.prop-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--prop-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.prop-hero {\n position: relative;\n background: linear-gradient(135deg, #E8A027 0%, #D4145A 50%, #8B5A2B 100%);\n border-radius: var(--prop-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(--prop-shadow-lg);\n}\n\n.prop-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 5L55 20v20L30 55 5 40V20L30 5z' fill='none' stroke='%23fff' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n opacity: .08;\n}\n\n.prop-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.prop-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.prop-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(--prop-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.prop-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.prop-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.prop-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.prop-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.prop-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.prop-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--prop-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.prop-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(--prop-primary), var(--prop-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.prop-card {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--prop-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.prop-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--prop-shadow-lg);\n border-color: var(--prop-primary);\n}\n\n.prop-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--prop-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.prop-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--prop-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.prop-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.prop-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.prop-grid-compact .prop-card {\n padding: 1rem;\n}\n\n.prop-grid-compact .prop-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.prop-grid-compact .prop-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.prop-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.prop-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.prop-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--prop-primary), var(--prop-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(232,160,39,.3);\n}\n\n.prop-timeline-content {\n flex: 1;\n background: var(--prop-white);\n padding: 1rem 1.25rem;\n border-radius: var(--prop-radius-sm);\n box-shadow: var(--prop-shadow);\n}\n\n.prop-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--prop-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.prop-timeline-content p {\n font-size: 14px;\n color: var(--prop-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.prop-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--prop-primary-light);\n border-radius: var(--prop-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--prop-primary);\n}\n\n.prop-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.prop-tip p {\n font-size: 14px;\n color: var(--prop-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.prop-accordion {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n box-shadow: var(--prop-shadow);\n overflow: hidden;\n}\n\n.prop-accordion-item {\n border-bottom: 1px solid var(--prop-border);\n margin: 0;\n padding: 0;\n}\n\n.prop-accordion-item:last-child {\n border-bottom: none;\n}\n\n.prop-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--prop-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.prop-accordion-header:hover {\n background: var(--prop-primary-light);\n}\n\n.prop-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.prop-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--prop-primary);\n transition: transform .2s ease;\n}\n\n.prop-accordion-item[open] .prop-accordion-header::after {\n content: '−';\n}\n\n.prop-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--prop-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.prop-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.prop-cta-box {\n background: linear-gradient(135deg, var(--prop-primary) 0%, var(--prop-primary-dark) 100%);\n border-radius: var(--prop-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.prop-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.prop-disclaimer {\n font-size: 12px;\n color: var(--prop-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 .prop-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .prop-card {\n padding: 1.125rem;\n }\n \n .prop-section {\n margin-bottom: 1.75rem;\n }\n \n .prop-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--prop-radius-sm);\n }\n \n .prop-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .prop-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .prop-grid-compact {\n gap: .625rem;\n }\n \n .prop-grid-compact .prop-card {\n padding: .75rem;\n }\n \n .prop-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .prop-timeline-content {\n padding: .875rem 1rem;\n }\n \n .prop-timeline-content h3 {\n font-size: 14px;\n }\n \n .prop-timeline-content p {\n font-size: 13px;\n }\n \n .prop-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .prop-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .prop-tip {\n padding: .875rem 1rem;\n }\n \n .prop-tip-icon {\n font-size: 20px;\n }\n \n .prop-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .prop-card {\n animation: propFadeInUp .5s ease backwards;\n }\n .prop-card:nth-child(1) { animation-delay: .05s; }\n .prop-card:nth-child(2) { animation-delay: .1s; }\n .prop-card:nth-child(3) { animation-delay: .15s; }\n .prop-card:nth-child(4) { animation-delay: .2s; }\n .prop-card:nth-child(5) { animation-delay: .25s; }\n .prop-card:nth-child(6) { animation-delay: .3s; }\n \n .prop-timeline-item {\n animation: propFadeInUp .5s ease backwards;\n }\n .prop-timeline-item:nth-child(1) { animation-delay: .1s; }\n .prop-timeline-item:nth-child(2) { animation-delay: .2s; }\n .prop-timeline-item:nth-child(3) { animation-delay: .3s; }\n .prop-timeline-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes propFadeInUp {\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 .prop-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":55183982723449,"sku":"AP0007","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/sirop-gorge-propolis-miel-citron-145ml-propolia-lifestyle.webp?v=1769014282"},{"product_id":"spray-gorge-propolis-miel-et-thym-bio-20-ml-propolia","title":"Spray gorge propolis, miel et thym Bio - 20 ml - Propolia","description":"\u003c!--\n=== ANALYSE NATURELLEMENT BIO ===\nProduit: Spray gorge propolis, miel et thym Bio - 20 ml\nMarque: Propolia\nCatégorie: phytothérapie \/ produits de la ruche\nPalette:\n - Sauge NatBio: #67745C (fixe)\n - Accent produit: #E8A317 (jaune miel doré du packaging Propolia)\nPréfixe CSS: prg\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"🐝 Un spray propolis gorge à la formule unique\"\n 2. \"✨ Bienfaits du spray propolis pour la gorge\"\n 3. \"💧 Comment utiliser le spray gorge propolis miel ?\"\n 4. \"📋 Composition complète\"\n 5. \"🌿 Pourquoi choisir Propolia ?\"\n 6. \"⚠️ Précautions d'emploi\"\n 7. \"🎯 À qui s'adresse ce spray ?\"\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"prg-premium\"\u003e\n\n \u003cdiv class=\"prg-hero\"\u003e\n \u003cdiv class=\"prg-hero-content\"\u003e\n \u003cdiv class=\"prg-badges-top\"\u003e\n \u003cspan class=\"prg-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"prg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"prg-badge\"\u003e🐝 65,9% propolis\u003c\/span\u003e\n \u003cspan class=\"prg-badge\"\u003e✓ Certifié Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"prg-marque\"\u003ePropolia\u003c\/span\u003e\n \u003cspan class=\"prg-hero-title\"\u003eLe trésor de la ruche pour apaiser votre gorge\u003c\/span\u003e\n \u003cp class=\"prg-subtitle\"\u003eSpray propolis · miel · thym · eucalyptus\u003c\/p\u003e\n \u003cp class=\"prg-description\"\u003eDès les premiers picotements, réagissez avec un concentré 100 % bio de la ruche. Une synergie unique de propolis, miel et huiles essentielles pour un soin local doux, ciblé et efficace, à emporter partout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"prg-section\"\u003e\n \u003ch2\u003e🐝 Un spray propolis gorge à la formule unique\u003c\/h2\u003e\n \u003cp class=\"prg-section-intro\"\u003eUne synergie d'actifs naturels reconnus depuis des générations, pour un soin local ciblé et doux.\u003c\/p\u003e\n \u003cdiv class=\"prg-grid\"\u003e\n \u003cdiv class=\"prg-card\"\u003e\n \u003ch3\u003e🍯 Extrait de propolis bio 65,9%\u003c\/h3\u003e\n \u003cp\u003eSoit environ 222 mg pour 15 pulvérisations. Riche en flavonoïdes, résines et acides phénoliques, elle est traditionnellement reconnue pour ses propriétés assainissantes et apaisantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prg-card\"\u003e\n \u003ch3\u003e🐝 Miel bio 34%\u003c\/h3\u003e\n \u003cp\u003eEnrobe la gorge d'un film protecteur, calme les picotements et apporte une douceur naturelle très appréciée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prg-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle de thym bio\u003c\/h3\u003e\n \u003cp\u003ePurifiante, elle accompagne le confort des voies respiratoires et vient renforcer l'action de la propolis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prg-card\"\u003e\n \u003ch3\u003e🌱 Huile essentielle d'eucalyptus bio\u003c\/h3\u003e\n \u003cp\u003eOffre une sensation de fraîcheur immédiate et facilite la respiration, pour une gorge qui respire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prg-section\"\u003e\n \u003ch2\u003e✨ Bienfaits du spray propolis pour la gorge\u003c\/h2\u003e\n \u003cp class=\"prg-section-intro\"\u003eIdéal dès les premiers signes de mal de gorge, en période hivernale, après une journée à beaucoup parler ou en cas d'air sec.\u003c\/p\u003e\n \u003cdiv class=\"prg-grid-compact\"\u003e\n \u003cdiv class=\"prg-card\"\u003e\n \u003ch3\u003e💫 Apaisement rapide\u003c\/h3\u003e\n \u003cp\u003eSoulage les irritations dès les premières pulvérisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prg-card\"\u003e\n \u003ch3\u003e🛡️ Gorge protégée\u003c\/h3\u003e\n \u003cp\u003eUn film miellé qui enrobe et protège en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prg-card\"\u003e\n \u003ch3\u003e🌬️ Respiration libre\u003c\/h3\u003e\n \u003cp\u003eLa fraîcheur de l'eucalyptus dégage les voies respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prg-card\"\u003e\n \u003ch3\u003e🌿 Alternative naturelle\u003c\/h3\u003e\n \u003cp\u003eSans alcool synthétique ni colorant, contrairement aux pastilles classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prg-section\"\u003e\n \u003ch2\u003e💧 Comment utiliser le spray gorge propolis miel ?\u003c\/h2\u003e\n \u003cdiv class=\"prg-timeline\"\u003e\n \u003cdiv class=\"prg-timeline-item\"\u003e\n \u003cdiv class=\"prg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"prg-timeline-content\"\u003e\n \u003ch3\u003eAgitez avant emploi\u003c\/h3\u003e\n \u003cp\u003eSecouez bien le flacon avant chaque utilisation pour homogénéiser la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prg-timeline-item\"\u003e\n \u003cdiv class=\"prg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"prg-timeline-content\"\u003e\n \u003ch3\u003e3 pulvérisations ciblées\u003c\/h3\u003e\n \u003cp\u003eEffectuez 3 pulvérisations au fond de la gorge, 3 à 5 fois par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prg-timeline-item\"\u003e\n \u003cdiv class=\"prg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"prg-timeline-content\"\u003e\n \u003ch3\u003eRespectez la posologie\u003c\/h3\u003e\n \u003cp\u003eNe dépassez pas 15 pulvérisations par jour pour une utilisation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prg-timeline-item\"\u003e\n \u003cdiv class=\"prg-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"prg-timeline-content\"\u003e\n \u003ch3\u003eCure de 10 jours max\u003c\/h3\u003e\n \u003cp\u003eUtilisez le spray en cure de 10 jours maximum en continu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prg-tip\"\u003e\n \u003cspan class=\"prg-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUtilisez-le dès les premières sensations d'inconfort pour une efficacité optimale. Son goût miellé légèrement boisé est particulièrement agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prg-section\"\u003e\n \u003ch2\u003e📋 Composition complète\u003c\/h2\u003e\n \u003cdiv class=\"prg-testimonial\"\u003e\n \u003cp class=\"prg-testimonial-text\"\u003eExtrait hydroalcoolique de propolis* (65,9 %), miel* (34 %), huile essentielle de thym à thymol*, huile essentielle d'eucalyptus globulus*.\u003cbr\u003e\u003cbr\u003e\u003cem\u003e*Issus de l'agriculture biologique. Certifié Ecocert.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prg-tip\"\u003e\n \u003cspan class=\"prg-tip-icon\"\u003e♻️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConditionnement :\u003c\/strong\u003e flacon spray de 20 mL en verre recyclé, fabriqué et conditionné en Occitanie, France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prg-section\"\u003e\n \u003ch2\u003e🌿 Pourquoi choisir Propolia ?\u003c\/h2\u003e\n \u003cdiv class=\"prg-grid\"\u003e\n \u003cdiv class=\"prg-card\"\u003e\n \u003ch3\u003e🌱 100% naturel et bio\u003c\/h3\u003e\n \u003cp\u003eFormule sans conservateurs, sans OGM, sans gluten. Une composition d'une pureté irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prg-card\"\u003e\n \u003ch3\u003e💪 Concentration élevée\u003c\/h3\u003e\n \u003cp\u003e65,9 % de propolis, une concentration supérieure à de nombreux sprays propolis gorge vendus en pharmacie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prg-card\"\u003e\n \u003ch3\u003e🇫🇷 Savoir-faire français\u003c\/h3\u003e\n \u003cp\u003eFabrication française par un spécialiste reconnu des produits de la ruche, en Occitanie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prg-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003ePackaging en verre recyclé et recyclable, dans le respect de l'environnement et des abeilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prg-card\"\u003e\n \u003ch3\u003e👜 Format nomade\u003c\/h3\u003e\n \u003cp\u003eCompact 20 mL, parfait pour le bureau, les voyages ou le sac à main. Toujours à portée de main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prg-card\"\u003e\n \u003ch3\u003e😋 Goût agréable\u003c\/h3\u003e\n \u003cp\u003eUne note miellée légèrement boisée, bien plus douce que les sprays classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prg-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"prg-accordion\"\u003e\n \u003cdetails class=\"prg-accordion-item\"\u003e\n \u003csummary class=\"prg-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"prg-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche (propolis, miel, pollen). Ne convient pas aux femmes enceintes ou allaitantes, ni aux enfants de moins de 12 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prg-accordion-item\"\u003e\n \u003csummary class=\"prg-accordion-header\"\u003e⏱️ Durée et posologie\u003c\/summary\u003e\n \u003cdiv class=\"prg-accordion-content mt-3\"\u003e\n \u003cp\u003eRespectez la posologie indiquée et ne dépassez pas 10 jours d'utilisation consécutive. En cas de traitement prolongé, faites une pause avant de reprendre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prg-accordion-item\"\u003e\n \u003csummary class=\"prg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"prg-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de la lumière, hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prg-accordion-item\"\u003e\n \u003csummary class=\"prg-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"prg-accordion-content mt-3\"\u003e\n \u003cp\u003eCe spray est un complément de confort qui ne remplace en aucun cas un traitement médical. Si les symptômes persistent au-delà de 5 à 7 jours, s'aggravent ou s'accompagnent de fièvre, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003e🎯 À qui s'adresse ce spray ?\u003c\/h2\u003e\n \u003cdiv class=\"prg-cta-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eSpray Gorge Propolis Miel \u0026amp; Thym Bio Propolia\u003c\/strong\u003e est idéal pour les adultes et adolescents dès 12 ans qui cherchent une solution naturelle, bio et efficace pour prendre soin de leur gorge au quotidien, sans compromis sur la qualité ni sur le respect de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"prg-disclaimer\"\u003eCe produit est un complément de confort et ne se substitue pas à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --prg-cream: #F3F1EC;\n --prg-white: #ffffff;\n --prg-primary: #67745C;\n --prg-primary-dark: #5A664F;\n --prg-primary-light: rgba(103, 116, 92, 0.08);\n --prg-accent: #E8A317;\n --prg-accent-light: rgba(232, 163, 23, 0.12);\n --prg-text: #374140;\n --prg-text-light: #898989;\n --prg-border: #E3E3E3;\n --prg-shadow: 0 2px 12px rgba(0,0,0,.06);\n --prg-shadow-lg: 0 6px 24px rgba(0,0,0,.10);\n --prg-radius: 4px;\n --prg-radius-sm: 2px;\n}\n\n.prg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--prg-cream);\n font-family: 'Tenor Sans', 'Helvetica Neue', Arial, sans-serif;\n color: var(--prg-text);\n}\n\n.prg-hero {\n position: relative;\n background: linear-gradient(160deg, var(--prg-primary) 0%, var(--prg-primary-dark) 100%);\n border-radius: var(--prg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n}\n\n.prg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.prg-marque {\n display: block;\n color: rgba(255,255,255,.85);\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.18em;\n margin-bottom: .75rem;\n}\n\n.prg-hero-title {\n display: block;\n color: white;\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-size: clamp(30px, 6vw, 48px);\n font-weight: 500;\n margin: 0 0 1rem 0;\n letter-spacing: .01em;\n line-height: 1.15;\n}\n\n.prg-subtitle {\n color: rgba(255,255,255,.9);\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n margin: 0 0 1rem 0;\n}\n\n.prg-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 16px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n.prg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.prg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n border-radius: 0;\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: var(--prg-primary-dark);\n transition: background .25s ease;\n}\n\n.prg-badge:hover {\n background: #ffffff;\n}\n\n.prg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.prg-premium h2 {\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 500;\n color: var(--prg-text);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: .01em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.prg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 48px;\n height: 1px;\n background: var(--prg-primary);\n}\n\n.prg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--prg-text-light);\n margin-bottom: 1.5rem;\n max-width: 640px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.prg-card {\n background: var(--prg-white);\n border-radius: var(--prg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n border: 1px solid var(--prg-border);\n transition: border-color .25s ease, background .25s ease;\n text-align: center;\n}\n\n.prg-card:hover {\n border-color: var(--prg-primary);\n background: var(--prg-primary-light);\n}\n\n.prg-card h3 {\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 600;\n color: var(--prg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.prg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--prg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.prg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.prg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.prg-grid-compact .prg-card {\n padding: 1rem;\n}\n\n.prg-grid-compact .prg-card h3 {\n font-size: 16px;\n margin-bottom: .35rem;\n}\n\n.prg-grid-compact .prg-card p {\n font-size: 12px;\n}\n\n.prg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.prg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.prg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: var(--prg-primary);\n color: white;\n border-radius: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n}\n\n.prg-timeline-content {\n flex: 1;\n background: var(--prg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--prg-radius-sm);\n border: 1px solid var(--prg-border);\n}\n\n.prg-timeline-content h3 {\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-size: 17px;\n font-weight: 600;\n color: var(--prg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.prg-timeline-content p {\n font-size: 14px;\n color: var(--prg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.prg-testimonial {\n background: var(--prg-white);\n border-radius: var(--prg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border: 1px solid var(--prg-border);\n border-left: 3px solid var(--prg-primary);\n}\n\n.prg-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--prg-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.prg-accordion {\n background: var(--prg-white);\n border-radius: var(--prg-radius);\n border: 1px solid var(--prg-border);\n overflow: hidden;\n}\n\n.prg-accordion-item {\n border-bottom: 1px solid var(--prg-border);\n margin: 0;\n padding: 0;\n}\n\n.prg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.prg-accordion-header {\n padding: 1rem 1.25rem;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--prg-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.prg-accordion-header:hover {\n background: var(--prg-primary-light);\n}\n\n.prg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.prg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--prg-primary);\n transition: transform .2s ease;\n}\n\n.prg-accordion-item[open] .prg-accordion-header::after {\n content: '−';\n}\n\n.prg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--prg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.prg-accordion-content p {\n margin: 0;\n}\n\n.prg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--prg-primary-light);\n border-left: 3px solid var(--prg-primary);\n border-radius: 0;\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.prg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.prg-tip p {\n font-size: 14px;\n color: var(--prg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.prg-cta-box {\n background: linear-gradient(160deg, var(--prg-primary) 0%, var(--prg-primary-dark) 100%);\n border-radius: var(--prg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.prg-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n margin: 0;\n}\n\n.prg-disclaimer {\n font-size: 12px;\n color: var(--prg-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .prg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .prg-card {\n padding: 1.125rem;\n }\n\n .prg-section {\n margin-bottom: 1.75rem;\n }\n\n .prg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n }\n\n .prg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .prg-premium h2::after {\n width: 36px;\n }\n\n .prg-grid-compact {\n gap: .625rem;\n }\n\n .prg-grid-compact .prg-card {\n padding: .75rem;\n }\n\n .prg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .prg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .prg-timeline-content h3 {\n font-size: 15px;\n }\n\n .prg-timeline-content p {\n font-size: 13px;\n }\n\n .prg-accordion-header {\n padding: .875rem 1rem;\n font-size: 12px;\n }\n\n .prg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .prg-testimonial {\n padding: 1.25rem;\n }\n\n .prg-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .prg-card {\n animation: fadeInUp .4s ease backwards;\n }\n .prg-card:nth-child(1) { animation-delay: .05s; }\n .prg-card:nth-child(2) { animation-delay: .1s; }\n .prg-card:nth-child(3) { animation-delay: .15s; }\n .prg-card:nth-child(4) { animation-delay: .2s; }\n .prg-card:nth-child(5) { animation-delay: .25s; }\n .prg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .prg-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":55204773003641,"sku":"AP0107","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-gorge-propolis-miel-et-thym-bio-20-ml-propolia-packshothd.webp?v=1783414514"},{"product_id":"spray-buccal-confort-gorge-bio-50-ml-dr-theiss","title":"Spray Buccal Gorge Miel de Manuka \u0026 Argent Colloïdal - Dr. Theiss","description":"\u003cdiv class=\"drt-premium\"\u003e\n \u003cdiv class=\"drt-hero\"\u003e\n \u003cdiv class=\"drt-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"drt-hero-content\"\u003e\n \u003cdiv class=\"drt-badges-top\"\u003e\n \u003cspan class=\"drt-badge\"\u003e🌿 COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"drt-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"drt-badge\"\u003e🍯 Manuka 16+\u003c\/span\u003e\n \u003cspan class=\"drt-badge\"\u003e✨ Sans propolis\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"drt-hero-title\"\u003eLe geste naturel pour apaiser votre gorge\u003c\/span\u003e\n \u003cp class=\"drt-subtitle\"\u003eMiel de Manuka Bio 16+ \u0026amp; Argent Colloïdal 20 ppm\u003c\/p\u003e\n \u003cp class=\"drt-description\"\u003eUne synergie inédite d'actifs naturels d'exception pour retrouver rapidement votre confort buccal, dès les premiers picotements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"drt-section\"\u003e\n \u003ch2\u003eL'allié naturel de votre confort buccal\u003c\/h2\u003e\n \u003cp class=\"drt-section-intro\"\u003eGorge qui gratte, picotements, sensation de sécheresse au réveil ou inconfort dès les premiers frissons de l'hiver ? Le \u003cstrong\u003espray gorge au miel de Manuka\u003c\/strong\u003e Dr. Theiss combine trois actifs naturels d'exception pour apaiser rapidement vos voies respiratoires hautes. Certifié \u003cstrong\u003eCOSMOS ORGANIC\u003c\/strong\u003e et fabriqué en France, ce spray buccal au miel et à l'argent colloïdal s'utilise dès les premiers signes d'irritation pour retrouver un véritable confort.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"drt-section\"\u003e\n \u003ch2\u003eUne formule unique : miel de Manuka, argent colloïdal et épinette noire\u003c\/h2\u003e\n \u003cp class=\"drt-section-intro\"\u003eLà où la plupart des sprays gorge au miel et propolis vendus en pharmacie misent sur des recettes classiques, le laboratoire Dr. Theiss propose une \u003cstrong\u003esynergie inédite\u003c\/strong\u003e, sans propolis (idéal si vous la tolérez mal) et sans alcool.\u003c\/p\u003e\n \u003cdiv class=\"drt-grid\"\u003e\n \u003cdiv class=\"drt-card\"\u003e\n \u003ch3\u003e🍯 Miel de Manuka Bio 16+\u003c\/h3\u003e\n \u003cp\u003eCe miel rare de Nouvelle-Zélande, à l'indice MGO élevé, est reconnu pour ses propriétés adoucissantes et son action protectrice naturelle sur les muqueuses irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"drt-card\"\u003e\n \u003ch3\u003e✨ Argent colloïdal 20 ppm\u003c\/h3\u003e\n \u003cp\u003eVéritable atout traditionnel, il aide à apaiser la sphère buccale et procure une sensation fraîche dès la première pulvérisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"drt-card\"\u003e\n \u003ch3\u003e🌲 Huile essentielle d'épinette noire bio\u003c\/h3\u003e\n \u003cp\u003ePurifiante et tonifiante, elle accompagne la respiration et apporte une note boisée agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"drt-section\"\u003e\n \u003ch2\u003eQuels bienfaits attendre de ce spray buccal au miel de Manuka ?\u003c\/h2\u003e\n \u003cp class=\"drt-section-intro\"\u003eConçu comme un geste de \u003cstrong\u003esoutien quotidien\u003c\/strong\u003e en période sensible (changement de saison, fatigue vocale, air sec, exposition au froid), ce spray gorge au miel est apprécié pour :\u003c\/p\u003e\n \u003cdiv class=\"drt-grid-compact\"\u003e\n \u003cdiv class=\"drt-card\"\u003e\n \u003ch3\u003e🌡️ Apaise vite\u003c\/h3\u003e\n \u003cp\u003eCalme les picotements et irritations passagères de la gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"drt-card\"\u003e\n \u003ch3\u003e💧 Hydrate\u003c\/h3\u003e\n \u003cp\u003eAdoucit et hydrate les muqueuses buccales sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"drt-card\"\u003e\n \u003ch3\u003e🌬️ Rafraîchit\u003c\/h3\u003e\n \u003cp\u003eRafraîchit l'haleine grâce aux notes boisées de l'épinette noire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"drt-card\"\u003e\n \u003ch3\u003e👜 Nomade\u003c\/h3\u003e\n \u003cp\u003eFormat 50 ml pratique, se glisse facilement dans un sac à main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"drt-tip\"\u003e\n \u003cspan class=\"drt-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUne alternative naturelle intéressante pour ceux qui cherchent un \u003cstrong\u003espray gorge miel sans propolis\u003c\/strong\u003e, plus doux pour les personnes sensibles aux produits de la ruche fermentés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"drt-section\"\u003e\n \u003ch2\u003eComment bien utiliser ce spray gorge ?\u003c\/h2\u003e\n \u003cdiv class=\"drt-timeline\"\u003e\n \u003cdiv class=\"drt-timeline-item\"\u003e\n \u003cdiv class=\"drt-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"drt-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez bien le flacon avant chaque utilisation pour homogénéiser les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"drt-timeline-item\"\u003e\n \u003cdiv class=\"drt-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"drt-timeline-content\"\u003e\n \u003ch3\u003ePulvérisez\u003c\/h3\u003e\n \u003cp\u003eEffectuez \u003cstrong\u003e1 pulvérisation directement dans la bouche\u003c\/strong\u003e, en direction de la gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"drt-timeline-item\"\u003e\n \u003cdiv class=\"drt-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"drt-timeline-content\"\u003e\n \u003ch3\u003eAu bon moment\u003c\/h3\u003e\n \u003cp\u003eDe préférence après les repas et le brossage des dents pour laisser les actifs agir plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"drt-timeline-item\"\u003e\n \u003cdiv class=\"drt-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"drt-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 3 fois par jour si nécessaire. Ne dépassez pas la dose recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"drt-tip\"\u003e\n \u003cspan class=\"drt-tip-icon\"\u003e⏱️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un effet optimal, évitez de boire ou manger dans les 15 minutes suivant la pulvérisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"drt-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"drt-testimonial\"\u003e\n \u003cp class=\"drt-testimonial-text\"\u003eExtrait d'huile de feuilles de \u003cem\u003ePicea mariana\u003c\/em\u003e* (épinette noire), \u003cem\u003eMel\u003c\/em\u003e (miel de Manuka)*, argent colloïdal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"drt-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"drt-card\"\u003e\n \u003ch3\u003e🌱 100 %\u003c\/h3\u003e\n \u003cp\u003eDes ingrédients sont d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"drt-card\"\u003e\n \u003ch3\u003e🌿 14,5 %\u003c\/h3\u003e\n \u003cp\u003eDes ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"drt-card\"\u003e\n \u003ch3\u003e✅ Certifié\u003c\/h3\u003e\n \u003cp\u003eCOSMOS ORGANIC par Ecocert Greenlife.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"drt-card\"\u003e\n \u003ch3\u003e🇫🇷 50 ml\u003c\/h3\u003e\n \u003cp\u003eFlacon avec spray doseur, fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"drt-disclaimer\"\u003e(*) issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"drt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"drt-accordion\"\u003e\n \u003cdetails class=\"drt-accordion-item\"\u003e\n \u003csummary class=\"drt-accordion-header\"\u003e👥 Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"drt-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé aux adultes et adolescents. Déconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e, aux enfants de moins de 12 ans et aux personnes allergiques au miel ou aux produits de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"drt-accordion-item\"\u003e\n \u003csummary class=\"drt-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"drt-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. À conserver à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"drt-accordion-item\"\u003e\n \u003csummary class=\"drt-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"drt-accordion-content mt-3\"\u003e\n \u003cp\u003eSi les symptômes persistent au-delà de quelques jours, consultez un professionnel de santé. \u003cstrong\u003eCe spray ne remplace pas un traitement médical\u003c\/strong\u003e et s'inscrit dans une démarche de confort naturel complémentaire.\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 --drt-cream: #faf7f0;\n --drt-white: #ffffff;\n --drt-primary: #c9a961;\n --drt-primary-dark: #8a6d2e;\n --drt-primary-light: #f5ecd4;\n --drt-secondary: #6b4423;\n --drt-accent: #d4b876;\n --drt-text: #2a1f14;\n --drt-text-light: #6b5d4a;\n --drt-border: #e8dfc9;\n --drt-shadow: 0 4px 24px rgba(138,109,46,.08);\n --drt-shadow-lg: 0 12px 48px rgba(138,109,46,.18);\n --drt-radius: 20px;\n --drt-radius-sm: 12px;\n}\n\n.drt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--drt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--drt-text);\n}\n\n.drt-hero {\n position: relative;\n background: linear-gradient(135deg, #c9a961 0%, #b58f42 50%, #8a6d2e 100%);\n border-radius: var(--drt-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(--drt-shadow-lg);\n}\n\n.drt-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: 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: .5;\n}\n\n.drt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.drt-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.drt-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .01em;\n}\n\n.drt-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.6;\n max-width: 640px;\n margin: 0 auto;\n}\n\n.drt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.drt-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(--drt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.drt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.drt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.drt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--drt-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.drt-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(--drt-primary), var(--drt-accent));\n border-radius: 2px;\n}\n\n.drt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--drt-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.drt-card {\n background: var(--drt-white);\n border-radius: var(--drt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--drt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.drt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--drt-shadow-lg);\n border-color: var(--drt-primary);\n}\n\n.drt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--drt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.drt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--drt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.drt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.drt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.drt-grid-compact .drt-card {\n padding: 1rem;\n}\n\n.drt-grid-compact .drt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.drt-grid-compact .drt-card p {\n font-size: 12px;\n}\n\n.drt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.drt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.drt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--drt-primary), var(--drt-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(138,109,46,.25);\n}\n\n.drt-timeline-content {\n flex: 1;\n background: var(--drt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--drt-radius-sm);\n box-shadow: var(--drt-shadow);\n}\n\n.drt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--drt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.drt-timeline-content p {\n font-size: 14px;\n color: var(--drt-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.drt-testimonial {\n background: var(--drt-white);\n border-radius: var(--drt-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--drt-shadow);\n border-left: 4px solid var(--drt-primary);\n}\n\n.drt-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--drt-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.drt-accordion {\n background: var(--drt-white);\n border-radius: var(--drt-radius);\n box-shadow: var(--drt-shadow);\n overflow: hidden;\n}\n\n.drt-accordion-item {\n border-bottom: 1px solid var(--drt-border);\n margin: 0;\n padding: 0;\n}\n\n.drt-accordion-item:last-child {\n border-bottom: none;\n}\n\n.drt-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--drt-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.drt-accordion-header:hover {\n background: var(--drt-primary-light);\n}\n\n.drt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.drt-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--drt-primary);\n transition: transform .2s ease;\n}\n\n.drt-accordion-item[open] .drt-accordion-header::after {\n content: '−';\n}\n\n.drt-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--drt-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.drt-accordion-content p {\n margin: 0;\n}\n\n.drt-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--drt-primary-light);\n border-radius: var(--drt-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--drt-primary);\n}\n\n.drt-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.drt-tip p {\n font-size: 14px;\n color: var(--drt-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.drt-disclaimer {\n font-size: 12px;\n color: var(--drt-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .drt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .drt-card {\n padding: 1.125rem;\n }\n .drt-section {\n margin-bottom: 1.75rem;\n }\n .drt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--drt-radius-sm);\n }\n .drt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .drt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .drt-grid-compact {\n gap: .625rem;\n }\n .drt-grid-compact .drt-card {\n padding: .75rem;\n }\n .drt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .drt-timeline-content {\n padding: .875rem 1rem;\n }\n .drt-timeline-content h3 {\n font-size: 14px;\n }\n .drt-timeline-content p {\n font-size: 13px;\n }\n .drt-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .drt-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .drt-testimonial {\n padding: 1.25rem;\n }\n .drt-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .drt-card {\n animation: drtFadeInUp .5s ease backwards;\n }\n .drt-card:nth-child(1) { animation-delay: .05s; }\n .drt-card:nth-child(2) { animation-delay: .1s; }\n .drt-card:nth-child(3) { animation-delay: .15s; }\n .drt-card:nth-child(4) { animation-delay: .2s; }\n .drt-card:nth-child(5) { animation-delay: .25s; }\n .drt-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes drtFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .drt-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DR THEISS","offers":[{"title":"Default Title","offer_id":55220414185849,"sku":"NA1310","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-buccal-gorge-miel-de-manuka-argent-colloidal-dr-theiss-packshothd.webp?v=1789028407"},{"product_id":"spray-gorge-argent-colloidal-20ppm-50ml-dr-theiss","title":"Spray Gorge Argent Colloïdal 20 ppm - 50ml – Dr. Theiss","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Spray Gorge Argent Colloïdal 20 ppm - Dr. Theiss\nPalette détectée:\n - Primaire: #8B5A2B (brun ambré du flacon pharmaceutique)\n - Secondaire: #2E7D4A (vert menthe\/naturel des visuels)\n - Accent: #F4A020 (jaune doré de la propolis\/citron)\n - Neutre: #F5F0E8 (beige crème du fond)\nAmbiance: Naturel\/pharmaceutique, confiance médicale, douceur, soin traditionnel modernisé\nPréfixe CSS: ac (argent colloïdal)\n--\u003e\n\n\u003cdiv class=\"ac-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ac-hero\"\u003e\n \u003cdiv class=\"ac-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ac-hero-content\"\u003e\n \u003cdiv class=\"ac-badges-top\"\u003e\n \u003cspan class=\"ac-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e🍯 Propolis + Argent colloïdal\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e🌿 Formule naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ac-hero-title\"\u003eSpray gorge argent colloïdal\u003c\/span\u003e\n \u003cp class=\"ac-subtitle\"\u003e20 ppm · 50 ml · Dr. Theiss\u003c\/p\u003e\n \u003cp class=\"ac-description\"\u003eApaisez votre gorge naturellement grâce à la synergie unique de l'argent colloïdal, de la propolis, de la vitamine C et de la menthe. Un soin doux et efficace pour les gorges sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION BÉNÉFICES --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce spray ?\u003c\/h2\u003e\n \u003cdiv class=\"ac-grid\"\u003e\n \u003cdiv class=\"ac-card ac-card-benefit\"\u003e\n \u003cdiv class=\"ac-card-icon\"\u003e😌\u003c\/div\u003e\n \u003ch3\u003eApaise instantanément\u003c\/h3\u003e\n \u003cp\u003eSoulage les irritations et picotements dès la première pulvérisation grâce à l'effet fraîcheur de la menthe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card ac-card-benefit\"\u003e\n \u003cdiv class=\"ac-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eProtège les muqueuses\u003c\/h3\u003e\n \u003cp\u003eCrée une barrière protectrice naturelle contre les agressions extérieures : pollution, air sec, climatisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card ac-card-benefit\"\u003e\n \u003cdiv class=\"ac-card-icon\"\u003e💪\u003c\/div\u003e\n \u003ch3\u003eRenforce les défenses\u003c\/h3\u003e\n \u003cp\u003eLa propolis et la vitamine C soutiennent activement l'immunité locale de la sphère ORL\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card ac-card-benefit\"\u003e\n \u003cdiv class=\"ac-card-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003e100% naturel\u003c\/h3\u003e\n \u003cp\u003eSans conservateurs agressifs, sans nanoparticules. Une alternative douce aux sprays chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION INGRÉDIENTS --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003e4 actifs naturels synergiques\u003c\/h2\u003e\n \u003cdiv class=\"ac-ingredients-grid\"\u003e\n \u003cdiv class=\"ac-ingredient-card\"\u003e\n \u003cdiv class=\"ac-ingredient-header\"\u003e\n \u003cspan class=\"ac-ingredient-icon\"\u003e✨\u003c\/span\u003e\n \u003cspan class=\"ac-ingredient-badge\"\u003eIngrédient star\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch3\u003eArgent colloïdal 20 ppm\u003c\/h3\u003e\n \u003cp class=\"ac-ingredient-action\"\u003ePurifiant\u003c\/p\u003e\n \u003cp\u003eSuspension de particules d'argent ultra-fines aux propriétés purifiantes reconnues. Crée un environnement défavorable aux agents indésirables sur les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-ingredient-card\"\u003e\n \u003cdiv class=\"ac-ingredient-header\"\u003e\n \u003cspan class=\"ac-ingredient-icon\"\u003e🐝\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch3\u003ePropolis\u003c\/h3\u003e\n \u003cp class=\"ac-ingredient-action\"\u003eAntibactérien naturel\u003c\/p\u003e\n \u003cp\u003eRésine récoltée par les abeilles, elle adoucit les muqueuses irritées et renforce les défenses locales de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-ingredient-card\"\u003e\n \u003cdiv class=\"ac-ingredient-header\"\u003e\n \u003cspan class=\"ac-ingredient-icon\"\u003e🍋\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch3\u003eVitamine C du citron\u003c\/h3\u003e\n \u003cp class=\"ac-ingredient-action\"\u003eAntioxydant\u003c\/p\u003e\n \u003cp\u003ePuissant antioxydant qui soutient le système immunitaire. Sa synergie avec la propolis optimise l'efficacité globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-ingredient-card\"\u003e\n \u003cdiv class=\"ac-ingredient-header\"\u003e\n \u003cspan class=\"ac-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch3\u003eExtrait de menthe\u003c\/h3\u003e\n \u003cp class=\"ac-ingredient-action\"\u003eRafraîchissant\u003c\/p\u003e\n \u003cp\u003eProcure un effet fraîcheur immédiat très appréciable. Apaise instantanément les sensations de gêne et laisse une haleine fraîche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION POUR QUI --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce spray ?\u003c\/h2\u003e\n \u003cdiv class=\"ac-grid\"\u003e\n \u003cdiv class=\"ac-card ac-card-profile\"\u003e\n \u003cdiv class=\"ac-card-icon\"\u003e🏢\u003c\/div\u003e\n \u003ch3\u003eEnvironnement climatisé\u003c\/h3\u003e\n \u003cp\u003eAir sec au bureau, climatisation agressive, chauffage en hiver... Protégez votre gorge au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card ac-card-profile\"\u003e\n \u003cdiv class=\"ac-card-icon\"\u003e🎤\u003c\/div\u003e\n \u003ch3\u003eVoix sollicitée\u003c\/h3\u003e\n \u003cp\u003eEnseignants, chanteurs, orateurs, commerciaux... Pour tous ceux qui utilisent intensément leur voix.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card ac-card-profile\"\u003e\n \u003cdiv class=\"ac-card-icon\"\u003e🌫️\u003c\/div\u003e\n \u003ch3\u003eExposition à la pollution\u003c\/h3\u003e\n \u003cp\u003eFumée de cigarette, poussières, environnements pollués. Créez une barrière protectrice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card ac-card-profile\"\u003e\n \u003cdiv class=\"ac-card-icon\"\u003e❄️\u003c\/div\u003e\n \u003ch3\u003eChangements de saison\u003c\/h3\u003e\n \u003cp\u003ePremiers signes de gêne, variations de température... Agissez dès les premières sensations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION MODE D'EMPLOI --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eMode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ac-usage-box\"\u003e\n \u003cdiv class=\"ac-usage-steps\"\u003e\n \u003cdiv class=\"ac-step\"\u003e\n \u003cdiv class=\"ac-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ac-step-content\"\u003e\n \u003ch4\u003eAgitez le flacon\u003c\/h4\u003e\n \u003cp\u003eSecouez légèrement avant chaque utilisation pour homogénéiser la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-step\"\u003e\n \u003cdiv class=\"ac-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ac-step-content\"\u003e\n \u003ch4\u003ePulvérisez\u003c\/h4\u003e\n \u003cp\u003e1 pulvérisation dans la bouche, en dirigeant vers le fond de la gorge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-step\"\u003e\n \u003cdiv class=\"ac-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ac-step-content\"\u003e\n \u003ch4\u003eRenouvelez\u003c\/h4\u003e\n \u003cp\u003eJusqu'à 3 fois par jour, de préférence après les repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-step\"\u003e\n \u003cdiv class=\"ac-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ac-step-content\"\u003e\n \u003ch4\u003eLaissez agir\u003c\/h4\u003e\n \u003cp\u003eÉvitez de boire ou manger pendant 15 minutes après l'application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-usage-tip\"\u003e\n \u003cspan class=\"ac-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Utilisez aussi en prévention avant une exposition à un environnement climatisé ou lors des changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION INFOS PRATIQUES --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"ac-info-grid\"\u003e\n \u003cdiv class=\"ac-info-item\"\u003e\n \u003cspan class=\"ac-info-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"ac-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"ac-info-value\"\u003e50 ml (≈ 200 pulvérisations)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-info-item\"\u003e\n \u003cspan class=\"ac-info-icon\"\u003e⚗️\u003c\/span\u003e\n \u003cspan class=\"ac-info-label\"\u003eConcentration\u003c\/span\u003e\n \u003cspan class=\"ac-info-value\"\u003e20 ppm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-info-item\"\u003e\n \u003cspan class=\"ac-info-icon\"\u003e⏱️\u003c\/span\u003e\n \u003cspan class=\"ac-info-label\"\u003eDurée du flacon\u003c\/span\u003e\n \u003cspan class=\"ac-info-value\"\u003e≈ 2 mois (3 pulv.\/jour)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-info-item\"\u003e\n \u003cspan class=\"ac-info-icon\"\u003e👥\u003c\/span\u003e\n \u003cspan class=\"ac-info-label\"\u003ePublic\u003c\/span\u003e\n \u003cspan class=\"ac-info-value\"\u003eAdultes et ados +12 ans\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION ENGAGEMENTS --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eLes engagements qualité Dr. Theiss\u003c\/h2\u003e\n \u003cdiv class=\"ac-commitments\"\u003e\n \u003cdiv class=\"ac-commitment\"\u003e\n \u003cspan class=\"ac-commitment-icon\"\u003e🔬\u003c\/span\u003e\n \u003cspan\u003eSans nanoparticules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-commitment\"\u003e\n \u003cspan class=\"ac-commitment-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan\u003eSans chlorures ni nitrates\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-commitment\"\u003e\n \u003cspan class=\"ac-commitment-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan\u003eSans conservateurs agressifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-commitment\"\u003e\n \u003cspan class=\"ac-commitment-icon\"\u003e📋\u003c\/span\u003e\n \u003cspan\u003eTraçabilité rigoureuse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-commitment\"\u003e\n \u003cspan class=\"ac-commitment-icon\"\u003e🧪\u003c\/span\u003e\n \u003cspan\u003eFlacon verre ambré protecteur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003c!-- SECTION PRÉCAUTIONS --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003cdiv class=\"ac-warning-box\"\u003e\n \u003cdiv class=\"ac-warning-header\"\u003e\n \u003cspan class=\"ac-warning-icon\"\u003e⚠️\u003c\/span\u003e\n \u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cul class=\"ac-warning-list\"\u003e\n \u003cli\u003eRéservé aux adultes et adolescents de plus de 12 ans\u003c\/li\u003e\n \u003cli\u003eNe pas administrer aux enfants de moins de 12 ans\u003c\/li\u003e\n \u003cli\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ac-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ac-cta-box\"\u003e\n \u003cdiv class=\"ac-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ac-cta-content\"\u003e\n \u003cp\u003eOffrez à votre gorge une protection naturelle et efficace.\u003cbr\u003eUn geste simple pour un confort quotidien retrouvé.\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\/* === VARIABLES CSS === *\/\n:root {\n --ac-cream: #FAF8F5;\n --ac-white: #ffffff;\n --ac-primary: #8B5A2B;\n --ac-primary-dark: #6B4423;\n --ac-primary-light: #D4A574;\n --ac-secondary: #2E7D4A;\n --ac-secondary-light: #E8F5EC;\n --ac-accent: #F4A020;\n --ac-accent-light: #FFF8E8;\n --ac-text: #1a1a1a;\n --ac-text-light: #5a5a5a;\n --ac-border: #e8e4de;\n --ac-shadow: 0 4px 24px rgba(139, 90, 43, .08);\n --ac-shadow-lg: 0 12px 48px rgba(139, 90, 43, .15);\n --ac-radius: 20px;\n --ac-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--ac-text);\n line-height: 1.6;\n}\n\n.ac-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n position: relative;\n background: linear-gradient(135deg, #8B5A2B 0%, #6B4423 40%, #2E7D4A 100%);\n border-radius: var(--ac-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(--ac-shadow-lg);\n}\n\n.ac-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(244,160,32,.15) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ac-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ac-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.ac-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .05em;\n}\n\n.ac-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.ac-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.ac-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--ac-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.ac-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ac-primary), var(--ac-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.ac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS BÉNÉFICES === *\/\n.ac-card {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.ac-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--ac-shadow-lg);\n border-color: var(--ac-primary);\n}\n\n.ac-card-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n}\n\n.ac-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.ac-card p {\n font-size: 15px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARDS INGRÉDIENTS === *\/\n.ac-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.ac-ingredient-card {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ac-shadow);\n border: 2px solid var(--ac-border);\n transition: all .3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.ac-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(--ac-primary), var(--ac-accent));\n}\n\n.ac-ingredient-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ac-shadow-lg);\n border-color: var(--ac-primary-light);\n}\n\n.ac-ingredient-header {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 1rem;\n}\n\n.ac-ingredient-icon {\n font-size: 2rem;\n}\n\n.ac-ingredient-badge {\n background: linear-gradient(135deg, var(--ac-accent), #E8940D);\n color: white;\n font-size: 11px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.ac-ingredient-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.ac-ingredient-action {\n font-size: 13px;\n font-weight: 700;\n color: var(--ac-secondary);\n margin: 0 0 0.75rem 0;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.ac-ingredient-card \u003e p:last-child {\n font-size: 14px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.ac-usage-box {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--ac-shadow);\n}\n\n.ac-usage-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.ac-step {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ac-step-number {\n width: 48px;\n height: 48px;\n min-width: 48px;\n background: linear-gradient(135deg, var(--ac-primary), var(--ac-secondary));\n color: white;\n font-size: 20px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 12px rgba(139, 90, 43, .25);\n}\n\n.ac-step-content h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 0.25rem 0;\n}\n\n.ac-step-content p {\n font-size: 14px;\n color: var(--ac-text-light);\n margin: 0;\n}\n\n.ac-usage-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ac-accent-light);\n border-radius: var(--ac-radius-sm);\n padding: 1.25rem;\n border-left: 4px solid var(--ac-accent);\n}\n\n.ac-tip-icon {\n font-size: 1.5rem;\n}\n\n.ac-usage-tip p {\n margin: 0;\n font-size: 15px;\n color: var(--ac-text);\n}\n\n\/* === INFOS PRATIQUES === *\/\n.ac-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.ac-info-item {\n background: var(--ac-white);\n border-radius: var(--ac-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--ac-shadow);\n border: 2px solid var(--ac-border);\n transition: all .3s ease;\n}\n\n.ac-info-item:hover {\n border-color: var(--ac-primary-light);\n transform: translateY(-4px);\n}\n\n.ac-info-icon {\n display: block;\n font-size: 1.75rem;\n margin-bottom: 0.5rem;\n}\n\n.ac-info-label {\n display: block;\n font-size: 12px;\n font-weight: 700;\n color: var(--ac-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 0.25rem;\n}\n\n.ac-info-value {\n display: block;\n font-size: 15px;\n font-weight: 800;\n color: var(--ac-primary-dark);\n}\n\n\/* === ENGAGEMENTS === *\/\n.ac-commitments {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n}\n\n.ac-commitment {\n display: flex;\n align-items: center;\n gap: 8px;\n background: var(--ac-secondary-light);\n border-radius: 999px;\n padding: 12px 20px;\n font-size: 14px;\n font-weight: 700;\n color: var(--ac-secondary);\n transition: all .3s ease;\n}\n\n.ac-commitment:hover {\n transform: scale(1.05);\n box-shadow: 0 4px 12px rgba(46, 125, 74, .2);\n}\n\n.ac-commitment-icon {\n font-size: 1.25rem;\n}\n\n\/* === FAQ === *\/\n.ac-faq {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ac-faq-item {\n background: var(--ac-white);\n border-radius: var(--ac-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--ac-shadow);\n border-left: 4px solid var(--ac-primary);\n}\n\n.ac-faq-item h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.ac-faq-item p {\n font-size: 15px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.ac-warning-box {\n background: linear-gradient(135deg, #FFF5F5 0%, #FFEEEE 100%);\n border-radius: var(--ac-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid #FFCDD2;\n}\n\n.ac-warning-header {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 1rem;\n}\n\n.ac-warning-icon {\n font-size: 1.5rem;\n}\n\n.ac-warning-header h3 {\n font-size: 18px;\n font-weight: 800;\n color: #C62828;\n margin: 0;\n}\n\n.ac-warning-list {\n margin: 0;\n padding-left: 1.5rem;\n}\n\n.ac-warning-list li {\n font-size: 14px;\n color: #5D4037;\n margin-bottom: 0.5rem;\n line-height: 1.5;\n}\n\n.ac-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ac-cta-box {\n background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 50%, var(--ac-secondary) 100%);\n border-radius: var(--ac-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--ac-shadow-lg);\n}\n\n.ac-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(244,160,32,.15) 0%, transparent 40%);\n}\n\n.ac-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.ac-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .ac-grid,\n .ac-ingredients-grid {\n grid-template-columns: 1fr;\n }\n \n .ac-usage-steps {\n grid-template-columns: 1fr;\n }\n \n .ac-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .ac-badges-top {\n gap: 8px;\n }\n \n .ac-badge {\n font-size: 12px;\n padding: 6px 12px;\n }\n}\n\n@media (max-width: 480px) {\n .ac-info-grid {\n grid-template-columns: 1fr;\n }\n \n .ac-commitments {\n flex-direction: column;\n align-items: stretch;\n }\n \n .ac-commitment {\n justify-content: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ac-card,\n .ac-ingredient-card,\n .ac-info-item,\n .ac-faq-item {\n animation: acFadeInUp .6s ease backwards;\n }\n \n .ac-card:nth-child(1), .ac-ingredient-card:nth-child(1), .ac-info-item:nth-child(1) { animation-delay: .1s; }\n .ac-card:nth-child(2), .ac-ingredient-card:nth-child(2), .ac-info-item:nth-child(2) { animation-delay: .2s; }\n .ac-card:nth-child(3), .ac-ingredient-card:nth-child(3), .ac-info-item:nth-child(3) { animation-delay: .3s; }\n .ac-card:nth-child(4), .ac-ingredient-card:nth-child(4), .ac-info-item:nth-child(4) { animation-delay: .4s; }\n .ac-info-item:nth-child(5) { animation-delay: .5s; }\n .ac-info-item:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes acFadeInUp {\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 .ac-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .ac-card,\n .ac-ingredient-card,\n .ac-info-item,\n .ac-faq-item {\n border: 2px solid var(--ac-text);\n }\n \n .ac-badge {\n border: 2px solid var(--ac-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"DR THEISS","offers":[{"title":"Default Title","offer_id":55221991244153,"sku":"NA0047","price":15.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-gorge-argent-colloidal-20ppm-50ml-dr-theiss-min.webp?v=1748271526"},{"product_id":"sirop-au-plantain-250-ml-dr-theiss","title":"Sirop au Plantain à la mélasse \u0026 au miel - 250 ml – Dr. Theiss","description":"\u003cdiv class=\"plt-premium\"\u003e\n \u003cdiv class=\"plt-hero\"\u003e\n \u003cdiv class=\"plt-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"plt-hero-content\"\u003e\n \u003cdiv class=\"plt-badges-top\"\u003e\n \u003cspan class=\"plt-badge\"\u003e🌿 Plantain lancéolé\u003c\/span\u003e\n \u003cspan class=\"plt-badge\"\u003e🍯 Miel \u0026amp; mélasse\u003c\/span\u003e\n \u003cspan class=\"plt-badge\"\u003e👨‍👩‍👧 Dès 3 ans\u003c\/span\u003e\n \u003cspan class=\"plt-badge\"\u003e🧪 250 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"plt-hero-title\"\u003eSirop au Plantain Dr. Theiss\u003c\/span\u003e\n \u003cp class=\"plt-subtitle\"\u003eÀ la mélasse \u0026amp; au miel — 250 ml\u003c\/p\u003e\n \u003cp class=\"plt-description\"\u003eQuand la gorge gratte, que la toux s'invite et que les voies respiratoires se chargent, ce sirop associe la tradition des plantes médicinales à la douceur du miel et de la mélasse pour apaiser toute la famille. Un allié précieux en hiver comme au retour des allergies saisonnières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"plt-section\"\u003e\n \u003ch2\u003ePourquoi le sirop de plantain séduit depuis des générations ?\u003c\/h2\u003e\n \u003cp class=\"plt-section-intro\"\u003eLe \u003cstrong\u003eplantain lancéolé\u003c\/strong\u003e (\u003cem\u003ePlantago lanceolata\u003c\/em\u003e) est utilisé depuis l'Antiquité pour ses vertus adoucissantes sur la sphère ORL. Ses feuilles renferment des \u003cstrong\u003emucilages\u003c\/strong\u003e, des iridoïdes et des tanins qui tapissent délicatement les muqueuses irritées.\u003c\/p\u003e\n \u003cp class=\"plt-section-intro\"\u003eAssocié au miel et à la mélasse, le sirop plantain toux devient un concentré de réconfort, idéal lorsque la gorge picote ou que la respiration devient inconfortable. Contrairement à une recette maison, la formule Dr. Theiss offre un \u003cstrong\u003edosage précis\u003c\/strong\u003e, une \u003cstrong\u003econservation optimisée\u003c\/strong\u003e et un \u003cstrong\u003egoût équilibré\u003c\/strong\u003e, prêt à l'emploi.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"plt-section\"\u003e\n \u003ch2\u003eLes bienfaits du sirop de plantain Dr. Theiss\u003c\/h2\u003e\n \u003cdiv class=\"plt-grid\"\u003e\n \u003cdiv class=\"plt-card\"\u003e\n \u003ch3\u003e🌿 Adoucit la gorge\u003c\/h3\u003e\n \u003cp\u003eCalme les picotements dès les premières gorgées grâce aux mucilages du plantain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"plt-card\"\u003e\n \u003ch3\u003e💨 Voies respiratoires\u003c\/h3\u003e\n \u003cp\u003eAccompagne les voies respiratoires en cas de toux légère ou de gêne passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"plt-card\"\u003e\n \u003ch3\u003e🌱 Fraîcheur menthée\u003c\/h3\u003e\n \u003cp\u003eRafraîchit agréablement grâce à une touche d'huile essentielle de menthe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"plt-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux enfants dès 3 ans comme aux adultes. Un réflexe bien-être partagé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"plt-tip\"\u003e\n \u003cspan class=\"plt-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eParfait à la maison, au bureau ou en voyage, il se glisse facilement dans votre routine bien-être quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"plt-section\"\u003e\n \u003ch2\u003eUne composition simple et gourmande\u003c\/h2\u003e\n \u003cdiv class=\"plt-grid\"\u003e\n \u003cdiv class=\"plt-card\"\u003e\n \u003ch3\u003e🌿 Extrait de plantain\u003c\/h3\u003e\n \u003cp\u003eLa plante star, traditionnellement reconnue pour apaiser les muqueuses irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"plt-card\"\u003e\n \u003ch3\u003e🍯 Mélasse (50 %)\u003c\/h3\u003e\n \u003cp\u003eTexture onctueuse, riche en minéraux, effet enrobant sur la gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"plt-card\"\u003e\n \u003ch3\u003e🐝 Miel (25 %)\u003c\/h3\u003e\n \u003cp\u003eAdoucissant naturel, apprécié pour ses propriétés protectrices ancestrales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"plt-card\"\u003e\n \u003ch3\u003e🌱 Huile essentielle de menthe\u003c\/h3\u003e\n \u003cp\u003eFraîcheur immédiate et sensation de dégagement respiratoire bienfaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"plt-tip\"\u003e\n \u003cspan class=\"plt-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eListe complète :\u003c\/strong\u003e mélasse (50 %), miel (25 %), eau, extrait de plantain 1:1 (5 %) (\u003cem\u003ePlantago lanceolata L.\u003c\/em\u003e, feuilles), conservateur : sorbate de potassium, huile essentielle de menthe. \u003cstrong\u003eContient des sulfites.\u003c\/strong\u003e Sans colorants ni arômes artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"plt-section\"\u003e\n \u003ch2\u003eComment prendre le sirop au plantain ?\u003c\/h2\u003e\n \u003cdiv class=\"plt-timeline\"\u003e\n \u003cdiv class=\"plt-timeline-item\"\u003e\n \u003cdiv class=\"plt-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"plt-timeline-content\"\u003e\n \u003ch3\u003eAdultes\u003c\/h3\u003e\n \u003cp\u003e1 cuillère à soupe, 3 à 4 fois par jour, selon les besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"plt-timeline-item\"\u003e\n \u003cdiv class=\"plt-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"plt-timeline-content\"\u003e\n \u003ch3\u003eEnfants dès 3 ans\u003c\/h3\u003e\n \u003cp\u003e1 cuillère à café, 3 à 4 fois par jour, à la posologie adaptée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"plt-timeline-item\"\u003e\n \u003cdiv class=\"plt-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"plt-timeline-content\"\u003e\n \u003ch3\u003eMode de prise\u003c\/h3\u003e\n \u003cp\u003eÀ prendre pur ou dilué dans une tisane, un thé ou un verre d'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"plt-tip\"\u003e\n \u003cspan class=\"plt-tip-icon\"\u003e❄️\u003c\/span\u003e\n \u003cp\u003eBien agiter avant emploi. Ne pas dépasser la dose recommandée. Une fois ouvert, conservez le flacon au réfrigérateur et consommez-le dans les semaines qui suivent pour préserver toute sa fraîcheur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"plt-section\"\u003e\n \u003ch2\u003eNos réponses à vos interrogations sur le sirop de plantain\u003c\/h2\u003e\n \u003cdiv class=\"plt-accordion\"\u003e\n \u003cdetails class=\"plt-accordion-item\"\u003e\n \u003csummary class=\"plt-accordion-header\"\u003e🌿 Quels sont les bienfaits du sirop de plantain ?\u003c\/summary\u003e\n \u003cdiv class=\"plt-accordion-content mt-3\"\u003e\n \u003cp\u003eIl adoucit la gorge, accompagne les voies respiratoires et apporte du confort en cas de toux légère. Les mucilages du plantain tapissent les muqueuses irritées pour un effet apaisant immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"plt-accordion-item\"\u003e\n \u003csummary class=\"plt-accordion-header\"\u003e👶 À partir de quel âge ?\u003c\/summary\u003e\n \u003cdiv class=\"plt-accordion-content mt-3\"\u003e\n \u003cp\u003eDès 3 ans, à la posologie enfant. Pour les plus jeunes ou en cas de grossesse, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"plt-accordion-item\"\u003e\n \u003csummary class=\"plt-accordion-header\"\u003e💊 Peut-il remplacer un traitement ?\u003c\/summary\u003e\n \u003cdiv class=\"plt-accordion-content mt-3\"\u003e\n \u003cp\u003eNon. Ce sirop est un complément au bien-être quotidien. En cas de toux persistante, de fièvre ou de symptômes qui s'aggravent, consultez un médecin ou un pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"plt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Dr. Theiss ?\u003c\/h2\u003e\n \u003cdiv class=\"plt-grid-compact\"\u003e\n \u003cdiv class=\"plt-card\"\u003e\n \u003ch3\u003e🏆 Savoir-faire\u003c\/h3\u003e\n \u003cp\u003ePhytothérapie reconnue en Europe depuis des décennies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"plt-card\"\u003e\n \u003ch3\u003e🌿 Formule naturelle\u003c\/h3\u003e\n \u003cp\u003eGoût doux apprécié des enfants, sans colorants artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"plt-card\"\u003e\n \u003ch3\u003e🧪 Format 250 ml\u003c\/h3\u003e\n \u003cp\u003eIdéal pour toute la famille, en hiver comme aux intersaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"plt-card\"\u003e\n \u003ch3\u003e✅ Qualité garantie\u003c\/h3\u003e\n \u003cp\u003eDosage précis et conservation optimisée, prêt à l'emploi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"plt-cta-box\" style=\"margin-top:2rem;\"\u003e\n \u003cp\u003e🌿 Offrez à votre famille la douceur du plantain, du miel et de la mélasse — un réflexe bien-être naturel au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"plt-disclaimer\"\u003eCe produit ne se substitue pas à une alimentation équilibrée, un mode de vie sain, ni à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --plt-cream: #fdf8f0;\n --plt-white: #ffffff;\n --plt-primary: #e8823a;\n --plt-primary-dark: #b85a1a;\n --plt-primary-light: #fdecd8;\n --plt-secondary: #d94626;\n --plt-accent: #6ba84f;\n --plt-text: #2a1f15;\n --plt-text-light: #6a5a4a;\n --plt-border: #e8dccb;\n --plt-shadow: 0 4px 24px rgba(184, 90, 26, .08);\n --plt-shadow-lg: 0 12px 48px rgba(184, 90, 26, .15);\n --plt-radius: 20px;\n --plt-radius-sm: 12px;\n}\n\n.plt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--plt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--plt-text);\n line-height: 1.6;\n}\n\n.plt-hero {\n position: relative;\n background: linear-gradient(135deg, #f5a855 0%, #e8823a 50%, #d94626 100%);\n border-radius: var(--plt-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(--plt-shadow-lg);\n}\n\n.plt-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: .5;\n}\n\n.plt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.plt-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.plt-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n opacity: .95;\n letter-spacing: .02em;\n}\n\n.plt-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.3vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.plt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.plt-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(--plt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.plt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.plt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.plt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--plt-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.plt-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(--plt-primary), var(--plt-secondary));\n border-radius: 2px;\n}\n\n.plt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--plt-text-light);\n margin: 0 auto 1rem;\n max-width: 780px;\n line-height: 1.75;\n}\n\n.plt-section-intro strong {\n color: var(--plt-primary-dark);\n}\n\n.plt-card {\n background: var(--plt-white);\n border-radius: var(--plt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--plt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.plt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--plt-shadow-lg);\n border-color: var(--plt-primary);\n}\n\n.plt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--plt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.plt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--plt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.plt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.plt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.plt-grid-compact .plt-card {\n padding: 1rem;\n}\n\n.plt-grid-compact .plt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.plt-grid-compact .plt-card p {\n font-size: 12px;\n}\n\n.plt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.plt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.plt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--plt-primary), var(--plt-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(232, 130, 58, .35);\n}\n\n.plt-timeline-content {\n flex: 1;\n background: var(--plt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--plt-radius-sm);\n box-shadow: var(--plt-shadow);\n}\n\n.plt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--plt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.plt-timeline-content p {\n font-size: 14px;\n color: var(--plt-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.plt-accordion {\n background: var(--plt-white);\n border-radius: var(--plt-radius);\n box-shadow: var(--plt-shadow);\n overflow: hidden;\n max-width: 860px;\n margin: 0 auto;\n}\n\n.plt-accordion-item {\n border-bottom: 1px solid var(--plt-border);\n margin: 0;\n padding: 0;\n}\n\n.plt-accordion-item:last-child {\n border-bottom: none;\n}\n\n.plt-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--plt-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.plt-accordion-header:hover {\n background: var(--plt-primary-light);\n}\n\n.plt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.plt-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--plt-primary);\n transition: transform .2s ease;\n}\n\n.plt-accordion-item[open] .plt-accordion-header::after {\n content: '−';\n}\n\n.plt-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--plt-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.plt-accordion-content p {\n margin: 0;\n}\n\n.plt-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--plt-primary-light);\n border-radius: var(--plt-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--plt-primary);\n}\n\n.plt-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1.3;\n}\n\n.plt-tip p {\n font-size: 14px;\n color: var(--plt-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.plt-tip p strong {\n color: var(--plt-primary-dark);\n}\n\n.plt-cta-box {\n background: linear-gradient(135deg, var(--plt-primary) 0%, var(--plt-primary-dark) 100%);\n border-radius: var(--plt-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--plt-shadow-lg);\n}\n\n.plt-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.plt-disclaimer {\n font-size: 12px;\n color: var(--plt-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .plt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .plt-card {\n padding: 1.125rem;\n }\n \n .plt-section {\n margin-bottom: 1.75rem;\n }\n \n .plt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--plt-radius-sm);\n }\n \n .plt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .plt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .plt-grid-compact {\n gap: .625rem;\n }\n \n .plt-grid-compact .plt-card {\n padding: .75rem;\n }\n \n .plt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .plt-timeline-content {\n padding: .875rem 1rem;\n }\n \n .plt-timeline-content h3 {\n font-size: 14px;\n }\n \n .plt-timeline-content p {\n font-size: 13px;\n }\n \n .plt-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .plt-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .plt-card {\n animation: fadeInUp .5s ease backwards;\n }\n .plt-card:nth-child(1) { animation-delay: .05s; }\n .plt-card:nth-child(2) { animation-delay: .1s; }\n .plt-card:nth-child(3) { animation-delay: .15s; }\n .plt-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .plt-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DR THEISS","offers":[{"title":"Default Title","offer_id":55231943868793,"sku":"NA1510","price":11.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/sirop-au-plantain-a-la-melasse-et-au-miel-250ml-dr-theiss-1-min_2_11zon.webp?v=1748273426"},{"product_id":"sirop-propolis-150ml-aagaard","title":"Sirop à la propolis - 150 ml - Aagaard","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Sirop à la propolis - 150 ml - Aagaard\nPalette détectée:\n - Primaire: #7CB342 (vert pomme\/prairie du packaging)\n - Secondaire: #F9A825 (doré miel\/propolis)\n - Accent: #5D4037 (brun propolis brute)\n - Background: #F5F7F2 (crème très léger tirant sur le vert)\nAmbiance: Naturel, apicole traditionnel, bien-être respiratoire, confiance (depuis 1967), familial\nPréfixe CSS: sp\n--\u003e\n\n\u003cdiv class=\"sp-premium\"\u003e\n\n \u003c!-- HERO SECTION --\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🐝 Propolis purifiée\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e🌿 6 plantes pectorales\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e🇩🇪 Fabriqué en Allemagne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sp-hero-title\"\u003eSirop à la propolis\u003c\/span\u003e\n \u003cp class=\"sp-subtitle\"\u003eRésistance de l'organisme • Depuis 1967\u003c\/p\u003e\n \u003cp class=\"sp-description\"\u003eApaisez votre gorge naturellement grâce à l'expertise Aagaard. Une formule unique alliant propolis purifiée, plantes pectorales et huiles essentielles bio pour un confort respiratoire optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003e🌟 Les bienfaits du sirop propolis\u003c\/h2\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e😌 Apaise la gorge\u003c\/h3\u003e\n \u003cp\u003eSoulage rapidement les irritations, la sécheresse et les sensations de gêne pour retrouver du confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌬️ Dégage les voies respiratoires\u003c\/h3\u003e\n \u003cp\u003eLes huiles essentielles d'eucalyptus, pin et thym facilitent la respiration et libèrent les bronches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🛡️ Renforce les défenses\u003c\/h3\u003e\n \u003cp\u003eLa propolis, riche en flavonoïdes, soutient naturellement votre système immunitaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Pour toute la famille\u003c\/h3\u003e\n \u003cp\u003eTexture fluide et goût doux apprécié des adultes comme des enfants dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🍃 100% naturel\u003c\/h3\u003e\n \u003cp\u003eFormule à base de plantes et d'huiles essentielles bio, sans résidus indésirables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e✅ Qualité certifiée\u003c\/h3\u003e\n \u003cp\u003eFabrication allemande selon les normes GMP de l'OMS. Chaque lot est rigoureusement contrôlé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003e🧪 Une composition experte\u003c\/h2\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card sp-card-highlight\"\u003e\n \u003ch3\u003e🐝 Propolis purifiée\u003c\/h3\u003e\n \u003cp\u003eProcédé de purification exclusif préservant toute la richesse en flavonoïdes. Plus de 40 ans d'expertise Aagaard.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌾 6 plantes pectorales\u003c\/h3\u003e\n \u003cp\u003eAigremoine, bouillon blanc, aunée, hysope, guimauve et plantain pour calmer et protéger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e💧 4 huiles essentielles bio\u003c\/h3\u003e\n \u003cp\u003eEucalyptus radiata, pin sylvestre, romarin verbénone et thym linalol pour une action renforcée.\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=\"sp-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sp-usage-grid\"\u003e\n \u003cdiv class=\"sp-usage-card\"\u003e\n \u003cdiv class=\"sp-usage-icon\"\u003e👨\u003c\/div\u003e\n \u003ch3\u003eAdultes\u003c\/h3\u003e\n \u003cp class=\"sp-dosage\"\u003e1 cuillère à soupe (10 ml)\u003c\/p\u003e\n \u003cp class=\"sp-frequency\"\u003e2 à 3 fois par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-usage-card\"\u003e\n \u003cdiv class=\"sp-usage-icon\"\u003e👧\u003c\/div\u003e\n \u003ch3\u003eEnfants dès 3 ans\u003c\/h3\u003e\n \u003cp class=\"sp-dosage\"\u003e1 cuillère à café (5 ml)\u003c\/p\u003e\n \u003cp class=\"sp-frequency\"\u003e2 à 3 fois par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-tip-box\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eConseil :\u003c\/strong\u003e Prenez le sirop pur en laissant tapisser doucement la gorge. En prévention (changements de saison, fatigue vocale), 1 prise quotidienne suffit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003e👥 Pour qui est ce sirop ?\u003c\/h2\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🗣️ Gorges sensibles\u003c\/h3\u003e\n \u003cp\u003eIrritations, sécheresse, douleurs : retrouvez rapidement du confort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e❄️ Période hivernale\u003c\/h3\u003e\n \u003cp\u003ePrévention ou soulagement lors des premiers froids et changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🎤 Voix fatiguée\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les professionnels de la voix, chanteurs, enseignants ou enfants sollicitant leurs cordes vocales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient à tous dès 3 ans, sauf en cas d'allergie aux produits de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"sp-grid-compact\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n \u003cp\u003e150 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e⏱️ Durée estimée\u003c\/h3\u003e\n \u003cp\u003e15 à 30 jours selon usage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n \u003cp\u003eAllemagne - Normes GMP OMS\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🐝 Expertise\u003c\/h3\u003e\n \u003cp\u003e+ de 40 ans de savoir-faire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"sp-accordion\"\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e🏆 La garantie qualité Aagaard\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content\"\u003e\n \u003cp\u003eLes produits Aagaard sont fabriqués en Allemagne dans le respect des normes GMP de l'OMS. Chaque ingrédient est sélectionné avec soin, chaque lot est contrôlé pour vous garantir pureté, efficacité et sécurité. La marque s'engage dans une démarche éthique, respectueuse de la nature et de votre santé.\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⭐ Avis des utilisateurs\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content\"\u003e\n \u003cp\u003eLes utilisateurs saluent son goût doux, sa tolérance parfaite et son efficacité rapide pour retrouver une gorge apaisée. Un classique à avoir dans la pharmacie familiale en hiver comme toute l'année.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche. En cas de doute ou de pathologie, demander conseil à un professionnel de santé. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"sp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sp-cta-box\"\u003e\n \u003cp\u003e🐝 Soulagez naturellement votre gorge avec l'expertise Aagaard, spécialiste de la propolis depuis 1967. Un allié précieux pour toute la famille, de l'hiver jusqu'aux beaux jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --sp-cream: #F5F7F2;\n --sp-white: #ffffff;\n --sp-primary: #7CB342;\n --sp-primary-dark: #558B2F;\n --sp-primary-light: #E8F5E9;\n --sp-secondary: #F9A825;\n --sp-accent: #5D4037;\n\n \/* Textes *\/\n --sp-text: #1a1a1a;\n --sp-text-light: #5a5a5a;\n\n \/* Effets *\/\n --sp-border: #e0e0e0;\n --sp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sp-radius: 20px;\n --sp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sp-hero {\n position: relative;\n background: linear-gradient(135deg, #7CB342 0%, #558B2F 50%, #33691E 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: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5L35 15L45 15L37.5 22.5L40 32.5L30 27.5L20 32.5L22.5 22.5L15 15L25 15Z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.sp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.sp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.sp-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.sp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sp-primary), var(--sp-secondary));\n border-radius: 2px;\n}\n\n\/* === 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\/* === CARDS === *\/\n.sp-card {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sp-shadow-lg);\n border-color: var(--sp-primary);\n}\n\n.sp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sp-card-highlight {\n background: linear-gradient(135deg, var(--sp-primary-light) 0%, #fff 100%);\n border: 2px solid var(--sp-primary);\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sp-grid-compact .sp-card {\n padding: 1rem;\n}\n\n.sp-grid-compact .sp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sp-grid-compact .sp-card p {\n font-size: 12px;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.sp-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.sp-usage-card {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sp-shadow);\n text-align: center;\n border: 2px solid var(--sp-primary-light);\n transition: all .3s ease;\n}\n\n.sp-usage-card:hover {\n border-color: var(--sp-primary);\n transform: translateY(-4px);\n}\n\n.sp-usage-icon {\n font-size: 48px;\n margin-bottom: .75rem;\n}\n\n.sp-usage-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--sp-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.sp-dosage {\n font-size: 16px;\n font-weight: 700;\n color: var(--sp-secondary);\n margin: 0 0 .25rem 0;\n}\n\n.sp-frequency {\n font-size: 14px;\n color: var(--sp-text-light);\n margin: 0;\n}\n\n.sp-tip-box {\n background: linear-gradient(135deg, #FFF8E1 0%, #FFFDE7 100%);\n border-radius: var(--sp-radius-sm);\n padding: 1.25rem 1.5rem;\n border-left: 4px solid var(--sp-secondary);\n}\n\n.sp-tip-box p {\n margin: 0;\n font-size: 14px;\n color: var(--sp-text);\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sp-accordion {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n box-shadow: var(--sp-shadow);\n overflow: hidden;\n}\n\n.sp-accordion-item {\n border-bottom: 1px solid var(--sp-border);\n margin: 0;\n padding: 0;\n}\n\n.sp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sp-accordion-header:hover {\n background: var(--sp-primary-light);\n}\n\n.sp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sp-primary);\n transition: transform .2s ease;\n}\n\n.sp-accordion-item[open] .sp-accordion-header::after {\n content: '−';\n}\n\n.sp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.sp-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.sp-cta-box {\n background: linear-gradient(135deg, var(--sp-primary) 0%, var(--sp-primary-dark) 100%);\n border-radius: var(--sp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sp-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n.sp-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sp-card {\n padding: 1.125rem;\n }\n \n .sp-section {\n margin-bottom: 1.75rem;\n }\n \n .sp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sp-radius-sm);\n }\n \n .sp-badges-top {\n gap: 8px;\n margin-bottom: 1rem;\n }\n \n .sp-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .sp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sp-grid-compact {\n gap: .625rem;\n }\n \n .sp-grid-compact .sp-card {\n padding: .75rem;\n }\n \n .sp-usage-grid {\n grid-template-columns: 1fr 1fr;\n gap: .75rem;\n }\n \n .sp-usage-card {\n padding: 1rem;\n }\n \n .sp-usage-icon {\n font-size: 36px;\n margin-bottom: .5rem;\n }\n \n .sp-usage-card h3 {\n font-size: 14px;\n }\n \n .sp-dosage {\n font-size: 13px;\n }\n \n .sp-frequency {\n font-size: 12px;\n }\n \n .sp-tip-box {\n padding: 1rem;\n }\n \n .sp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@keyframes pulse {\n 0%, 100% { opacity: .5; }\n 50% { opacity: 1; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .sp-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sp-card:nth-child(1) { animation-delay: .05s; }\n .sp-card:nth-child(2) { animation-delay: .1s; }\n .sp-card:nth-child(3) { animation-delay: .15s; }\n .sp-card:nth-child(4) { animation-delay: .2s; }\n .sp-card:nth-child(5) { animation-delay: .25s; }\n .sp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes 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 .sp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AAGAARD","offers":[{"title":"Default Title","offer_id":55304167129465,"sku":"NBAIAAG0005","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/sirop-a-la-propolis-150-ml-aagaard-ingredients.jpg?v=1766930162"},{"product_id":"bonbons-du-pere-michel-bioligo","title":"Bonbons du Père Michel - 70 g - Bioligo","description":"\u003cdiv class=\"pm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pm-hero\"\u003e\n\u003cdiv class=\"pm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-hero-content\"\u003e\n\u003cdiv class=\"pm-badges-top\"\u003e\n\u003cspan class=\"pm-badge\"\u003e🇨🇭 Fabriqué en Suisse\u003c\/span\u003e \u003cspan class=\"pm-badge\"\u003e🍯 Propolis \u0026amp; oligoéléments\u003c\/span\u003e \u003cspan class=\"pm-badge\"\u003e🚫 Sans sucre ajouté\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pm-hero-title\"\u003eBonbons du Père Michel\u003c\/span\u003e\n\u003cp class=\"pm-subtitle\"\u003eLa douceur naturelle au service de votre respiration\u003c\/p\u003e\n\u003cp class=\"pm-description\"\u003eGorge apaisée, défenses naturelles soutenues, respiration facilitée : ces bonbons sans sucre ni aspartame sont bien plus qu'une douceur. Grâce à une synergie d'oligoéléments catalyseurs, de propolis et d'huiles essentielles biologiques, ils agissent comme un véritable soutien au quotidien pour votre confort respiratoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003ePourquoi choisir les Bonbons du Père Michel ?\u003c\/h2\u003e\n\u003cp class=\"pm-section-intro\"\u003eInspirés d'une formulation naturelle et sans compromis, ces bonbons offrent une double action précieuse.\u003c\/p\u003e\n\u003cdiv class=\"pm-grid-compact\"\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🌿 Apaisement de la gorge\u003c\/h3\u003e\n\u003cp\u003eGrâce à la propolis, à la sauge et aux huiles essentielles (thym, eucalyptus, niaouli, cajeput)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🛡️ Soutien immunitaire\u003c\/h3\u003e\n\u003cp\u003eVia les oligoéléments catalyseurs essentiels (Cu, Mg, Mn, Zn)\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\u003eSans sucre ajouté, ils conviennent parfaitement aux personnes surveillant leur consommation glucidique ou en quête de produits naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003ePrincipaux bienfaits\u003c\/h2\u003e\n\u003cdiv class=\"pm-grid\"\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🐝 Propolis\u003c\/h3\u003e\n\u003cp\u003eConnue pour ses propriétés antiseptiques naturelles, elle protège et apaise la gorge\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🌬️ Huiles essentielles bio\u003c\/h3\u003e\n\u003cp\u003eRespiration libérée et confort au quotidien grâce au thym, eucalyptus, niaouli et cajeput\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e⚡ Oligoéléments catalyseurs\u003c\/h3\u003e\n\u003cp\u003eRôle fondamental dans les fonctions enzymatiques et la réponse immunitaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🌱 Sauge\u003c\/h3\u003e\n\u003cp\u003eSoutient la clarté des voies respiratoires et contribue au bien-être ORL\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003ePour qui, quand et comment ?\u003c\/h2\u003e\n\u003cp class=\"pm-section-intro\"\u003eLes Bonbons du Père Michel s'intègrent facilement à votre routine, à chaque moment de l'année.\u003c\/p\u003e\n\u003cdiv class=\"pm-grid\"\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e❄️ Prévention hivernale\u003c\/h3\u003e\n\u003cp\u003eEn période de convalescence ou lors des premiers froids\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e😮💨 Gorge irritée\u003c\/h3\u003e\n\u003cp\u003ePour adoucir une gorge sensible ou libérer le nez encombré\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🍂 Changements de saison\u003c\/h3\u003e\n\u003cp\u003eÀ garder sur soi pour un soutien immédiat en toute circonstance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\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\u003eAdultes : 2 bonbons\/jour\u003c\/h3\u003e\n\u003cp\u003ePosologie standard pour un soutien quotidien\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\u003eEnfants (6-10 ans) : 1 bonbon\/jour\u003c\/h3\u003e\n\u003cp\u003eDosage adapté aux plus jeunes\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\u003ePhase aiguë : jusqu'à 3 bonbons\/jour\u003c\/h3\u003e\n\u003cp\u003eEn cas de besoin renforcé\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\u003eLaissez fondre lentement en bouche, à jeun ou en dehors des repas pour une efficacité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003eIngrédients \u0026amp; composition\u003c\/h2\u003e\n\u003cdiv class=\"pm-grid\"\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🍬 Thymol Isomalt\u003c\/h3\u003e\n\u003cp\u003eÉdulcorant naturel sans sucre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🐝 Propolis\u003c\/h3\u003e\n\u003cp\u003eSubstance naturelle des ruches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e⚗️ Oligoéléments\u003c\/h3\u003e\n\u003cp\u003eCuivre, Magnésium, Manganèse, Zinc\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🌿 Huiles essentielles\u003c\/h3\u003e\n\u003cp\u003eThym, Eucalyptus, Niaouli, Cajeput\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🌱 Extrait de sauge\u003c\/h3\u003e\n\u003cp\u003ePlante traditionnelle apaisante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🍊 Néohespéridine\u003c\/h3\u003e\n\u003cp\u003eÉdulcorant naturel d'écorce d'orange\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-accordion\"\u003e\n\u003cdetails class=\"pm-accordion-item\"\u003e\n\u003csummary class=\"pm-accordion-header\"\u003e📊 Analyse nutritionnelle (pour 100g)\u003c\/summary\u003e\n\u003cdiv class=\"pm-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eGlucides :\u003c\/strong\u003e 94 g (dont 94 g de polyols)\u003cbr\u003e\u003cstrong\u003eSucre :\u003c\/strong\u003e 0 g\u003cbr\u003e\u003cstrong\u003eLipides :\u003c\/strong\u003e 0 g\u003cbr\u003e\u003cstrong\u003eProtéines :\u003c\/strong\u003e 0 g\u003cbr\u003e\u003cstrong\u003eFibres :\u003c\/strong\u003e 0 g\u003cbr\u003e\u003cstrong\u003eSel :\u003c\/strong\u003e 0 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n\u003cdiv class=\"pm-accordion\"\u003e\n\u003cdetails class=\"pm-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"pm-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"pm-accordion-content\"\u003e\n\u003cp\u003eDéconseillé aux enfants de moins de 6 ans, aux femmes enceintes et 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📋 Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"pm-accordion-content\"\u003e\n\u003cp\u003eNe se substitue pas à une alimentation variée ni à un mode de vie sain. À conserver dans un endroit sec, 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\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🍯 Une douceur naturelle au service de votre respiration. Sans sucre, enrichis en actifs naturels, les Bonbons du Père Michel sont l'allié bienveillant de votre gorge et de vos défenses, à chaque saison.\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.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --pm-cream: #FFF8E7;\n --pm-white: #ffffff;\n --pm-primary: #E67E22;\n --pm-primary-dark: #D35400;\n --pm-primary-light: #FEF5E7;\n --pm-secondary: #2E7D32;\n --pm-accent: #F39C12;\n\n \/* Textes *\/\n --pm-text: #1a1a1a;\n --pm-text-light: #5a5a5a;\n\n \/* Effets *\/\n --pm-border: #e0e0e0;\n --pm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pm-radius: 20px;\n --pm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\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, #F39C12 0%, #E67E22 50%, #D35400 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-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='60' height='52' viewBox='0 0 60 52'%3E%3Cpath d='M30 0L60 15v22L30 52 0 37V15z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n background-size: 60px 52px;\n opacity: .5;\n}\n\n.pm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\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,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.pm-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\/* === BADGES === *\/\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\/* === 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}\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\/* === SECTION INTRO === *\/\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: 600px;\n margin-left: auto;\n margin-right: auto;\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\/* === GRILLES === *\/\n.pm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\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 margin-top: 1.5rem;\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 margin-top: 1.25rem;\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 \/* Grille compacte : 2 colonnes serrées *\/\n .pm-grid-compact {\n gap: .625rem;\n }\n \n .pm-grid-compact .pm-card {\n padding: .75rem;\n }\n \n \/* Timeline mobile *\/\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 \/* Accordéon mobile *\/\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\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pm-card {\n animation: fadeInUp .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 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 .pm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOLIGO","offers":[{"title":"Default Title","offer_id":55478339338617,"sku":"BY0010","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bioligo_bonbons_pere_michel-70g.jpg?v=1770903951"},{"product_id":"propolis-verte-bio-60-gelules-proposnature","title":"Propolis verte Bio - 60 gélules – Propos'Nature","description":"\u003cdiv class=\"pv-premium\"\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🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"pv-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003cspan class=\"pv-badge\"\u003e🐝 Trésor des ruches\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\"\u003ePropolis Verte Bio\u003c\/span\u003e\n \u003cp class=\"pv-subtitle\"\u003eLe concentré rare venu du Brésil · 400 mg \/ jour\u003c\/p\u003e\n \u003cp class=\"pv-description\"\u003eVéritable trésor des ruches brésiliennes, la propolis verte bio est récoltée par les abeilles sur le \u003cstrong\u003eBaccharis dracunculifolia\u003c\/strong\u003e, aussi appelé « romarin des champs ». Unique en son genre, elle se distingue par sa richesse exceptionnelle en \u003cstrong\u003eartepilline C\u003c\/strong\u003e, un flavonoïde rare aux propriétés antioxydantes reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003eLes bienfaits de la propolis verte bio\u003c\/h2\u003e\n \u003cp class=\"pv-section-intro\"\u003ePlébiscitée depuis des générations, la propolis verte est réputée pour contribuer au renforcement des défenses immunitaires, particulièrement lors des changements de saison, des périodes de fatigue ou de stress.\u003c\/p\u003e\n \u003cdiv class=\"pv-grid\"\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eSoutient les défenses naturelles de l'organisme, surtout lors des changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e✨ Antioxydants puissants\u003c\/h3\u003e\n \u003cp\u003eRiche en polyphénols et flavonoïdes qui luttent contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🌬️ Confort ORL\u003c\/h3\u003e\n \u003cp\u003eFavorise le confort de la gorge, du nez et des voies respiratoires en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🦷 Santé bucco-dentaire\u003c\/h3\u003e\n \u003cp\u003eParticipe au maintien d'une bonne hygiène et santé bucco-dentaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🌿 Bien-être digestif\u003c\/h3\u003e\n \u003cp\u003eSouvent évoquée pour le confort de l'estomac et le bien-être digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e💪 Vitalité au quotidien\u003c\/h3\u003e\n \u003cp\u003eUn allié précieux lors des périodes de fatigue, de stress ou d'intersaison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"pv-disclaimer\"\u003eCes propriétés traditionnelles ne remplacent en aucun cas un traitement médical. En cas de doute, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003ePourquoi choisir la propolis verte du Brésil ?\u003c\/h2\u003e\n \u003cp class=\"pv-section-intro\"\u003eContrairement aux propolis classiques (brunes ou jaunes), la propolis verte du Brésil provient exclusivement d'une plante endémique des régions préservées du sud-est brésilien. Cette origine rare lui confère un profil phytochimique unique, avec une concentration en \u003cstrong\u003eartepilline C\u003c\/strong\u003e introuvable ailleurs.\u003c\/p\u003e\n \u003cdiv class=\"pv-grid-compact\"\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🌳 Récolte respectueuse\u003c\/h3\u003e\n \u003cp\u003eZones préservées et non polluées du Brésil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🧪 Extrait standardisé\u003c\/h3\u003e\n \u003cp\u003eTitré en polyphénols pour une qualité constante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🚫 Formule pure\u003c\/h3\u003e\n \u003cp\u003eSans conservateurs, sans colorants, sans OGM.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🌱 Végétariens\u003c\/h3\u003e\n \u003cp\u003eGélule végétale HPMC adaptée aux végétariens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003eComposition détaillée (pour 4 gélules = 400 mg\/jour)\u003c\/h2\u003e\n \u003cdiv class=\"pv-grid\"\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🐝 Extrait de propolis verte bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e400 mg\u003c\/strong\u003e · Baccharis dracunculifolia, titré en polyphénols.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🌾 Maltodextrine bio\u003c\/h3\u003e\n \u003cp\u003eSupport d'extraction 100% issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e💊 Enveloppe végétale\u003c\/h3\u003e\n \u003cp\u003eHPMC (hydroxypropylméthylcellulose) d'origine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"pv-disclaimer\"\u003e* Ingrédients issus de l'agriculture biologique. Certifié AB. Fabriqué en France.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003eComment prendre la propolis verte en gélules ?\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\u003eCure d'entretien\u003c\/h3\u003e\n \u003cp\u003e4 gélules par jour, à répartir avant les repas 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\u003eCure intensive\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 8 gélules par jour sur avis d'un professionnel de santé.\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 conseillée\u003c\/h3\u003e\n \u003cp\u003e1 à 3 mois, idéalement aux intersaisons (automne, hiver, printemps).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-tip\"\u003e\n \u003cspan class=\"pv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour une cure d'un mois à posologie classique, prévoyez \u003cstrong\u003e2 flacons de 60 gélules\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\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⚠️ Allergies aux produits de la ruche\u003c\/summary\u003e\n \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche (miel, pollen, gelée royale, propolis).\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🤰 Femmes enceintes \u0026amp; enfants\u003c\/summary\u003e\n \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes, allaitantes et aux enfants sans avis médical préalable.\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🥗 Hygiène de vie\u003c\/summary\u003e\n \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n \u003cp\u003eNe se substitue pas à une alimentation variée, équilibrée ni à un mode de vie sain. Ne remplace en aucun cas un traitement médical.\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📏 Doses \u0026amp; conservation\u003c\/summary\u003e\n \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n \u003cp\u003eRespectez les doses journalières recommandées. Tenir hors de portée des jeunes enfants, à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eNotre avis : pour qui ces gélules sont-elles faites ?\u003c\/h2\u003e\n \u003cdiv class=\"pv-testimonial\"\u003e\n \u003cp class=\"pv-testimonial-text\"\u003e\"Ce complément alimentaire s'adresse à vous si vous recherchez un soutien naturel et bio pour votre immunité, si vous êtes sensible aux infections ORL récurrentes, ou si vous souhaitez profiter des bienfaits de la propolis verte dans une formule simple, sans additifs controversés et traçable. Un geste santé quotidien, en harmonie avec la nature.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e🐝 Offrez-vous le meilleur des ruches brésiliennes\u003cbr\u003eet renforcez votre vitalité naturellement 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pv-cream: #f5f8f2;\n --pv-white: #ffffff;\n --pv-primary: #7cb342;\n --pv-primary-dark: #4a7c2a;\n --pv-primary-light: #e8f2dc;\n --pv-secondary: #c9a227;\n --pv-accent: #2e5c1a;\n --pv-text: #1a2e10;\n --pv-text-light: #5a6b4e;\n --pv-border: #d8e5cc;\n --pv-shadow: 0 4px 24px rgba(74,124,42,.1);\n --pv-shadow-lg: 0 12px 48px rgba(74,124,42,.18);\n --pv-radius: 20px;\n --pv-radius-sm: 12px;\n}\n\n.pv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--pv-text);\n}\n\n.pv-hero {\n position: relative;\n background: linear-gradient(135deg, #7cb342 0%, #4a7c2a 50%, #2e5c1a 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 opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n radial-gradient(circle at 70% 60%, white 2px, transparent 2px),\n radial-gradient(circle at 40% 80%, white 1.5px, transparent 1.5px);\n background-size: 60px 60px, 80px 80px, 50px 50px;\n}\n\n.pv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pv-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pv-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.8vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.pv-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.pv-description strong { color: #fff; }\n\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.pv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pv-primary), var(--pv-secondary));\n border-radius: 2px;\n}\n\n.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: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.pv-section-intro strong { color: var(--pv-primary-dark); }\n\n.pv-card {\n background: var(--pv-white);\n border-radius: var(--pv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pv-shadow-lg);\n border-color: var(--pv-primary);\n}\n\n.pv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pv-card p strong { color: var(--pv-primary-dark); }\n\n.pv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pv-grid-compact .pv-card {\n padding: 1rem;\n}\n\n.pv-grid-compact .pv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pv-grid-compact .pv-card p {\n font-size: 12px;\n}\n\n.pv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\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-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(74,124,42,.3);\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.pv-testimonial {\n background: var(--pv-white);\n border-radius: var(--pv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pv-shadow);\n border-left: 4px solid var(--pv-primary);\n max-width: 860px;\n margin: 0 auto;\n}\n\n.pv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.pv-accordion {\n background: var(--pv-white);\n border-radius: var(--pv-radius);\n box-shadow: var(--pv-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\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: 22px;\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 { margin: 0; }\n\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 max-width: 800px;\n margin-left: auto;\n margin-right: auto;\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.pv-tip p strong { color: var(--pv-primary-dark); }\n\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 box-shadow: var(--pv-shadow-lg);\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.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@media (max-width: 767px) {\n .pv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .pv-card { padding: 1.125rem; }\n .pv-section { margin-bottom: 1.75rem; }\n .pv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pv-radius-sm);\n }\n .pv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .pv-premium h2::after { width: 40px; height: 3px; }\n .pv-grid-compact { gap: .625rem; }\n .pv-grid-compact .pv-card { padding: .75rem; }\n .pv-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .pv-timeline-content { padding: .875rem 1rem; }\n .pv-timeline-content h3 { font-size: 14px; }\n .pv-timeline-content p { font-size: 13px; }\n .pv-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .pv-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .pv-testimonial { padding: 1.25rem; }\n .pv-testimonial-text { font-size: 14px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .pv-card { animation: fadeInUp .5s ease backwards; }\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 fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\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":"PROPOS NATURE","offers":[{"title":"Default Title","offer_id":55570292638073,"sku":"PO0005","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/propolis-verte-bio-60-gelules-proposnature-packshothd.webp?v=1789814836"},{"product_id":"spray-buccal-propolis-bio-15-ml-aagaard","title":"Spray buccal propolis bio 15 ml - Aagaard","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Spray buccal propolis bio 15 ml - Aagaard\nPalette détectée:\n - Primaire: #8B9E6B (vert olive\/sauge du packaging)\n - Secondaire: #5D7A4A (vert foncé pour les accents)\n - Accent: #D4A853 (doré\/miel évoquant l'abeille et la propolis)\n - Background: #A8D5BA (vert menthe clair de l'image lifestyle)\nAmbiance: Naturel\/Bio, apicole traditionnel, santé naturelle, confiance (marque historique depuis 1967)\nPréfixe CSS: sba\n--\u003e\n\n\u003cdiv class=\"sba-premium\"\u003e\n\n \u003cdiv class=\"sba-hero\"\u003e\n \u003cdiv class=\"sba-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sba-hero-content\"\u003e\n \u003cdiv class=\"sba-badges-top\"\u003e\n \u003cspan class=\"sba-badge\"\u003e🐝 Propolis bio\u003c\/span\u003e\n \u003cspan class=\"sba-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"sba-badge\"\u003e✨ Depuis 1967\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sba-hero-title\"\u003eSpray buccal propolis bio\u003c\/span\u003e\n \u003cp class=\"sba-subtitle\"\u003eAagaard • 15 ml\u003c\/p\u003e\n \u003cp class=\"sba-description\"\u003eVotre allié naturel pour apaiser instantanément les maux de gorge et retrouver un confort buccal optimal grâce à la puissance de la propolis bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sba-section\"\u003e\n \u003ch2\u003e🌟 Pourquoi choisir ce spray ?\u003c\/h2\u003e\n \u003cdiv class=\"sba-grid\"\u003e\n \u003cdiv class=\"sba-card\"\u003e\n \u003ch3\u003e⚡ Action immédiate\u003c\/h3\u003e\n \u003cp\u003eApaise instantanément la gorge irritée et la cavité buccale dès la première pulvérisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-card\"\u003e\n \u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n \u003cp\u003eSoulage les maux de gorge grâce aux propriétés protectrices ancestrales de la propolis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-card\"\u003e\n \u003ch3\u003e❄️\u0026lt; Confort toute saison\u003c\/h3\u003e\n \u003cp\u003eMaintient le confort buccal lors des périodes de froid, pollution et changements de saison\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-card\"\u003e\n \u003ch3\u003e🌬️ Fraîcheur immédiate\u003c\/h3\u003e\n \u003cp\u003eHaleine purifiée et sensation de fraîcheur agréable après chaque utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-card\"\u003e\n \u003ch3\u003e👜 Format nomade\u003c\/h3\u003e\n \u003cp\u003eFlacon compact de 15 ml à glisser dans votre sac pour une protection où que vous soyez\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-card\"\u003e\n \u003ch3\u003e🐝 Expertise Aagaard\u003c\/h3\u003e\n \u003cp\u003ePlus de 55 ans d'excellence dans la propolis, référence mondiale en apiculture bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sba-section\"\u003e\n \u003ch2\u003e🧪 Composition naturelle\u003c\/h2\u003e\n \u003cdiv class=\"sba-composition-grid\"\u003e\n \u003cdiv class=\"sba-ingredient-card sba-ingredient-main\"\u003e\n \u003cdiv class=\"sba-ingredient-icon\"\u003e🍯\u003c\/div\u003e\n \u003cdiv class=\"sba-ingredient-content\"\u003e\n \u003ch3\u003eExtrait de propolis bio\u003c\/h3\u003e\n \u003cspan class=\"sba-ingredient-tag\"\u003eIngrédient star\u003c\/span\u003e\n \u003cp\u003eConcentré riche en flavonoïdes et antioxydants naturels, récolté de manière éthique par les abeilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-ingredient-card\"\u003e\n \u003cdiv class=\"sba-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n \u003cdiv class=\"sba-ingredient-content\"\u003e\n \u003ch3\u003eAlcool bio\u003c\/h3\u003e\n \u003cp\u003eSupport d'extraction naturel préservant tous les principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-ingredient-card\"\u003e\n \u003cdiv class=\"sba-ingredient-icon\"\u003e💧\u003c\/div\u003e\n \u003cdiv class=\"sba-ingredient-content\"\u003e\n \u003ch3\u003eEau purifiée\u003c\/h3\u003e\n \u003cp\u003eBase pure pour une formule douce et bien tolérée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sba-section\"\u003e\n \u003ch2\u003e✅ Nos garanties qualité\u003c\/h2\u003e\n \u003cdiv class=\"sba-certif-grid\"\u003e\n \u003cdiv class=\"sba-certif-item\"\u003e\n \u003cspan class=\"sba-certif-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan\u003eCertifié agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-certif-item\"\u003e\n \u003cspan class=\"sba-certif-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan\u003eSans colorant artificiel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-certif-item\"\u003e\n \u003cspan class=\"sba-certif-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan\u003eSans arôme de synthèse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-certif-item\"\u003e\n \u003cspan class=\"sba-certif-icon\"\u003e🔬\u003c\/span\u003e\n \u003cspan\u003eSans conservateur chimique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-certif-item\"\u003e\n \u003cspan class=\"sba-certif-icon\"\u003e⭐\u003c\/span\u003e\n \u003cspan\u003eQualité Aagaard premium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-certif-item\"\u003e\n \u003cspan class=\"sba-certif-icon\"\u003e🐝\u003c\/span\u003e\n \u003cspan\u003eRespect des abeilles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sba-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sba-steps\"\u003e\n \u003cdiv class=\"sba-step\"\u003e\n \u003cdiv class=\"sba-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sba-step-content\"\u003e\n \u003ch3\u003eAgiter\u003c\/h3\u003e\n \u003cp\u003eSecouez le flacon avant chaque utilisation pour homogénéiser la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-step\"\u003e\n \u003cdiv class=\"sba-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sba-step-content\"\u003e\n \u003ch3\u003ePulvériser\u003c\/h3\u003e\n \u003cp\u003eEffectuez 2 à 3 pulvérisations directement dans la bouche, vers le fond de la gorge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-step\"\u003e\n \u003cdiv class=\"sba-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sba-step-content\"\u003e\n \u003ch3\u003eRépéter si besoin\u003c\/h3\u003e\n \u003cp\u003eRenouvelez jusqu'à 3 fois par jour selon vos besoins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-tips-box\"\u003e\n \u003ch3\u003e💡 Conseils d'utilisation\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eUtilisez dès les \u003cstrong\u003epremiers signes d'inconfort\u003c\/strong\u003e de la gorge\u003c\/li\u003e\n \u003cli\u003eParticulièrement recommandé lors des \u003cstrong\u003echangements de saison\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eRéservé aux adultes et enfants de \u003cstrong\u003eplus de 12 ans\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sba-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"sba-grid sba-grid-3\"\u003e\n \u003cdiv class=\"sba-profile-card\"\u003e\n \u003cdiv class=\"sba-profile-icon\"\u003e🗣️\u003c\/div\u003e\n \u003ch3\u003eProfessionnels de la voix\u003c\/h3\u003e\n \u003cp\u003eEnseignants, chanteurs, conférenciers qui sollicitent leur gorge au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-profile-card\"\u003e\n \u003cdiv class=\"sba-profile-icon\"\u003e🚇\u003c\/div\u003e\n \u003ch3\u003eCitadins exposés\u003c\/h3\u003e\n \u003cp\u003ePersonnes confrontées à la pollution, climatisation et environnements secs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-profile-card\"\u003e\n \u003cdiv class=\"sba-profile-icon\"\u003e🍂\u003c\/div\u003e\n \u003ch3\u003eSensibles aux saisons\u003c\/h3\u003e\n \u003cp\u003eTous ceux qui ressentent un inconfort lors des changements de température\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sba-section\"\u003e\n \u003ch2\u003e🐝 L'expertise Aagaard\u003c\/h2\u003e\n \u003cdiv class=\"sba-brand-box\"\u003e\n \u003cdiv class=\"sba-brand-content\"\u003e\n \u003cdiv class=\"sba-brand-badge\"\u003eDepuis 1967\u003c\/div\u003e\n \u003cp class=\"sba-brand-text\"\u003e\u003cstrong\u003eAagaard\u003c\/strong\u003e est le pionnier et la référence mondiale en matière de propolis de qualité. La marque s'engage depuis plus de 55 ans à proposer une propolis pure et bio, sans pesticides ni solvants chimiques, dans le respect de la nature et des abeilles.\u003c\/p\u003e\n \u003cdiv class=\"sba-brand-features\"\u003e\n \u003cdiv class=\"sba-brand-feature\"\u003e\n \u003cspan\u003e🌍\u003c\/span\u003e\n \u003cspan\u003ePropolis récoltée de manière éthique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-brand-feature\"\u003e\n \u003cspan\u003e⚗️\u003c\/span\u003e\n \u003cspan\u003eExtraction naturelle préservant les actifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-brand-feature\"\u003e\n \u003cspan\u003e🔍\u003c\/span\u003e\n \u003cspan\u003eContrôles qualité rigoureux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sba-brand-feature\"\u003e\n \u003cspan\u003e🏆\u003c\/span\u003e\n \u003cspan\u003ePlus de 55 ans d'expertise apicole\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 \u003csection class=\"sba-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sba-cta-box\"\u003e\n \u003cdiv class=\"sba-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sba-cta-content\"\u003e\n \u003cp\u003e🐝 Faites confiance à la nature et à l'expertise Aagaard pour prendre soin de votre gorge. Un geste simple, naturel et efficace pour affronter sereinement chaque saison.\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 --sba-cream: #f8f9f5;\n --sba-white: #ffffff;\n --sba-primary: #8B9E6B;\n --sba-primary-dark: #5D7A4A;\n --sba-primary-light: #e8f0e0;\n --sba-secondary: #6B8E5D;\n --sba-accent: #D4A853;\n --sba-accent-light: #fdf6e8;\n --sba-text: #2c3e2d;\n --sba-text-light: #5a6b5c;\n --sba-border: #d4ddd0;\n --sba-shadow: 0 4px 24px rgba(93,122,74,.1);\n --sba-shadow-lg: 0 12px 48px rgba(93,122,74,.18);\n --sba-radius: 20px;\n --sba-radius-sm: 12px;\n}\n\n.sba-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sba-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sba-text);\n line-height: 1.6;\n}\n\n.sba-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.sba-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sba-primary) 0%, var(--sba-primary-dark) 50%, #4a6839 100%);\n border-radius: var(--sba-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(--sba-shadow-lg);\n}\n\n.sba-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5L35 15L45 15L37 22L40 32L30 26L20 32L23 22L15 15L25 15Z' fill='%23ffffff' fill-opacity='0.06'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.sba-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sba-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sba-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(--sba-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sba-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sba-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.sba-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.sba-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 19px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.sba-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.sba-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--sba-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.sba-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(--sba-primary), var(--sba-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.sba-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.sba-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n}\n\n\/* === CARDS === *\/\n.sba-card {\n background: var(--sba-white);\n border-radius: var(--sba-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sba-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sba-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sba-shadow-lg);\n border-color: var(--sba-primary);\n}\n\n.sba-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.sba-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--sba-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.sba-card p {\n font-size: 15px;\n color: var(--sba-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.sba-composition-grid {\n display: grid;\n gap: 1.5rem;\n}\n\n.sba-ingredient-card {\n display: flex;\n gap: 1.5rem;\n background: var(--sba-white);\n border-radius: var(--sba-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sba-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.sba-ingredient-card:hover {\n transform: translateY(-4px);\n border-color: var(--sba-primary);\n}\n\n.sba-ingredient-main {\n background: linear-gradient(135deg, var(--sba-accent-light) 0%, var(--sba-white) 100%);\n border-color: var(--sba-accent);\n}\n\n.sba-ingredient-icon {\n font-size: 42px;\n flex-shrink: 0;\n}\n\n.sba-ingredient-content h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--sba-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.sba-ingredient-tag {\n display: inline-block;\n padding: 4px 12px;\n background: var(--sba-accent);\n color: white;\n border-radius: 999px;\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 0.75rem;\n}\n\n.sba-ingredient-content p {\n font-size: 15px;\n color: var(--sba-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CERTIFICATIONS === *\/\n.sba-certif-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.sba-certif-item {\n display: flex;\n align-items: center;\n gap: 12px;\n background: var(--sba-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sba-radius-sm);\n box-shadow: var(--sba-shadow);\n font-weight: 600;\n font-size: 14px;\n color: var(--sba-text);\n transition: all .3s ease;\n}\n\n.sba-certif-item:hover {\n transform: translateX(4px);\n background: var(--sba-primary-light);\n}\n\n.sba-certif-icon {\n font-size: 24px;\n}\n\n\/* === ÉTAPES === *\/\n.sba-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.sba-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--sba-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--sba-radius);\n box-shadow: var(--sba-shadow);\n transition: all .3s ease;\n}\n\n.sba-step:hover {\n transform: translateX(8px);\n box-shadow: var(--sba-shadow-lg);\n}\n\n.sba-step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--sba-primary), var(--sba-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n font-weight: 900;\n flex-shrink: 0;\n box-shadow: 0 4px 12px rgba(93,122,74,.3);\n}\n\n.sba-step-content h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--sba-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.sba-step-content p {\n font-size: 15px;\n color: var(--sba-text-light);\n margin: 0;\n}\n\n\/* === TIPS BOX === *\/\n.sba-tips-box {\n background: var(--sba-primary-light);\n border-radius: var(--sba-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-left: 4px solid var(--sba-primary);\n}\n\n.sba-tips-box h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--sba-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.sba-tips-box ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.sba-tips-box li {\n font-size: 15px;\n color: var(--sba-text);\n margin-bottom: 0.5rem;\n line-height: 1.6;\n}\n\n.sba-tips-box li:last-child {\n margin-bottom: 0;\n}\n\n\/* === PROFILS === *\/\n.sba-profile-card {\n background: var(--sba-white);\n border-radius: var(--sba-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sba-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.sba-profile-card:hover {\n transform: translateY(-8px);\n border-color: var(--sba-accent);\n box-shadow: var(--sba-shadow-lg);\n}\n\n.sba-profile-icon {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.sba-profile-card h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--sba-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.sba-profile-card p {\n font-size: 14px;\n color: var(--sba-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BRAND BOX === *\/\n.sba-brand-box {\n background: linear-gradient(135deg, var(--sba-accent-light) 0%, var(--sba-white) 100%);\n border-radius: var(--sba-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--sba-accent);\n box-shadow: var(--sba-shadow);\n}\n\n.sba-brand-badge {\n display: inline-block;\n padding: 8px 20px;\n background: linear-gradient(135deg, var(--sba-accent), #c49643);\n color: white;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 800;\n margin-bottom: 1.25rem;\n box-shadow: 0 4px 12px rgba(212,168,83,.3);\n}\n\n.sba-brand-text {\n font-size: clamp(16px, 2.5vw, 18px);\n color: var(--sba-text);\n line-height: 1.7;\n margin: 0 0 1.5rem 0;\n}\n\n.sba-brand-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.sba-brand-feature {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 14px;\n font-weight: 600;\n color: var(--sba-primary-dark);\n}\n\n.sba-brand-feature span:first-child {\n font-size: 20px;\n}\n\n\/* === INFO GRID === *\/\n.sba-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.sba-info-item {\n background: var(--sba-white);\n border-radius: var(--sba-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--sba-shadow);\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.sba-info-label {\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .05em;\n color: var(--sba-text-light);\n}\n\n.sba-info-value {\n font-size: 17px;\n font-weight: 800;\n color: var(--sba-primary-dark);\n}\n\n\/* === WARNING BOX === *\/\n.sba-warning-box {\n display: flex;\n gap: 1.5rem;\n background: #fef9ed;\n border-radius: var(--sba-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid #f0d999;\n}\n\n.sba-warning-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.sba-warning-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: #9a7b2c;\n margin: 0 0 0.75rem 0;\n}\n\n.sba-warning-content p {\n font-size: 14px;\n color: #7a6223;\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === CTA BOX === *\/\n.sba-cta-box {\n background: linear-gradient(135deg, var(--sba-primary) 0%, var(--sba-primary-dark) 100%);\n border-radius: var(--sba-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--sba-shadow-lg);\n}\n\n.sba-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='8' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n}\n\n.sba-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.sba-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .sba-grid,\n .sba-grid-3 {\n grid-template-columns: 1fr;\n }\n \n .sba-ingredient-card {\n flex-direction: column;\n text-align: center;\n }\n \n .sba-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .sba-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .sba-brand-features {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sba-card,\n .sba-ingredient-card,\n .sba-step,\n .sba-profile-card,\n .sba-certif-item {\n animation: sbaFadeInUp .6s ease backwards;\n }\n \n .sba-card:nth-child(1), .sba-ingredient-card:nth-child(1), .sba-step:nth-child(1), .sba-profile-card:nth-child(1) { animation-delay: .1s; }\n .sba-card:nth-child(2), .sba-ingredient-card:nth-child(2), .sba-step:nth-child(2), .sba-profile-card:nth-child(2) { animation-delay: .2s; }\n .sba-card:nth-child(3), .sba-ingredient-card:nth-child(3), .sba-step:nth-child(3), .sba-profile-card:nth-child(3) { animation-delay: .3s; }\n .sba-card:nth-child(4) { animation-delay: .4s; }\n .sba-card:nth-child(5) { animation-delay: .5s; }\n .sba-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes sbaFadeInUp {\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 .sba-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .sba-premium {\n --sba-text: #000000;\n --sba-text-light: #333333;\n }\n \n .sba-card,\n .sba-ingredient-card,\n .sba-step,\n .sba-profile-card {\n border: 2px solid var(--sba-text);\n }\n}\n\u003c\/style\u003e","brand":"AAGAARD","offers":[{"title":"Default Title","offer_id":55838325703033,"sku":"NBAIAAG0008","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-buccal-propolis-15ml-aagaard.webp?v=1758358726"},{"product_id":"bonbons-du-pere-michel-bioligo-135-g","title":"Bonbons du Père Michel - 135 g - Bioligo","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Bonbons du Père Michel - Bioligo\nPalette détectée:\n - Primaire: #E67E22 (orange vif du packaging, couleur dominante)\n - Secondaire: #D4A017 (jaune miel\/doré des bonbons et motifs nid d'abeille)\n - Accent: #2E7D32 (vert des plantes\/herbes illustrées)\nAmbiance: Traditionnel, naturel, artisanal suisse, univers apicole\/miel, chaleureux et authentique\nPréfixe CSS: bpm\n--\u003e\n\u003cdiv class=\"bpm-premium\"\u003e\n\u003cdiv class=\"bpm-hero\"\u003e\n\u003cdiv class=\"bpm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bpm-hero-content\"\u003e\n\u003cdiv class=\"bpm-badges-top\"\u003e\n\u003cspan class=\"bpm-badge\"\u003e🇨🇭 Fabriqué en Suisse\u003c\/span\u003e \u003cspan class=\"bpm-badge\"\u003e🍯 Propolis naturelle\u003c\/span\u003e \u003cspan class=\"bpm-badge\"\u003e🚫 Sans sucre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"bpm-hero-title\"\u003eBonbons du Père Michel\u003c\/span\u003e\n\u003cp class=\"bpm-subtitle\"\u003eL'alliance ancestrale de la propolis et des oligoéléments\u003c\/p\u003e\n\u003cp class=\"bpm-description\"\u003eVotre allié naturel pour apaiser la gorge et libérer les voies respiratoires, formulé selon la tradition suisse avec des actifs 100% naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"bpm-section\"\u003e\n\u003ch2\u003e🌿 Pourquoi ces bonbons sont uniques\u003c\/h2\u003e\n\u003cdiv class=\"bpm-grid\"\u003e\n\u003cdiv class=\"bpm-card\"\u003e\n\u003cdiv class=\"bpm-card-icon\"\u003e🐝\u003c\/div\u003e\n\u003ch3\u003ePropolis de qualité\u003c\/h3\u003e\n\u003cp\u003eCet actif précieux de la ruche est traditionnellement reconnu pour ses propriétés apaisantes sur la gorge irritée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-card\"\u003e\n\u003cdiv class=\"bpm-card-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003e4 oligoéléments essentiels\u003c\/h3\u003e\n\u003cp\u003eCuivre, Magnésium, Manganèse et Zinc contribuent au bon fonctionnement de votre système immunitaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-card\"\u003e\n\u003cdiv class=\"bpm-card-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eHuiles essentielles\u003c\/h3\u003e\n\u003cp\u003eThym, Eucalyptus, Niaouli et Cajeput : un quatuor réputé pour dégager les voies respiratoires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-card\"\u003e\n\u003cdiv class=\"bpm-card-icon\"\u003e🍃\u003c\/div\u003e\n\u003ch3\u003eExtrait de sauge\u003c\/h3\u003e\n\u003cp\u003eCette plante ancestrale est traditionnellement utilisée pour libérer la respiration naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bpm-section\"\u003e\n\u003ch2\u003e✨ Une formule clean, sans compromis\u003c\/h2\u003e\n\u003cdiv class=\"bpm-clean-grid\"\u003e\n\u003cdiv class=\"bpm-clean-item\"\u003e\n\u003cspan class=\"bpm-clean-icon\"\u003e🚫\u003c\/span\u003e \u003cspan class=\"bpm-clean-text\"\u003eSans sucre ajouté\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-clean-item\"\u003e\n\u003cspan class=\"bpm-clean-icon\"\u003e🚫\u003c\/span\u003e \u003cspan class=\"bpm-clean-text\"\u003eSans aspartame\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-clean-item\"\u003e\n\u003cspan class=\"bpm-clean-icon\"\u003e🚫\u003c\/span\u003e \u003cspan class=\"bpm-clean-text\"\u003eSans glucose\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-clean-item\"\u003e\n\u003cspan class=\"bpm-clean-icon\"\u003e🚫\u003c\/span\u003e \u003cspan class=\"bpm-clean-text\"\u003eSans colorant\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-clean-item\"\u003e\n\u003cspan class=\"bpm-clean-icon\"\u003e🚫\u003c\/span\u003e \u003cspan class=\"bpm-clean-text\"\u003eSans conservateur\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-clean-item\"\u003e\n\u003cspan class=\"bpm-clean-icon\"\u003e🐰\u003c\/span\u003e \u003cspan class=\"bpm-clean-text\"\u003eNon testé sur animaux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-highlight-box\"\u003e\n\u003cspan class=\"bpm-highlight-number\"\u003e0g\u003c\/span\u003e \u003cspan class=\"bpm-highlight-label\"\u003ede sucres pour 100g\u003c\/span\u003e\n\u003cp\u003eÉdulcoré naturellement à l'Isomalt et à la Néohespéridine, extrait d'écorce d'orange.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bpm-section\"\u003e\n\u003ch2\u003e🧪 Composition complète\u003c\/h2\u003e\n\u003cdiv class=\"bpm-composition-box\"\u003e\n\u003cdiv class=\"bpm-ingredients\"\u003e\n\u003ch3\u003eIngrédients\u003c\/h3\u003e\n\u003cp\u003eIsomalt, Propolis, Cuivre, Magnésium, Manganèse, Zinc, Huiles essentielles (Thym, Eucalyptus, Niaouli, Cajeput), Extrait de Sauge, Édulcorant : Néohespéridine (extrait d'écorce d'orange), Thymol.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-nutrition\"\u003e\n\u003ch3\u003eValeurs nutritionnelles pour 100g\u003c\/h3\u003e\n\u003cdiv class=\"bpm-nutrition-grid\"\u003e\n\u003cdiv class=\"bpm-nutrition-item\"\u003e\n\u003cspan class=\"bpm-nutrition-value\"\u003e0g\u003c\/span\u003e \u003cspan class=\"bpm-nutrition-label\"\u003eLipides\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-nutrition-item\"\u003e\n\u003cspan class=\"bpm-nutrition-value\"\u003e94g\u003c\/span\u003e \u003cspan class=\"bpm-nutrition-label\"\u003eGlucides\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-nutrition-item\"\u003e\n\u003cspan class=\"bpm-nutrition-value\"\u003e0g\u003c\/span\u003e \u003cspan class=\"bpm-nutrition-label\"\u003eSucres\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-nutrition-item\"\u003e\n\u003cspan class=\"bpm-nutrition-value\"\u003e94g\u003c\/span\u003e \u003cspan class=\"bpm-nutrition-label\"\u003ePolyols\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-nutrition-item\"\u003e\n\u003cspan class=\"bpm-nutrition-value\"\u003e0g\u003c\/span\u003e \u003cspan class=\"bpm-nutrition-label\"\u003eProtéines\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-nutrition-item\"\u003e\n\u003cspan class=\"bpm-nutrition-value\"\u003e0g\u003c\/span\u003e \u003cspan class=\"bpm-nutrition-label\"\u003eSel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bpm-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"bpm-usage-grid\"\u003e\n\u003cdiv class=\"bpm-usage-card\"\u003e\n\u003cdiv class=\"bpm-usage-header\"\u003e\n\u003cspan class=\"bpm-usage-icon\"\u003e👨\u003c\/span\u003e\n\u003ch3\u003eAdultes\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-usage-dosage\"\u003e2 à 3 bonbons\/jour\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-usage-card\"\u003e\n\u003cdiv class=\"bpm-usage-header\"\u003e\n\u003cspan class=\"bpm-usage-icon\"\u003e👦\u003c\/span\u003e\n\u003ch3\u003eEnfants 6-10 ans\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-usage-dosage\"\u003e1 à 2 bonbons\/jour\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-tip-box\"\u003e\n\u003cspan class=\"bpm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cdiv class=\"bpm-tip-content\"\u003e\n\u003cstrong\u003eConseil d'utilisation\u003c\/strong\u003e\n\u003cp\u003eLaissez fondre doucement le bonbon dans la bouche, de préférence à jeun ou en dehors des repas. Cette méthode permet aux actifs de rester plus longtemps en contact avec les muqueuses de la gorge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-tip-box bpm-tip-prevention\"\u003e\n\u003cspan class=\"bpm-tip-icon\"\u003e🛡️\u003c\/span\u003e\n\u003cdiv class=\"bpm-tip-content\"\u003e\n\u003cstrong\u003eEn prévention\u003c\/strong\u003e\n\u003cp\u003eÀ l'approche de l'hiver ou lors d'exposition au froid, consommez 2 bonbons par jour pour soutenir naturellement vos défenses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bpm-section\"\u003e\n\u003ch2\u003e🎯 Quand les utiliser ?\u003c\/h2\u003e\n\u003cdiv class=\"bpm-when-grid\"\u003e\n\u003cdiv class=\"bpm-when-card\"\u003e\n\u003cspan class=\"bpm-when-icon\"\u003e❄️\u003c\/span\u003e\n\u003cp\u003eEn période hivernale pour renforcer vos défenses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-when-card\"\u003e\n\u003cspan class=\"bpm-when-icon\"\u003e🤧\u003c\/span\u003e\n\u003cp\u003eAux premiers signes de refroidissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-when-card\"\u003e\n\u003cspan class=\"bpm-when-icon\"\u003e😷\u003c\/span\u003e\n\u003cp\u003eEn cas de gorge irritée ou sensible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-when-card\"\u003e\n\u003cspan class=\"bpm-when-icon\"\u003e💨\u003c\/span\u003e\n\u003cp\u003ePour favoriser le confort respiratoire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-when-card\"\u003e\n\u003cspan class=\"bpm-when-icon\"\u003e🌡️\u003c\/span\u003e\n\u003cp\u003eAprès exposition au froid\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-when-card\"\u003e\n\u003cspan class=\"bpm-when-icon\"\u003e❄️\u003c\/span\u003e\n\u003cp\u003eEn environnement climatisé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bpm-section\"\u003e\n\u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"bpm-warning-box\"\u003e\n\u003cul class=\"bpm-warning-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"bpm-warning-icon\"\u003e🚫\u003c\/span\u003e Déconseillé aux enfants de moins de 6 ans\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"bpm-warning-icon\"\u003e🤰\u003c\/span\u003e Déconseillé aux femmes enceintes et allaitantes\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"bpm-warning-icon\"\u003e🍽️\u003c\/span\u003e Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"bpm-warning-icon\"\u003e👶\u003c\/span\u003e Tenir hors de la portée des jeunes enfants\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"bpm-warning-icon\"\u003e🌡️\u003c\/span\u003e Conserver dans un endroit sec, à température ambiante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"bpm-warning-note\"\u003eCe produit n'est pas un médicament et ne peut remplacer une consultation médicale en cas de symptômes persistants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bpm-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"bpm-info-grid\"\u003e\n\u003cdiv class=\"bpm-info-card\"\u003e\n\u003cspan class=\"bpm-info-icon\"\u003e⚖️\u003c\/span\u003e \u003cspan class=\"bpm-info-label\"\u003eContenance\u003c\/span\u003e \u003cspan class=\"bpm-info-value\"\u003e135 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-info-card\"\u003e\n\u003cspan class=\"bpm-info-icon\"\u003e📦\u003c\/span\u003e \u003cspan class=\"bpm-info-label\"\u003eEmballage\u003c\/span\u003e \u003cspan class=\"bpm-info-value\"\u003eÉtui carton recyclable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bpm-info-card\"\u003e\n\u003cspan class=\"bpm-info-icon\"\u003e🇨🇭\u003c\/span\u003e \u003cspan class=\"bpm-info-label\"\u003eFabrication\u003c\/span\u003e \u003cspan class=\"bpm-info-value\"\u003eSuisse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bpm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"bpm-cta-box\"\u003e\n\u003cdiv class=\"bpm-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bpm-cta-content\"\u003e\n\u003cspan class=\"bpm-cta-icon\"\u003e🍯\u003c\/span\u003e\n\u003cp\u003eOffrez à votre gorge le meilleur de la nature suisse avec la puissance de la propolis et des oligoéléments. Une recette traditionnelle pour un confort respiratoire au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --bpm-cream: #FDF8F3;\n --bpm-white: #ffffff;\n --bpm-primary: #E67E22;\n --bpm-primary-dark: #C75D15;\n --bpm-primary-light: #FEF5ED;\n --bpm-secondary: #D4A017;\n --bpm-secondary-light: #FDF6E3;\n --bpm-accent: #2E7D32;\n --bpm-accent-light: #E8F5E9;\n --bpm-text: #1a1a1a;\n --bpm-text-light: #5a5a5a;\n --bpm-border: #e0e0e0;\n --bpm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bpm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bpm-radius: 20px;\n --bpm-radius-sm: 12px;\n}\n\n.bpm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bpm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--bpm-text);\n line-height: 1.6;\n}\n\n.bpm-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.bpm-hero {\n position: relative;\n background: linear-gradient(135deg, #E67E22 0%, #D4A017 50%, #C75D15 100%);\n border-radius: var(--bpm-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(--bpm-shadow-lg);\n}\n\n.bpm-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5L52 17.5V42.5L30 55L8 42.5V17.5L30 5Z' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n opacity: .1;\n}\n\n.bpm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bpm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.bpm-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(--bpm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bpm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bpm-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bpm-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.bpm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.bpm-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.bpm-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--bpm-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.bpm-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(--bpm-primary), var(--bpm-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.bpm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.bpm-card {\n background: var(--bpm-white);\n border-radius: var(--bpm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--bpm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bpm-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--bpm-shadow-lg);\n border-color: var(--bpm-primary);\n}\n\n.bpm-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.bpm-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--bpm-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.bpm-card p {\n font-size: 15px;\n color: var(--bpm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CLEAN FORMULA === *\/\n.bpm-clean-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 1rem;\n margin-bottom: 2rem;\n}\n\n.bpm-clean-item {\n display: flex;\n align-items: center;\n gap: 10px;\n background: var(--bpm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bpm-radius-sm);\n box-shadow: var(--bpm-shadow);\n transition: all .3s ease;\n}\n\n.bpm-clean-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--bpm-shadow-lg);\n}\n\n.bpm-clean-icon {\n font-size: 24px;\n}\n\n.bpm-clean-text {\n font-size: 14px;\n font-weight: 700;\n color: var(--bpm-text);\n}\n\n.bpm-highlight-box {\n background: linear-gradient(135deg, var(--bpm-accent-light) 0%, var(--bpm-secondary-light) 100%);\n border-radius: var(--bpm-radius);\n padding: clamp(2rem, 4vw, 3rem);\n text-align: center;\n border: 2px solid var(--bpm-accent);\n}\n\n.bpm-highlight-number {\n display: block;\n font-size: clamp(48px, 10vw, 72px);\n font-weight: 900;\n color: var(--bpm-accent);\n line-height: 1;\n}\n\n.bpm-highlight-label {\n display: block;\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n color: var(--bpm-accent);\n margin-bottom: 1rem;\n}\n\n.bpm-highlight-box p {\n font-size: 15px;\n color: var(--bpm-text-light);\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.bpm-composition-box {\n background: var(--bpm-white);\n border-radius: var(--bpm-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--bpm-shadow);\n}\n\n.bpm-ingredients {\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n border-bottom: 2px dashed var(--bpm-border);\n}\n\n.bpm-composition-box h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--bpm-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.bpm-ingredients p {\n font-size: 15px;\n color: var(--bpm-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.bpm-nutrition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n gap: 1rem;\n}\n\n.bpm-nutrition-item {\n text-align: center;\n padding: 1rem;\n background: var(--bpm-primary-light);\n border-radius: var(--bpm-radius-sm);\n}\n\n.bpm-nutrition-value {\n display: block;\n font-size: 24px;\n font-weight: 900;\n color: var(--bpm-primary-dark);\n}\n\n.bpm-nutrition-label {\n display: block;\n font-size: 13px;\n color: var(--bpm-text-light);\n margin-top: 4px;\n}\n\n\/* === USAGE === *\/\n.bpm-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.bpm-usage-card {\n background: var(--bpm-white);\n border-radius: var(--bpm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--bpm-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.bpm-usage-card:hover {\n border-color: var(--bpm-primary);\n transform: translateY(-4px);\n}\n\n.bpm-usage-header {\n margin-bottom: 1rem;\n}\n\n.bpm-usage-icon {\n font-size: 40px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.bpm-usage-card h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bpm-text);\n margin: 0;\n}\n\n.bpm-usage-dosage {\n font-size: 22px;\n font-weight: 900;\n color: var(--bpm-primary);\n background: var(--bpm-primary-light);\n padding: .75rem 1rem;\n border-radius: var(--bpm-radius-sm);\n}\n\n.bpm-tip-box {\n display: flex;\n gap: 1rem;\n background: var(--bpm-secondary-light);\n border-radius: var(--bpm-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n border-left: 4px solid var(--bpm-secondary);\n margin-bottom: 1rem;\n}\n\n.bpm-tip-prevention {\n background: var(--bpm-accent-light);\n border-left-color: var(--bpm-accent);\n}\n\n.bpm-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.bpm-tip-content strong {\n display: block;\n font-size: 16px;\n color: var(--bpm-text);\n margin-bottom: .5rem;\n}\n\n.bpm-tip-content p {\n font-size: 14px;\n color: var(--bpm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === WHEN TO USE === *\/\n.bpm-when-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.bpm-when-card {\n background: var(--bpm-white);\n border-radius: var(--bpm-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--bpm-shadow);\n transition: all .3s ease;\n}\n\n.bpm-when-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--bpm-shadow-lg);\n}\n\n.bpm-when-icon {\n font-size: 32px;\n display: block;\n margin-bottom: .75rem;\n}\n\n.bpm-when-card p {\n font-size: 14px;\n color: var(--bpm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === WARNING === *\/\n.bpm-warning-box {\n background: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);\n border-radius: var(--bpm-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n border: 2px solid #FFB74D;\n}\n\n.bpm-warning-list {\n list-style: none;\n padding: 0;\n margin: 0 0 1.5rem 0;\n}\n\n.bpm-warning-list li {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n padding: .75rem 0;\n border-bottom: 1px solid rgba(255,183,77,.3);\n font-size: 15px;\n color: var(--bpm-text);\n}\n\n.bpm-warning-list li:last-child {\n border-bottom: none;\n}\n\n.bpm-warning-icon {\n font-size: 20px;\n flex-shrink: 0;\n}\n\n.bpm-warning-note {\n font-size: 13px;\n font-style: italic;\n color: var(--bpm-text-light);\n margin: 0;\n padding-top: 1rem;\n border-top: 1px dashed #FFB74D;\n}\n\n\/* === INFO GRID === *\/\n.bpm-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.bpm-info-card {\n background: var(--bpm-white);\n border-radius: var(--bpm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--bpm-shadow);\n transition: all .3s ease;\n}\n\n.bpm-info-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--bpm-shadow-lg);\n}\n\n.bpm-info-icon {\n font-size: 36px;\n display: block;\n margin-bottom: .75rem;\n}\n\n.bpm-info-label {\n display: block;\n font-size: 13px;\n color: var(--bpm-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .25rem;\n}\n\n.bpm-info-value {\n display: block;\n font-size: 18px;\n font-weight: 800;\n color: var(--bpm-primary-dark);\n}\n\n\/* === CTA === *\/\n.bpm-cta-box {\n position: relative;\n background: linear-gradient(135deg, var(--bpm-primary) 0%, var(--bpm-secondary) 50%, var(--bpm-primary-dark) 100%);\n border-radius: var(--bpm-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n overflow: hidden;\n box-shadow: var(--bpm-shadow-lg);\n}\n\n.bpm-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5L52 17.5V42.5L30 55L8 42.5V17.5L30 5Z' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n opacity: .1;\n}\n\n.bpm-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.bpm-cta-icon {\n font-size: 56px;\n display: block;\n margin-bottom: 1.5rem;\n filter: drop-shadow(0 4px 12px rgba(0,0,0,.2));\n}\n\n.bpm-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bpm-card,\n .bpm-clean-item,\n .bpm-when-card,\n .bpm-info-card {\n animation: bpmFadeInUp .6s ease backwards;\n }\n .bpm-card:nth-child(1), .bpm-clean-item:nth-child(1), .bpm-when-card:nth-child(1) { animation-delay: .1s; }\n .bpm-card:nth-child(2), .bpm-clean-item:nth-child(2), .bpm-when-card:nth-child(2) { animation-delay: .15s; }\n .bpm-card:nth-child(3), .bpm-clean-item:nth-child(3), .bpm-when-card:nth-child(3) { animation-delay: .2s; }\n .bpm-card:nth-child(4), .bpm-clean-item:nth-child(4), .bpm-when-card:nth-child(4) { animation-delay: .25s; }\n .bpm-card:nth-child(5), .bpm-clean-item:nth-child(5), .bpm-when-card:nth-child(5) { animation-delay: .3s; }\n .bpm-card:nth-child(6), .bpm-clean-item:nth-child(6), .bpm-when-card:nth-child(6) { animation-delay: .35s; }\n}\n\n@keyframes bpmFadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .bpm-grid,\n .bpm-usage-grid,\n .bpm-info-grid {\n grid-template-columns: 1fr;\n }\n \n .bpm-clean-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .bpm-when-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .bpm-nutrition-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n \n .bpm-tip-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n@media (max-width: 480px) {\n .bpm-clean-grid,\n .bpm-when-grid {\n grid-template-columns: 1fr;\n }\n \n .bpm-nutrition-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bpm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .bpm-premium {\n background: #ffffff;\n }\n \n .bpm-card,\n .bpm-clean-item,\n .bpm-when-card,\n .bpm-info-card {\n border: 2px solid var(--bpm-text);\n }\n}\n\u003c\/style\u003e","brand":"BIOLIGO","offers":[{"title":"Default Title","offer_id":56409661866361,"sku":"BY0005.X-1","price":17.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bonbons-du-pere-michel-135-g-bioligo-lifestyle.webp?v=1770903945"},{"product_id":"desmodium-30-gelules-sfb-laboratoires","title":"Desmodium - 30 gélules - SFB Laboratoires","description":"\u003cdiv class=\"dm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"dm-hero\"\u003e\n\u003cdiv class=\"dm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dm-hero-content\"\u003e\n\u003cdiv class=\"dm-badges-top\"\u003e\n\u003cspan class=\"dm-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"dm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"dm-badge\"\u003e💊 30 gélules végétales\u003c\/span\u003e \u003cspan class=\"dm-badge\"\u003e🔬 Extrait concentré 4:1\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"dm-hero-title\"\u003eDesmodium+ Bio\u003c\/span\u003e\n\u003cp class=\"dm-subtitle\"\u003eSFB Laboratoires - Concentration optimale\u003c\/p\u003e\n\u003cp class=\"dm-description\"\u003eFavorisez le fonctionnement hépatique grâce à un extrait concentré de Desmodium adscendens bio, obtenu par procédé OEVA. Une seule gélule végétale par jour pour prendre soin de votre foie naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eDesmodium Bio en gélules : votre allié naturel pour le foie\u003c\/h2\u003e\n\u003cp class=\"dm-section-intro\"\u003eVous cherchez une solution naturelle pour \u003cstrong\u003esoutenir votre foie\u003c\/strong\u003e au quotidien ? Le \u003cstrong\u003eDesmodium+ Bio de SFB Laboratoires\u003c\/strong\u003e est un complément alimentaire à base d'extrait concentré de \u003cstrong\u003eDesmodium adscendens bio\u003c\/strong\u003e, une plante reconnue pour ses bienfaits sur le fonctionnement hépatique.\u003c\/p\u003e\n\u003cdiv class=\"dm-grid-compact\"\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🔬 Procédé OEVA\u003c\/h3\u003e\n\u003cp\u003eExtraction par ultrasons pour une concentration optimale des actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e⚗️ Concentration 4:1\u003c\/h3\u003e\n\u003cp\u003e4 kg de plante pour obtenir 1 kg d'extrait pur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🌱 100 % végétal\u003c\/h3\u003e\n\u003cp\u003eGélule végétale, formule vegan et sans additifs inutiles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🇫🇷 Expertise française\u003c\/h3\u003e\n\u003cp\u003eSFB Laboratoires, plus de 30 ans en phytothérapie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eBienfaits du Desmodium pour le foie et l'organisme\u003c\/h2\u003e\n\u003cp class=\"dm-section-intro\"\u003eLe desmodium est une plante tropicale utilisée depuis des générations en Afrique de l'Ouest pour ses propriétés hépatoprotectrices. Aujourd'hui, ses vertus sont largement plébiscitées en phytothérapie moderne.\u003c\/p\u003e\n\u003cdiv class=\"dm-grid\"\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🫀 Fonctionnement hépatique\u003c\/h3\u003e\n\u003cp\u003eLe desmodium soutient le travail du foie et aide à la régénération des cellules hépatiques pour un foie en pleine forme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e💧 Drainage et détoxification\u003c\/h3\u003e\n\u003cp\u003eIl contribue à l'élimination des substances indésirables accumulées dans l'organisme, idéal après des excès.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🟢 Soutien biliaire\u003c\/h3\u003e\n\u003cp\u003eEn stimulant la production de bile, il facilite la digestion des graisses et soutient la vésicule biliaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydant naturel\u003c\/h3\u003e\n\u003cp\u003eSa richesse en flavonoïdes, alcaloïdes et saponines lui confère des propriétés antioxydantes et anti-inflammatoires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🌬️ Confort respiratoire\u003c\/h3\u003e\n\u003cp\u003eLe desmodium contribue également à réduire les réactions allergiques et soutient les défenses immunitaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-tip\"\u003e\n\u003cspan class=\"dm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eQue ce soit après une période d'excès alimentaires, lors d'un changement de saison ou simplement pour prendre soin de votre foie, cette cure de desmodium bio représente un choix pertinent et naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eUne formule concentrée grâce au procédé OEVA\u003c\/h2\u003e\n\u003cdiv class=\"dm-timeline\"\u003e\n\u003cdiv class=\"dm-timeline-item\"\u003e\n\u003cdiv class=\"dm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-content\"\u003e\n\u003ch3\u003eExtraction par ultrasons (OEVA)\u003c\/h3\u003e\n\u003cp\u003eCette technologie innovante permet de récupérer et de concentrer les actifs végétaux de manière optimale, sans les dénaturer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-item\"\u003e\n\u003cdiv class=\"dm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-content\"\u003e\n\u003ch3\u003eConcentration 4:1\u003c\/h3\u003e\n\u003cp\u003e4 kg de plante sont nécessaires pour obtenir 1 kg d'extrait. Résultat : une puissance incomparable dans chaque gélule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-item\"\u003e\n\u003cdiv class=\"dm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-content\"\u003e\n\u003ch3\u003eMicroencapsulation\u003c\/h3\u003e\n\u003cp\u003eAméliore l'assimilation par votre organisme pour une biodisponibilité optimale des principes actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-item\"\u003e\n\u003cdiv class=\"dm-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-content\"\u003e\n\u003ch3\u003eContrôle HPLC\u003c\/h3\u003e\n\u003cp\u003eGarantit la teneur réelle en principes actifs. Chaque gélule contient \u003cstrong\u003e360 mg d'extrait de Desmodium adscendens bio\u003c\/strong\u003e dans une tunique 100 % végétale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eComposition et posologie recommandée\u003c\/h2\u003e\n\u003cdiv class=\"dm-grid-compact\"\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🌿 Ingrédient principal\u003c\/h3\u003e\n\u003cp\u003eExtrait de Desmodium adscendens bio (concentration 4:1)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e💊 Tunique végétale\u003c\/h3\u003e\n\u003cp\u003eGélule 100 % d'origine végétale, convient aux vegans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🧪 Actifs naturels\u003c\/h3\u003e\n\u003cp\u003eFlavonoïdes, alcaloïdes et saponines naturellement présents\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e📏 360 mg \/ gélule\u003c\/h3\u003e\n\u003cp\u003eDosage concentré pour une efficacité optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"dm-accordion-item\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e📋 Posologie recommandée\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence à distance des repas. Cure recommandée de \u003cstrong\u003e15 à 30 jours\u003c\/strong\u003e. Ne pas dépasser la dose journalière indiquée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"dm-accordion-item\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e✅ Certifications et garanties\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003eCertifié bio (FR-Bio 10) · Sans gluten, sans lactose, sans OGM, sans pesticide · 100 % vegan · Fabriqué en France par SFB Laboratoires, experts en phytothérapie depuis plus de 30 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"dm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eLe desmodium est-il dangereux ? Précautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"dm-testimonial\"\u003e\n\u003cp class=\"dm-testimonial-text\"\u003eLe desmodium est généralement très bien toléré. Toutefois, quelques précautions s'imposent avant de débuter votre cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"dm-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e. Ne pas utiliser en cas de \u003cstrong\u003eprise d'anticoagulants\u003c\/strong\u003e. Si vous souffrez d'\u003cstrong\u003ehypertension\u003c\/strong\u003e ou de toute autre pathologie, consultez votre médecin avant de commencer une cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"dm-accordion-item\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e🧒 Conservation et sécurité\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003eTenir hors de portée des jeunes enfants. Conserver au sec et à l'abri de la chaleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"dm-disclaimer\"\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. En cas de doute, demandez toujours l'avis d'un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --dm-cream: #f5f7f3;\n --dm-white: #ffffff;\n --dm-primary: #4a8c5c;\n --dm-primary-dark: #2d5a3a;\n --dm-primary-light: #e8f2eb;\n --dm-secondary: #7ab68a;\n --dm-accent: #3d7a4e;\n --dm-text: #1a1a1a;\n --dm-text-light: #5a5a5a;\n --dm-border: #dce8df;\n --dm-shadow: 0 4px 24px rgba(45, 90, 58, .08);\n --dm-shadow-lg: 0 12px 48px rgba(45, 90, 58, .15);\n --dm-radius: 20px;\n --dm-radius-sm: 12px;\n}\n\n.dm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.dm-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5a3a 0%, #4a8c5c 50%, #7ab68a 100%);\n border-radius: var(--dm-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(--dm-shadow-lg);\n}\n\n.dm-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.dm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dm-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(--dm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.dm-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.dm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.dm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n.dm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dm-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.dm-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(--dm-primary), var(--dm-secondary));\n border-radius: 2px;\n}\n\n.dm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dm-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.dm-card {\n background: var(--dm-white);\n border-radius: var(--dm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dm-shadow-lg);\n border-color: var(--dm-primary);\n}\n\n.dm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.dm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.dm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dm-grid-compact .dm-card {\n padding: 1rem;\n}\n\n.dm-grid-compact .dm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dm-grid-compact .dm-card p {\n font-size: 12px;\n}\n\n.dm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.dm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dm-primary), var(--dm-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.dm-timeline-content {\n flex: 1;\n background: var(--dm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dm-radius-sm);\n box-shadow: var(--dm-shadow);\n}\n\n.dm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dm-timeline-content p {\n font-size: 14px;\n color: var(--dm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.dm-testimonial {\n background: var(--dm-white);\n border-radius: var(--dm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--dm-shadow);\n border-left: 4px solid var(--dm-primary);\n}\n\n.dm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.dm-accordion {\n background: var(--dm-white);\n border-radius: var(--dm-radius);\n box-shadow: var(--dm-shadow);\n overflow: hidden;\n}\n\n.dm-accordion-item {\n border-bottom: 1px solid var(--dm-border);\n margin: 0;\n padding: 0;\n}\n\n.dm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dm-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.dm-accordion-header:hover {\n background: var(--dm-primary-light);\n}\n\n.dm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--dm-primary);\n transition: transform .2s ease;\n}\n\n.dm-accordion-item[open] .dm-accordion-header::after {\n content: '−';\n}\n\n.dm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dm-accordion-content p {\n margin: 0;\n}\n\n.dm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dm-primary-light);\n border-radius: var(--dm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dm-tip p {\n font-size: 14px;\n color: var(--dm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.dm-disclaimer {\n font-size: 12px;\n color: var(--dm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .dm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .dm-card {\n padding: 1.125rem;\n }\n\n .dm-section {\n margin-bottom: 1.75rem;\n }\n\n .dm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dm-radius-sm);\n }\n\n .dm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .dm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .dm-grid-compact {\n gap: .625rem;\n }\n\n .dm-grid-compact .dm-card {\n padding: .75rem;\n }\n\n .dm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .dm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .dm-timeline-content h3 {\n font-size: 14px;\n }\n\n .dm-timeline-content p {\n font-size: 13px;\n }\n\n .dm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .dm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .dm-testimonial {\n padding: 1.25rem;\n }\n\n .dm-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .dm-card {\n animation: dmFadeInUp .5s ease backwards;\n }\n .dm-card:nth-child(1) { animation-delay: .05s; }\n .dm-card:nth-child(2) { animation-delay: .1s; }\n .dm-card:nth-child(3) { animation-delay: .15s; }\n .dm-card:nth-child(4) { animation-delay: .2s; }\n .dm-card:nth-child(5) { animation-delay: .25s; }\n .dm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .dm-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":56959926108537,"sku":"SF0170","price":16.59,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/desmodium-30-gelules-sfb-laboratoires-packshothd.webp?v=1775206769"},{"product_id":"nac-n-acetylcysteine-60-comprimes-sfb","title":"NAC N-Acetyl Cysteine - 60 comprimés - SFB","description":"\u003cdiv class=\"nac-premium\"\u003e\n \u003cdiv class=\"nac-hero\"\u003e\n \u003cdiv class=\"nac-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nac-hero-content\"\u003e\n \u003cdiv class=\"nac-badges-top\"\u003e\n \u003cspan class=\"nac-badge\"\u003e🌿 Vegan\u003c\/span\u003e\n \u003cspan class=\"nac-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"nac-badge\"\u003e🧬 600 mg\u003c\/span\u003e\n \u003cspan class=\"nac-badge\"\u003e✅ Sans OGM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nac-hero-title\"\u003eNAC N-Acétyl Cystéine 600\u003c\/span\u003e\n \u003cp class=\"nac-subtitle\"\u003eL'antioxydant puissant signé SFB Laboratoires\u003c\/p\u003e\n \u003cp class=\"nac-description\"\u003ePrécurseur direct du glutathion, cet acide aminé soufré soutient vos défenses naturelles, votre foie et vos voies respiratoires. 60 comprimés = 2 mois de cure complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"nac-section\"\u003e\n \u003ch2\u003eNAC N-Acétyl Cystéine 600 mg : l'antioxydant puissant signé SFB Laboratoires\u003c\/h2\u003e\n \u003cp class=\"nac-section-intro\"\u003eVous cherchez un complément alimentaire antioxydant réellement efficace pour soutenir votre organisme au quotidien ? La NAC (N-Acétyl Cystéine) des laboratoires SFB vous propose une formule concentrée à \u003cstrong\u003e600 mg par comprimé\u003c\/strong\u003e, idéale pour accompagner vos défenses naturelles, votre foie et vos voies respiratoires. Fabriqué en France, ce produit vegan et sans OGM s'adresse à toutes celles et ceux qui souhaitent miser sur un antioxydant naturel de haute qualité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nac-section\"\u003e\n \u003ch2\u003eQu'est-ce que la N-Acétyl Cystéine (NAC) ?\u003c\/h2\u003e\n \u003cdiv class=\"nac-testimonial\"\u003e\n \u003cp class=\"nac-testimonial-text\"\u003eLa \u003cstrong\u003eN-Acétyl Cystéine\u003c\/strong\u003e, ou NAC, est une forme acétylée de la L-cystéine, un \u003cstrong\u003eacide aminé soufré\u003c\/strong\u003e naturellement présent dans l'organisme. Elle est reconnue comme le précurseur direct du \u003cstrong\u003eglutathion\u003c\/strong\u003e, l'un des antioxydants endogènes les plus puissants que votre corps produit. En apportant de la NAC sous forme acétylée, vous soutenez efficacement la synthèse de glutathion, essentiel pour lutter contre le stress oxydatif et les radicaux libres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nac-section\"\u003e\n \u003ch2\u003eLes bienfaits de la NAC N-Acétyl Cystéine\u003c\/h2\u003e\n \u003cdiv class=\"nac-grid\"\u003e\n \u003cdiv class=\"nac-card\"\u003e\n \u003ch3\u003e🛡️ Action antioxydante puissante\u003c\/h3\u003e\n \u003cp\u003eContribue à neutraliser les radicaux libres responsables du vieillissement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nac-card\"\u003e\n \u003ch3\u003e🧪 Soutien hépatique\u003c\/h3\u003e\n \u003cp\u003eFavorise les processus naturels de détoxification du foie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nac-card\"\u003e\n \u003ch3\u003e🌬️ Confort respiratoire\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés mucolytiques, elle aide à fluidifier le mucus en cas de bronchite ou de sinusite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nac-card\"\u003e\n \u003ch3\u003e💪 Défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eParticipe au bon fonctionnement du système immunitaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nac-card\"\u003e\n \u003ch3\u003e🧬 Protection cellulaire\u003c\/h3\u003e\n \u003cp\u003eAide à neutraliser les effets des toxines et des métaux lourds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nac-card\"\u003e\n \u003ch3\u003e⭐ Qualité premium\u003c\/h3\u003e\n \u003cp\u003eL'un des meilleurs antioxydants à intégrer à une routine bien-être complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nac-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 1 comprimé\u003c\/h2\u003e\n \u003cdiv class=\"nac-highlight-box\"\u003e\n \u003cspan class=\"nac-highlight-value\"\u003e600 mg\u003c\/span\u003e\n \u003cspan class=\"nac-highlight-label\"\u003eN-Acétyl-Cystéine pure par comprimé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nac-grid-compact\"\u003e\n \u003cdiv class=\"nac-card\"\u003e\n \u003ch3\u003e🧂 Phosphate de calcium\u003c\/h3\u003e\n \u003cp\u003eDibasique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nac-card\"\u003e\n \u003ch3\u003e⚗️ Acide stéarique\u003c\/h3\u003e\n \u003cp\u003eAgent d'enrobage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nac-card\"\u003e\n \u003ch3\u003e🌾 Cellulose\u003c\/h3\u003e\n \u003cp\u003eMicrocristalline\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nac-card\"\u003e\n \u003ch3\u003e✨ Silice\u003c\/h3\u003e\n \u003cp\u003eAntiagglomérant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nac-card\"\u003e\n \u003ch3\u003e🔗 Gomme de cellulose\u003c\/h3\u003e\n \u003cp\u003eLiant végétal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nac-card\"\u003e\n \u003ch3\u003e🌱 Stéarate de magnésium\u003c\/h3\u003e\n \u003cp\u003eTunique végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nac-tip\"\u003e\n \u003cspan class=\"nac-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003evegan, sans gluten, sans lactose et sans OGM\u003c\/strong\u003e, adaptée à tous les régimes alimentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nac-section\"\u003e\n \u003ch2\u003eConseils d'utilisation : comment prendre la NAC ?\u003c\/h2\u003e\n \u003cdiv class=\"nac-timeline\"\u003e\n \u003cdiv class=\"nac-timeline-item\"\u003e\n \u003cdiv class=\"nac-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nac-timeline-content\"\u003e\n \u003ch3\u003e1 comprimé par jour\u003c\/h3\u003e\n \u003cp\u003ePrendre de préférence le matin pour démarrer la journée sereinement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nac-timeline-item\"\u003e\n \u003cdiv class=\"nac-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nac-timeline-content\"\u003e\n \u003ch3\u003eÀ jeun ou en dehors des repas\u003c\/h3\u003e\n \u003cp\u003ePour une meilleure absorption et une efficacité optimale de l'actif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nac-timeline-item\"\u003e\n \u003cdiv class=\"nac-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nac-timeline-content\"\u003e\n \u003ch3\u003eCure de 2 mois\u003c\/h3\u003e\n \u003cp\u003eLa boîte de 60 comprimés correspond exactement à une cure complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nac-timeline-item\"\u003e\n \u003cdiv class=\"nac-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"nac-timeline-content\"\u003e\n \u003ch3\u003eMode de vie sain\u003c\/h3\u003e\n \u003cp\u003eAssociez la cure à une alimentation équilibrée et une bonne hydratation pour des résultats optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nac-section\"\u003e\n \u003ch2\u003eAvis et retours sur la NAC SFB\u003c\/h2\u003e\n \u003cdiv class=\"nac-testimonial\"\u003e\n \u003cp class=\"nac-testimonial-text\"\u003e\"La NAC est plébiscitée par celles et ceux qui recherchent un \u003cstrong\u003eantioxydant puissant\u003c\/strong\u003e pour accompagner les périodes de fatigue, les changements de saison ou les excès. Son intérêt pour la sphère respiratoire et hépatique en fait un allié polyvalent, apprécié en cures régulières.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nac-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"nac-accordion\"\u003e\n \u003cdetails class=\"nac-accordion-item\"\u003e\n \u003csummary class=\"nac-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"nac-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nac-accordion-item\"\u003e\n \u003csummary class=\"nac-accordion-header\"\u003e📏 Dosage\u003c\/summary\u003e\n \u003cdiv class=\"nac-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Respecter les conseils d'utilisation indiqués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nac-accordion-item\"\u003e\n \u003csummary class=\"nac-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"nac-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver dans un endroit sec, à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nac-accordion-item\"\u003e\n \u003csummary class=\"nac-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"nac-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain. Il \u003cstrong\u003ene remplace en aucun cas un traitement médical\u003c\/strong\u003e. Demandez conseil à votre médecin ou pharmacien en cas de traitement en cours ou de doute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"nac-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nac-cream: #f5f7fa;\n --nac-white: #ffffff;\n --nac-primary: #2b3a7a;\n --nac-primary-dark: #1a2656;\n --nac-primary-light: #e8ecf7;\n --nac-secondary: #4a5fb8;\n --nac-accent: #6b8aed;\n --nac-text: #1a1a1a;\n --nac-text-light: #5a5a5a;\n --nac-border: #e0e0e0;\n --nac-shadow: 0 4px 24px rgba(43,58,122,.08);\n --nac-shadow-lg: 0 12px 48px rgba(43,58,122,.18);\n --nac-radius: 20px;\n --nac-radius-sm: 12px;\n}\n\n.nac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--nac-text);\n line-height: 1.6;\n}\n\n.nac-hero {\n position: relative;\n background: linear-gradient(135deg, #1a2656 0%, #2b3a7a 50%, #4a5fb8 100%);\n border-radius: var(--nac-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(--nac-shadow-lg);\n}\n\n.nac-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(107,138,237,.2) 0%, transparent 50%);\n opacity: .8;\n}\n\n.nac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nac-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 line-height: 1.1;\n}\n\n.nac-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.8vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.nac-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.3vw, 16px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.nac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nac-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(--nac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nac-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nac-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nac-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.nac-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(--nac-primary), var(--nac-accent));\n border-radius: 2px;\n}\n\n.nac-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nac-text-light);\n margin: 0 auto;\n max-width: 800px;\n line-height: 1.8;\n}\n\n.nac-section-intro strong {\n color: var(--nac-primary-dark);\n}\n\n.nac-card {\n background: var(--nac-white);\n border-radius: var(--nac-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--nac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nac-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nac-shadow-lg);\n border-color: var(--nac-primary);\n}\n\n.nac-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nac-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nac-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.nac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nac-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nac-grid-compact .nac-card {\n padding: 1rem;\n}\n\n.nac-grid-compact .nac-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nac-grid-compact .nac-card p {\n font-size: 12px;\n}\n\n.nac-highlight-box {\n background: linear-gradient(135deg, var(--nac-primary) 0%, var(--nac-secondary) 100%);\n border-radius: var(--nac-radius);\n padding: 1.5rem;\n text-align: center;\n margin-bottom: 1.5rem;\n box-shadow: var(--nac-shadow);\n}\n\n.nac-highlight-value {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n line-height: 1;\n letter-spacing: -.03em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.nac-highlight-label {\n display: block;\n color: rgba(255,255,255,.95);\n font-size: clamp(13px, 2vw, 15px);\n font-weight: 600;\n margin-top: .5rem;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.nac-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nac-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nac-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nac-primary), var(--nac-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(43,58,122,.3);\n}\n\n.nac-timeline-content {\n flex: 1;\n background: var(--nac-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nac-radius-sm);\n box-shadow: var(--nac-shadow);\n}\n\n.nac-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nac-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nac-timeline-content p {\n font-size: 14px;\n color: var(--nac-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.nac-testimonial {\n background: var(--nac-white);\n border-radius: var(--nac-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nac-shadow);\n border-left: 4px solid var(--nac-primary);\n}\n\n.nac-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nac-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.nac-testimonial-text strong {\n color: var(--nac-primary-dark);\n}\n\n.nac-accordion {\n background: var(--nac-white);\n border-radius: var(--nac-radius);\n box-shadow: var(--nac-shadow);\n overflow: hidden;\n}\n\n.nac-accordion-item {\n border-bottom: 1px solid var(--nac-border);\n margin: 0;\n padding: 0;\n}\n\n.nac-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nac-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nac-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.nac-accordion-header:hover {\n background: var(--nac-primary-light);\n}\n\n.nac-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nac-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nac-primary);\n transition: transform .2s ease;\n}\n\n.nac-accordion-item[open] .nac-accordion-header::after {\n content: '−';\n}\n\n.nac-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nac-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nac-accordion-content p {\n margin: 0;\n}\n\n.nac-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nac-primary-light);\n border-radius: var(--nac-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--nac-primary);\n}\n\n.nac-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nac-tip p {\n font-size: 14px;\n color: var(--nac-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.nac-disclaimer {\n font-size: 12px;\n color: var(--nac-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .nac-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .nac-card {\n padding: 1.125rem;\n }\n .nac-section {\n margin-bottom: 1.75rem;\n }\n .nac-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nac-radius-sm);\n }\n .nac-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .nac-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .nac-grid-compact {\n gap: .625rem;\n }\n .nac-grid-compact .nac-card {\n padding: .75rem;\n }\n .nac-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .nac-timeline-content {\n padding: .875rem 1rem;\n }\n .nac-timeline-content h3 {\n font-size: 14px;\n }\n .nac-timeline-content p {\n font-size: 13px;\n }\n .nac-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .nac-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .nac-testimonial {\n padding: 1.25rem;\n }\n .nac-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .nac-card {\n animation: fadeInUp .5s ease backwards;\n }\n .nac-card:nth-child(1) { animation-delay: .05s; }\n .nac-card:nth-child(2) { animation-delay: .1s; }\n .nac-card:nth-child(3) { animation-delay: .15s; }\n .nac-card:nth-child(4) { animation-delay: .2s; }\n .nac-card:nth-child(5) { animation-delay: .25s; }\n .nac-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 .nac-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":57088895385977,"sku":"SF0055","price":23.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/nac-n-acetyl-cysteine-60-comprimes-sfb-packshothd.webp?v=1776431511"},{"product_id":"sirop-apaisant-gorge-bio-250-ml-herbalgem","title":"Sirop Apaisant pour la Gorge Bio – 250 ml – HerbalGem","description":"\u003cdiv class=\"hg-premium\"\u003e\n \u003cdiv class=\"hg-hero\"\u003e\n \u003cdiv class=\"hg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hg-hero-content\"\u003e\n \u003cdiv class=\"hg-badges-top\"\u003e\n \u003cspan class=\"hg-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"hg-badge\"\u003e🍯 Miel \u0026amp; Propolis\u003c\/span\u003e\n \u003cspan class=\"hg-badge\"\u003e🌱 Gemmothérapie\u003c\/span\u003e\n \u003cspan class=\"hg-badge\"\u003e🏺 Recette traditionnelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hg-hero-title\"\u003eLe réconfort naturel de votre gorge\u003c\/span\u003e\n \u003cp class=\"hg-subtitle\"\u003eUne synergie unique de bourgeons frais, plantes médicinales \u0026amp; propolis\u003c\/p\u003e\n \u003cp class=\"hg-description\"\u003eQuand la gorge devient sensible et que les premiers frissons de l'hiver se font sentir, offrez-vous une solution douce, efficace et 100% naturelle. Flacon de 250 ml avec bouchon doseur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hg-section\"\u003e\n \u003ch2\u003eSirop Apaisant Gorge bio HerbalGem : le réconfort naturel des voies respiratoires\u003c\/h2\u003e\n \u003cp class=\"hg-section-intro\"\u003eQuand la gorge devient sensible, que la toux s'installe ou que les premiers frissons de l'hiver se font sentir, on cherche une solution douce et efficace. Le \u003cstrong\u003eSirop Apaisant Gorge bio HerbalGem\u003c\/strong\u003e a été pensé pour répondre à ces moments d'inconfort grâce à une \u003cstrong\u003esynergie unique de bourgeons frais, de plantes médicinales et de propolis\u003c\/strong\u003e. Un allié traditionnel, formulé dans le respect de l'agriculture biologique, pour retrouver confort et sérénité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hg-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce sirop pour la gorge ?\u003c\/h2\u003e\n \u003cp class=\"hg-section-intro\"\u003eContrairement à de nombreux sirops classiques, la recette HerbalGem repose sur la \u003cstrong\u003egemmothérapie\u003c\/strong\u003e, une approche naturelle qui utilise la richesse concentrée des bourgeons de plantes. Associée à des extraits aqueux, teintures mères et miel, elle offre une action complète et respectueuse de l'organisme.\u003c\/p\u003e\n \u003cdiv class=\"hg-grid\"\u003e\n \u003cdiv class=\"hg-card\"\u003e\n \u003ch3\u003e🌸 Échinacée pourpre\u003c\/h3\u003e\n \u003cp\u003eReconnue pour apaiser la gorge irritée dès les premiers signes d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hg-card\"\u003e\n \u003ch3\u003e🌱 Viorne lantane\u003c\/h3\u003e\n \u003cp\u003eBourgeons traditionnellement utilisés pour préserver le confort respiratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hg-card\"\u003e\n \u003ch3\u003e🌿 Sureau \u0026amp; marrube\u003c\/h3\u003e\n \u003cp\u003eSureau, marrube, inule et sarriette : plantes emblématiques dédiées aux voies respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hg-card\"\u003e\n \u003ch3\u003e🐝 Propolis verte \u0026amp; brune\u003c\/h3\u003e\n \u003cp\u003eLe trésor de la ruche pour renforcer et compléter l'action de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hg-card\"\u003e\n \u003ch3\u003e🍯 Miel \u0026amp; sucre de canne bio\u003c\/h3\u003e\n \u003cp\u003ePour un goût agréable et une texture enveloppante qui apaise en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hg-card\"\u003e\n \u003ch3\u003e✅ 100 % Bio\u003c\/h3\u003e\n \u003cp\u003eUne formule issue de l'agriculture biologique, respectueuse de la nature et de vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hg-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"hg-testimonial\"\u003e\n \u003cp class=\"hg-testimonial-text\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Eau ; sucre de canne* ; baies de sureau* (Sambucus nigra L.) – 10,5 g** ; miel* – 1,4 g ; alcool* (\u0026lt;5%) ; teintures mères d'échinacée* (Echinacea purpurea L.) – 228 mg** et d'herbes aux chantres* (Sisymbrium officinale) – 232 mg** ; macérat glycériné de bourgeons de viorne lantane* – 56 mg** ; extraits aqueux d'inule grande aunée* – 438 mg**, de sarriette des montagnes* – 438 mg**, de marrube* – 413 mg** ; humectant : glycérol* ; extrait aqueux d'hysope* – 138 mg** ; teinture mère de propolis verte et brune* – 12 mg.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"hg-disclaimer\"\u003e*Ingrédient issu de l'Agriculture Biologique. **Quantité de plante mise en œuvre lors de la fabrication.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hg-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"hg-timeline\"\u003e\n \u003cdiv class=\"hg-timeline-item\"\u003e\n \u003cdiv class=\"hg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hg-timeline-content\"\u003e\n \u003ch3\u003eÀ partir de 12 ans\u003c\/h3\u003e\n \u003cp\u003eCe sirop est réservé aux adolescents et aux adultes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hg-timeline-item\"\u003e\n \u003cdiv class=\"hg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hg-timeline-content\"\u003e\n \u003ch3\u003e5 ml, 1 à 5 fois par jour\u003c\/h3\u003e\n \u003cp\u003eUtilisez le bouchon doseur pour une prise précise et adaptée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hg-timeline-item\"\u003e\n \u003cdiv class=\"hg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hg-timeline-content\"\u003e\n \u003ch3\u003ePur ou dilué\u003c\/h3\u003e\n \u003cp\u003eConsommez le sirop pur ou dilué dans un peu d'eau tiède, dès les premiers signes d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hg-tip\"\u003e\n \u003cspan class=\"hg-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce bien-être :\u003c\/strong\u003e associez la prise du sirop à une tisane chaude au miel et au citron pour maximiser la sensation de douceur en gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hg-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"hg-accordion\"\u003e\n \u003cdetails class=\"hg-accordion-item\"\u003e\n \u003csummary class=\"hg-accordion-header\"\u003e❓ Quand utiliser un sirop pour la gorge ?\u003c\/summary\u003e\n \u003cdiv class=\"hg-accordion-content mt-3\"\u003e\n \u003cp\u003eDès que vous ressentez une gorge sèche, un picotement ou une toux légère. L'idéal est d'agir au plus tôt pour un maximum de confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hg-accordion-item\"\u003e\n \u003csummary class=\"hg-accordion-header\"\u003e👶 Ce sirop convient-il aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"hg-accordion-content mt-3\"\u003e\n \u003cp\u003eNon, il est \u003cstrong\u003edéconseillé aux moins de 12 ans\u003c\/strong\u003e, aux femmes enceintes et allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hg-accordion-item\"\u003e\n \u003csummary class=\"hg-accordion-header\"\u003e🌿 Pourquoi choisir un sirop pour le mal de gorge bio ?\u003c\/summary\u003e\n \u003cdiv class=\"hg-accordion-content mt-3\"\u003e\n \u003cp\u003eUne formule issue de l'agriculture biologique garantit des plantes cultivées sans pesticides de synthèse, pour une efficacité respectueuse de votre organisme et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hg-section\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"hg-accordion\"\u003e\n \u003cdetails class=\"hg-accordion-item\"\u003e\n \u003csummary class=\"hg-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n \u003cdiv class=\"hg-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. Ne pas dépasser la dose conseillée. Un complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hg-accordion-item\"\u003e\n \u003csummary class=\"hg-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"hg-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé en cas de pathologie du système immunitaire, de prise d'immunosuppresseurs, d'ulcère gastro-duodénal, d'obstruction biliaire ou d'allergie aux Asteraceae et Lamiacées. Contient un produit de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hg-accordion-item\"\u003e\n \u003csummary class=\"hg-accordion-header\"\u003e🏪 Distribution\u003c\/summary\u003e\n \u003cdiv class=\"hg-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003e\u003cu\u003eProduit réservé aux magasins bio.\u003c\/u\u003e\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=\"hg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eConditionnement \u0026amp; tri\u003c\/h2\u003e\n \u003cdiv class=\"hg-grid-compact\"\u003e\n \u003cdiv class=\"hg-card\"\u003e\n \u003ch3\u003e🍾 Flacon 250 ml\u003c\/h3\u003e\n \u003cp\u003eFlacon en verre avec bouchon doseur pour une prise précise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hg-card\"\u003e\n \u003ch3\u003e♻️ Tri sélectif\u003c\/h3\u003e\n \u003cp\u003eBoîte dans le bac jaune, flacon dans le bac verre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hg-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003eOffrez à votre gorge la douceur d'une recette traditionnelle, la puissance des bourgeons et la richesse de la ruche. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hg-cream: #faf7f2;\n --hg-white: #ffffff;\n --hg-primary: #b8244a;\n --hg-primary-dark: #8a1936;\n --hg-primary-light: #fce8ee;\n --hg-secondary: #d4a574;\n --hg-accent: #4a8b3a;\n --hg-text: #2a1a1f;\n --hg-text-light: #6a5a5f;\n --hg-border: #ede4d3;\n --hg-shadow: 0 4px 24px rgba(138,25,54,.08);\n --hg-shadow-lg: 0 12px 48px rgba(138,25,54,.15);\n --hg-radius: 20px;\n --hg-radius-sm: 12px;\n}\n\n.hg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--hg-text);\n}\n\n.hg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--hg-primary) 0%, var(--hg-primary-dark) 50%, #6a1128 100%);\n border-radius: var(--hg-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(--hg-shadow-lg);\n}\n\n.hg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(212,165,116,.2) 0%, transparent 40%);\n opacity: .6;\n}\n\n.hg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hg-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.hg-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 line-height: 1.4;\n}\n\n.hg-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 640px;\n}\n\n.hg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hg-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(--hg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hg-premium h2 {\n font-size: clamp(22px, 5vw, 34px);\n font-weight: 900;\n color: var(--hg-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.hg-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(--hg-primary), var(--hg-secondary));\n border-radius: 2px;\n}\n\n.hg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hg-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.hg-card {\n background: var(--hg-white);\n border-radius: var(--hg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hg-shadow-lg);\n border-color: var(--hg-primary);\n}\n\n.hg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hg-grid-compact .hg-card {\n padding: 1rem;\n}\n\n.hg-grid-compact .hg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hg-grid-compact .hg-card p {\n font-size: 12px;\n}\n\n.hg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hg-primary), var(--hg-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(184,36,74,.3);\n}\n\n.hg-timeline-content {\n flex: 1;\n background: var(--hg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hg-radius-sm);\n box-shadow: var(--hg-shadow);\n}\n\n.hg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hg-timeline-content p {\n font-size: 14px;\n color: var(--hg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.hg-testimonial {\n background: var(--hg-white);\n border-radius: var(--hg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hg-shadow);\n border-left: 4px solid var(--hg-primary);\n}\n\n.hg-testimonial-text {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hg-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.hg-accordion {\n background: var(--hg-white);\n border-radius: var(--hg-radius);\n box-shadow: var(--hg-shadow);\n overflow: hidden;\n}\n\n.hg-accordion-item {\n border-bottom: 1px solid var(--hg-border);\n margin: 0;\n padding: 0;\n}\n\n.hg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hg-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.hg-accordion-header:hover {\n background: var(--hg-primary-light);\n}\n\n.hg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hg-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--hg-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.hg-accordion-item[open] .hg-accordion-header::after {\n content: '−';\n}\n\n.hg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hg-accordion-content p {\n margin: 0;\n}\n\n.hg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hg-primary-light);\n border-radius: var(--hg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--hg-secondary);\n}\n\n.hg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hg-tip p {\n font-size: 14px;\n color: var(--hg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.hg-cta-box {\n background: linear-gradient(135deg, var(--hg-primary) 0%, var(--hg-primary-dark) 100%);\n border-radius: var(--hg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--hg-shadow-lg);\n}\n\n.hg-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.hg-disclaimer {\n font-size: 12px;\n color: var(--hg-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .hg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hg-card {\n padding: 1.125rem;\n }\n\n .hg-section {\n margin-bottom: 1.75rem;\n }\n\n .hg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hg-radius-sm);\n }\n\n .hg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hg-grid-compact {\n gap: .625rem;\n }\n\n .hg-grid-compact .hg-card {\n padding: .75rem;\n }\n\n .hg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hg-timeline-content h3 {\n font-size: 14px;\n }\n\n .hg-timeline-content p {\n font-size: 13px;\n }\n\n .hg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hg-testimonial {\n padding: 1.25rem;\n }\n\n .hg-testimonial-text {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .hg-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hg-card:nth-child(1) { animation-delay: .05s; }\n .hg-card:nth-child(2) { animation-delay: .1s; }\n .hg-card:nth-child(3) { animation-delay: .15s; }\n .hg-card:nth-child(4) { animation-delay: .2s; }\n .hg-card:nth-child(5) { animation-delay: .25s; }\n .hg-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 .hg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"HERBALGEM","offers":[{"title":"Default Title","offer_id":64738710520185,"sku":"HG0055","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/sirop-apaisant-gorge-bio-250-ml-herbalgem-packshothd.webp?v=1790757804"},{"product_id":"spray-nasal-propolis-verte-bio-hydrolat-lavande-bio-proposnature","title":"Spray Nasal Bio Propolis Verte \u0026 Hydrolat de Lavande – 15 ml – Propos'Nature","description":"\u003cdiv class=\"snp-premium\"\u003e\n\u003cdiv class=\"snp-hero\"\u003e\n\u003cdiv class=\"snp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"snp-hero-content\"\u003e\n\u003cdiv class=\"snp-badges-top\"\u003e\n\u003cspan class=\"snp-badge\"\u003e🌿 100% Végétal Bio\u003c\/span\u003e \u003cspan class=\"snp-badge\"\u003e🏥 Dispositif Médical CE\u003c\/span\u003e \u003cspan class=\"snp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"snp-hero-title\"\u003eLa douceur apaisante de la ruche et des champs de lavande\u003c\/span\u003e\n\u003cp class=\"snp-subtitle\"\u003eDeux actifs botaniques d'exception réunis pour une hygiène nasale quotidienne réellement bénéfique, douce et efficace pour vos muqueuses sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"snp-section\"\u003e\n\u003ch2\u003ePropolis verte et lavande : la synergie parfaite pour vos voies nasales\u003c\/h2\u003e\n\u003cp class=\"snp-section-intro\"\u003eVous cherchez un \u003cstrong\u003espray nasal à la propolis\u003c\/strong\u003e naturel, efficace et respectueux de vos muqueuses ? Cette formule Propos'Nature associe deux actifs botaniques d'exception pour une hygiène nasale quotidienne réellement bénéfique.\u003c\/p\u003e\n\u003cdiv class=\"snp-grid\"\u003e\n\u003cdiv class=\"snp-card\"\u003e\n\u003ch3\u003e🐝 Propolis Verte Bio\u003c\/h3\u003e\n\u003cp\u003eRécoltée dans des ruches en agriculture biologique, elle est reconnue pour ses propriétés purifiantes et aide à dégager le nez encombré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-card\"\u003e\n\u003ch3\u003e💜 Hydrolat de Lavande Bio\u003c\/h3\u003e\n\u003cp\u003eDistillé à la vapeur d'eau, il apaise et rafraîchit les muqueuses irritées pour un confort immédiat après pulvérisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"snp-section\"\u003e\n\u003ch2\u003eComposition complète du spray nasal propolis\u003c\/h2\u003e\n\u003cp class=\"snp-section-intro\"\u003eUne formule courte, transparente et 100 % végétale, sans pétrochimie ni parabènes.\u003c\/p\u003e\n\u003cdiv class=\"snp-compo\"\u003e\n\u003cdiv class=\"snp-compo-row\"\u003e\n\u003cspan class=\"snp-compo-label\"\u003eLavandula Angustifolia Water*\u003c\/span\u003e \u003cspan class=\"snp-compo-value\"\u003eHydrolat de Lavande Bio (base apaisante)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-compo-row\"\u003e\n\u003cspan class=\"snp-compo-label\"\u003eAqua\u003c\/span\u003e \u003cspan class=\"snp-compo-value\"\u003eEau purifiée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-compo-row\"\u003e\n\u003cspan class=\"snp-compo-label\"\u003ePropolis Extract*\u003c\/span\u003e \u003cspan class=\"snp-compo-value\"\u003eExtrait de Propolis Verte Bio purifiant\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-compo-row\"\u003e\n\u003cspan class=\"snp-compo-label\"\u003ePotassium Sorbate\u003c\/span\u003e \u003cspan class=\"snp-compo-value\"\u003eConservateur d'origine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-compo-row\"\u003e\n\u003cspan class=\"snp-compo-label\"\u003eAlcohol · Linalol\u003c\/span\u003e \u003cspan class=\"snp-compo-value\"\u003eConstituants naturels de la lavande\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"snp-disclaimer\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique. Contenance : 15 ml.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"snp-section\"\u003e\n\u003ch2\u003eComment utiliser le spray nasal propolis Propos'Nature ?\u003c\/h2\u003e\n\u003cdiv class=\"snp-timeline\"\u003e\n\u003cdiv class=\"snp-timeline-item\"\u003e\n\u003cdiv class=\"snp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"snp-timeline-content\"\u003e\n\u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n\u003cp\u003eHomogénéisez la formule avant chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-timeline-item\"\u003e\n\u003cdiv class=\"snp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"snp-timeline-content\"\u003e\n\u003ch3\u003ePulvérisez dans chaque narine\u003c\/h3\u003e\n\u003cp\u003eRéalisez \u003cstrong\u003e3 à 4 pulvérisations par narine\u003c\/strong\u003e, tête légèrement inclinée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-timeline-item\"\u003e\n\u003cdiv class=\"snp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"snp-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n\u003cp\u003e2 à 3 fois par jour. Nettoyez l'embout après chaque usage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"snp-accordion-item\"\u003e\n\u003csummary class=\"snp-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"snp-accordion-content mt-3\"\u003e\n\u003cp\u003eTenir hors de portée des enfants. Le linalol, constituant naturel de la lavande, peut présenter un risque allergique chez les personnes sensibles : réalisez un test préalable. Déconseillé aux personnes allergiques à la propolis ou au pollen de peuplier. Ce dispositif médical ne remplace pas un avis ou un traitement médical : consultez votre professionnel de santé en cas de symptômes persistants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"snp-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce spray propolis nasal plutôt qu'un autre ?\u003c\/h2\u003e\n\u003cdiv class=\"snp-grid-compact\"\u003e\n\u003cdiv class=\"snp-card\"\u003e\n\u003ch3\u003e🏥 Dispositif médical CE\u003c\/h3\u003e\n\u003cp\u003eQualité, sécurité et traçabilité supérieures à un simple cosmétique nasal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003ePar le laboratoire Propos'Nature, expert en apithérapie depuis plus de 30 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-card\"\u003e\n\u003ch3\u003e🌿 100 % végétal \u0026amp; bio\u003c\/h3\u003e\n\u003cp\u003eSans pétrochimie, sans parabènes, non testé sur les animaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-card\"\u003e\n\u003ch3\u003e✈️ Format nomade 15 ml\u003c\/h3\u003e\n\u003cp\u003eCompact, il vous accompagne partout, à la maison comme en déplacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"snp-section\"\u003e\n\u003ch2\u003ePour qui ce spray nasal propolis est-il conçu ?\u003c\/h2\u003e\n\u003cp class=\"snp-section-intro\"\u003eIdéal pour les adultes souhaitant entretenir leur \u003cstrong\u003ehygiène nasale\u003c\/strong\u003e au quotidien, notamment en période hivernale, en cas de pollution, d'air sec ou de nez encombré passager. Une alternative douce aux sprays salins classiques, plus complète grâce aux actifs de la ruche.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"snp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"snp-cta-box\"\u003e\n\u003cp\u003e🌸 Respirez mieux, naturellement. La douceur de la lavande bio et la puissance purifiante de la propolis verte, dans un flacon certifié médical et fabriqué en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --snp-cream: #faf7fb;\n --snp-white: #ffffff;\n --snp-primary: #9b7cb8;\n --snp-primary-dark: #6b4d8a;\n --snp-primary-light: #f0e8f5;\n --snp-secondary: #c9a961;\n --snp-accent: #b8956d;\n --snp-text: #2a1f35;\n --snp-text-light: #6a5a75;\n --snp-border: #e5dae8;\n --snp-shadow: 0 4px 24px rgba(107,77,138,.10);\n --snp-shadow-lg: 0 12px 48px rgba(107,77,138,.18);\n --snp-radius: 20px;\n --snp-radius-sm: 12px;\n}\n\n.snp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--snp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--snp-text);\n line-height: 1.6;\n}\n\n.snp-premium *, .snp-premium *::before, .snp-premium *::after { box-sizing: border-box; }\n\n.snp-hero {\n position: relative;\n background: linear-gradient(135deg, #9b7cb8 0%, #b89dd0 50%, #c9a961 100%);\n border-radius: var(--snp-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(--snp-shadow-lg);\n}\n\n.snp-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: .4;\n}\n\n.snp-hero-content { position: relative; z-index: 1; text-align: center; }\n\n.snp-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.snp-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.snp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.snp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.snp-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(--snp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.snp-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n.snp-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n.snp-premium h2 {\n font-size: clamp(22px, 5vw, 34px);\n font-weight: 900;\n color: var(--snp-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.snp-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(--snp-primary), var(--snp-secondary));\n border-radius: 2px;\n}\n\n.snp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--snp-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.snp-premium p { margin: 0 0 1rem 0; }\n.snp-premium p:last-child { margin-bottom: 0; }\n\n.snp-card {\n background: var(--snp-white);\n border-radius: var(--snp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--snp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.snp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--snp-shadow-lg);\n border-color: var(--snp-primary);\n}\n\n.snp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--snp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.snp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--snp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.snp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.snp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.snp-grid-compact .snp-card { padding: 1rem; }\n.snp-grid-compact .snp-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.snp-grid-compact .snp-card p { font-size: 12px; }\n\n.snp-compo {\n background: var(--snp-white);\n border-radius: var(--snp-radius);\n box-shadow: var(--snp-shadow);\n overflow: hidden;\n}\n\n.snp-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n padding: 1rem 1.25rem;\n border-bottom: 1px solid var(--snp-border);\n}\n\n.snp-compo-row:last-child { border-bottom: none; }\n\n.snp-compo-label {\n font-weight: 700;\n color: var(--snp-primary-dark);\n font-size: 14px;\n flex-shrink: 0;\n}\n\n.snp-compo-value {\n color: var(--snp-text-light);\n font-size: 14px;\n text-align: right;\n}\n\n.snp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.snp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.snp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--snp-primary), var(--snp-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(155,124,184,.3);\n}\n\n.snp-timeline-content {\n flex: 1;\n background: var(--snp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--snp-radius-sm);\n box-shadow: var(--snp-shadow);\n}\n\n.snp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--snp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.snp-timeline-content p {\n font-size: 14px;\n color: var(--snp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.snp-accordion {\n background: var(--snp-white);\n border-radius: var(--snp-radius);\n box-shadow: var(--snp-shadow);\n overflow: hidden;\n}\n\n.snp-accordion-item {\n border-bottom: 1px solid var(--snp-border);\n margin: 0;\n padding: 0;\n}\n\n.snp-accordion-item:last-child { border-bottom: none; }\n\n.snp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--snp-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.snp-accordion-header:hover { background: var(--snp-primary-light); }\n.snp-accordion-header::-webkit-details-marker { display: none; }\n\n.snp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--snp-primary);\n transition: transform .2s ease;\n}\n\n.snp-accordion-item[open] .snp-accordion-header::after { content: '−'; }\n\n.snp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--snp-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.snp-accordion-content.mt-3 { margin-top: 10px; }\n.snp-accordion-content p { margin: 0; }\n\n.snp-cta-box {\n background: linear-gradient(135deg, var(--snp-primary) 0%, var(--snp-primary-dark) 100%);\n border-radius: var(--snp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--snp-shadow-lg);\n}\n\n.snp-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.snp-disclaimer {\n font-size: 12px;\n color: var(--snp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .snp-grid { grid-template-columns: 1fr; gap: 1rem; }\n .snp-card { padding: 1.125rem; }\n .snp-section { margin-bottom: 1.75rem; }\n .snp-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--snp-radius-sm); }\n .snp-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .snp-premium h2::after { width: 40px; height: 3px; }\n .snp-grid-compact { gap: .625rem; }\n .snp-grid-compact .snp-card { padding: .75rem; }\n .snp-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .snp-timeline-content { padding: .875rem 1rem; }\n .snp-timeline-content h3 { font-size: 14px; }\n .snp-timeline-content p { font-size: 13px; }\n .snp-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .snp-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .snp-compo-row { flex-direction: column; align-items: flex-start; gap: .25rem; padding: .875rem 1rem; }\n .snp-compo-value { text-align: left; font-size: 13px; }\n .snp-compo-label { font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .snp-card { animation: snpFadeInUp .5s ease backwards; }\n .snp-card:nth-child(1) { animation-delay: .05s; }\n .snp-card:nth-child(2) { animation-delay: .1s; }\n .snp-card:nth-child(3) { animation-delay: .15s; }\n .snp-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes snpFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .snp-premium * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }\n}\n\u003c\/style\u003e","brand":"PROPOS NATURE","offers":[{"title":"Default Title","offer_id":64739151970681,"sku":"PO0035","price":11.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-nasal-propolis-verte-lavande-bio-proposnature-packshothd.webp?v=1790761719"},{"product_id":"sirop-chantres-voix-enrouee-bio-250ml-herbalgem","title":"Sirop des Chantres Bio pour la Voix – 250 ml – HerbalGem","description":"\u003cdiv class=\"hg-premium\"\u003e\n \u003cdiv class=\"hg-hero\"\u003e\n \u003cdiv class=\"hg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hg-hero-content\"\u003e\n \u003cdiv class=\"hg-badges-top\"\u003e\n \u003cspan class=\"hg-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"hg-badge\"\u003e🎤 Voix \u0026amp; Gorge\u003c\/span\u003e\n \u003cspan class=\"hg-badge\"\u003e🍯 Au miel\u003c\/span\u003e\n \u003cspan class=\"hg-badge\"\u003e📜 Recette ancestrale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hg-hero-title\"\u003eLa tradition au service de votre voix\u003c\/span\u003e\n \u003cp class=\"hg-subtitle\"\u003eInspiré des chanteurs de la Chapelle Sixtine\u003c\/p\u003e\n \u003cp class=\"hg-description\"\u003eUn complexe végétal de bourgeons frais, plantes et miel bio pour adoucir, apaiser et retrouver clarté vocale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hg-section\"\u003e\n \u003ch2\u003eSirop Chantres Voix enrouée Bio HerbalGem : la tradition au service de votre voix\u003c\/h2\u003e\n \u003cp class=\"hg-section-intro\"\u003eVous avez la \u003cstrong\u003evoix cassée, enrouée ou fatiguée\u003c\/strong\u003e ? Vous cherchez un \u003cstrong\u003esirop pour la gorge\u003c\/strong\u003e à la fois naturel, efficace et respectueux de votre organisme ?\u003c\/p\u003e\n \u003cdiv class=\"hg-testimonial\"\u003e\n \u003cp class=\"hg-testimonial-text\"\u003e\"Le Sirop Chantres Voix enrouée Bio HerbalGem s'inspire d'une recette ancestrale utilisée par les chanteurs de la Chapelle Sixtine au XVIIIe siècle. Une formule végétale pensée pour apaiser les cordes vocales et retrouver confort et clarté vocale.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hg-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce sirop pour maux de gorge ?\u003c\/h2\u003e\n \u003cp class=\"hg-section-intro\"\u003eQue vous soyez chanteur, enseignant, orateur ou simplement sujet aux \u003cstrong\u003eenrouements saisonniers\u003c\/strong\u003e, ce sirop apporte une réponse ciblée grâce à sa synergie de plantes, bourgeons, miel et huiles essentielles.\u003c\/p\u003e\n \u003cdiv class=\"hg-grid\"\u003e\n \u003cdiv class=\"hg-card\"\u003e\n \u003ch3\u003e🎤 Herbe aux Chantres\u003c\/h3\u003e\n \u003cp\u003eLa plante emblématique des voix fatiguées, elle aide à retrouver clarté et souplesse vocale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hg-card\"\u003e\n \u003ch3\u003e🌸 Sureau \u0026amp; Aunée\u003c\/h3\u003e\n \u003cp\u003eRéputés pour leurs vertus adoucissantes en cas de gêne respiratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hg-card\"\u003e\n \u003ch3\u003e🌾 Pulmonaire \u0026amp; Orge mondée\u003c\/h3\u003e\n \u003cp\u003eParticipent au confort respiratoire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hg-card\"\u003e\n \u003ch3\u003e🌱 Bourgeons d'aulne noir\u003c\/h3\u003e\n \u003cp\u003eApportent toute la richesse de la gemmothérapie signature HerbalGem.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hg-card\"\u003e\n \u003ch3\u003e🍋 Citron, Lemongrass \u0026amp; Cannelle\u003c\/h3\u003e\n \u003cp\u003eHuiles essentielles à l'effet assainissant et tonifiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hg-card\"\u003e\n \u003ch3\u003e🍯 Miel bio\u003c\/h3\u003e\n \u003cp\u003eAdoucit la gorge et sublime le goût naturel du sirop.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hg-section\"\u003e\n \u003ch2\u003eComment utiliser le Sirop Chantres HerbalGem ?\u003c\/h2\u003e\n \u003cdiv class=\"hg-timeline\"\u003e\n \u003cdiv class=\"hg-timeline-item\"\u003e\n \u003cdiv class=\"hg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hg-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eBien agiter avant chaque utilisation pour homogénéiser la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hg-timeline-item\"\u003e\n \u003cdiv class=\"hg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hg-timeline-content\"\u003e\n \u003ch3\u003eDosez avec précision\u003c\/h3\u003e\n \u003cp\u003eÀ partir de 12 ans : 5 ml (1 bouchon doseur), 1 à 5 fois par jour selon le besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hg-timeline-item\"\u003e\n \u003cdiv class=\"hg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hg-timeline-content\"\u003e\n \u003ch3\u003eLaissez agir en bouche\u003c\/h3\u003e\n \u003cp\u003eGardez le sirop quelques secondes avant d'avaler pour tapisser les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hg-timeline-item\"\u003e\n \u003cdiv class=\"hg-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hg-timeline-content\"\u003e\n \u003ch3\u003eEn cure ou ponctuel\u003c\/h3\u003e\n \u003cp\u003eIdéal lors d'un épisode d'enrouement ou avant une sollicitation vocale intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hg-tip\"\u003e\n \u003cspan class=\"hg-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eParfait avant une conférence, un concert, un cours ou une prise de parole en public.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hg-section\"\u003e\n \u003ch2\u003eComposition complète du Sirop Chantres Bio\u003c\/h2\u003e\n \u003cdiv class=\"hg-testimonial\"\u003e\n \u003cp class=\"hg-testimonial-text\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Eau ; sucre de canne* ; baies de sureau* (Sambucus nigra L.) - 8,4 g** ; teinture mère d'herbe aux chantres* (Sisymbrium officinale) - 746 mg** ; alcool* (\u0026lt;5 %) ; miel* - 0,6 g ; extraits aqueux d'herbe aux chantres* - 417 mg** et d'inule grande aunée* (Inula helenium L.) - 278 mg** ; macérat glycériné de bourgeons d'aulne noir* (Alnus glutinosa) - 28 mg** ; extrait aqueux d'orge mondée* (Hordeum vulgare L.) - 250 mg** ; huile essentielle de citron* (Citrus limon) - 221 mg ; humectant : glycérol* ; huiles essentielles d'écorce de cannelle de Chine* - 13 mg et de lemongrass* - 12 mg.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"hg-disclaimer\"\u003e*Ingrédient issu de l'Agriculture Biologique. **Quantité de plante mise en œuvre lors de la fabrication.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hg-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le sirop gorge HerbalGem\u003c\/h2\u003e\n \u003cdiv class=\"hg-accordion\"\u003e\n \u003cdetails class=\"hg-accordion-item\"\u003e\n \u003csummary class=\"hg-accordion-header\"\u003e⭐ Quels sont les avis sur le Sirop Chantres HerbalGem ?\u003c\/summary\u003e\n \u003cdiv class=\"hg-accordion-content mt-3\"\u003e\n \u003cp\u003ePlébiscité par les professionnels de la voix, il séduit par son goût agréable et sa composition 100 % naturelle et bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hg-accordion-item\"\u003e\n \u003csummary class=\"hg-accordion-header\"\u003e👶 Est-ce un sirop pour mal de gorge adapté aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"hg-accordion-content mt-3\"\u003e\n \u003cp\u003eNon, il est réservé aux personnes de plus de 12 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hg-accordion-item\"\u003e\n \u003csummary class=\"hg-accordion-header\"\u003e📦 Quel est le conditionnement ?\u003c\/summary\u003e\n \u003cdiv class=\"hg-accordion-content mt-3\"\u003e\n \u003cp\u003eFlacon de 250 ml avec bouchon doseur pour un dosage précis à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"hg-accordion\"\u003e\n \u003cdetails class=\"hg-accordion-item\"\u003e\n \u003csummary class=\"hg-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"hg-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. Ne pas dépasser la dose conseillée. Déconseillé pendant la grossesse, l'allaitement et chez l'enfant de moins de 12 ans. En cas de symptômes persistants, consultez votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hg-accordion-item\"\u003e\n \u003csummary class=\"hg-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"hg-accordion-content mt-3\"\u003e\n \u003cp\u003eUn complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un traitement médical. Demandez conseil à un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hg-accordion-item\"\u003e\n \u003csummary class=\"hg-accordion-header\"\u003e♻️ Règles de tri\u003c\/summary\u003e\n \u003cdiv class=\"hg-accordion-content mt-3\"\u003e\n \u003cp\u003eBoîte dans le bac jaune, flacon dans le bac verre (selon votre localité).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hg-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e🎤 Retrouvez une voix claire et apaisée grâce à la sagesse d'une recette ancestrale, revisitée par l'expertise HerbalGem.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hg-cream: #faf6ef;\n --hg-white: #ffffff;\n --hg-primary: #e8873d;\n --hg-primary-dark: #b85f1f;\n --hg-primary-light: #fdebd8;\n --hg-secondary: #7fa860;\n --hg-accent: #d4a574;\n --hg-text: #2a2620;\n --hg-text-light: #6b6358;\n --hg-border: #e8e0d2;\n --hg-shadow: 0 4px 24px rgba(184,95,31,.08);\n --hg-shadow-lg: 0 12px 48px rgba(184,95,31,.15);\n --hg-radius: 20px;\n --hg-radius-sm: 12px;\n}\n\n.hg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--hg-text);\n}\n\n.hg-hero {\n position: relative;\n background: linear-gradient(135deg, #e8873d 0%, #d4731f 50%, #b85f1f 100%);\n border-radius: var(--hg-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(--hg-shadow-lg);\n}\n\n.hg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 2px, transparent 2px),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 3px, transparent 3px);\n background-size: 60px 60px, 90px 90px;\n opacity: .15;\n}\n\n.hg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hg-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.hg-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 font-style: italic;\n}\n\n.hg-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.6;\n margin: 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.hg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hg-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(--hg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hg-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.hg-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(--hg-primary), var(--hg-secondary));\n border-radius: 2px;\n}\n\n.hg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hg-text-light);\n margin: 0 auto 1.5rem;\n max-width: 700px;\n line-height: 1.7;\n}\n\n.hg-card {\n background: var(--hg-white);\n border-radius: var(--hg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hg-shadow-lg);\n border-color: var(--hg-primary);\n}\n\n.hg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hg-primary), var(--hg-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(184,95,31,.3);\n}\n\n.hg-timeline-content {\n flex: 1;\n background: var(--hg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hg-radius-sm);\n box-shadow: var(--hg-shadow);\n}\n\n.hg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hg-timeline-content p {\n font-size: 14px;\n color: var(--hg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.hg-testimonial {\n background: var(--hg-white);\n border-radius: var(--hg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hg-shadow);\n border-left: 4px solid var(--hg-primary);\n}\n\n.hg-testimonial-text {\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--hg-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.hg-accordion {\n background: var(--hg-white);\n border-radius: var(--hg-radius);\n box-shadow: var(--hg-shadow);\n overflow: hidden;\n}\n\n.hg-accordion-item {\n border-bottom: 1px solid var(--hg-border);\n margin: 0;\n padding: 0;\n}\n\n.hg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hg-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n gap: 1rem;\n}\n\n.hg-accordion-header:hover {\n background: var(--hg-primary-light);\n}\n\n.hg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hg-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--hg-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n}\n\n.hg-accordion-item[open] .hg-accordion-header::after {\n content: '−';\n}\n\n.hg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hg-accordion-content p {\n margin: 0;\n}\n\n.hg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hg-primary-light);\n border-radius: var(--hg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hg-tip p {\n font-size: 14px;\n color: var(--hg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.hg-cta-box {\n background: linear-gradient(135deg, var(--hg-primary) 0%, var(--hg-primary-dark) 100%);\n border-radius: var(--hg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--hg-shadow-lg);\n}\n\n.hg-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.hg-disclaimer {\n font-size: 12px;\n color: var(--hg-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .hg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .hg-card {\n padding: 1.125rem;\n }\n .hg-section {\n margin-bottom: 1.75rem;\n }\n .hg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hg-radius-sm);\n }\n .hg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .hg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .hg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .hg-timeline-content {\n padding: .875rem 1rem;\n }\n .hg-timeline-content h3 {\n font-size: 14px;\n }\n .hg-timeline-content p {\n font-size: 13px;\n }\n .hg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .hg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .hg-testimonial {\n padding: 1.25rem;\n }\n .hg-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .hg-card {\n animation: hgFadeInUp .5s ease backwards;\n }\n .hg-card:nth-child(1) { animation-delay: .05s; }\n .hg-card:nth-child(2) { animation-delay: .1s; }\n .hg-card:nth-child(3) { animation-delay: .15s; }\n .hg-card:nth-child(4) { animation-delay: .2s; }\n .hg-card:nth-child(5) { animation-delay: .25s; }\n .hg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hgFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .hg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"HERBALGEM","offers":[{"title":"Default Title","offer_id":64752095986041,"sku":"HG0060","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/sirop-chantres-voix-enrouee-bio-250-ml-herbalgem-packshothd.webp?v=1790845350"},{"product_id":"huile-essentielle-d-eucalyptus-smithii-bio-pranarom","title":"Huile essentielle d'Eucalyptus smithii Bio - 10 ml - Pranarom","description":"\u003cdiv class=\"euca-premium\"\u003e\n\u003cdiv class=\"euca-hero\"\u003e\n\u003cdiv class=\"euca-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"euca-hero-content\"\u003e\n\u003cdiv class=\"euca-badges-top\"\u003e\n\u003cspan class=\"euca-badge\"\u003e🌿 Certifié BIO\u003c\/span\u003e \u003cspan class=\"euca-badge\"\u003e💧 100% pure \u0026amp; naturelle\u003c\/span\u003e \u003cspan class=\"euca-badge\"\u003e👨👩👧 Idéal toute la famille\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"euca-hero-title\"\u003eL'eucalyptus le plus doux au service de votre souffle\u003c\/span\u003e\n\u003cp class=\"euca-subtitle\"\u003eHuile essentielle chémotypée Pranarōm\u003c\/p\u003e\n\u003cp class=\"euca-description\"\u003eL'Eucalyptus smithii accompagne votre confort respiratoire avec une tolérance exceptionnelle, pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"euca-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'Eucalyptus smithii ?\u003c\/h2\u003e\n\u003cp class=\"euca-section-intro\"\u003eParmi les \u003cstrong\u003ehuiles essentielles d'eucalyptus\u003c\/strong\u003e (radié, globulus, citronné…), le smithii se distingue comme le plus doux grâce à sa richesse en 1,8-cinéole et en limonène, deux molécules réputées pour leur action sur les voies respiratoires.\u003c\/p\u003e\n\u003cdiv class=\"euca-grid\"\u003e\n\u003cdiv class=\"euca-card\"\u003e\n\u003ch3\u003e🌬️ Voies respiratoires dégagées\u003c\/h3\u003e\n\u003cp\u003eSoutient une respiration fluide au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"euca-card\"\u003e\n\u003ch3\u003e🍃 Air assaini\u003c\/h3\u003e\n\u003cp\u003ePurifie l'air ambiant en diffusion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"euca-card\"\u003e\n\u003ch3\u003e🔄 Soutien saisonnier\u003c\/h3\u003e\n\u003cp\u003eAccompagne les changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"euca-card\"\u003e\n\u003ch3\u003e❄️ Fraîcheur immédiate\u003c\/h3\u003e\n\u003cp\u003eSensation de légèreté dès l'inspiration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"euca-tip\"\u003e\n\u003cspan class=\"euca-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eNotre conseil :\u003c\/strong\u003e contrairement à l'eucalyptus globulus, le smithii convient à une utilisation régulière, y compris chez les personnes à la peau ou aux muqueuses sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"euca-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp class=\"euca-section-intro\"\u003eHuile obtenue par distillation à la vapeur d'eau des feuilles fraîches issues de l'agriculture biologique.\u003c\/p\u003e\n\u003cdiv class=\"euca-grid-compact\"\u003e\n\u003cdiv class=\"euca-card\"\u003e\n\u003ch3\u003e🌿 1,8-cinéole\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e65-85%\u003c\/strong\u003e\u003cbr\u003ePropriétés purifiantes et respiratoires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"euca-card\"\u003e\n\u003ch3\u003e🍋 Limonène\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e5-15%\u003c\/strong\u003e\u003cbr\u003ePropriétés tonifiantes et stimulantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"euca-card\"\u003e\n\u003ch3\u003e🍃 Partie utilisée\u003c\/h3\u003e\n\u003cp\u003eFeuille fraîche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"euca-card\"\u003e\n\u003ch3\u003e💨 Extraction\u003c\/h3\u003e\n\u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"euca-card\"\u003e\n\u003ch3\u003e✅ Certification\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"euca-card\"\u003e\n\u003ch3\u003e📍 Origine\u003c\/h3\u003e\n\u003cp\u003eAustralie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"euca-section\"\u003e\n\u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n\u003cdiv class=\"euca-timeline\"\u003e\n\u003cdiv class=\"euca-timeline-item\"\u003e\n\u003cdiv class=\"euca-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"euca-timeline-content\"\u003e\n\u003ch3\u003e🌬️ Diffusion atmosphérique\u003c\/h3\u003e\n\u003cp\u003e4 à 6 gouttes dans un diffuseur ultrasonique, par séances de 20 à 30 minutes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"euca-timeline-item\"\u003e\n\u003cdiv class=\"euca-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"euca-timeline-content\"\u003e\n\u003ch3\u003e💧 Inhalation\u003c\/h3\u003e\n\u003cp\u003e1 à 2 gouttes sur un mouchoir, ou dans un bol d'eau chaude, tête couverte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"euca-timeline-item\"\u003e\n\u003cdiv class=\"euca-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"euca-timeline-content\"\u003e\n\u003ch3\u003e🍵 Voie orale\u003c\/h3\u003e\n\u003cp\u003e2 gouttes, 3 fois par jour, sur un support neutre. Adulte uniquement, sur avis professionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"euca-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"euca-accordion\"\u003e\n\u003cdetails class=\"euca-accordion-item\"\u003e\n\u003csummary class=\"euca-accordion-header\"\u003e⚠️ Personnes sensibles et enfants\u003c\/summary\u003e\n\u003cdiv class=\"euca-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillée chez les femmes enceintes ou allaitantes et les enfants de moins de 3 ans sans avis médical. Éviter l'application pure sur les muqueuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"euca-accordion-item\"\u003e\n\u003csummary class=\"euca-accordion-header\"\u003e🔒 Sécurité et conservation\u003c\/summary\u003e\n\u003cdiv class=\"euca-accordion-content mt-3\"\u003e\n\u003cp\u003eTenir hors de portée des enfants, à l'abri de la lumière et de la chaleur. Ne remplace pas un traitement médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"euca-section\"\u003e\n\u003ch2\u003eInformations produit\u003c\/h2\u003e\n\u003cdiv class=\"euca-grid-compact\"\u003e\n\u003cdiv class=\"euca-card\"\u003e\n\u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n\u003cp\u003ePranarōm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"euca-card\"\u003e\n\u003ch3\u003e🌿 Nom botanique\u003c\/h3\u003e\n\u003cp\u003eEucalyptus smithii\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"euca-card\"\u003e\n\u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n\u003cp\u003e10 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"euca-card\"\u003e\n\u003ch3\u003e🌡️ Conservation\u003c\/h3\u003e\n\u003cp\u003eÀ l'abri de la lumière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"euca-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"euca-cta-box\"\u003e\n\u003cp\u003e🌿 \u003cstrong\u003eRespirez, naturellement.\u003c\/strong\u003e\u003cbr\u003eUn arôme frais, une douceur rare et une qualité biologique : l'Eucalyptus smithii Pranarōm mérite sa place dans votre armoire naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --euca-cream: #f8faf4;\n --euca-white: #ffffff;\n --euca-primary: #a1c544;\n --euca-primary-dark: #6b8a2f;\n --euca-primary-light: #eef5dc;\n --euca-secondary: #8ba67e;\n --euca-accent: #c8e085;\n --euca-text: #2a3a1f;\n --euca-text-light: #5a6b4a;\n --euca-border: #e0e5d4;\n --euca-shadow: 0 4px 24px rgba(107,138,47,.08);\n --euca-shadow-lg: 0 12px 48px rgba(107,138,47,.15);\n --euca-radius: 20px;\n --euca-radius-sm: 12px;\n}\n\n.euca-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--euca-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--euca-text);\n line-height: 1.6;\n}\n\n.euca-premium * {\n box-sizing: border-box;\n}\n\n.euca-hero {\n position: relative;\n background: linear-gradient(135deg, #a1c544 0%, #8ba67e 50%, #6b8a2f 100%);\n border-radius: var(--euca-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(--euca-shadow-lg);\n}\n\n.euca-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) 2px, transparent 3px),\n radial-gradient(circle at 70% 60%, rgba(255,255,255,.3) 2px, transparent 3px);\n background-size: 80px 80px;\n opacity: .15;\n}\n\n.euca-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.euca-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.euca-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.euca-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n.euca-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.euca-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(--euca-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.euca-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.euca-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.euca-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--euca-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.euca-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(--euca-primary), var(--euca-secondary));\n border-radius: 2px;\n}\n\n.euca-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--euca-text-light);\n margin: 0 auto 1.75rem;\n max-width: 700px;\n line-height: 1.7;\n}\n\n.euca-section-intro strong {\n color: var(--euca-primary-dark);\n}\n\n.euca-card {\n background: var(--euca-white);\n border-radius: var(--euca-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--euca-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.euca-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--euca-shadow-lg);\n border-color: var(--euca-primary);\n}\n\n.euca-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--euca-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.euca-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--euca-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.euca-card p strong {\n color: var(--euca-primary-dark);\n font-size: 1.1em;\n}\n\n.euca-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.euca-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.euca-grid-compact .euca-card {\n padding: 1rem;\n}\n\n.euca-grid-compact .euca-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.euca-grid-compact .euca-card p {\n font-size: 12px;\n}\n\n.euca-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.euca-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.euca-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--euca-primary), var(--euca-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(107,138,47,.3);\n}\n\n.euca-timeline-content {\n flex: 1;\n background: var(--euca-white);\n padding: 1rem 1.25rem;\n border-radius: var(--euca-radius-sm);\n box-shadow: var(--euca-shadow);\n}\n\n.euca-timeline-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--euca-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.euca-timeline-content p {\n font-size: 14px;\n color: var(--euca-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.euca-accordion {\n background: var(--euca-white);\n border-radius: var(--euca-radius);\n box-shadow: var(--euca-shadow);\n overflow: hidden;\n}\n\n.euca-accordion-item {\n border-bottom: 1px solid var(--euca-border);\n margin: 0;\n padding: 0;\n}\n\n.euca-accordion-item:last-child {\n border-bottom: none;\n}\n\n.euca-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--euca-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.euca-accordion-header:hover {\n background: var(--euca-primary-light);\n}\n\n.euca-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.euca-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--euca-primary);\n transition: transform .2s ease;\n}\n\n.euca-accordion-item[open] .euca-accordion-header::after {\n content: '−';\n}\n\n.euca-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--euca-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.euca-accordion-content p {\n margin: 0;\n}\n\n.euca-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--euca-primary-light);\n border-left: 4px solid var(--euca-primary);\n border-radius: var(--euca-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n}\n\n.euca-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1.2;\n}\n\n.euca-tip p {\n font-size: 14px;\n color: var(--euca-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.euca-tip strong {\n color: var(--euca-primary-dark);\n}\n\n.euca-cta-box {\n background: linear-gradient(135deg, var(--euca-primary) 0%, var(--euca-primary-dark) 100%);\n border-radius: var(--euca-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--euca-shadow-lg);\n}\n\n.euca-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.euca-cta-box strong {\n font-weight: 800;\n font-size: 1.15em;\n display: inline-block;\n margin-bottom: .25rem;\n}\n\n@media (max-width: 767px) {\n .euca-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .euca-card {\n padding: 1.125rem;\n }\n\n .euca-section {\n margin-bottom: 1.75rem;\n }\n\n .euca-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--euca-radius-sm);\n }\n\n .euca-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .euca-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .euca-grid-compact {\n gap: .625rem;\n }\n\n .euca-grid-compact .euca-card {\n padding: .75rem;\n }\n\n .euca-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .euca-timeline-content {\n padding: .875rem 1rem;\n }\n\n .euca-timeline-content h3 {\n font-size: 14px;\n }\n\n .euca-timeline-content p {\n font-size: 13px;\n }\n\n .euca-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .euca-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .euca-card {\n animation: eucaFadeInUp .5s ease backwards;\n }\n .euca-card:nth-child(1) { animation-delay: .05s; }\n .euca-card:nth-child(2) { animation-delay: .1s; }\n .euca-card:nth-child(3) { animation-delay: .15s; }\n .euca-card:nth-child(4) { animation-delay: .2s; }\n .euca-card:nth-child(5) { animation-delay: .25s; }\n .euca-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes eucaFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .euca-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"PRANAROM","offers":[{"title":"Default Title","offer_id":64753239851385,"sku":"RA0075","price":7.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-deucalyptus-smithii-bio-pranarom-packshothd.webp?v=1790856706"},{"product_id":"spray-gorge-propolis-verte-bio-sans-alcool-propolia","title":"Spray Gorge Propolis Verte Bio Sans Alcool - 20 ml - Propolia","description":"\u003cdiv class=\"prop-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"prop-hero\"\u003e\n\u003cdiv class=\"prop-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"prop-hero-content\"\u003e\n\u003cdiv class=\"prop-badges-top\"\u003e\n\u003cspan class=\"prop-badge\"\u003e🌱 Certifié Bio AB\u003c\/span\u003e \u003cspan class=\"prop-badge\"\u003e🚫 Sans alcool\u003c\/span\u003e \u003cspan class=\"prop-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"prop-badge\"\u003e👨👩👧 Dès 6 ans\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"prop-hero-title\"\u003eApaise et rafraîchit la gorge dès les premiers picotements\u003c\/span\u003e\n\u003cp class=\"prop-subtitle\"\u003eSpray gorge propolis verte bio · Propolia\u003c\/p\u003e\n\u003cp class=\"prop-description\"\u003eDès les premiers picotements, ce spray à la propolis verte bio associe miel, eucalyptus radié et citron pour apaiser et rafraîchir naturellement. Une formule courte, sans alcool, pensée pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"prop-section\"\u003e\n\u003ch2\u003eUn spray gorge aux 4 ingrédients bio\u003c\/h2\u003e\n\u003cp class=\"prop-section-intro\"\u003eLa force de ce \u003cstrong\u003espray propolis gorge\u003c\/strong\u003e Propolia réside dans sa composition courte, concentrée et 100 % issue de l'agriculture biologique.\u003c\/p\u003e\n\u003cdiv class=\"prop-grid\"\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003ch3\u003e🐝 Propolis verte bio\u003c\/h3\u003e\n\u003cp\u003eRécoltée au Brésil, riche en artépilline C, polyphénols et flavonoïdes, elle soutient les défenses naturelles de la sphère ORL.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003ch3\u003e🍯 Miel bio (40 %)\u003c\/h3\u003e\n\u003cp\u003eFortement dosé, il tapisse la muqueuse et procure un effet adoucissant immédiat sur la gorge irritée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003ch3\u003e🌿 HE d'eucalyptus radié bio\u003c\/h3\u003e\n\u003cp\u003eReconnue pour ses propriétés assainissantes et sa fraîcheur respiratoire caractéristique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003ch3\u003e🍋 HE de citron bio\u003c\/h3\u003e\n\u003cp\u003eApporte une note vivifiante et purifiante en bouche, pour une sensation de légèreté durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-tip\"\u003e\n\u003cdiv class=\"prop-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp\u003e\u003cstrong\u003eNotre conseil :\u003c\/strong\u003e un léger déphasage est normal, c'est le signe d'une formule naturelle. Agitez le flacon avant chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"prop-section\"\u003e\n\u003ch2\u003eLes bienfaits de ce spray gorge à la propolis bio\u003c\/h2\u003e\n\u003cp class=\"prop-section-intro\"\u003eCe \u003cstrong\u003espray pour la gorge à la propolis\u003c\/strong\u003e agit sur plusieurs plans dès les premières pulvérisations :\u003c\/p\u003e\n\u003cdiv class=\"prop-grid\"\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003ch3\u003e✨ Adoucit la gorge\u003c\/h3\u003e\n\u003cp\u003eLe miel bio enrobe et protège la muqueuse irritée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003ch3\u003e❄️ Rafraîchit la bouche\u003c\/h3\u003e\n\u003cp\u003eLes huiles essentielles apportent une sensation de pureté immédiate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003ch3\u003e🛡️ Soutient les défenses\u003c\/h3\u003e\n\u003cp\u003eLa \u003cstrong\u003epropolis verte bio\u003c\/strong\u003e et ses composés bioactifs renforcent la zone ORL.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003ch3\u003e👨👩👧 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eSans alcool, il convient aux adultes et aux enfants dès 6 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"prop-section\"\u003e\n\u003ch2\u003eComment bien l'utiliser ?\u003c\/h2\u003e\n\u003cdiv class=\"prop-timeline\"\u003e\n\u003cdiv class=\"prop-timeline-item\"\u003e\n\u003cdiv class=\"prop-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"prop-timeline-content\"\u003e\n\u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n\u003cp\u003eSecouez quelques secondes pour homogénéiser la formule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-timeline-item\"\u003e\n\u003cdiv class=\"prop-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"prop-timeline-content\"\u003e\n\u003ch3\u003ePulvérisez\u003c\/h3\u003e\n\u003cp\u003eDirigez l'embout vers le fond de la gorge et appuyez 2 à 3 fois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-timeline-item\"\u003e\n\u003cdiv class=\"prop-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"prop-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez\u003c\/h3\u003e\n\u003cp\u003eJusqu'à 5 fois par jour en cas d'inconfort, à distance des repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"prop-disclaimer\"\u003e\u003cstrong\u003eImportant :\u003c\/strong\u003e ce produit ne remplace pas un avis ni un traitement médical. En cas de symptômes persistants, consultez un professionnel de santé. Déconseillé aux femmes enceintes, allaitantes et aux enfants de moins de 6 ans.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"prop-section\"\u003e\n\u003ch2\u003ePourquoi choisir le spray Propolia ?\u003c\/h2\u003e\n\u003cdiv class=\"prop-grid-compact\"\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003ch3\u003e🌱 Certification\u003c\/h3\u003e\n\u003cp\u003eAB Bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003ch3\u003e🚫 Formule\u003c\/h3\u003e\n\u003cp\u003eSans alcool\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n\u003cp\u003eMade in France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003ch3\u003e🧴 Ingrédients\u003c\/h3\u003e\n\u003cp\u003eSeulement 4\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"prop-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cdiv class=\"prop-grid-compact\"\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n\u003cp\u003e20 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-card\"\u003e\n\u003ch3\u003e🌿 Origine\u003c\/h3\u003e\n\u003cp\u003e100 % Agriculture Biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prop-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"prop-accordion-item\"\u003e\n\u003csummary class=\"prop-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n\u003cp\u003eMel (miel bio 40 %), Propolis (extrait de propolis verte bio), Eucalyptus radiata Leaf Oil (HE bio d'eucalyptus radié), Citrus limon Peel Oil (HE bio de citron).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA --\u003e\n\u003csection class=\"prop-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"prop-cta-box\"\u003e\n\u003cp\u003e🐝 Douceur \u0026amp; fraîcheur pour votre gorge\u003cbr\u003eQuatre ingrédients bio, zéro compromis, et tout le savoir-faire apicole français Propolia au service de votre bien-être ORL.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --prop-cream: #f5faf3;\n --prop-white: #ffffff;\n --prop-primary: #7cb342;\n --prop-primary-dark: #4a7c2a;\n --prop-primary-light: #e8f3dd;\n --prop-secondary: #f9a825;\n --prop-accent: #c9d84a;\n --prop-text: #1f2d1a;\n --prop-text-light: #5a6b50;\n --prop-border: #d9e5cf;\n --prop-shadow: 0 4px 24px rgba(74,124,42,.08);\n --prop-shadow-lg: 0 12px 48px rgba(74,124,42,.18);\n --prop-radius: 20px;\n --prop-radius-sm: 12px;\n}\n\n.prop-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem);\n background: var(--prop-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--prop-text);\n}\n\n.prop-premium p { line-height: 1.7; }\n\n\/* HERO *\/\n.prop-hero {\n position: relative;\n background: linear-gradient(135deg, #7cb342 0%, #4a7c2a 60%, #2d5016 100%);\n border-radius: var(--prop-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(--prop-shadow-lg);\n}\n\n.prop-hero-pattern {\n position: absolute;\n inset: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(249,168,37,.3) 0%, transparent 40%);\n opacity: .25;\n}\n\n.prop-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.prop-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px,7vw,42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.prop-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px,2.5vw,19px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.prop-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.prop-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.prop-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(--prop-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.prop-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* SECTIONS *\/\n.prop-section {\n margin-bottom: clamp(2rem,4vw,3.5rem);\n}\n\n.prop-premium h2 {\n font-size: clamp(22px,5vw,36px);\n font-weight: 900;\n color: var(--prop-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.prop-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(--prop-primary), var(--prop-secondary));\n border-radius: 2px;\n}\n\n.prop-section-intro {\n text-align: center;\n font-size: clamp(15px,2.5vw,17px);\n color: var(--prop-text-light);\n margin: 0 auto 1.5rem;\n max-width: 680px;\n}\n\n\/* CARDS *\/\n.prop-card {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n padding: clamp(1.25rem,3vw,2rem);\n box-shadow: var(--prop-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.prop-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--prop-shadow-lg);\n border-color: var(--prop-primary);\n}\n\n.prop-card h3 {\n font-size: clamp(15px,2.5vw,18px);\n font-weight: 800;\n color: var(--prop-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.prop-card p {\n font-size: clamp(13px,2vw,15px);\n color: var(--prop-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* GRIDS *\/\n.prop-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px,1fr));\n gap: 1.25rem;\n}\n\n.prop-grid-compact {\n display: grid;\n grid-template-columns: repeat(2,1fr);\n gap: 1rem;\n}\n\n.prop-grid-compact .prop-card {\n padding: 1rem;\n}\n\n.prop-grid-compact .prop-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.prop-grid-compact .prop-card p {\n font-size: 13px;\n font-weight: 700;\n color: var(--prop-primary-dark);\n}\n\n\/* TIMELINE *\/\n.prop-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.prop-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.prop-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--prop-primary), var(--prop-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(74,124,42,.3);\n}\n\n.prop-timeline-content {\n flex: 1;\n background: var(--prop-white);\n padding: 1rem 1.25rem;\n border-radius: var(--prop-radius-sm);\n box-shadow: var(--prop-shadow);\n}\n\n.prop-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--prop-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.prop-timeline-content p {\n font-size: 14px;\n color: var(--prop-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* TIP *\/\n.prop-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--prop-primary-light);\n border-radius: var(--prop-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--prop-primary);\n}\n\n.prop-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.prop-tip p {\n font-size: 14px;\n color: var(--prop-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* ACCORDION *\/\n.prop-accordion {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n box-shadow: var(--prop-shadow);\n overflow: hidden;\n}\n\n.prop-accordion-item {\n border-bottom: 1px solid var(--prop-border);\n}\n\n.prop-accordion-item:last-child { border-bottom: none; }\n\n.prop-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--prop-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.prop-accordion-header:hover { background: var(--prop-primary-light); }\n\n.prop-accordion-header::-webkit-details-marker { display: none; }\n\n.prop-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--prop-primary);\n transition: transform .2s ease;\n}\n\n.prop-accordion-item[open] .prop-accordion-header::after { content: '−'; }\n\n.prop-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--prop-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.prop-accordion-content p { margin: 0; }\n\n\/* DISCLAIMER *\/\n.prop-disclaimer {\n font-size: 13px;\n color: var(--prop-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* CTA *\/\n.prop-cta-box {\n background: linear-gradient(135deg, var(--prop-primary) 0%, var(--prop-primary-dark) 100%);\n border-radius: var(--prop-radius);\n padding: clamp(1.75rem,4vw,3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--prop-shadow-lg);\n}\n\n.prop-cta-box p {\n color: white;\n font-size: clamp(15px,2.5vw,19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 767px) {\n .prop-grid { grid-template-columns: 1fr; gap: 1rem; }\n .prop-card { padding: 1.125rem; }\n .prop-section { margin-bottom: 1.75rem; }\n .prop-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--prop-radius-sm); }\n .prop-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .prop-premium h2::after { width: 40px; height: 3px; }\n .prop-grid-compact { gap: .625rem; }\n .prop-grid-compact .prop-card { padding: .75rem; }\n .prop-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .prop-timeline-content { padding: .875rem 1rem; }\n .prop-timeline-content h3 { font-size: 14px; }\n .prop-timeline-content p { font-size: 13px; }\n .prop-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .prop-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n\/* ANIMATIONS *\/\n@media (prefers-reduced-motion: no-preference) {\n .prop-card { animation: propFadeInUp .5s ease backwards; }\n .prop-card:nth-child(1) { animation-delay: .05s; }\n .prop-card:nth-child(2) { animation-delay: .1s; }\n .prop-card:nth-child(3) { animation-delay: .15s; }\n .prop-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes propFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .prop-premium * {\n animation-duration: .01ms !important;\n transition-duration: .01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"PROPOLIA","offers":[{"title":"Default Title","offer_id":64766287511929,"sku":"AP0215","price":10.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-gorge-de-propolis-verte-bio-sans-alcool-propolia-packshothd.webp?v=1790928012"},{"product_id":"gommes-propolis-verte-bio-oligoelements-proposnature","title":"Gommes à la Propolis Verte Bio, Pin \u0026 Oligoéléments - 45 g - Propos'Nature","description":"\u003cdiv class=\"pv-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pv-hero\"\u003e\n\u003cdiv class=\"pv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pv-hero-content\"\u003e\n\u003cdiv class=\"pv-badges-top\"\u003e\n\u003cspan class=\"pv-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e \u003cspan class=\"pv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"pv-badge\"\u003e🚫 Sans sucres ajoutés\u003c\/span\u003e \u003cspan class=\"pv-badge\"\u003e👨👩👧 Dès 6 ans\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pv-hero-title\"\u003eLe pouvoir naturel de la ruche à portée de main\u003c\/span\u003e\n\u003cp class=\"pv-subtitle\"\u003ePropolis verte bio · Pin · Oligoéléments\u003c\/p\u003e\n\u003cp class=\"pv-description\"\u003eUne synergie unique entre propolis verte bio du Brésil, arôme naturel de pin et minéraux essentiels pour soutenir vos défenses naturelles et votre confort respiratoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 : Pourquoi choisir ces gommes à la propolis verte bio ? --\u003e\n\u003csection class=\"pv-section\"\u003e\n\u003ch2\u003ePourquoi choisir ces gommes à la propolis verte bio ?\u003c\/h2\u003e\n\u003cp class=\"pv-section-intro\"\u003eIssues du savoir-faire de Propos'Nature, ces gommes allient le meilleur de la ruche à des oligoéléments ciblés, pour vous accompagner lors des changements de saison.\u003c\/p\u003e\n\u003cdiv class=\"pv-grid\"\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e🐝 Propolis verte du Brésil\u003c\/h3\u003e\n\u003cp\u003eRécoltée sur les bourgeons d'Alecrim, riche en flavonoïdes et artépilline-C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e🛡️ Cuivre \u0026amp; Zinc\u003c\/h3\u003e\n\u003cp\u003eContribuent au système immunitaire et à la protection contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e⚡ Manganèse \u0026amp; Magnésium\u003c\/h3\u003e\n\u003cp\u003eSoutiennent le métabolisme énergétique et réduisent la fatigue passagère.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e🌲 Arôme naturel de pin\u003c\/h3\u003e\n\u003cp\u003eFraîcheur boisée qui accompagne le confort des voies respiratoires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 : À qui s'adressent ces gommes de propolis ? --\u003e\n\u003csection class=\"pv-section\"\u003e\n\u003ch2\u003eÀ qui s'adressent ces gommes de propolis ?\u003c\/h2\u003e\n\u003cdiv class=\"pv-grid\"\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e👨👩👧 Famille dès 6 ans\u003c\/h3\u003e\n\u003cp\u003eFormat pratique et goût agréable, avec un cœur actif 100 % issu de la ruche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e❄️ Hiver \u0026amp; changements de saison\u003c\/h3\u003e\n\u003cp\u003eIdéales en cas de gorge irritée ou de premiers signes de refroidissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e🎒 Nomades et actifs\u003c\/h3\u003e\n\u003cp\u003eÀ glisser dans votre sac pour une prise facile au bureau ou en déplacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 : Composition --\u003e\n\u003csection class=\"pv-section\"\u003e\n\u003ch2\u003eComposition et conseils 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\u003eIngrédients\u003c\/h3\u003e\n\u003cp\u003eSirop de maltitol, propolis verte bio (0,8 %), gomme arabique, arôme naturel de pin, gluconates de zinc, cuivre, manganèse et magnésium.\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\u003eFormat\u003c\/h3\u003e\n\u003cp\u003eSachet refermable de 45 g.\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\u003ePosologie\u003c\/h3\u003e\n\u003cp\u003e5 à 6 gommes par jour, à sucer lentement pour profiter pleinement des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-timeline-item\"\u003e\n\u003cdiv class=\"pv-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pv-timeline-content\"\u003e\n\u003ch3\u003eCure conseillée\u003c\/h3\u003e\n\u003cp\u003e3 à 4 semaines, à renouveler aux périodes à risque (automne, hiver).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-timeline-item\"\u003e\n\u003cdiv class=\"pv-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"pv-timeline-content\"\u003e\n\u003ch3\u003eFabrication\u003c\/h3\u003e\n\u003cp\u003eFrance · Certifié bio · Savoir-faire apicole exigeant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-tip\"\u003e\n\u003cspan class=\"pv-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePrécautions d'emploi :\u003c\/strong\u003e Déconseillé aux personnes allergiques aux produits de la ruche et aux femmes enceintes ou allaitantes sans avis médical. Ne remplace pas une alimentation variée. En cas de symptômes persistants, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 : FAQ --\u003e\n\u003csection class=\"pv-section\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"pv-accordion\"\u003e\n\u003cdetails class=\"pv-accordion-item\"\u003e\n\u003csummary class=\"pv-accordion-header\"\u003eDifférence avec les gommes propolis eucalyptus ou miel ?\u003c\/summary\u003e\n\u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n\u003cp\u003eCette version mise sur l'arôme de pin, plus doux et boisé, et ajoute 4 oligoéléments (zinc, cuivre, manganèse, magnésium) pour une action globale sur l'immunité et la vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pv-accordion-item\"\u003e\n\u003csummary class=\"pv-accordion-header\"\u003ePeut-on en prendre tous les jours ?\u003c\/summary\u003e\n\u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n\u003cp\u003eOui, 5 à 6 gommes par jour sur une cure de 3 à 4 semaines, à renouveler aux périodes à risque.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pv-accordion-item\"\u003e\n\u003csummary class=\"pv-accordion-header\"\u003eContiennent-elles du sucre ?\u003c\/summary\u003e\n\u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n\u003cp\u003eNon, elles sont édulcorées au sirop de maltitol : zéro sucre ajouté, pour un plaisir sain au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pv-accordion-item\"\u003e\n\u003csummary class=\"pv-accordion-header\"\u003eD'où provient la propolis verte ?\u003c\/summary\u003e\n\u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n\u003cp\u003eLa propolis verte est récoltée au Brésil, sur les bourgeons d'Alecrim (Baccharis dracunculifolia), une plante qui lui confère sa teinte caractéristique et sa richesse en artépilline-C.\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=\"pv-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"pv-cta-box\"\u003e\n\u003cp\u003e🐝 Le pouvoir naturel de la ruche, en gommes délicieuses et actives. Prenez soin de vous avec douceur, naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --pv-cream: #F4FAFC;\n --pv-white: #ffffff;\n --pv-primary: #7EC8D9;\n --pv-primary-dark: #1A4B5C;\n --pv-primary-light: #E6F4F8;\n --pv-secondary: #A1C544;\n --pv-accent: #D4A82A;\n --pv-text: #1a2d3d;\n --pv-text-light: #5a6b7a;\n --pv-border: #d8e6ec;\n --pv-shadow: 0 4px 24px rgba(26,75,92,.08);\n --pv-shadow-lg: 0 12px 48px rgba(26,75,92,.15);\n --pv-radius: 20px;\n --pv-radius-sm: 12px;\n}\n\n.pv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.pv-premium * { box-sizing: border-box; }\n\n\/* === HERO === *\/\n.pv-hero {\n position: relative;\n background: linear-gradient(135deg, #7EC8D9 0%, #4FA8BE 50%, #1A4B5C 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 opacity: .08;\n background-image: \n radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 70%, white 2px, transparent 2px),\n radial-gradient(circle at 50% 50%, white 1px, transparent 1px);\n background-size: 60px 60px, 80px 80px, 40px 40px;\n}\n\n.pv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pv-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.pv-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n letter-spacing: .05em;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n}\n\n.pv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.pv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.pv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pv-primary), var(--pv-secondary));\n border-radius: 2px;\n}\n\n.pv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pv-text-light);\n margin-bottom: 2rem;\n max-width: 720px;\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\/* === GRID === *\/\n.pv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\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-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(126,200,217,.4);\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.6;\n}\n\n\/* === ACCORDION === *\/\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: 24px;\n font-weight: 400;\n color: var(--pv-primary);\n transition: transform .2s ease;\n line-height: 1;\n}\n\n.pv-accordion-item[open] .pv-accordion-header::after {\n content: '−';\n}\n\n.pv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pv-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP === *\/\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.5rem;\n border-left: 4px solid var(--pv-accent);\n}\n\n.pv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\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.pv-tip strong {\n color: var(--pv-primary-dark);\n font-weight: 800;\n}\n\n\/* === CTA === *\/\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 box-shadow: var(--pv-shadow-lg);\n}\n\n.pv-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 4px;\n background: var(--pv-secondary);\n border-radius: 0 0 4px 4px;\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\/* === RESPONSIVE === *\/\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-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-tip {\n flex-direction: column;\n gap: .5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pv-card {\n animation: fadeInUp .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}\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 .pv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"PROPOS NATURE","offers":[{"title":"Default Title","offer_id":64766348099961,"sku":"PO0020","price":5.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gommes-propolis-verte-bio-oligoelementspin-proposnature-packshothd.webp?v=1790929188"},{"product_id":"spray-de-propolis-brune-propolia","title":"Spray Gorge Propolis Brune - 20 ml - Propolia","description":"\u003cdiv class=\"prop-premium\"\u003e\n\n \u003cdiv class=\"prop-hero\"\u003e\n \u003cdiv class=\"prop-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"prop-hero-content\"\u003e\n \u003cdiv class=\"prop-badges-top\"\u003e\n \u003cspan class=\"prop-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🐝 21% propolis brune\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🌿 Sans conservateur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"prop-hero-title\"\u003eLe concentré naturel de la ruche à portée de main\u003c\/span\u003e\n \u003cp class=\"prop-subtitle\"\u003eSpray gorge à la propolis brune purifiée\u003c\/p\u003e\n \u003cp class=\"prop-description\"\u003ePlus de 21 % de propolis brune purifiée dans un spray concentré en polyphénols et flavonoïdes naturels. Fabriqué en France, en Occitanie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003ePourquoi choisir la propolis brune ?\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eIl existe plusieurs variétés de propolis selon la flore butinée par les abeilles. La \u003cstrong\u003epropolis brune\u003c\/strong\u003e, typiquement européenne, provient principalement des bourgeons de peupliers et des résines de conifères. Elle se distingue par sa richesse en \u003cstrong\u003eflavonoïdes\u003c\/strong\u003e et en \u003cstrong\u003eesters phénoliques\u003c\/strong\u003e, des composés naturels étudiés depuis longtemps en apithérapie.\u003c\/p\u003e\n \u003cp class=\"prop-section-intro\"\u003ePropolia sélectionne sa propolis brune avec rigueur, puis la soumet à un procédé exclusif de purification afin d'éliminer cires et débris végétaux tout en préservant les principes actifs. Le résultat : un \u003cstrong\u003espray à la propolis\u003c\/strong\u003e d'une pureté remarquable, idéal pour une utilisation quotidienne.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eUn spray gorge à la propolis pour vous accompagner au quotidien\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eCe \u003cstrong\u003espray propolis gorge\u003c\/strong\u003e est pensé pour les périodes où votre organisme est mis à l'épreuve : changements de saison, hiver, fatigue, lieux publics bondés. Il s'intègre aussi facilement dans une routine d'hygiène buccale naturelle.\u003c\/p\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🎯 Gorge sensible\u003c\/h3\u003e\n \u003cp\u003eQuelques pulvérisations ciblées de ce spray pour la gorge à la propolis pour un soutien rapide et pratique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🦷 Hygiène buccale\u003c\/h3\u003e\n \u003cp\u003eUn complément naturel à votre routine bucco-dentaire quotidienne, grâce aux actifs de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e❄️ Prévention saisonnière\u003c\/h3\u003e\n \u003cp\u003eUne cure régulière de spray propolis pour accompagner votre organisme pendant les mois froids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e✈️ Nomade\u003c\/h3\u003e\n \u003cp\u003eSon format 20 ml se glisse partout : sac, bureau, trousse de voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-tip\"\u003e\n \u003cdiv class=\"prop-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eRappel important :\u003c\/strong\u003e Ce spray ne remplace pas un traitement médical. En cas de symptômes persistants, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eComposition et mode d'emploi\u003c\/h2\u003e\n\n \u003cdiv class=\"prop-compo\"\u003e\n \u003cdiv class=\"prop-compo-row\"\u003e\n \u003cspan class=\"prop-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"prop-compo-value\"\u003eExtrait hydro-alcoolique de propolis brune purifiée (plus de 21 %)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-compo-row\"\u003e\n \u003cspan class=\"prop-compo-label\"\u003eSupport d'extraction\u003c\/span\u003e\n \u003cspan class=\"prop-compo-value\"\u003eAlcool éthylique (54 % vol.)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-compo-row\"\u003e\n \u003cspan class=\"prop-compo-label\"\u003eAutre ingrédient\u003c\/span\u003e\n \u003cspan class=\"prop-compo-value\"\u003eEau purifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-compo-row\"\u003e\n \u003cspan class=\"prop-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"prop-compo-value\"\u003eFlacon verre ambré, 20 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-compo-row\"\u003e\n \u003cspan class=\"prop-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"prop-compo-value\"\u003eSans gluten, sans OGM, sans colorant, sans conservateur de synthèse, sans sucre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ch3 class=\"prop-sub-heading\"\u003eComment utiliser ce spray à la propolis ?\u003c\/h3\u003e\n\n \u003cdiv class=\"prop-timeline\"\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eAvant chaque utilisation, pour bien homogénéiser la solution.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003ePulvérisez 2 à 3 fois\u003c\/h3\u003e\n \u003cp\u003eDirectement dans la gorge, 1 à 3 fois par jour avant les repas, en cure de 10 à 15 jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003eGardez 30 secondes en bouche\u003c\/h3\u003e\n \u003cp\u003ePour permettre aux actifs des sprays naturels de la ruche d'exercer leur plein effet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"prop-accordion\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdetails class=\"prop-accordion-item\"\u003e\n \u003csummary class=\"prop-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux enfants de moins de 7 ans, aux femmes enceintes ou allaitantes et aux personnes allergiques aux produits de la ruche. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. Ne remplace pas une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eLes engagements Propolia\u003c\/h2\u003e\n \u003cdiv class=\"prop-grid-compact\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eLaboratoire en Occitanie, fort de plus de 40 ans d'expertise apicole.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🔬 Propolis purifiée\u003c\/h3\u003e\n \u003cp\u003eSélectionnée et purifiée selon un procédé exclusif breveté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🧴 Verre ambré\u003c\/h3\u003e\n \u003cp\u003eRecyclable et conçu pour préserver les actifs de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌿 Formule clean\u003c\/h3\u003e\n \u003cp\u003eSans additifs inutiles, concentrée en polyphénols et flavonoïdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"prop-cta-box\"\u003e\n \u003cp\u003eUn spray propolis fabriqué en France, riche en flavonoïdes et pensé pour accompagner votre gorge au quotidien, dès la première pulvérisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --prop-cream: #faf6f0;\n --prop-white: #ffffff;\n --prop-primary: #7a1f2b;\n --prop-primary-dark: #5a1620;\n --prop-primary-light: #f7e8ea;\n --prop-secondary: #e8a93c;\n --prop-accent: #d4871f;\n --prop-text: #2a1a1c;\n --prop-text-light: #6a5a5c;\n --prop-border: #e8dfd5;\n --prop-shadow: 0 4px 24px rgba(122,31,43,.08);\n --prop-shadow-lg: 0 12px 48px rgba(122,31,43,.18);\n --prop-radius: 20px;\n --prop-radius-sm: 12px;\n}\n\n.prop-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--prop-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--prop-text);\n}\n\n.prop-hero {\n position: relative;\n background: linear-gradient(135deg, #7a1f2b 0%, #a8324a 50%, #e8a93c 100%);\n border-radius: var(--prop-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(--prop-shadow-lg);\n}\n\n.prop-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 20%, rgba(255,255,255,.3) 2px, transparent 2px),\n radial-gradient(circle at 80% 60%, rgba(255,255,255,.2) 2px, transparent 2px),\n radial-gradient(circle at 50% 80%, rgba(255,255,255,.25) 2px, transparent 2px);\n background-size: 60px 60px, 80px 80px, 100px 100px;\n opacity: .4;\n}\n\n.prop-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.prop-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n line-height: 1.15;\n}\n\n.prop-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.prop-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n.prop-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.prop-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(--prop-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.prop-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.prop-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.prop-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--prop-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.prop-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(--prop-primary), var(--prop-secondary));\n border-radius: 2px;\n}\n\n.prop-section-intro {\n text-align: center;\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--prop-text-light);\n margin-bottom: 1.5rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.prop-section-intro strong {\n color: var(--prop-primary-dark);\n}\n\n.prop-card {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--prop-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.prop-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--prop-shadow-lg);\n border-color: var(--prop-primary);\n}\n\n.prop-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--prop-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.prop-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--prop-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.prop-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.prop-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.prop-grid-compact .prop-card {\n padding: 1rem;\n}\n\n.prop-grid-compact .prop-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.prop-grid-compact .prop-card p {\n font-size: 12px;\n}\n\n.prop-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--prop-primary-light);\n border-radius: var(--prop-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--prop-primary);\n}\n\n.prop-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.prop-tip p {\n font-size: 14px;\n color: var(--prop-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.prop-tip strong {\n color: var(--prop-primary-dark);\n}\n\n.prop-compo {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n box-shadow: var(--prop-shadow);\n overflow: hidden;\n margin-bottom: 2rem;\n}\n\n.prop-compo-row {\n display: grid;\n grid-template-columns: 1fr 2fr;\n gap: 1rem;\n padding: 1rem 1.25rem;\n border-bottom: 1px solid var(--prop-border);\n align-items: center;\n}\n\n.prop-compo-row:last-child {\n border-bottom: none;\n}\n\n.prop-compo-label {\n font-weight: 700;\n color: var(--prop-primary-dark);\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: .03em;\n}\n\n.prop-compo-value {\n color: var(--prop-text);\n font-size: 14px;\n line-height: 1.5;\n}\n\n.prop-sub-heading {\n font-size: clamp(17px, 3vw, 20px);\n font-weight: 800;\n color: var(--prop-primary-dark);\n margin: 2rem 0 1.25rem 0;\n text-align: center;\n}\n\n.prop-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.prop-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.prop-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--prop-primary), var(--prop-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(122,31,43,.3);\n}\n\n.prop-timeline-content {\n flex: 1;\n background: var(--prop-white);\n padding: 1rem 1.25rem;\n border-radius: var(--prop-radius-sm);\n box-shadow: var(--prop-shadow);\n}\n\n.prop-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--prop-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.prop-timeline-content p {\n font-size: 14px;\n color: var(--prop-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.prop-accordion {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n box-shadow: var(--prop-shadow);\n overflow: hidden;\n}\n\n.prop-accordion-item {\n border-bottom: 1px solid var(--prop-border);\n margin: 0;\n padding: 0;\n}\n\n.prop-accordion-item:last-child {\n border-bottom: none;\n}\n\n.prop-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--prop-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.prop-accordion-header:hover {\n background: var(--prop-primary-light);\n}\n\n.prop-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.prop-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--prop-primary);\n transition: transform .2s ease;\n}\n\n.prop-accordion-item[open] .prop-accordion-header::after {\n content: '−';\n}\n\n.prop-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--prop-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.prop-accordion-content p {\n margin: 0;\n}\n\n.prop-cta-box {\n background: linear-gradient(135deg, var(--prop-primary) 0%, var(--prop-primary-dark) 100%);\n border-radius: var(--prop-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--prop-shadow-lg);\n}\n\n.prop-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(232,169,60,.25) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.prop-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,.15);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .prop-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .prop-card {\n padding: 1.125rem;\n }\n\n .prop-section {\n margin-bottom: 1.75rem;\n }\n\n .prop-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--prop-radius-sm);\n }\n\n .prop-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .prop-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .prop-grid-compact {\n gap: .625rem;\n }\n\n .prop-grid-compact .prop-card {\n padding: .75rem;\n }\n\n .prop-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .prop-timeline-content {\n padding: .875rem 1rem;\n }\n\n .prop-timeline-content h3 {\n font-size: 14px;\n }\n\n .prop-timeline-content p {\n font-size: 13px;\n }\n\n .prop-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .prop-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .prop-compo-row {\n grid-template-columns: 1fr;\n gap: .25rem;\n padding: .875rem 1rem;\n }\n\n .prop-compo-label {\n font-size: 11px;\n }\n\n .prop-compo-value {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .prop-card {\n animation: fadeInUp .5s ease backwards;\n }\n .prop-card:nth-child(1) { animation-delay: .05s; }\n .prop-card:nth-child(2) { animation-delay: .1s; }\n .prop-card:nth-child(3) { animation-delay: .15s; }\n .prop-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .prop-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":64771199730041,"sku":"AP0225","price":10.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-de-propolis-brune-propolia-packshothd.webp?v=1790953194"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/respiratoire.webp?v=1790071799","url":"https:\/\/www.naturellement-bio.com\/collections\/respiratoire.oembed?page=2","provider":"Naturellement Bio","version":"1.0","type":"link"}