{"title":"Apithérapie","description":"\u003cp\u003e\u003cstrong\u003eFatigue\u003c\/strong\u003e persistante, gorge irritée dès les premiers froids, immunité en berne... Et si les abeilles avaient déjà élaboré des réponses à ces problématiques du quotidien ? Depuis des millénaires, l'humanité puise dans les trésors de la ruche pour prendre soin de sa santé. Aujourd'hui, l'apithérapie associe cette sagesse ancestrale aux connaissances scientifiques modernes. On vous explique comment ces précieux \u003cstrong\u003eproduits\u003c\/strong\u003e de la ruche peuvent vous accompagner au fil des saisons.\u003c\/p\u003e\n\u003ch2\u003eQuand se tourner vers les produits de la ruche ?\u003c\/h2\u003e\n\u003cp\u003eVous vous reconnaissez peut-être dans l'une de ces situations. Les changements de saison vous fragilisent systématiquement : dès que l'automne pointe le bout de son nez, votre gorge commence à gratter et votre énergie fond comme neige au soleil. Ou alors, c'est cette fatigue qui s'accumule, semaine après semaine, sans que vous arriviez vraiment à remonter la pente.\u003c\/p\u003e\n\u003cp\u003eLes produits de la ruche trouvent leur place dans bien des moments de la vie :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eAux périodes charnières de l'année, quand l'organisme doit s'adapter aux variations de température et de luminosité\u003c\/li\u003e\n\u003cli\u003eFace aux inconforts ORL récurrents - cette gorge sensible qui revient sans cesse, ce nez encombré au réveil\u003c\/li\u003e\n\u003cli\u003eQuand vous avez besoin d'un coup de fouet naturel pour tenir le rythme du quotidien\u003c\/li\u003e\n\u003cli\u003eSi vous cherchez des alternatives douces aux solutions conventionnelles, sans pour autant renoncer à l'efficacité\u003c\/li\u003e\n\u003cli\u003ePour prendre soin de votre peau et apaiser les petits désagréments cutanés\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eD'ailleurs, si vous êtes sujet aux \u003ca href=\"\/collections\/allergies\"\u003eallergies saisonnières\u003c\/a\u003e, l'apithérapie mérite une attention particulière - on y reviendra dans la section précautions.\u003c\/p\u003e\n\u003ch2\u003eQu'est-ce que l'apithérapie et quels sont les produits de la ruche ?\u003c\/h2\u003e\n\u003cp\u003eL'apithérapie, c'est tout simplement l'utilisation thérapeutique des substances élaborées par les abeilles. Une pratique documentée depuis l'Égypte antique et la Grèce de Hippocrate, qui connaît aujourd'hui un regain d'intérêt grâce aux études scientifiques confirmant ce que nos ancêtres savaient d'instinct.\u003c\/p\u003e\n\u003ch3\u003eLa propolis : la gardienne de la ruche\u003c\/h3\u003e\n\u003cp\u003eCette résine que les abeilles récoltent sur les bourgeons leur sert à assainir et protéger leur habitat. Riche en flavonoïdes et composés phénoliques, elle fait l'objet de nombreuses recherches pour ses propriétés antimicrobiennes. Mais attention, toutes les propolis ne se valent pas :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa propolis brune\u003c\/strong\u003e (européenne) : la plus courante, polyvalente, particulièrement riche en flavonoïdes\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa propolis verte\u003c\/strong\u003e (brésilienne) : concentrée en artépilline C, un composé très étudié par la communauté scientifique\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa propolis blanche\u003c\/strong\u003e : plus rare et plus douce, idéale pour les personnes sensibles - comme le \u003ca href=\"\/products\/spray-de-propolis-bio-sans-alcool-15-ml-ballot-flurin\" title=\"Spray de Propolis Bio Sans Alcool - 15 ml - Ballot-Flurin\" target=\"_blank\"\u003eSpray de Propolis Blanche Bio Sans Alcool de Ballot-Flurin\u003c\/a\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eLa gelée royale : le nectar de la reine\u003c\/h3\u003e\n\u003cp\u003eSubstance exclusive réservée à la reine - qui vit 40 fois plus longtemps que les autres abeilles, excusez du peu - la gelée royale concentre vitamines du groupe B, acides aminés essentiels et un acide gras qu'on ne trouve nulle part ailleurs : le 10-HDA (acide 10-hydroxy-2-décénoïque). C'est d'ailleurs ce composé qui sert d'indicateur de qualité selon la pharmacopée européenne.\u003c\/p\u003e\n\u003ch3\u003eLe miel : bien plus qu'un aliment\u003c\/h3\u003e\n\u003cp\u003eOn connaît tous le miel comme douceur sucrée, mais certains miels possèdent des propriétés remarquables. Le miel de Manuka, originaire de Nouvelle-Zélande, se distingue par sa teneur en méthylglyoxal (MGO). Son activité est mesurée par l'indice IAA - plus il est élevé, plus le miel est actif. Les \u003ca href=\"\/products\/pastilles-propolis-verte-et-miel-de-manuka-36-pastilles-aagaard\"\u003ePastilles Propolis Verte et Miel de Manuka d'Aagaard\u003c\/a\u003e associent justement ces deux trésors pour une action synergique.\u003c\/p\u003e\n\u003ch3\u003eLe pollen : concentré de vitalité\u003c\/h3\u003e\n\u003cp\u003eCes micro-granules récoltés sur les fleurs constituent une source exceptionnelle de protéines végétales, vitamines et micronutriments. Un allié de choix pour les périodes de fatigue ou de convalescence.\u003c\/p\u003e\n\u003ch3\u003eLa cire et le venin d'abeille\u003c\/h3\u003e\n\u003cp\u003eMoins courants en compléments alimentaires, ils trouvent leur place en cosmétique (la cire) et en rhumatologie (le venin, sous contrôle médical strict).\u003c\/p\u003e\n\u003ch2\u003eComment choisir vos produits d'apithérapie ?\u003c\/h2\u003e\n\u003cp\u003eFace à la diversité des produits disponibles, pas toujours simple de s'y retrouver. Voici les critères qui comptent vraiment.\u003c\/p\u003e\n\u003ch3\u003eQuelle forme galénique pour quel usage ?\u003c\/h3\u003e\n\u003cp\u003eLe choix de la forme n'est pas anodin :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa teinture mère\u003c\/strong\u003e : concentration maximale en principes actifs, comme la \u003ca href=\"\/products\/teinture-mere-de-propolis-bio-30-ml-propolia-apimab\" title=\"Teinture Mère de Propolis Bio - 30ml - Propolia\" target=\"_blank\"\u003eTeinture Mère de Propolis Bio de Propolia\u003c\/a\u003e - idéale pour les cures intensives\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLes extraits sans alcool\u003c\/strong\u003e : parfaits pour les enfants (à partir de 3 ans) ou les personnes qui préfèrent éviter l'alcool\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLes sprays\u003c\/strong\u003e : pratiques et ciblés, notamment pour la gorge avec le \u003ca href=\"\/products\/spray-de-propolis-bio-sans-alcool-15-ml-ballot-flurin\" title=\"Spray de Propolis Bio Sans Alcool - 15 ml - Ballot-Flurin\" target=\"_blank\"\u003eSpray de Propolis Bio Sans Alcool de Ballot-Flurin\u003c\/a\u003e, ou pour le nez avec le \u003ca href=\"\/products\/spray-nasal-purifiant-propolis-et-plantes-20-ml-propolia-apimab\" title=\"Spray Nasal Propolis \u0026amp; Plantes 20ml - Décongestionnant Naturel - Propolia\" target=\"_blank\"\u003eSpray Nasal Propolis \u0026amp; Plantes de Propolia\u003c\/a\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLes gélules\u003c\/strong\u003e : pour les cures de fond, faciles à intégrer au quotidien\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLes pastilles\u003c\/strong\u003e : action locale prolongée, agréables à utiliser\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eLes critères de qualité à vérifier\u003c\/h3\u003e\n\u003cp\u003eOn ne va pas se mentir : tous les produits d'apithérapie ne se valent pas. Voici ce qu'il faut regarder :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eLa \u003cstrong\u003ecertification bio\u003c\/strong\u003e : garantie d'un environnement de récolte préservé\u003c\/li\u003e\n\u003cli\u003eL'\u003cstrong\u003eorigine géographique\u003c\/strong\u003e : privilégiez la traçabilité claire (France, Europe, Brésil pour la propolis verte)\u003c\/li\u003e\n\u003cli\u003eLa \u003cstrong\u003econcentration en principes actifs\u003c\/strong\u003e : pourcentage de propolis, teneur en 10-HDA pour la gelée royale (minimum 1,4%, idéalement plus de 1,8%), indice IAA\/MGO pour le miel de Manuka\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eLa question de l'alcool\u003c\/h3\u003e\n\u003cp\u003eCertains extraits de propolis contiennent de l'alcool - c'est le solvant traditionnel qui permet d'extraire les principes actifs. Si vous préférez l'éviter, des alternatives existent avec des extraits aqueux ou glycérinés, tout aussi efficaces.\u003c\/p\u003e\n\u003ch3\u003eLes pièges à éviter\u003c\/h3\u003e\n\u003cp\u003eMéfiez-vous des produits sous-dosés qui affichent \"à la propolis\" mais n'en contiennent qu'une quantité symbolique. Idem pour les allégations exagérées ou l'absence totale de traçabilité. Les marques comme Propolia, Ballot-Flurin ou Aagaard - présentes dans notre sélection - sont des références reconnues pour leur sérieux.\u003c\/p\u003e\n\u003ch2\u003ePrécautions et contre-indications de l'apithérapie\u003c\/h2\u003e\n\u003cp\u003eAussi naturels soient-ils, les produits de la ruche ne conviennent pas à tout le monde. C'est important d'en parler clairement.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLe risque allergique\u003c\/strong\u003e est la principale précaution. Si vous êtes allergique aux piqûres d'abeilles, au pollen ou à certains végétaux (peuplier, saule), une allergie croisée est possible. Avant toute première utilisation, un test cutané s'impose : appliquez une petite quantité sur l'intérieur du poignet et attendez 24 heures.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePopulations sensibles\u003c\/strong\u003e : les produits de la ruche sont généralement déconseillés aux enfants de moins de 3 ans (voire 6 ans selon les produits) et aux femmes enceintes ou allaitantes, sauf avis médical.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eInteractions médicamenteuses\u003c\/strong\u003e : certains produits, notamment la propolis, peuvent interagir avec les anticoagulants. Si vous suivez un traitement au long cours, parlez-en à votre médecin ou pharmacien.\u003c\/p\u003e\n\u003cp\u003eEntre nous, cette rigueur dans les précautions est aussi un gage de sérieux. Un produit naturel efficace mérite d'être utilisé correctement.\u003c\/p\u003e\n\u003ch2\u003eApithérapie et autres approches naturelles\u003c\/h2\u003e\n\u003cp\u003eL'apithérapie s'inscrit dans une approche globale de la santé naturelle et se marie particulièrement bien avec d'autres disciplines de la \u003ca href=\"\/collections\/phytotherapie\"\u003ephytothérapie\u003c\/a\u003e.\u003c\/p\u003e\n\u003cp\u003eL'\u003ca href=\"\/collections\/aromatherapie\"\u003earomathérapie\u003c\/a\u003e et la propolis font bon ménage pour accompagner les voies respiratoires - certains sprays associent d'ailleurs les deux. La \u003ca href=\"\/collections\/gemmotherapie\"\u003egemmothérapie\u003c\/a\u003e, qui utilise les bourgeons de plantes, complète idéalement une cure d'apithérapie pour un soutien immunitaire global. Et pour ceux qui souhaitent accompagner l'aspect émotionnel, les \u003ca href=\"\/collections\/elixirs-floraux\"\u003eélixirs floraux\u003c\/a\u003e offrent une dimension complémentaire intéressante.\u003c\/p\u003e\n\u003cp\u003eUn point d'attention toutefois : si vous êtes sensible aux pollens, commencez doucement et observez vos réactions. La nature est généreuse, mais elle demande parfois qu'on l'apprivoise progressivement.\u003c\/p\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuels sont les 6 produits de la ruche utilisés en apithérapie ?\u003c\/summary\u003e\n\u003cp\u003eLes six produits de la ruche sont le miel (aux propriétés reconnues, notamment le miel de Manuka), la propolis (résine protectrice riche en flavonoïdes), la gelée royale (concentrée en vitamines B et 10-HDA), le pollen (source de protéines et micronutriments), la cire d'abeille (surtout utilisée en cosmétique) et le venin d'abeille (réservé à des usages médicaux spécifiques). En compléments alimentaires, vous retrouverez principalement les quatre premiers.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePuis-je prendre de la propolis tous les jours ?\u003c\/summary\u003e\n\u003cp\u003eOui, la propolis peut se prendre quotidiennement, mais de préférence en cure de 3 semaines à 1 mois, notamment aux changements de saison. Respectez toujours les dosages indiqués sur le produit et faites une pause d'une à deux semaines entre les cures. Pour un usage prolongé ou en cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la propolis la plus efficace ?\u003c\/summary\u003e\n\u003cp\u003eTout dépend de votre besoin. La propolis verte du Brésil, riche en artépilline C, est particulièrement étudiée pour ses propriétés. La propolis brune européenne reste polyvalente et très riche en flavonoïdes - c'est la plus courante. La propolis blanche, plus douce, convient aux personnes sensibles. Dans tous les cas, privilégiez une concentration élevée en extrait de propolis et une certification bio pour garantir la qualité.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelles sont les contre-indications de la gelée royale ?\u003c\/summary\u003e\n\u003cp\u003eLa gelée royale est déconseillée en cas d'allergie aux produits de la ruche, d'asthme allergique ou d'eczéma atopique (prudence requise). Elle est également à éviter en cas de cancer hormonodépendant sans avis médical préalable. Pour les enfants de moins de 6 ans et les femmes enceintes ou allaitantes, demandez conseil à un professionnel de santé avant utilisation.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment reconnaître une gelée royale de qualité ?\u003c\/summary\u003e\n\u003cp\u003eVérifiez d'abord la teneur en 10-HDA : minimum 1,4% selon la pharmacopée européenne, idéalement supérieure à 1,8%. La certification bio et la fraîcheur sont essentielles - une gelée royale de qualité se conserve au réfrigérateur. Privilégiez une origine française ou européenne pour une meilleure traçabilité. Évitez les produits lyophilisés bas de gamme qui perdent une partie de leurs propriétés.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le meilleur moment pour faire une cure d'apithérapie ?\u003c\/summary\u003e\n\u003cp\u003eLes changements de saison sont idéaux : fin d'été\/début d'automne pour préparer l'hiver, et fin d'hiver pour accompagner le retour du printemps. Une cure est également pertinente en période de fatigue, de convalescence ou de sollicitation intense (examens, surcharge de travail). Pour les produits énergisants comme la gelée royale, préférez une prise le matin pour profiter pleinement de leurs bienfaits.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","products":[{"product_id":"gelee-royale-300-mg-bio-20-unidoses-de-15-ml-superdiet","title":"Gelée Royale 3000 Mg Bio - 20 ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"gr-premium\"\u003e\n\n \u003cdiv class=\"gr-hero\"\u003e\n \u003cdiv class=\"gr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gr-hero-content\"\u003e\n \u003cdiv class=\"gr-badges-top\"\u003e\n \u003cspan class=\"gr-badge\"\u003e🐝 Ultra dosée 3000 mg\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gr-hero-title\"\u003eGelée Royale Bio 3000 mg\u003c\/span\u003e\n \u003cp class=\"gr-subtitle\"\u003eMiel d'acacia • Pollen • 20 ampoules de 15 ml\u003c\/p\u003e\n \u003cp class=\"gr-description\"\u003eL'une des formules les plus concentrées du marché français pour soutenir vos défenses naturelles, retrouver tonus et vitalité aux changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003ePourquoi choisir la gelée royale bio en ampoules ?\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eLa gelée royale est cette substance précieuse sécrétée par les abeilles nourricières pour alimenter leur reine. Naturellement riche en vitamines du groupe B (notamment B3 et B5), en acides aminés, en oligo-éléments et en sucres naturels, elle est reconnue pour ses propriétés tonifiantes.\u003c\/p\u003e\n \u003cdiv class=\"gr-grid\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🛡️ Soutien des défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eParticulièrement appréciée à l'arrivée de l'automne et de l'hiver, pour aborder sereinement les changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa teneur en vitamines B, qui contribuent au métabolisme énergétique normal de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🧠 Vitalité physique et intellectuelle\u003c\/h3\u003e\n \u003cp\u003eUn allié des étudiants en période d'examens ou des personnes soumises à un rythme de vie soutenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-tip\"\u003e\n \u003cspan class=\"gr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLe format \u003cstrong\u003eampoule bio\u003c\/strong\u003e garantit une dose précise, une conservation optimale des actifs et une prise simple au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eComposition détaillée (pour une ampoule de 15 ml)\u003c\/h2\u003e\n \u003cdiv class=\"gr-grid-compact\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e👑 Gelée royale bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e3000 mg\u003c\/strong\u003e\u003cbr\u003eUltra-dosage exceptionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🍯 Miel d'acacia bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e250 mg\u003c\/strong\u003e\u003cbr\u003eDouceur naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🌼 Pollen bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e35 mg\u003c\/strong\u003e\u003cbr\u003eRichesse nutritionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🍐 Base végétale bio\u003c\/h3\u003e\n \u003cp\u003eEau purifiée, jus concentré de poire, sirop d'agave\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-tip\"\u003e\n \u003cspan class=\"gr-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eCertifiée \u003cstrong\u003eEcocert FR-BIO-01\u003c\/strong\u003e — \u003cstrong\u003esans alcool, sans conservateur, sans colorant\u003c\/strong\u003e et sans additif artificiel. Fabriquée en France par Superdiet, laboratoire engagé depuis plus de 60 ans dans la phytothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"gr-timeline\"\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003e🌅 1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin à jeun, pour une cure de 20 jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003e🤲 Agitez avant ouverture\u003c\/h3\u003e\n \u003cp\u003eSecouez bien l'ampoule afin d'homogénéiser son contenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003e🥄 Pure ou diluée\u003c\/h3\u003e\n \u003cp\u003eConsommez-la pure, ou diluée dans un peu d'eau, un jus de fruit ou un yaourt si le goût vous paraît trop prononcé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003e🔄 Renouvelez la cure\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, renouvelez 2 à 3 fois par an, notamment aux intersaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-tip\"\u003e\n \u003cspan class=\"gr-tip-icon\"\u003e🧊\u003c\/span\u003e\n \u003cp\u003eConservez les ampoules dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eUne gelée royale française bio d'exception\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eEn choisissant cette \u003cstrong\u003egelée royale bio française\u003c\/strong\u003e, vous soutenez une apiculture respectueuse des abeilles et de la biodiversité.\u003c\/p\u003e\n \u003cdiv class=\"gr-grid-compact\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🏅 Sélection rigoureuse\u003c\/h3\u003e\n \u003cp\u003eDes matières premières triées avec la plus grande exigence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🔬 Contrôle total\u003c\/h3\u003e\n \u003cp\u003eChaque étape vérifiée, de la ruche à l'ampoule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e💪 Ultra-dosage 3000 mg\u003c\/h3\u003e\n \u003cp\u003eParmi les références pour une efficacité réelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🐝 Respect des abeilles\u003c\/h3\u003e\n \u003cp\u003eUne apiculture engagée pour la biodiversité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gr-accordion\"\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé aux personnes allergiques aux produits de la ruche\u003c\/strong\u003e (miel, pollen, propolis), aux femmes enceintes ou allaitantes et aux enfants de moins de 12 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e💊 Usage responsable\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute ou de traitement en cours, demandez l'avis de votre médecin ou pharmacien. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gr-cream: #fdf8ee;\n --gr-white: #ffffff;\n --gr-primary: #f5a623;\n --gr-primary-dark: #b8751a;\n --gr-primary-light: #fef3dd;\n --gr-secondary: #e87a1a;\n --gr-accent: #7fb069;\n --gr-text: #2a1f0f;\n --gr-text-light: #6b5a3f;\n --gr-border: #ecdcb8;\n --gr-shadow: 0 4px 24px rgba(184, 117, 26, .1);\n --gr-shadow-lg: 0 12px 48px rgba(184, 117, 26, .18);\n --gr-radius: 20px;\n --gr-radius-sm: 12px;\n}\n\n.gr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--gr-text);\n}\n\n.gr-hero {\n position: relative;\n background: linear-gradient(135deg, #f5a623 0%, #e87a1a 50%, #b8751a 100%);\n border-radius: var(--gr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gr-shadow-lg);\n}\n\n.gr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .4;\n}\n\n.gr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gr-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.gr-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.gr-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.gr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.gr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gr-primary), var(--gr-secondary));\n border-radius: 2px;\n}\n\n.gr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gr-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.gr-card {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gr-shadow-lg);\n border-color: var(--gr-primary);\n}\n\n.gr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gr-grid-compact .gr-card {\n padding: 1.125rem;\n}\n\n.gr-grid-compact .gr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gr-grid-compact .gr-card p {\n font-size: 12.5px;\n}\n\n.gr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.gr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gr-primary), var(--gr-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(245, 166, 35, .35);\n}\n\n.gr-timeline-content {\n flex: 1;\n background: var(--gr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gr-radius-sm);\n box-shadow: var(--gr-shadow);\n}\n\n.gr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gr-timeline-content p {\n font-size: 14px;\n color: var(--gr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.gr-accordion {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n box-shadow: var(--gr-shadow);\n overflow: hidden;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.gr-accordion-item {\n border-bottom: 1px solid var(--gr-border);\n margin: 0;\n padding: 0;\n}\n\n.gr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.gr-accordion-header:hover {\n background: var(--gr-primary-light);\n}\n\n.gr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gr-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--gr-primary);\n transition: transform .2s ease;\n}\n\n.gr-accordion-item[open] .gr-accordion-header::after {\n content: '−';\n}\n\n.gr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gr-accordion-content p {\n margin: 0;\n}\n\n.gr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gr-primary-light);\n border-radius: var(--gr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--gr-primary);\n}\n\n.gr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.gr-tip p {\n font-size: 14px;\n color: var(--gr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .gr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gr-card {\n padding: 1.125rem;\n }\n\n .gr-section {\n margin-bottom: 1.75rem;\n }\n\n .gr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gr-radius-sm);\n }\n\n .gr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gr-grid-compact {\n gap: .625rem;\n }\n\n .gr-grid-compact .gr-card {\n padding: .75rem;\n }\n\n .gr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gr-timeline-content h3 {\n font-size: 14px;\n }\n\n .gr-timeline-content p {\n font-size: 13px;\n }\n\n .gr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .gr-card {\n animation: grFadeInUp .5s ease backwards;\n }\n .gr-card:nth-child(1) { animation-delay: .05s; }\n .gr-card:nth-child(2) { animation-delay: .1s; }\n .gr-card:nth-child(3) { animation-delay: .15s; }\n .gr-card:nth-child(4) { animation-delay: .2s; }\n .gr-card:nth-child(5) { animation-delay: .25s; }\n .gr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes grFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754690437277,"sku":"NBAISUP0005","price":26.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gelee-royale-3000-mg-bio-20-ampoules-de-15-ml-superdiet-packshothd.webp?v=1776436472"},{"product_id":"ginseng-gelee-royale-acerola-bio-20-ampoules-de-15-ml-superdiet","title":"Ginseng, Gelée Royale \u0026 Acérola Bio - 20 ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"sgr-premium\"\u003e\n \u003cdiv class=\"sgr-hero\"\u003e\n \u003cdiv class=\"sgr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sgr-hero-content\"\u003e\n \u003cdiv class=\"sgr-badges-top\"\u003e\n \u003cspan class=\"sgr-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"sgr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sgr-badge\"\u003e⚡ Booster d'énergie\u003c\/span\u003e\n \u003cspan class=\"sgr-badge\"\u003e🚫 Sans alcool\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sgr-hero-title\"\u003eGinseng, Gelée Royale \u0026amp; Acérola Bio\u003c\/span\u003e\n \u003cp class=\"sgr-subtitle\"\u003eLe trio vitalité par excellence — Superdiet\u003c\/p\u003e\n \u003cp class=\"sgr-description\"\u003e20 ampoules concentrées pour soutenir votre tonus, votre énergie et vos défenses naturelles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003eGinseng, Gelée Royale \u0026amp; Acérola Bio Superdiet : le trio vitalité par excellence\u003c\/h2\u003e\n \u003cp class=\"sgr-section-intro\"\u003eVous traversez une période de fatigue passagère, un changement de saison ou un rythme de vie soutenu ? Les \u003cstrong\u003eampoules Ginseng, Gelée Royale \u0026amp; Acérola Bio de Superdiet\u003c\/strong\u003e ont été pensées pour vous accompagner au quotidien.\u003c\/p\u003e\n \u003cp class=\"sgr-section-intro\"\u003eCette formule concentrée réunit trois ingrédients naturels emblématiques, reconnus depuis des générations pour soutenir l'énergie et la vitalité. Certifiée \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e et fabriquée en France, cette cure d'exception s'inscrit comme une référence parmi les \u003cstrong\u003eampoules de gelée royale, ginseng et acérola\u003c\/strong\u003e disponibles sur le marché.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette synergie ginseng, gelée royale et acérola ?\u003c\/h2\u003e\n \u003cp class=\"sgr-section-intro\"\u003eLe secret de l'efficacité de ce complément alimentaire réside dans sa \u003cstrong\u003esynergie végétale et apicole\u003c\/strong\u003e. Chaque ingrédient a été sélectionné pour ses qualités spécifiques :\u003c\/p\u003e\n \u003cdiv class=\"sgr-grid\"\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🌱 Ginseng Panax CA Meyer (6 ans d'âge)\u003c\/h3\u003e\n \u003cp\u003ePlante adaptogène emblématique d'Asie, réputée pour contribuer au tonus et à l'énergie, tant physique que mentale. Sa maturité de 6 ans garantit une concentration optimale en principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🍯 Gelée Royale Bio\u003c\/h3\u003e\n \u003cp\u003eNourriture exclusive de la reine des abeilles, elle est riche en nutriments précieux et appréciée pour accompagner les organismes mis à l'épreuve.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🍒 Acérola Bio\u003c\/h3\u003e\n \u003cp\u003ePetite baie originaire d'Amérique du Sud, source naturelle de vitamine C qui contribue à réduire la fatigue et au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003eComposition détaillée par ampoule de 15 ml\u003c\/h2\u003e\n \u003cdiv class=\"sgr-grid\"\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🌱 Ginseng Panax CA Meyer\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e530 mg\u003c\/strong\u003e — 6 ans d'âge, titré à \u003cstrong\u003e20 mg de ginsénosides\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🍯 Gelée Royale Bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e500 mg\u003c\/strong\u003e par ampoule, sélectionnée auprès de ruches qualitatives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🍒 Extrait sec d'Acérola Bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e265 mg\u003c\/strong\u003e (Malpighia punicifolia), équivalent à 2,9 g de baies fraîches, soit \u003cstrong\u003e12 mg de vitamine C\u003c\/strong\u003e (15 % des VNR).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e💧 Base naturelle\u003c\/h3\u003e\n \u003cp\u003eEau purifiée et jus concentré de poire* pour une texture douce et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sgr-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003eLes atouts de la formule Superdiet\u003c\/h2\u003e\n \u003cdiv class=\"sgr-grid-compact\"\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (FR-BIO-10)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🚫 Formule pure\u003c\/h3\u003e\n \u003cp\u003eSans alcool, sans conservateur, sans colorant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🌳 Méthode Canopée\u003c\/h3\u003e\n \u003cp\u003ePréserve la richesse des actifs naturels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n \u003cp\u003eFabriqué dans les Hauts-de-France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e✨ Ouverture facile\u003c\/h3\u003e\n \u003cp\u003eAmpoules pratiques à emporter\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e📅 Cure 20 jours\u003c\/h3\u003e\n \u003cp\u003e1 ampoule par jour, format optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003eComment prendre les ampoules Ginseng Gelée Royale Acérola ?\u003c\/h2\u003e\n \u003cdiv class=\"sgr-timeline\"\u003e\n \u003cdiv class=\"sgr-timeline-item\"\u003e\n \u003cdiv class=\"sgr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sgr-timeline-content\"\u003e\n \u003ch3\u003eAgitez l'ampoule\u003c\/h3\u003e\n \u003cp\u003eAvant emploi, secouez doucement pour bien homogénéiser la préparation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-timeline-item\"\u003e\n \u003cdiv class=\"sgr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sgr-timeline-content\"\u003e\n \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin à jeun, pure ou diluée dans un demi-verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-timeline-item\"\u003e\n \u003cdiv class=\"sgr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sgr-timeline-content\"\u003e\n \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n \u003cp\u003eRenouvelable jusqu'à 3 mois maximum, idéalement aux changements de saison ou lors de périodes intenses (examens, travail soutenu, récupération sportive).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-tip\"\u003e\n \u003cspan class=\"sgr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour profiter pleinement des bienfaits du ginseng, privilégiez la prise du matin afin de soutenir votre énergie sur toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sgr-accordion\"\u003e\n \u003cdetails class=\"sgr-accordion-item\"\u003e\n \u003csummary class=\"sgr-accordion-header\"\u003e⚠️ Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'adulte. Ne convient pas aux enfants. Déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sgr-accordion-item\"\u003e\n \u003csummary class=\"sgr-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche. Déconseillé en cas de traitement antidiabétique ou d'hypertension. En cas de maladie cardiovasculaire ou de diabète, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sgr-accordion-item\"\u003e\n \u003csummary class=\"sgr-accordion-header\"\u003e📋 Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. À tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"sgr-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUne origine rigoureusement sélectionnée\u003c\/h2\u003e\n \u003cdiv class=\"sgr-cta-box\"\u003e\n \u003cp\u003eSuperdiet privilégie la qualité à chaque étape. Le \u003cstrong\u003eginseng\u003c\/strong\u003e provient de cultures biologiques coréennes réputées, la \u003cstrong\u003egelée royale\u003c\/strong\u003e est issue de ruches sélectionnées, et l'\u003cstrong\u003eacérola\u003c\/strong\u003e est récolté au Brésil. Une traçabilité exemplaire pour un produit naturel, respectueux de l'environnement et de votre organisme. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sgr-cream: #fdf6ec;\n --sgr-white: #ffffff;\n --sgr-primary: #d92e2e;\n --sgr-primary-dark: #a51c1c;\n --sgr-primary-light: #fde4e4;\n --sgr-secondary: #f5b800;\n --sgr-accent: #2e8b3d;\n --sgr-text: #1a1a1a;\n --sgr-text-light: #5a5a5a;\n --sgr-border: #ecdfd0;\n --sgr-shadow: 0 4px 24px rgba(165,28,28,.08);\n --sgr-shadow-lg: 0 12px 48px rgba(165,28,28,.18);\n --sgr-radius: 20px;\n --sgr-radius-sm: 12px;\n}\n\n.sgr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sgr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sgr-text);\n}\n\n.sgr-hero {\n position: relative;\n background: linear-gradient(135deg, #d92e2e 0%, #e85a3a 50%, #f5b800 100%);\n border-radius: var(--sgr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sgr-shadow-lg);\n}\n\n.sgr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n opacity: .3;\n}\n\n.sgr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sgr-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.sgr-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.sgr-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n margin: 0 auto;\n max-width: 600px;\n line-height: 1.6;\n opacity: .95;\n}\n\n.sgr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sgr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sgr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sgr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sgr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sgr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sgr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.sgr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sgr-primary), var(--sgr-secondary));\n border-radius: 2px;\n}\n\n.sgr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sgr-text-light);\n margin: 0 auto 1.25rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.sgr-section-intro strong {\n color: var(--sgr-text);\n}\n\n.sgr-card {\n background: var(--sgr-white);\n border-radius: var(--sgr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sgr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sgr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sgr-shadow-lg);\n border-color: var(--sgr-primary);\n}\n\n.sgr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sgr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sgr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sgr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sgr-card p strong {\n color: var(--sgr-primary-dark);\n}\n\n.sgr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sgr-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.sgr-grid-compact .sgr-card {\n padding: 1rem;\n}\n\n.sgr-grid-compact .sgr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sgr-grid-compact .sgr-card p {\n font-size: 12px;\n}\n\n.sgr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sgr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sgr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sgr-primary), var(--sgr-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(217,46,46,.3);\n}\n\n.sgr-timeline-content {\n flex: 1;\n background: var(--sgr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sgr-radius-sm);\n box-shadow: var(--sgr-shadow);\n}\n\n.sgr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sgr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sgr-timeline-content p {\n font-size: 14px;\n color: var(--sgr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sgr-accordion {\n background: var(--sgr-white);\n border-radius: var(--sgr-radius);\n box-shadow: var(--sgr-shadow);\n overflow: hidden;\n}\n\n.sgr-accordion-item {\n border-bottom: 1px solid var(--sgr-border);\n margin: 0;\n padding: 0;\n}\n\n.sgr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sgr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sgr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n}\n\n.sgr-accordion-header:hover {\n background: var(--sgr-primary-light);\n}\n\n.sgr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sgr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sgr-primary);\n transition: transform .2s ease;\n}\n\n.sgr-accordion-item[open] .sgr-accordion-header::after {\n content: '−';\n}\n\n.sgr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sgr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sgr-accordion-content p {\n margin: 0;\n}\n\n.sgr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sgr-primary-light);\n border-radius: var(--sgr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--sgr-secondary);\n}\n\n.sgr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sgr-tip p {\n font-size: 14px;\n color: var(--sgr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sgr-cta-box {\n background: linear-gradient(135deg, var(--sgr-primary) 0%, var(--sgr-primary-dark) 100%);\n border-radius: var(--sgr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--sgr-shadow-lg);\n}\n\n.sgr-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.sgr-cta-box p strong {\n font-weight: 800;\n color: var(--sgr-secondary);\n}\n\n.sgr-disclaimer {\n font-size: 12px;\n color: var(--sgr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .sgr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .sgr-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n .sgr-grid-compact .sgr-card {\n padding: .75rem;\n }\n .sgr-card {\n padding: 1.125rem;\n }\n .sgr-section {\n margin-bottom: 1.75rem;\n }\n .sgr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sgr-radius-sm);\n }\n .sgr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .sgr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .sgr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .sgr-timeline-content {\n padding: .875rem 1rem;\n }\n .sgr-timeline-content h3 {\n font-size: 14px;\n }\n .sgr-timeline-content p {\n font-size: 13px;\n }\n .sgr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .sgr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .sgr-card {\n animation: sgrFadeInUp .5s ease backwards;\n }\n .sgr-card:nth-child(1) { animation-delay: .05s; }\n .sgr-card:nth-child(2) { animation-delay: .1s; }\n .sgr-card:nth-child(3) { animation-delay: .15s; }\n .sgr-card:nth-child(4) { animation-delay: .2s; }\n .sgr-card:nth-child(5) { animation-delay: .25s; }\n .sgr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sgrFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sgr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754695581853,"sku":"NBAISUP0004","price":33.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ginseng-gelee-royale-acerola-bio-20-ampoules-de-15-ml-superd-packshothd.webp?v=1776429695"},{"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":"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":"gelules-ultra-propolis-intense-120-gelules-propolia-apimab","title":"Propolis ULTRA Défenses Immunitaires - 120 gélules – Propolia","description":"\u003cdiv class=\"pu-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pu-hero\"\u003e\n \u003cdiv class=\"pu-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pu-hero-content\"\u003e\n \u003cdiv class=\"pu-badges-top\"\u003e\n \u003cspan class=\"pu-badge\"\u003e🐝 75 mg de propolis pure\/gélule\u003c\/span\u003e\n \u003cspan class=\"pu-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"pu-badge\"\u003e🍯 120 gélules — 30 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pu-hero-title\"\u003ePropolis Ultra Défenses Immunitaires\u003c\/span\u003e\n \u003cp class=\"pu-subtitle\"\u003ePropolis Intense® par Propolia — La puissance concentrée de la ruche\u003c\/p\u003e\n \u003cp class=\"pu-description\"\u003eUne formule ultra-concentrée en propolis pure micronisée pour soutenir vos défenses naturelles aux changements de saison, en hiver et en période de fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"pu-section\"\u003e\n \u003ch2\u003ePropolis Ultra en gélules : une concentration intense pour vos défenses immunitaires\u003c\/h2\u003e\n \u003cp class=\"pu-section-intro\"\u003eVous cherchez un moyen naturel et efficace de \u003cstrong\u003erenforcer votre immunité\u003c\/strong\u003e ? Les \u003cstrong\u003egélules Propolis Ultra\u003c\/strong\u003e de Propolia concentrent toute la puissance de la propolis pure dans une formule intense et facile à prendre au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"pu-grid-compact\"\u003e\n \u003cdiv class=\"pu-card\"\u003e\n \u003ch3\u003e💊 75 mg par gélule\u003c\/h3\u003e\n \u003cp\u003eDe propolis pure hautement concentrée dans chaque gélule végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pu-card\"\u003e\n \u003ch3\u003e📅 Cure de 30 jours\u003c\/h3\u003e\n \u003cp\u003e120 gélules pour un mois complet de protection immunitaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pu-card\"\u003e\n \u003ch3\u003e🍂 Changements de saison\u003c\/h3\u003e\n \u003cp\u003eIdéale en automne, hiver ou dès que l'organisme a besoin d'un coup de pouce\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pu-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Adultes \u0026amp; enfants\u003c\/h3\u003e\n \u003cp\u003eConvient aux adultes et aux enfants de plus de 3 ans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"pu-section\"\u003e\n \u003ch2\u003ePourquoi choisir la propolis en gélules ?\u003c\/h2\u003e\n \u003cp class=\"pu-section-intro\"\u003eLa propolis est une résine naturelle récoltée par les abeilles pour protéger leur ruche des bactéries, champignons et virus. Utilisée depuis l'Antiquité, elle est aujourd'hui reconnue pour sa richesse en \u003cstrong\u003eflavonoïdes, acides phénoliques et oligo-éléments\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"pu-grid\"\u003e\n \u003cdiv class=\"pu-card\"\u003e\n \u003ch3\u003e🧪 Purification unique\u003c\/h3\u003e\n \u003cp\u003eUn procédé de purification et de micronisation exclusif qui préserve l'intégralité des actifs de la propolis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pu-card\"\u003e\n \u003ch3\u003e✨ Hautement assimilable\u003c\/h3\u003e\n \u003cp\u003eUne propolis fine, pure et parfaitement assimilable par l'organisme grâce à la micronisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pu-card\"\u003e\n \u003ch3\u003e😋 Facile à prendre\u003c\/h3\u003e\n \u003cp\u003eSimple à doser et agréable à consommer, même pour ceux qui n'apprécient pas le goût prononcé de la propolis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"pu-section\"\u003e\n \u003ch2\u003eLes bienfaits des gélules Propolis Ultra\u003c\/h2\u003e\n \u003cdiv class=\"pu-grid\"\u003e\n \u003cdiv class=\"pu-card\"\u003e\n \u003ch3\u003e🛡️ Soutien des défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eLa propolis stimule naturellement les mécanismes de défense de l'organisme, notamment l'activité des macrophages, vos cellules sentinelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pu-card\"\u003e\n \u003ch3\u003e🌬️ Confort respiratoire\u003c\/h3\u003e\n \u003cp\u003eIdéale dès les premiers inconforts hivernaux : maux de gorge, nez qui coule, toux légère\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pu-card\"\u003e\n \u003ch3\u003e😁 Gencives apaisées\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés apaisantes, la propolis contribue au confort buccal au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pu-card\"\u003e\n \u003ch3\u003e💪 Résistance à la fatigue\u003c\/h3\u003e\n \u003cp\u003eUn allié précieux lorsque le stress, le manque de sommeil ou un rythme soutenu fragilisent votre organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"pu-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"pu-grid-compact\"\u003e\n \u003cdiv class=\"pu-card\"\u003e\n \u003ch3\u003e🍯 Propolis pure micronisée\u003c\/h3\u003e\n \u003cp\u003e75 mg par gélule — 100 % de l'actif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pu-card\"\u003e\n \u003ch3\u003e🌿 Gélule végétale\u003c\/h3\u003e\n \u003cp\u003eEnveloppe en HPMC d'origine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pu-tip\"\u003e\n \u003cspan class=\"pu-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003esans gluten\u003c\/strong\u003e, sans colorant artificiel, sans conservateur de synthèse. Le pilulier contient \u003cstrong\u003e120 gélules\u003c\/strong\u003e, soit une cure complète de 30 jours à la posologie adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"pu-section\"\u003e\n \u003ch2\u003ePosologie : comment prendre vos gélules de propolis ?\u003c\/h2\u003e\n \u003cdiv class=\"pu-timeline\"\u003e\n \u003cdiv class=\"pu-timeline-item\"\u003e\n \u003cdiv class=\"pu-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pu-timeline-content\"\u003e\n \u003ch3\u003eAdultes\u003c\/h3\u003e\n \u003cp\u003ePrendre 4 à 8 gélules par jour (soit 300 à 600 mg de propolis pure), réparties entre le matin et le soir, avec un grand verre d'eau. Durée recommandée : 1 mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pu-timeline-item\"\u003e\n \u003cdiv class=\"pu-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pu-timeline-content\"\u003e\n \u003ch3\u003eEnfants de plus de 3 ans\u003c\/h3\u003e\n \u003cp\u003e2 à 4 gélules par jour pendant 1 mois. Pour les plus petits, vous pouvez ouvrir la gélule et mélanger la poudre dans une compote ou un yaourt.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pu-timeline-item\"\u003e\n \u003cdiv class=\"pu-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pu-timeline-content\"\u003e\n \u003ch3\u003eConseil d'optimisation\u003c\/h3\u003e\n \u003cp\u003eCommencez votre cure dès l'automne ou au premier signe de fatigue saisonnière. Un professionnel de santé pourra vous aider à ajuster la \u003cstrong\u003eposologie des gélules de propolis\u003c\/strong\u003e selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"pu-section\"\u003e\n \u003ch2\u003eFabrication française et engagement qualité\u003c\/h2\u003e\n \u003cdiv class=\"pu-testimonial\"\u003e\n \u003cp class=\"pu-testimonial-text\"\u003ePropolia est une marque française spécialisée dans les produits de la ruche depuis plus de 40 ans. Chaque lot de propolis est rigoureusement contrôlé, et la fabrication respecte des normes strictes garantissant pureté, traçabilité et respect des abeilles. En choisissant ce produit, vous soutenez une apiculture responsable et un savoir-faire artisanal reconnu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pu-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"pu-card\"\u003e\n \u003ch3\u003e🏭 +40 ans d'expertise\u003c\/h3\u003e\n \u003cp\u003eSpécialiste des produits de la ruche depuis plus de quatre décennies\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pu-card\"\u003e\n \u003ch3\u003e🔍 Contrôle rigoureux\u003c\/h3\u003e\n \u003cp\u003eChaque lot est analysé pour garantir pureté et traçabilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pu-card\"\u003e\n \u003ch3\u003e🐝 Apiculture responsable\u003c\/h3\u003e\n \u003cp\u003eUn engagement fort pour le respect des abeilles et de leur environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pu-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduction artisanale française aux normes les plus exigeantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"pu-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pu-accordion\"\u003e\n \u003cdetails class=\"pu-accordion-item\" open\u003e\n \u003csummary class=\"pu-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"pu-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément alimentaire ne remplace ni 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=\"pu-accordion-item\"\u003e\n \u003csummary class=\"pu-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"pu-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche. En cas de doute, consultez votre médecin ou pharmacien avant de commencer la cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pu-accordion-item\"\u003e\n \u003csummary class=\"pu-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"pu-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Ce produit convient aux enfants de plus de 3 ans sous la supervision d'un adulte.\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=\"pu-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pu-cta-box\"\u003e\n \u003cp\u003e🐝 Renforcez vos défenses naturelles avec la puissance concentrée de la propolis pure — 120 gélules pour 30 jours de protection optimale, fabriquées en France par Propolia depuis plus de 40 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pu-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pu-cream: #faf6f0;\n --pu-white: #ffffff;\n --pu-primary: #c4903d;\n --pu-primary-dark: #7a3b1e;\n --pu-primary-light: #fdf3e4;\n --pu-secondary: #d4a843;\n --pu-accent: #b5304a;\n --pu-text: #1a1a1a;\n --pu-text-light: #5a5a5a;\n --pu-border: #e8ddd0;\n --pu-shadow: 0 4px 24px rgba(122,59,30,.08);\n --pu-shadow-lg: 0 12px 48px rgba(122,59,30,.15);\n --pu-radius: 20px;\n --pu-radius-sm: 12px;\n}\n\n.pu-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pu-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pu-hero {\n position: relative;\n background: linear-gradient(135deg, #7a3b1e 0%, #c4903d 50%, #d4a843 100%);\n border-radius: var(--pu-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(--pu-shadow-lg);\n}\n\n.pu-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 L52 17.5 L52 42.5 L30 55 L8 42.5 L8 17.5 Z' fill='none' stroke='white' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n opacity: .06;\n}\n\n.pu-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pu-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.pu-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.pu-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pu-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pu-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(--pu-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pu-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pu-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pu-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pu-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.pu-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(--pu-primary), var(--pu-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pu-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pu-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.pu-card {\n background: var(--pu-white);\n border-radius: var(--pu-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pu-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pu-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pu-shadow-lg);\n border-color: var(--pu-primary);\n}\n\n.pu-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pu-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pu-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pu-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pu-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pu-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pu-grid-compact .pu-card {\n padding: 1rem;\n}\n\n.pu-grid-compact .pu-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pu-grid-compact .pu-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pu-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pu-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pu-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pu-primary), var(--pu-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.pu-timeline-content {\n flex: 1;\n background: var(--pu-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pu-radius-sm);\n box-shadow: var(--pu-shadow);\n}\n\n.pu-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pu-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pu-timeline-content p {\n font-size: 14px;\n color: var(--pu-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.pu-testimonial {\n background: var(--pu-white);\n border-radius: var(--pu-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pu-shadow);\n border-left: 4px solid var(--pu-primary);\n}\n\n.pu-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pu-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pu-accordion {\n background: var(--pu-white);\n border-radius: var(--pu-radius);\n box-shadow: var(--pu-shadow);\n overflow: hidden;\n}\n\n.pu-accordion-item {\n border-bottom: 1px solid var(--pu-border);\n margin: 0;\n padding: 0;\n}\n\n.pu-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pu-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pu-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.pu-accordion-header:hover {\n background: var(--pu-primary-light);\n}\n\n.pu-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pu-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pu-primary);\n transition: transform .2s ease;\n}\n\n.pu-accordion-item[open] .pu-accordion-header::after {\n content: '−';\n}\n\n.pu-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pu-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pu-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pu-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pu-primary-light);\n border-radius: var(--pu-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pu-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pu-tip p {\n font-size: 14px;\n color: var(--pu-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pu-cta-box {\n background: linear-gradient(135deg, var(--pu-primary) 0%, var(--pu-primary-dark) 100%);\n border-radius: var(--pu-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pu-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.pu-disclaimer {\n font-size: 12px;\n color: var(--pu-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 .pu-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pu-card {\n padding: 1.125rem;\n }\n\n .pu-section {\n margin-bottom: 1.75rem;\n }\n\n .pu-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pu-radius-sm);\n }\n\n .pu-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pu-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pu-grid-compact {\n gap: .625rem;\n }\n\n .pu-grid-compact .pu-card {\n padding: .75rem;\n }\n\n .pu-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pu-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pu-timeline-content h3 {\n font-size: 14px;\n }\n\n .pu-timeline-content p {\n font-size: 13px;\n }\n\n .pu-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pu-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pu-testimonial {\n padding: 1.25rem;\n }\n\n .pu-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pu-card {\n animation: puFadeInUp .5s ease backwards;\n }\n .pu-card:nth-child(1) { animation-delay: .05s; }\n .pu-card:nth-child(2) { animation-delay: .1s; }\n .pu-card:nth-child(3) { animation-delay: .15s; }\n .pu-card:nth-child(4) { animation-delay: .2s; }\n .pu-card:nth-child(5) { animation-delay: .25s; }\n .pu-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes puFadeInUp {\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 .pu-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":45755299397789,"sku":"AP0117","price":22.35,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/propolis-ultra-defenses-immunitaires-120-gelules-propolia-packshothd.webp?v=1790450457"},{"product_id":"spray-nasal-purifiant-propolis-et-plantes-20-ml-propolia-apimab","title":"Spray Nasal Propolis \u0026 Plantes 20ml - Décongestionnant Naturel - Propolia","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Spray Nasal Propolis \u0026 Plantes 20ml - Propolia\nPalette détectée:\n - Primaire: #3B8FC2 (bleu ciel vif du packaging)\n - Secondaire: #F5B942 (jaune miel\/doré de l'abeille)\n - Accent: #1E5A7E (bleu foncé profond)\nAmbiance: Naturel\/Bio, apicole, frais et purifiant, français authentique\nPréfixe CSS: pn\n--\u003e\n\n\u003cdiv class=\"pn-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"pn-hero\"\u003e\n \u003cdiv class=\"pn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pn-hero-content\"\u003e\n \u003cdiv class=\"pn-badges-top\"\u003e\n \u003cspan class=\"pn-badge\"\u003e🐝 Propolis bio française\u003c\/span\u003e\n \u003cspan class=\"pn-badge\"\u003e🌿 4 plantes aromatiques\u003c\/span\u003e\n \u003cspan class=\"pn-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pn-hero-title\"\u003eSpray nasal purifiant\u003c\/span\u003e\n \u003cp class=\"pn-subtitle\"\u003ePropolis \u0026amp; plantes bio — 20 ml\u003c\/p\u003e\n \u003cp class=\"pn-description\"\u003eLibérez vos voies respiratoires naturellement avec la puissance de la ruche et de la phytothérapie. Soulagement rapide, formule 100% naturelle.\u003c\/p\u003e\n \u003cdiv class=\"pn-hero-stats\"\u003e\n \u003cdiv class=\"pn-stat\"\u003e\n \u003cspan class=\"pn-stat-number\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"pn-stat-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-stat\"\u003e\n \u003cspan class=\"pn-stat-number\"\u003e4\u003c\/span\u003e\n \u003cspan class=\"pn-stat-label\"\u003ePlantes bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-stat\"\u003e\n \u003cspan class=\"pn-stat-number\"\u003e40+\u003c\/span\u003e\n \u003cspan class=\"pn-stat-label\"\u003eAns d'expertise\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POURQUOI LA PROPOLIS --\u003e\n \u003csection class=\"pn-section\"\u003e\n \u003ch2\u003ePourquoi choisir la propolis pour votre nez ?\u003c\/h2\u003e\n \u003cdiv class=\"pn-intro-box\"\u003e\n \u003cdiv class=\"pn-bee-icon\"\u003e🐝\u003c\/div\u003e\n \u003cp\u003eLa \u003cstrong\u003epropolis\u003c\/strong\u003e est une résine naturelle récoltée par les abeilles, reconnue depuis l'Antiquité pour ses propriétés purifiantes et protectrices. Contrairement aux sprays nasaux chimiques qui peuvent assécher les muqueuses ou créer une dépendance, ce spray respecte l'équilibre naturel de votre nez tout en agissant efficacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-grid pn-grid-4\"\u003e\n \u003cdiv class=\"pn-card pn-card-highlight\"\u003e\n \u003cspan class=\"pn-card-icon\"\u003e🏆\u003c\/span\u003e\n \u003ch3\u003ePropolis française certifiée bio\u003c\/h3\u003e\n \u003cp\u003eOrigine contrôlée, traçabilité garantie depuis la ruche jusqu'au flacon\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-card pn-card-highlight\"\u003e\n \u003cspan class=\"pn-card-icon\"\u003e🌿\u003c\/span\u003e\n \u003ch3\u003eSynergie de 4 plantes bio\u003c\/h3\u003e\n \u003cp\u003eThym, romarin, eucalyptus et menthe poivrée pour une action complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-card pn-card-highlight\"\u003e\n \u003cspan class=\"pn-card-icon\"\u003e✨\u003c\/span\u003e\n \u003ch3\u003eSans conservateur artificiel\u003c\/h3\u003e\n \u003cp\u003eFormule respectueuse des muqueuses sensibles et fragiles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-card pn-card-highlight\"\u003e\n \u003cspan class=\"pn-card-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003ch3\u003eExpert depuis 40 ans\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France par un pionnier de l'apiculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"pn-section\"\u003e\n \u003ch2\u003eLes bienfaits pour votre confort respiratoire\u003c\/h2\u003e\n \u003cdiv class=\"pn-benefits-grid\"\u003e\n \u003cdiv class=\"pn-benefit-card\"\u003e\n \u003cdiv class=\"pn-benefit-header\"\u003e\n \u003cspan class=\"pn-benefit-icon\"\u003e💨\u003c\/span\u003e\n \u003ch3\u003eAction décongestionnante immédiate\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eGrâce à l'association de l'\u003cstrong\u003eeucalyptus\u003c\/strong\u003e et du \u003cstrong\u003eromarin\u003c\/strong\u003e, ce spray libère rapidement les voies nasales encombrées. Vous retrouvez une respiration fluide, que ce soit en cas de rhume saisonnier, de sinusite ou après une exposition à un environnement pollué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-benefit-card\"\u003e\n \u003cdiv class=\"pn-benefit-header\"\u003e\n \u003cspan class=\"pn-benefit-icon\"\u003e🛡️\u003c\/span\u003e\n \u003ch3\u003eEffet purifiant et assainissant\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eLa propolis et le thym travaillent en synergie pour éliminer les impuretés et particules accumulées dans les fosses nasales. Idéal si vous vivez en ville, si vous êtes exposé à la climatisation ou au chauffage qui assèchent l'air.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-benefit-card\"\u003e\n \u003cdiv class=\"pn-benefit-header\"\u003e\n \u003cspan class=\"pn-benefit-icon\"\u003e🤲\u003c\/span\u003e\n \u003ch3\u003eApaisement des muqueuses irritées\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eFini les rougeurs et les irritations autour du nez après plusieurs mouchages. La formule adoucissante calme les muqueuses fragilisées et prévient les sensations de brûlure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-benefit-card\"\u003e\n \u003cdiv class=\"pn-benefit-header\"\u003e\n \u003cspan class=\"pn-benefit-icon\"\u003e❄️\u003c\/span\u003e\n \u003ch3\u003eSensation de fraîcheur durable\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eLa \u003cstrong\u003ementhe poivrée\u003c\/strong\u003e apporte une note rafraîchissante agréable qui procure une sensation immédiate de nez dégagé et de bien-être respiratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"pn-section\"\u003e\n \u003ch2\u003eComposition 100% naturelle et bio\u003c\/h2\u003e\n \u003cp class=\"pn-section-intro\"\u003eChaque pulvérisation vous apporte le meilleur des actifs naturels biologiques\u003c\/p\u003e\n \u003cdiv class=\"pn-composition-grid\"\u003e\n \u003cdiv class=\"pn-ingredient-card\"\u003e\n \u003cdiv class=\"pn-ingredient-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch3\u003eEau florale de thym bio\u003c\/h3\u003e\n \u003cp\u003eBase purifiante aux propriétés expectorantes reconnues\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-ingredient-card\"\u003e\n \u003cdiv class=\"pn-ingredient-icon\"\u003e🐝\u003c\/div\u003e\n \u003ch3\u003eExtrait de propolis bio française\u003c\/h3\u003e\n \u003cp\u003eAntiseptique naturel, protège et assainit les muqueuses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-ingredient-card\"\u003e\n \u003cdiv class=\"pn-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eHE d'eucalyptus globulus bio\u003c\/h3\u003e\n \u003cp\u003eDécongestionnant puissant, libère les voies respiratoires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-ingredient-card\"\u003e\n \u003cdiv class=\"pn-ingredient-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003eHE de romarin bio\u003c\/h3\u003e\n \u003cp\u003eAnti-inflammatoire, stimule la fonction respiratoire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-ingredient-card\"\u003e\n \u003cdiv class=\"pn-ingredient-icon\"\u003e🍃\u003c\/div\u003e\n \u003ch3\u003eHE de menthe poivrée bio\u003c\/h3\u003e\n \u003cp\u003eRafraîchissante, sensation immédiate de bien-être\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-ingredient-card\"\u003e\n \u003cdiv class=\"pn-ingredient-icon\"\u003e🧂\u003c\/div\u003e\n \u003ch3\u003eSel marin\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur et maintient l'hydratation des muqueuses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-bio-badge\"\u003e\n \u003cspan\u003e🌱\u003c\/span\u003e\n \u003cspan\u003eFormule à 100% d'ingrédients d'origine naturelle, certifiée biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SITUATIONS D'UTILISATION --\u003e\n \u003csection class=\"pn-section\"\u003e\n \u003ch2\u003eQuand utiliser ce spray nasal ?\u003c\/h2\u003e\n \u003cdiv class=\"pn-situations-grid\"\u003e\n \u003cdiv class=\"pn-situation\"\u003e\n \u003cspan class=\"pn-situation-icon\"\u003e🤧\u003c\/span\u003e\n \u003ch3\u003eRhume ou rhinite\u003c\/h3\u003e\n \u003cp\u003ePour décongestionner et accélérer le retour au confort\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-situation\"\u003e\n \u003cspan class=\"pn-situation-icon\"\u003e😮‍💨\u003c\/span\u003e\n \u003ch3\u003eSinusite\u003c\/h3\u003e\n \u003cp\u003ePour purifier et apaiser les sinus enflammés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-situation\"\u003e\n \u003cspan class=\"pn-situation-icon\"\u003e✈️\u003c\/span\u003e\n \u003ch3\u003eVoyages en avion\u003c\/h3\u003e\n \u003cp\u003eL'air sec de la cabine agresse les muqueuses, ce spray les protège\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-situation\"\u003e\n \u003cspan class=\"pn-situation-icon\"\u003e🏙️\u003c\/span\u003e\n \u003ch3\u003eEnvironnement pollué\u003c\/h3\u003e\n \u003cp\u003ePour nettoyer quotidiennement les fosses nasales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-situation\"\u003e\n \u003cspan class=\"pn-situation-icon\"\u003e🌼\u003c\/span\u003e\n \u003ch3\u003eSaison des allergies\u003c\/h3\u003e\n \u003cp\u003ePour éliminer les particules allergènes inhalées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-situation\"\u003e\n \u003cspan class=\"pn-situation-icon\"\u003e❄️\u003c\/span\u003e\n \u003ch3\u003ePrévention hivernale\u003c\/h3\u003e\n \u003cp\u003ePour renforcer 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 \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"pn-section\"\u003e\n \u003ch2\u003eComment utiliser votre spray nasal ?\u003c\/h2\u003e\n \u003cdiv class=\"pn-steps-container\"\u003e\n \u003cdiv class=\"pn-step\"\u003e\n \u003cdiv class=\"pn-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pn-step-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eAvant chaque utilisation pour bien mélanger les actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-step\"\u003e\n \u003cdiv class=\"pn-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pn-step-content\"\u003e\n \u003ch3\u003eMouchez-vous légèrement\u003c\/h3\u003e\n \u003cp\u003eSi nécessaire, pour dégager les sécrétions superficielles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-step\"\u003e\n \u003cdiv class=\"pn-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pn-step-content\"\u003e\n \u003ch3\u003eIntroduisez l'embout\u003c\/h3\u003e\n \u003cp\u003eDans une narine en maintenant la tête droite\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-step\"\u003e\n \u003cdiv class=\"pn-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pn-step-content\"\u003e\n \u003ch3\u003eEffectuez 1 à 2 pulvérisations\u003c\/h3\u003e\n \u003cp\u003eTout en inspirant doucement par le nez\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-step\"\u003e\n \u003cdiv class=\"pn-step-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"pn-step-content\"\u003e\n \u003ch3\u003eRépétez dans l'autre narine\u003c\/h3\u003e\n \u003cp\u003ePour un traitement complet des deux côtés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-step\"\u003e\n \u003cdiv class=\"pn-step-number\"\u003e6\u003c\/div\u003e\n \u003cdiv class=\"pn-step-content\"\u003e\n \u003ch3\u003eAttendez quelques minutes\u003c\/h3\u003e\n \u003cp\u003eAvant de vous moucher pour laisser agir les actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-step\"\u003e\n \u003cdiv class=\"pn-step-number\"\u003e7\u003c\/div\u003e\n \u003cdiv class=\"pn-step-content\"\u003e\n \u003ch3\u003eNettoyez l'embout\u003c\/h3\u003e\n \u003cp\u003eAvec un mouchoir propre après chaque utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-frequency-box\"\u003e\n \u003cspan class=\"pn-frequency-icon\"\u003e⏰\u003c\/span\u003e\n \u003cdiv class=\"pn-frequency-content\"\u003e\n \u003cstrong\u003eFréquence recommandée\u003c\/strong\u003e\n \u003cp\u003e3 à 4 fois par jour selon vos besoins, notamment le matin au réveil et le soir au coucher pour un sommeil plus serein.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MARQUE PROPOLIA --\u003e\n \u003csection class=\"pn-section\"\u003e\n \u003ch2\u003ePropolia : l'expertise française depuis 1979\u003c\/h2\u003e\n \u003cdiv class=\"pn-brand-box\"\u003e\n \u003cdiv class=\"pn-brand-content\"\u003e\n \u003cp\u003eDerrière ce spray nasal se trouve \u003cstrong\u003ePropolia-Apimab\u003c\/strong\u003e, une entreprise familiale française pionnière dans la valorisation des produits de la ruche. Installée en Occitanie, elle travaille en étroite collaboration avec des apiculteurs locaux engagés dans une démarche biologique et respectueuse des abeilles.\u003c\/p\u003e\n \u003cdiv class=\"pn-brand-values\"\u003e\n \u003cdiv class=\"pn-brand-value\"\u003e\n \u003cspan\u003e🐝\u003c\/span\u003e\n \u003cspan\u003ePropolis 100% française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-brand-value\"\u003e\n \u003cspan\u003e🔬\u003c\/span\u003e\n \u003cspan\u003eContrôle qualité rigoureux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-brand-value\"\u003e\n \u003cspan\u003e👩‍🔬\u003c\/span\u003e\n \u003cspan\u003eExperts en apithérapie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-brand-value\"\u003e\n \u003cspan\u003e🌍\u003c\/span\u003e\n \u003cspan\u003eProtection des pollinisateurs\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!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"pn-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pn-precautions-grid\"\u003e\n \u003cdiv class=\"pn-precaution-card pn-precaution-ok\"\u003e\n \u003cspan class=\"pn-precaution-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConvient aux adultes et enfants de plus de 3 ans\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-precaution-card\"\u003e\n \u003cspan class=\"pn-precaution-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eNe pas utiliser en cas d'allergie connue aux produits de la ruche ou à l'un des composants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-precaution-card\"\u003e\n \u003cspan class=\"pn-precaution-icon\"\u003e👁️\u003c\/span\u003e\n \u003cp\u003eÉviter le contact avec les yeux ; en cas de projection, rincer abondamment à l'eau claire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-precaution-card\"\u003e\n \u003cspan class=\"pn-precaution-icon\"\u003e👤\u003c\/span\u003e\n \u003cp\u003eUsage individuel : ne pas partager l'embout pour des raisons d'hygiène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-precaution-card\"\u003e\n \u003cspan class=\"pn-precaution-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-precaution-card\"\u003e\n \u003cspan class=\"pn-precaution-icon\"\u003e📅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eÀ utiliser dans les 30 jours suivant l'ouverture\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-precaution-card\"\u003e\n \u003cspan class=\"pn-precaution-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-disclaimer\"\u003e\n \u003cem\u003eCe produit est un soin d'hygiène nasale et ne constitue pas un médicament. Il ne remplace pas un traitement médical. En cas de symptômes persistants, consultez un professionnel de santé.\u003c\/em\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CARACTÉRISTIQUES --\u003e\n \u003csection class=\"pn-section\"\u003e\n \u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n \u003cdiv class=\"pn-specs-grid\"\u003e\n \u003cdiv class=\"pn-spec\"\u003e\n \u003cspan class=\"pn-spec-icon\"\u003e📏\u003c\/span\u003e\n \u003cspan class=\"pn-spec-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"pn-spec-value\"\u003e20 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-spec\"\u003e\n \u003cspan class=\"pn-spec-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"pn-spec-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"pn-spec-value\"\u003eFlacon spray avec embout nasal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-spec\"\u003e\n \u003cspan class=\"pn-spec-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"pn-spec-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"pn-spec-value\"\u003eBiologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-spec\"\u003e\n \u003cspan class=\"pn-spec-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"pn-spec-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"pn-spec-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"pn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pn-cta-box\"\u003e\n \u003cdiv class=\"pn-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pn-cta-content\"\u003e\n \u003cp\u003e🐝 Respirez librement avec la puissance naturelle de la propolis et des plantes bio françaises. Un geste simple pour un confort respiratoire optimal, toute l'année.\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 --pn-cream: #F8FBFD;\n --pn-white: #ffffff;\n --pn-primary: #3B8FC2;\n --pn-primary-dark: #1E5A7E;\n --pn-primary-light: #E8F4FA;\n --pn-secondary: #F5B942;\n --pn-secondary-light: #FEF7E8;\n --pn-accent: #2C7A54;\n --pn-text: #1a2a3a;\n --pn-text-light: #5a6a7a;\n --pn-border: #e0e8ef;\n --pn-shadow: 0 4px 24px rgba(30,90,126,.08);\n --pn-shadow-lg: 0 12px 48px rgba(30,90,126,.15);\n --pn-radius: 20px;\n --pn-radius-sm: 12px;\n}\n\n.pn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--pn-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.pn-hero {\n position: relative;\n background: linear-gradient(135deg, var(--pn-primary) 0%, var(--pn-primary-dark) 50%, #153d54 100%);\n border-radius: var(--pn-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(--pn-shadow-lg);\n}\n\n.pn-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 5L37 15H23L30 5ZM30 55L23 45H37L30 55ZM5 30L15 23V37L5 30ZM55 30L45 37V23L55 30Z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.pn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.pn-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(--pn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pn-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pn-subtitle {\n color: var(--pn-secondary);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.pn-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 2.5vw, 19px);\n max-width: 700px;\n margin: 0 auto 2rem;\n line-height: 1.7;\n}\n\n.pn-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(2rem, 5vw, 4rem);\n flex-wrap: wrap;\n}\n\n.pn-stat {\n text-align: center;\n}\n\n.pn-stat-number {\n display: block;\n font-size: clamp(32px, 6vw, 48px);\n font-weight: 900;\n color: var(--pn-secondary);\n line-height: 1;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.pn-stat-label {\n display: block;\n font-size: 13px;\n color: rgba(255,255,255,.8);\n text-transform: uppercase;\n letter-spacing: .1em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.pn-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.pn-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--pn-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.pn-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(--pn-primary), var(--pn-secondary));\n border-radius: 2px;\n}\n\n.pn-section-intro {\n text-align: center;\n color: var(--pn-text-light);\n font-size: clamp(16px, 2vw, 18px);\n max-width: 700px;\n margin: -1rem auto 2rem;\n}\n\n\/* === INTRO BOX === *\/\n.pn-intro-box {\n background: linear-gradient(135deg, var(--pn-secondary-light) 0%, var(--pn-white) 100%);\n border-radius: var(--pn-radius);\n padding: clamp(2rem, 4vw, 3rem);\n margin-bottom: 2rem;\n border: 2px solid var(--pn-secondary);\n position: relative;\n text-align: center;\n}\n\n.pn-bee-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.pn-intro-box p {\n font-size: clamp(16px, 2vw, 18px);\n line-height: 1.8;\n color: var(--pn-text);\n margin: 0;\n}\n\n\/* === GRIDS === *\/\n.pn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.pn-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n\/* === CARDS === *\/\n.pn-card {\n background: var(--pn-white);\n border-radius: var(--pn-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--pn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.pn-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--pn-shadow-lg);\n border-color: var(--pn-primary);\n}\n\n.pn-card-highlight {\n text-align: center;\n}\n\n.pn-card-icon {\n font-size: 40px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.pn-card h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--pn-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.pn-card p {\n font-size: 14px;\n color: var(--pn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BENEFITS === *\/\n.pn-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.pn-benefit-card {\n background: var(--pn-white);\n border-radius: var(--pn-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--pn-shadow);\n border-left: 4px solid var(--pn-primary);\n transition: all .3s ease;\n}\n\n.pn-benefit-card:hover {\n transform: translateX(8px);\n box-shadow: var(--pn-shadow-lg);\n}\n\n.pn-benefit-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 1rem;\n}\n\n.pn-benefit-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.pn-benefit-card h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--pn-primary-dark);\n margin: 0;\n}\n\n.pn-benefit-card p {\n font-size: 15px;\n color: var(--pn-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === COMPOSITION === *\/\n.pn-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.25rem;\n margin-bottom: 2rem;\n}\n\n.pn-ingredient-card {\n background: var(--pn-white);\n border-radius: var(--pn-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--pn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.pn-ingredient-card:hover {\n transform: translateY(-6px);\n border-color: var(--pn-secondary);\n}\n\n.pn-ingredient-icon {\n font-size: 36px;\n display: block;\n margin-bottom: .75rem;\n}\n\n.pn-ingredient-card h3 {\n font-size: 15px;\n font-weight: 800;\n color: var(--pn-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.pn-ingredient-card p {\n font-size: 13px;\n color: var(--pn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.pn-bio-badge {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, var(--pn-accent), #1d5c3d);\n color: white;\n padding: 1rem 2rem;\n border-radius: 999px;\n font-weight: 700;\n font-size: 15px;\n max-width: fit-content;\n margin: 0 auto;\n}\n\n\/* === SITUATIONS === *\/\n.pn-situations-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1.25rem;\n}\n\n.pn-situation {\n background: var(--pn-white);\n border-radius: var(--pn-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--pn-shadow);\n transition: all .3s ease;\n}\n\n.pn-situation:hover {\n transform: translateY(-6px);\n box-shadow: var(--pn-shadow-lg);\n}\n\n.pn-situation-icon {\n font-size: 36px;\n display: block;\n margin-bottom: .75rem;\n}\n\n.pn-situation h3 {\n font-size: 15px;\n font-weight: 800;\n color: var(--pn-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.pn-situation p {\n font-size: 13px;\n color: var(--pn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === STEPS === *\/\n.pn-steps-container {\n display: grid;\n gap: 1rem;\n margin-bottom: 2rem;\n}\n\n.pn-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--pn-white);\n border-radius: var(--pn-radius-sm);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--pn-shadow);\n transition: all .3s ease;\n}\n\n.pn-step:hover {\n transform: translateX(8px);\n box-shadow: var(--pn-shadow-lg);\n}\n\n.pn-step-number {\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--pn-primary), var(--pn-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 16px;\n flex-shrink: 0;\n}\n\n.pn-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--pn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pn-step-content p {\n font-size: 14px;\n color: var(--pn-text-light);\n margin: 0;\n}\n\n.pn-frequency-box {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--pn-secondary-light) 0%, var(--pn-white) 100%);\n border: 2px solid var(--pn-secondary);\n border-radius: var(--pn-radius);\n padding: 1.5rem 2rem;\n}\n\n.pn-frequency-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.pn-frequency-content strong {\n display: block;\n color: var(--pn-primary-dark);\n font-size: 16px;\n margin-bottom: .25rem;\n}\n\n.pn-frequency-content p {\n color: var(--pn-text-light);\n font-size: 14px;\n margin: 0;\n}\n\n\/* === BRAND BOX === *\/\n.pn-brand-box {\n background: linear-gradient(135deg, var(--pn-primary-light) 0%, var(--pn-white) 100%);\n border-radius: var(--pn-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--pn-primary);\n}\n\n.pn-brand-content p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n color: var(--pn-text);\n margin: 0 0 1.5rem 0;\n text-align: center;\n}\n\n.pn-brand-values {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.pn-brand-value {\n display: flex;\n align-items: center;\n gap: 10px;\n background: var(--pn-white);\n padding: 1rem;\n border-radius: var(--pn-radius-sm);\n font-weight: 700;\n font-size: 14px;\n color: var(--pn-primary-dark);\n box-shadow: var(--pn-shadow);\n}\n\n.pn-brand-value span:first-child {\n font-size: 24px;\n}\n\n\/* === PRECAUTIONS === *\/\n.pn-precautions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.pn-precaution-card {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n background: var(--pn-white);\n border-radius: var(--pn-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--pn-shadow);\n border-left: 3px solid var(--pn-border);\n}\n\n.pn-precaution-card.pn-precaution-ok {\n border-left-color: var(--pn-accent);\n background: linear-gradient(135deg, #f0faf4, var(--pn-white));\n}\n\n.pn-precaution-icon {\n font-size: 20px;\n flex-shrink: 0;\n}\n\n.pn-precaution-card p {\n font-size: 14px;\n color: var(--pn-text);\n margin: 0;\n line-height: 1.5;\n}\n\n.pn-disclaimer {\n background: var(--pn-primary-light);\n border-radius: var(--pn-radius-sm);\n padding: 1.25rem 1.5rem;\n text-align: center;\n}\n\n.pn-disclaimer em {\n font-size: 13px;\n color: var(--pn-text-light);\n line-height: 1.6;\n}\n\n\/* === SPECS === *\/\n.pn-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.pn-spec {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n background: var(--pn-white);\n border-radius: var(--pn-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--pn-shadow);\n transition: all .3s ease;\n}\n\n.pn-spec:hover {\n transform: translateY(-4px);\n}\n\n.pn-spec-icon {\n font-size: 28px;\n margin-bottom: .5rem;\n}\n\n.pn-spec-label {\n font-size: 12px;\n color: var(--pn-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .25rem;\n}\n\n.pn-spec-value {\n font-size: 15px;\n font-weight: 800;\n color: var(--pn-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.pn-cta-box {\n background: linear-gradient(135deg, var(--pn-primary) 0%, var(--pn-primary-dark) 100%);\n border-radius: var(--pn-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pn-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='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n}\n\n.pn-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.pn-cta-icon {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.pn-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .pn-hero-stats {\n gap: 1.5rem;\n }\n \n .pn-frequency-box {\n flex-direction: column;\n text-align: center;\n }\n \n .pn-brand-values {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pn-card,\n .pn-benefit-card,\n .pn-ingredient-card,\n .pn-situation,\n .pn-step,\n .pn-spec {\n animation: pnFadeInUp .6s ease backwards;\n }\n \n .pn-card:nth-child(1), .pn-benefit-card:nth-child(1), .pn-ingredient-card:nth-child(1), .pn-situation:nth-child(1), .pn-step:nth-child(1) { animation-delay: .1s; }\n .pn-card:nth-child(2), .pn-benefit-card:nth-child(2), .pn-ingredient-card:nth-child(2), .pn-situation:nth-child(2), .pn-step:nth-child(2) { animation-delay: .15s; }\n .pn-card:nth-child(3), .pn-benefit-card:nth-child(3), .pn-ingredient-card:nth-child(3), .pn-situation:nth-child(3), .pn-step:nth-child(3) { animation-delay: .2s; }\n .pn-card:nth-child(4), .pn-benefit-card:nth-child(4), .pn-ingredient-card:nth-child(4), .pn-situation:nth-child(4), .pn-step:nth-child(4) { animation-delay: .25s; }\n .pn-card:nth-child(5), .pn-ingredient-card:nth-child(5), .pn-situation:nth-child(5), .pn-step:nth-child(5) { animation-delay: .3s; }\n .pn-card:nth-child(6), .pn-ingredient-card:nth-child(6), .pn-situation:nth-child(6), .pn-step:nth-child(6) { animation-delay: .35s; }\n .pn-step:nth-child(7) { animation-delay: .4s; }\n}\n\n@keyframes pnFadeInUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .pn-premium {\n --pn-text: #000000;\n --pn-text-light: #333333;\n }\n \n .pn-card,\n .pn-benefit-card,\n .pn-ingredient-card,\n .pn-situation,\n .pn-step,\n .pn-spec {\n border: 2px solid var(--pn-text);\n }\n}\n\u003c\/style\u003e","brand":"PROPOLIA","offers":[{"title":"Default Title","offer_id":45755323973789,"sku":"AP0034","price":9.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-nasal-propolis-plantes-20ml-decongestionnant-naturel-p-packshothd.webp?v=1789392408"},{"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":"gommes-de-propolis-gingembre-citron-et-agave-bio-45-g-propolia-apimab","title":"Gommes de Propolis Gingembre \u0026 Citron Bio - 45 g - 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🐝 Propolis pure\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🍋 Gingembre \u0026amp; Citron\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"prop-hero-title\"\u003eGommes de Propolis Gingembre \u0026amp; Citron Bio\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\"\u003eUne petite douceur ambrée à laisser fondre lentement, qui réveille les papilles tout en chouchoutant la gorge. L'alliance gourmande de la richesse de la ruche et de la fraîcheur acidulée des agrumes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003ePourquoi choisir ces gommes à la propolis ?\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eLa \u003cstrong\u003epropolis\u003c\/strong\u003e, précieuse résine récoltée par les abeilles, est utilisée depuis l'Antiquité pour ses vertus protectrices. Associée au gingembre tonifiant et au citron vitaminé, elle compose une formule idéale pour les périodes de fraîcheur, les changements de saison ou les petits coups de fatigue passagers.\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\u003eProcurent une sensation de douceur immédiate dès les premiers picotements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🍋 Haleine fraîche\u003c\/h3\u003e\n \u003cp\u003eRafraîchissent grâce aux notes vives et acidulées du citron bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e⚡ Coup de boost\u003c\/h3\u003e\n \u003cp\u003eLe gingembre réchauffant offre une petite étincelle de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🎒 À emporter partout\u003c\/h3\u003e\n \u003cp\u003eSe savourent à tout moment, à la maison comme en déplacement.\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\u003eContrairement à beaucoup de \u003cstrong\u003egommes propolis\u003c\/strong\u003e du marché (propolis eucalyptus, propolis et miel, ou les célèbres gommes propolis Herbalgem), Propolia mise sur une recette \u003cstrong\u003e100% bio\u003c\/strong\u003e, sans arôme artificiel, et adoucie au \u003cstrong\u003esirop d'agave\u003c\/strong\u003e plutôt qu'au sucre raffiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🍯 Sirop d'agave* (47%)\u003c\/h3\u003e\n \u003cp\u003eDouceur naturelle à index glycémique modéré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🐝 Propolis purifiée* (3 à 6,5%)\u003c\/h3\u003e\n \u003cp\u003eLe cœur actif de la formule, trésor de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌶️ Extrait de gingembre* (1 à 1,8%)\u003c\/h3\u003e\n \u003cp\u003eTonifiant et réchauffant, pour une vraie vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🍋 Extrait de citron*\u003c\/h3\u003e\n \u003cp\u003eFraîcheur acidulée et apport en vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌾 Gomme arabique \u0026amp; sucre de canne*\u003c\/h3\u003e\n \u003cp\u003eSirop de glucose de blé* pour la texture fondante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌿 Cire de carnauba*\u003c\/h3\u003e\n \u003cp\u003eArôme naturel de citron et agent d'enrobage végétal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"prop-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\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\"\u003eLaissez fondre lentement la gomme en bouche, sans croquer, pour profiter pleinement de la libération progressive des actifs.\u003c\/p\u003e\n \u003cdiv class=\"prop-timeline\"\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e👤\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003eAdultes\u003c\/h3\u003e\n \u003cp\u003e5 à 6 gommes par jour, à répartir tout au long de 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\"\u003e🧒\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003eEnfants (à partir de 6 ans)\u003c\/h3\u003e\n \u003cp\u003e3 gommes par jour maximum, sous surveillance d'un adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e💡\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003eAstuce d'efficacité\u003c\/h3\u003e\n \u003cp\u003ePrenez une gomme dès les premiers signes d'inconfort, puis renouvelez à intervalles réguliers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e✈️\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003eMoments parfaits\u003c\/h3\u003e\n \u003cp\u003eAvant une réunion, après un long trajet en avion ou pour rafraîchir l'haleine après le café.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eUn savoir-faire apicole français\u003c\/h2\u003e\n \u003cdiv class=\"prop-testimonial\"\u003e\n \u003cp class=\"prop-testimonial-text\"\u003e\"Propolia, marque pionnière des produits de la ruche, sélectionne rigoureusement ses matières premières auprès d'apiculteurs engagés. Chaque boîte de 45 g est fabriquée en France, dans le respect d'une apiculture durable qui protège les abeilles et la biodiversité. Une démarche écoresponsable que l'on retrouve dans toute la gamme, des gommes propolis verte bio aux sirops et sprays gorge.\"\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👶 Les gommes conviennent-elles aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, dès 6 ans, à raison de 3 gommes par jour maximum. Sous surveillance d'un adulte pour éviter tout risque de fausse route.\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 les consommer pendant la grossesse ?\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n \u003cp\u003eEn raison de la présence de propolis et de gingembre, demandez l'avis de votre médecin ou sage-femme.\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🧊 Combien de temps les conserver ?\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ l'abri de la chaleur et de l'humidité, jusqu'à la date indiquée sur la boîte.\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⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. Demandez conseil à un professionnel de santé en cas de doute. Tenir hors de portée des jeunes enfants. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --prop-cream: #fff8ed;\n --prop-white: #ffffff;\n --prop-primary: #f39200;\n --prop-primary-dark: #c8540a;\n --prop-primary-light: #ffe8c9;\n --prop-secondary: #e94e1b;\n --prop-accent: #ffd166;\n --prop-text: #2a1a0a;\n --prop-text-light: #6b5544;\n --prop-border: #f0e0c8;\n --prop-shadow: 0 4px 24px rgba(200,84,10,.08);\n --prop-shadow-lg: 0 12px 48px rgba(200,84,10,.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, #ffb547 0%, #f39200 50%, #e94e1b 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 opacity: .15;\n background-image:\n radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 30%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 30%);\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: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.prop-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n opacity: .95;\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(15px, 2.5vw, 17px);\n color: var(--prop-text-light);\n margin: 0 auto 1.5rem;\n max-width: 720px;\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(260px, 1fr));\n gap: 1.25rem;\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: 44px;\n height: 44px;\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: 20px;\n box-shadow: 0 4px 12px rgba(243,146,0,.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}\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 margin-left: 1rem;\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}\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-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@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-timeline-number {\n width: 38px;\n height: 38px;\n font-size: 16px;\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: 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 .prop-card:nth-child(5) { animation-delay: .25s; }\n .prop-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 .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":45755333410973,"sku":"AP0102","price":5.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gommes-de-propolis-gingembre-et-citron-bio-45-g-propolia-packshothd.webp?v=1789107905"},{"product_id":"teinture-mere-de-propolis-bio-30-ml-propolia-apimab","title":"Teinture Mère de Propolis Bio - 30ml - Propolia","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Teinture Mère de Propolis Bio - Propolia\nPalette détectée:\n - Primaire: #8B2942 (bordeaux\/marron foncé du packaging)\n - Secondaire: #E8A54B (jaune miel\/doré)\n - Accent: #D4567A (rose\/fuchsia des accents marketing)\n - Fond: #F5EDE4 (beige crème naturel)\nAmbiance: Naturel, apicole, bio, chaleureux, authentique, français\nPréfixe CSS: propo\n--\u003e\n\n\u003cdiv class=\"propo-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"propo-hero\"\u003e\n \u003cdiv class=\"propo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"propo-hero-content\"\u003e\n \u003cdiv class=\"propo-badges-top\"\u003e\n \u003cspan class=\"propo-badge\"\u003e🐝 21% propolis min.\u003c\/span\u003e\n \u003cspan class=\"propo-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n \u003cspan class=\"propo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"propo-hero-title\"\u003eTeinture mère de propolis bio\u003c\/span\u003e\n \u003cp class=\"propo-subtitle\"\u003eLe concentré puissant issu du cœur de la ruche\u003c\/p\u003e\n \u003cp class=\"propo-description\"\u003eUne macération à froid préservant plus de 400 composés actifs pour soutenir naturellement vos défenses immunitaires\u003c\/p\u003e\n \u003cdiv class=\"propo-hero-stats\"\u003e\n \u003cdiv class=\"propo-stat\"\u003e\n \u003cspan class=\"propo-stat-value\"\u003e30 ml\u003c\/span\u003e\n \u003cspan class=\"propo-stat-label\"\u003eFormat pratique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-stat\"\u003e\n \u003cspan class=\"propo-stat-value\"\u003e400+\u003c\/span\u003e\n \u003cspan class=\"propo-stat-label\"\u003eComposés actifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-stat\"\u003e\n \u003cspan class=\"propo-stat-value\"\u003e70%\u003c\/span\u003e\n \u003cspan class=\"propo-stat-label\"\u003eAlcool bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"propo-section\"\u003e\n \u003ch2\u003e🛡️ Vos alliés naturels au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"propo-grid\"\u003e\n \u003cdiv class=\"propo-card propo-benefit\"\u003e\n \u003cdiv class=\"propo-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n \u003cp\u003eSoutient activement votre système immunitaire grâce aux flavonoïdes et acides phénoliques naturellement présents\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-card propo-benefit\"\u003e\n \u003cdiv class=\"propo-card-icon\"\u003e🌬️\u003c\/div\u003e\n \u003ch3\u003eVoies respiratoires\u003c\/h3\u003e\n \u003cp\u003eProtège et apaise les voies respiratoires, particulièrement efficace durant les périodes de froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-card propo-benefit\"\u003e\n \u003cdiv class=\"propo-card-icon\"\u003e💊\u003c\/div\u003e\n \u003ch3\u003eGorge apaisée\u003c\/h3\u003e\n \u003cp\u003eCalme rapidement les maux de gorge et procure un soulagement naturel grâce à ses propriétés antiseptiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-card propo-benefit\"\u003e\n \u003cdiv class=\"propo-card-icon\"\u003e🧴\u003c\/div\u003e\n \u003ch3\u003eSoin de la peau\u003c\/h3\u003e\n \u003cp\u003eUtilisable en application locale pour ses vertus anti-inflammatoires et cicatrisantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"propo-section\"\u003e\n \u003ch2\u003e🍯 Une composition d'exception\u003c\/h2\u003e\n \u003cdiv class=\"propo-composition-box\"\u003e\n \u003cdiv class=\"propo-ingredient-main\"\u003e\n \u003cdiv class=\"propo-honeycomb-icon\"\u003e🐝\u003c\/div\u003e\n \u003cdiv class=\"propo-ingredient-info\"\u003e\n \u003cspan class=\"propo-ingredient-name\"\u003eExtrait purifié de propolis bio\u003c\/span\u003e\n \u003cspan class=\"propo-ingredient-detail\"\u003eMinimum 21% de propolis concentrée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-ingredients-secondary\"\u003e\n \u003cdiv class=\"propo-ingredient-item\"\u003e\n \u003cspan class=\"propo-ing-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan\u003eAlcool biologique (70%)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-ingredient-item\"\u003e\n \u003cspan class=\"propo-ing-icon\"\u003e💧\u003c\/span\u003e\n \u003cspan\u003eEau purifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-actifs\"\u003e\n \u003ch4\u003eActifs naturels préservés\u003c\/h4\u003e\n \u003cdiv class=\"propo-actifs-grid\"\u003e\n \u003cspan class=\"propo-actif-tag\"\u003ePolyphénols\u003c\/span\u003e\n \u003cspan class=\"propo-actif-tag\"\u003eFlavonoïdes\u003c\/span\u003e\n \u003cspan class=\"propo-actif-tag\"\u003eAcides phénoliques\u003c\/span\u003e\n \u003cspan class=\"propo-actif-tag\"\u003eAntioxydants\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=\"propo-section\"\u003e\n \u003ch2\u003e📋 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"propo-usage-container\"\u003e\n \u003cdiv class=\"propo-usage-card\"\u003e\n \u003cdiv class=\"propo-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch4\u003eDosage recommandé\u003c\/h4\u003e\n \u003cp\u003e\u003cstrong\u003e1 pipette complète\u003c\/strong\u003e (une pression) de 1 à 4 fois par jour selon vos besoins\u003c\/p\u003e\n \u003cspan class=\"propo-usage-alt\"\u003eou 5 à 10 gouttes (1\/4 pipette)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-usage-card\"\u003e\n \u003cdiv class=\"propo-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch4\u003ePour un goût adouci\u003c\/h4\u003e\n \u003cp\u003eDéposez les gouttes dans une \u003cstrong\u003ecuillère de miel\u003c\/strong\u003e, sur un morceau de sucre, de pain ou dans une tisane chaude\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-usage-card\"\u003e\n \u003cdiv class=\"propo-usage-number\"\u003e3\u003c\/div\u003e\n \u003ch4\u003eEn prévention\u003c\/h4\u003e\n \u003cp\u003e\u003cstrong\u003e3 fois par jour\u003c\/strong\u003e, idéalement avant les repas, pendant les périodes à risque\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"propo-section\"\u003e\n \u003ch2\u003e👥 Pour qui est ce produit ?\u003c\/h2\u003e\n \u003cdiv class=\"propo-grid propo-grid-3\"\u003e\n \u003cdiv class=\"propo-card propo-profile\"\u003e\n \u003cdiv class=\"propo-profile-icon\"\u003e❄️\u003c\/div\u003e\n \u003ch4\u003eSensibles au froid\u003c\/h4\u003e\n \u003cp\u003ePersonnes fragilisées durant l'hiver cherchant un soutien immunitaire naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-card propo-profile\"\u003e\n \u003cdiv class=\"propo-profile-icon\"\u003e🏃\u003c\/div\u003e\n \u003ch4\u003eActifs surchargés\u003c\/h4\u003e\n \u003cp\u003eCeux qui souhaitent maintenir leur vitalité face au stress quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-card propo-profile\"\u003e\n \u003cdiv class=\"propo-profile-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch4\u003eAdeptes du naturel\u003c\/h4\u003e\n \u003cp\u003eConsommateurs privilégiant les solutions bio et issues de l'apiculture responsable\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=\"propo-section\"\u003e\n \u003ch2\u003e🏆 L'excellence Propolia\u003c\/h2\u003e\n \u003cdiv class=\"propo-quality-box\"\u003e\n \u003cdiv class=\"propo-quality-grid\"\u003e\n \u003cdiv class=\"propo-quality-item\"\u003e\n \u003cspan class=\"propo-quality-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"propo-quality-text\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-quality-item\"\u003e\n \u003cspan class=\"propo-quality-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"propo-quality-text\"\u003eCertifié agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-quality-item\"\u003e\n \u003cspan class=\"propo-quality-icon\"\u003e🐝\u003c\/span\u003e\n \u003cspan class=\"propo-quality-text\"\u003eApiculture responsable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-quality-item\"\u003e\n \u003cspan class=\"propo-quality-icon\"\u003e❄️\u003c\/span\u003e\n \u003cspan class=\"propo-quality-text\"\u003eMacération à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-quality-item\"\u003e\n \u003cspan class=\"propo-quality-icon\"\u003e✨\u003c\/span\u003e\n \u003cspan class=\"propo-quality-text\"\u003eActifs préservés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-quality-item\"\u003e\n \u003cspan class=\"propo-quality-icon\"\u003e🔬\u003c\/span\u003e\n \u003cspan class=\"propo-quality-text\"\u003eQualité contrôlée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"propo-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"propo-warning-box\"\u003e\n \u003cdiv class=\"propo-warning-item\"\u003e\n \u003cspan class=\"propo-warning-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003eContient de l'alcool (70%) - déconseillé aux femmes enceintes et allaitantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-warning-item\"\u003e\n \u003cspan class=\"propo-warning-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003eNe pas utiliser chez les enfants de moins de 3 ans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-warning-item\"\u003e\n \u003cspan class=\"propo-warning-icon\"\u003e🐝\u003c\/span\u003e\n \u003cp\u003eProduit de la ruche - peut provoquer des réactions allergiques chez les personnes sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-warning-item\"\u003e\n \u003cspan class=\"propo-warning-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"propo-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"propo-info-grid\"\u003e\n \u003cdiv class=\"propo-info-item\"\u003e\n \u003cspan class=\"propo-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"propo-info-value\"\u003e30 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-info-item\"\u003e\n \u003cspan class=\"propo-info-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"propo-info-value\"\u003eFlacon compte-gouttes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-info-item\"\u003e\n \u003cspan class=\"propo-info-label\"\u003eConcentration\u003c\/span\u003e\n \u003cspan class=\"propo-info-value\"\u003e21% propolis minimum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-info-item\"\u003e\n \u003cspan class=\"propo-info-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"propo-info-value\"\u003eAgriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"propo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"propo-cta-box\"\u003e\n \u003cdiv class=\"propo-cta-honeycomb\"\u003e\u003c\/div\u003e\n \u003cp\u003e🐝 Offrez à votre corps le pouvoir protecteur de la ruche\u003c\/p\u003e\n \u003cp class=\"propo-cta-sub\"\u003eLa teinture mère de propolis bio Propolia : un concentré d'actifs naturels pour affronter l'hiver en toute sérénité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --propo-cream: #F5EDE4;\n --propo-white: #ffffff;\n --propo-primary: #8B2942;\n --propo-primary-dark: #6A1E32;\n --propo-primary-light: #F8E8EC;\n --propo-secondary: #E8A54B;\n --propo-secondary-light: #FDF3E3;\n --propo-accent: #D4567A;\n --propo-honey: #D4A54B;\n --propo-text: #1a1a1a;\n --propo-text-light: #5a5a5a;\n --propo-border: #e0d5cb;\n --propo-shadow: 0 4px 24px rgba(139,41,66,.08);\n --propo-shadow-lg: 0 12px 48px rgba(139,41,66,.15);\n --propo-radius: 20px;\n --propo-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.propo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--propo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--propo-text);\n line-height: 1.6;\n}\n\n.propo-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.propo-hero {\n position: relative;\n background: linear-gradient(135deg, var(--propo-primary) 0%, var(--propo-primary-dark) 50%, #4A1020 100%);\n border-radius: var(--propo-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(--propo-shadow-lg);\n}\n\n.propo-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: .06;\n}\n\n.propo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.propo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.propo-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--propo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.propo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.propo-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.propo-subtitle {\n color: var(--propo-secondary);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.propo-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto 2rem;\n line-height: 1.7;\n}\n\n.propo-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.propo-stat {\n text-align: center;\n padding: 1rem 1.5rem;\n background: rgba(255,255,255,.1);\n backdrop-filter: blur(10px);\n border-radius: var(--propo-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.propo-stat-value {\n display: block;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: var(--propo-secondary);\n}\n\n.propo-stat-label {\n display: block;\n font-size: 12px;\n color: rgba(255,255,255,.8);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.propo-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.propo-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--propo-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.propo-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(--propo-secondary), var(--propo-primary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.propo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.propo-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n\/* === CARDS === *\/\n.propo-card {\n background: var(--propo-white);\n border-radius: var(--propo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--propo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.propo-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--propo-shadow-lg);\n border-color: var(--propo-secondary);\n}\n\n\/* === BENEFIT CARDS === *\/\n.propo-benefit {\n text-align: center;\n}\n\n.propo-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.propo-card h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--propo-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.propo-card p {\n font-size: 15px;\n color: var(--propo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.propo-composition-box {\n background: var(--propo-white);\n border-radius: var(--propo-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--propo-shadow);\n}\n\n.propo-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n padding: 1.5rem;\n background: linear-gradient(135deg, var(--propo-secondary-light) 0%, var(--propo-primary-light) 100%);\n border-radius: var(--propo-radius-sm);\n margin-bottom: 1.5rem;\n}\n\n.propo-honeycomb-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.propo-ingredient-info {\n display: flex;\n flex-direction: column;\n}\n\n.propo-ingredient-name {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--propo-primary-dark);\n}\n\n.propo-ingredient-detail {\n font-size: 14px;\n color: var(--propo-text-light);\n margin-top: 4px;\n}\n\n.propo-ingredients-secondary {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.propo-ingredient-item {\n display: flex;\n align-items: center;\n gap: .5rem;\n padding: .75rem 1.25rem;\n background: var(--propo-cream);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n color: var(--propo-text);\n}\n\n.propo-ing-icon {\n font-size: 18px;\n}\n\n.propo-actifs {\n padding-top: 1.5rem;\n border-top: 2px dashed var(--propo-border);\n}\n\n.propo-actifs h4 {\n font-size: 16px;\n font-weight: 700;\n color: var(--propo-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.propo-actifs-grid {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.propo-actif-tag {\n padding: 8px 16px;\n background: var(--propo-primary);\n color: white;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n}\n\n\/* === USAGE === *\/\n.propo-usage-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.propo-usage-card {\n background: var(--propo-white);\n border-radius: var(--propo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--propo-shadow);\n position: relative;\n border-left: 4px solid var(--propo-secondary);\n transition: all .3s ease;\n}\n\n.propo-usage-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--propo-shadow-lg);\n}\n\n.propo-usage-number {\n position: absolute;\n top: -12px;\n left: 20px;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--propo-secondary) 0%, var(--propo-honey) 100%);\n color: white;\n font-size: 18px;\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(232,165,75,.4);\n}\n\n.propo-usage-card h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--propo-primary-dark);\n margin: .5rem 0 .75rem 0;\n}\n\n.propo-usage-card p {\n font-size: 15px;\n color: var(--propo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.propo-usage-alt {\n display: block;\n margin-top: .75rem;\n font-size: 13px;\n color: var(--propo-secondary);\n font-weight: 600;\n}\n\n\/* === PROFILES === *\/\n.propo-profile {\n text-align: center;\n}\n\n.propo-profile-icon {\n font-size: 40px;\n margin-bottom: .75rem;\n display: block;\n}\n\n.propo-profile h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--propo-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.propo-profile p {\n font-size: 14px;\n color: var(--propo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === QUALITY BOX === *\/\n.propo-quality-box {\n background: linear-gradient(135deg, var(--propo-primary-light) 0%, var(--propo-secondary-light) 100%);\n border-radius: var(--propo-radius);\n padding: clamp(2rem, 4vw, 3rem);\n}\n\n.propo-quality-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.25rem;\n}\n\n.propo-quality-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1rem 1.25rem;\n background: var(--propo-white);\n border-radius: var(--propo-radius-sm);\n box-shadow: 0 2px 8px rgba(0,0,0,.05);\n transition: all .3s ease;\n}\n\n.propo-quality-item:hover {\n transform: translateX(4px);\n box-shadow: var(--propo-shadow);\n}\n\n.propo-quality-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.propo-quality-text {\n font-size: 14px;\n font-weight: 700;\n color: var(--propo-primary-dark);\n}\n\n\/* === WARNING BOX === *\/\n.propo-warning-box {\n background: var(--propo-white);\n border-radius: var(--propo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--propo-shadow);\n border: 2px solid #FFF3CD;\n}\n\n.propo-warning-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1rem 0;\n border-bottom: 1px solid var(--propo-border);\n}\n\n.propo-warning-item:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.propo-warning-item:first-child {\n padding-top: 0;\n}\n\n.propo-warning-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.propo-warning-item p {\n font-size: 14px;\n color: var(--propo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INFO GRID === *\/\n.propo-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.propo-info-item {\n background: var(--propo-white);\n border-radius: var(--propo-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--propo-shadow);\n transition: all .3s ease;\n}\n\n.propo-info-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--propo-shadow-lg);\n}\n\n.propo-info-label {\n display: block;\n font-size: 12px;\n color: var(--propo-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .5rem;\n}\n\n.propo-info-value {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--propo-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.propo-cta-box {\n background: linear-gradient(135deg, var(--propo-primary) 0%, var(--propo-primary-dark) 100%);\n border-radius: var(--propo-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.propo-cta-honeycomb {\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: .05;\n}\n\n.propo-cta-box p {\n position: relative;\n z-index: 1;\n color: white;\n font-size: clamp(20px, 3vw, 26px);\n line-height: 1.5;\n font-weight: 800;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.propo-cta-sub {\n font-size: clamp(15px, 2vw, 18px) !important;\n font-weight: 500 !important;\n opacity: .9;\n max-width: 600px;\n margin: 0 auto !important;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .propo-card,\n .propo-usage-card,\n .propo-quality-item,\n .propo-info-item {\n animation: propoFadeInUp .6s ease backwards;\n }\n \n .propo-card:nth-child(1),\n .propo-usage-card:nth-child(1) { animation-delay: .1s; }\n .propo-card:nth-child(2),\n .propo-usage-card:nth-child(2) { animation-delay: .2s; }\n .propo-card:nth-child(3),\n .propo-usage-card:nth-child(3) { animation-delay: .3s; }\n .propo-card:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes propoFadeInUp {\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 .propo-grid,\n .propo-grid-3,\n .propo-usage-container {\n grid-template-columns: 1fr;\n }\n \n .propo-hero-stats {\n flex-direction: column;\n align-items: center;\n }\n \n .propo-stat {\n width: 100%;\n max-width: 200px;\n }\n \n .propo-ingredient-main {\n flex-direction: column;\n text-align: center;\n }\n \n .propo-quality-grid {\n grid-template-columns: 1fr;\n }\n \n .propo-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 400px) {\n .propo-info-grid {\n grid-template-columns: 1fr;\n }\n \n .propo-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .propo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .propo-card,\n .propo-usage-card,\n .propo-info-item {\n border: 2px solid var(--propo-text);\n }\n \n .propo-badge {\n border: 2px solid var(--propo-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"PROPOLIA","offers":[{"title":"Default Title","offer_id":45755344879773,"sku":"AP0100","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/teinture-mere-de-propolis-bio-30ml-propolia-min.jpg?v=1756713372"},{"product_id":"gommes-de-propolis-miel-et-orange-45-g-propolia-apimab","title":"Gommes de Propolis Miel et Orange - 45 g - 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🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🐝 Produits de la ruche\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🌿 Sans colorants\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e👨‍👩‍👧 Adultes \u0026amp; enfants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"prop-hero-title\"\u003eGommes de Propolis Miel \u0026amp; Orange\u003c\/span\u003e\n \u003cp class=\"prop-subtitle\"\u003eLes Douceurs de l'Apiculteur® · 45 g\u003c\/p\u003e\n \u003cp class=\"prop-description\"\u003eEnvie d'une \u003cstrong\u003edouceur naturelle\u003c\/strong\u003e qui prend soin de votre gorge tout en éveillant vos papilles ? Les gommes de propolis miel et orange Propolia réunissent dans un format pratique tous les bienfaits de la ruche, sublimés par la fraîcheur acidulée de l'orange.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003ePourquoi choisir les gommes à la propolis Propolia ?\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eLa \u003cstrong\u003epropolis\u003c\/strong\u003e, cette substance précieuse récoltée par les abeilles, est utilisée depuis l'Antiquité pour ses vertus reconnues sur le confort de la sphère ORL. Associée au miel apaisant et à l'huile essentielle d'orange, elle compose ici une gomme à la fois gourmande et fonctionnelle.\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\u003eApaise les irritations passagères, particulièrement en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🍊 Rafraîchit l'haleine\u003c\/h3\u003e\n \u003cp\u003eUne note délicate et acidulée d'orange douce.\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\u003eProfitez de la richesse naturelle de la propolis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eSans colorants ni conservateurs ajoutés.\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\u003eContrairement à d'autres gommes propolis (eucalyptus, propolis verte bio…), cette version \u003cstrong\u003emiel \u0026amp; orange\u003c\/strong\u003e offre une saveur plus douce, idéale pour ceux qui n'aiment pas les arômes mentholés trop prononcés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eComposition détaillée des gommes\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eChaque ingrédient est sélectionné avec soin pour garantir efficacité et plaisir gustatif.\u003c\/p\u003e\n \u003cdiv class=\"prop-grid-compact\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌾 Sirop de glucose\u003c\/h3\u003e\n \u003cp\u003eDe blé ou de canne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🤎 Sucre roux\u003c\/h3\u003e\n \u003cp\u003eOu de canne biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card prop-card-highlight\"\u003e\n \u003ch3\u003e🍯 Miel (8 %)\u003c\/h3\u003e\n \u003cp\u003eTrésor doré de la ruche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card prop-card-highlight\"\u003e\n \u003ch3\u003e🐝 Propolis purifiée (6 %)\u003c\/h3\u003e\n \u003cp\u003eL'or brun des abeilles\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\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🍊 Huile essentielle d'orange\u003c\/h3\u003e\n \u003cp\u003eArôme naturel acidulé\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\u003eLa concentration en \u003cstrong\u003epropolis purifiée (6 %)\u003c\/strong\u003e et en \u003cstrong\u003emiel (8 %)\u003c\/strong\u003e fait toute la différence : une teneur active réellement intéressante dans un format pratique de 45 g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eComment prendre les gommes de propolis ?\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eLaissez fondre lentement \u003cstrong\u003eune gomme dans la bouche\u003c\/strong\u003e, sans croquer, pour libérer progressivement les principes actifs.\u003c\/p\u003e\n \u003cdiv class=\"prop-timeline\"\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e👨\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003eAdultes\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 5 à 6 gommes par jour, à laisser fondre lentement en bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e👧\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003eEnfants (dès 3 ans)\u003c\/h3\u003e\n \u003cp\u003e3 à 4 gommes par jour, sous la surveillance d'un adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e🎒\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003ePartout avec vous\u003c\/h3\u003e\n \u003cp\u003eAu bureau, en voyage, en randonnée ou lors d'une balade hivernale : croquez l'instant dès la première sensation de gêne !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eUne fabrication française et éthique\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003ePropolia, marque de référence dans l'univers des produits de la ruche, fabrique ses gommes à la propolis en France, dans le respect du savoir-faire apicole traditionnel.\u003c\/p\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🇫🇷 Savoir-faire français\u003c\/h3\u003e\n \u003cp\u003eUne fabrication locale dans le respect des traditions apicoles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🤝 Apiculteurs engagés\u003c\/h3\u003e\n \u003cp\u003eCollaboration avec des partenaires locaux respectueux des abeilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité totale\u003c\/h3\u003e\n \u003cp\u003eUne qualité contrôlée à chaque étape de la production.\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 conseils pratiques\u003c\/h2\u003e\n \u003cdiv class=\"prop-testimonial\"\u003e\n \u003cp class=\"prop-testimonial-text\"\u003e\"Les utilisateurs apprécient particulièrement la \u003cstrong\u003edouceur du goût miel-orange\u003c\/strong\u003e, bien plus agréable que les pastilles médicamenteuses classiques. Idéales en prévention dès les premiers froids ou en accompagnement quotidien pour ceux qui sollicitent beaucoup leur voix : enseignants, chanteurs, commerciaux…\"\u003c\/p\u003e\n \u003c\/div\u003e\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 femmes enceintes, allaitantes et aux enfants de moins de 3 ans. En cas d'allergie aux produits de la ruche, demandez l'avis de votre pharmacien.\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\u003eÀ conserver à l'abri de la chaleur et de l'humidité.\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📋 Mentions légales\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eCe produit est un complément alimentaire et ne se substitue pas à une alimentation équilibrée, à un mode de vie sain, ni à un traitement médical. Consultez un professionnel de santé en cas de symptômes persistants.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"prop-cta-box\"\u003e\n \u003cp\u003e🐝 Offrez à votre gorge la douceur de la ruche : \u003cstrong\u003emiel, propolis et orange\u003c\/strong\u003e réunis dans une gomme gourmande, fabriquée en France avec passion par Propolia.\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.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --prop-cream: #fdf6ec;\n --prop-white: #ffffff;\n --prop-primary: #f39200;\n --prop-primary-dark: #b8650c;\n --prop-primary-light: #fff1d6;\n --prop-secondary: #e94e1b;\n --prop-accent: #ffc857;\n --prop-text: #2a1c0a;\n --prop-text-light: #6b5847;\n --prop-border: #f0e1c5;\n --prop-shadow: 0 4px 24px rgba(179, 110, 12, .1);\n --prop-shadow-lg: 0 12px 48px rgba(179, 110, 12, .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-premium *,\n.prop-premium *::before,\n.prop-premium *::after {\n box-sizing: border-box;\n}\n\n\/* HERO *\/\n.prop-hero {\n position: relative;\n background: linear-gradient(135deg, #ffc857 0%, #f39200 50%, #e94e1b 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,.4) 0%, transparent 8%),\n radial-gradient(circle at 80% 60%, rgba(255,255,255,.3) 0%, transparent 10%),\n radial-gradient(circle at 50% 90%, rgba(255,255,255,.3) 0%, transparent 8%);\n opacity: .35;\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: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.prop-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 700px;\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 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-bottom: 1.75rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.prop-section-intro strong {\n color: var(--prop-primary-dark);\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.prop-card-highlight {\n background: linear-gradient(135deg, var(--prop-primary-light), #fff8e8);\n border-color: var(--prop-accent);\n}\n\n\/* GRILLES *\/\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(3, 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 max-width: 750px;\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: 48px;\n height: 48px;\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: 22px;\n box-shadow: 0 4px 14px rgba(243, 146, 0, .35);\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: 800;\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\/* TESTIMONIAL *\/\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-testimonial-text strong {\n color: var(--prop-primary-dark);\n font-style: normal;\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}\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}\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\/* 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.5rem;\n border-left: 3px solid var(--prop-primary);\n}\n\n.prop-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\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\/* 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.prop-cta-box strong {\n color: #fff5dc;\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}\n\n\/* RESPONSIVE *\/\n@media (max-width: 767px) {\n .prop-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .prop-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n \n .prop-grid-compact .prop-card {\n padding: .75rem;\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: 2.25rem 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-timeline-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\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-testimonial {\n padding: 1.25rem;\n }\n \n .prop-testimonial-text {\n font-size: 14px;\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\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":45755352514717,"sku":"AP0003","price":5.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gommes-de-propolis-miel-et-orange-45-g-propolia-packshothd.webp?v=1779717947"},{"product_id":"tonic-potion-jai-la-peche-10-ampoules-propolia-apimab","title":"Tonic Potion - 10 ampoules Propolis, Miel, Pollen, Gingembre \u0026 Acérola","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tonic Potion - J'ai la Pêche - Propolia\nPalette détectée:\n - Primaire: #E85A5A (rouge corail\/pêche du packaging)\n - Secondaire: #F5A69A (rose pêche clair)\n - Accent: #D4A84B (doré miel des ampoules)\n - Tertiaire: #FFFFFF (blanc du packaging)\nAmbiance: Naturel, énergisant, apicole\/ruche, frais et dynamique, féminin-neutre\nPréfixe CSS: tp\n--\u003e\n\n\u003cdiv class=\"tp-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"tp-hero\"\u003e\n \u003cdiv class=\"tp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tp-hero-content\"\u003e\n \u003cdiv class=\"tp-badges-top\"\u003e\n \u003cspan class=\"tp-badge\"\u003e🐝 Produits de la ruche\u003c\/span\u003e\n \u003cspan class=\"tp-badge\"\u003e🍊 Riche en vitamine C\u003c\/span\u003e\n \u003cspan class=\"tp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tp-hero-title\"\u003eTonic Potion®\u003c\/span\u003e\n \u003cp class=\"tp-subtitle\"\u003eJ'ai la pêche !\u003c\/p\u003e\n \u003cp class=\"tp-description\"\u003eLe coup de boost 100% naturel qui allie la puissance des produits de la ruche aux vertus dynamisantes des plantes pour retrouver énergie et vitalité.\u003c\/p\u003e\n \u003cdiv class=\"tp-hero-stats\"\u003e\n \u003cdiv class=\"tp-stat\"\u003e\n \u003cspan class=\"tp-stat-number\"\u003e10\u003c\/span\u003e\n \u003cspan class=\"tp-stat-label\"\u003eampoules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-stat\"\u003e\n \u003cspan class=\"tp-stat-number\"\u003e8\u003c\/span\u003e\n \u003cspan class=\"tp-stat-label\"\u003eactifs naturels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-stat\"\u003e\n \u003cspan class=\"tp-stat-number\"\u003e150mg\u003c\/span\u003e\n \u003cspan class=\"tp-stat-label\"\u003egelée royale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003e🌟 Les bienfaits de la Tonic Potion\u003c\/h2\u003e\n \u003cdiv class=\"tp-grid\"\u003e\n \u003cdiv class=\"tp-card tp-benefit-card\"\u003e\n \u003cdiv class=\"tp-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eCoup de boost instantané\u003c\/h3\u003e\n \u003cp\u003eRetrouvez tonus et énergie dès la première ampoule grâce à la synergie du guarana et du ginseng.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card tp-benefit-card\"\u003e\n \u003cdiv class=\"tp-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eSoutient l'immunité\u003c\/h3\u003e\n \u003cp\u003eLa vitamine C naturelle de l'acérola renforce vos défenses naturelles et réduit la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card tp-benefit-card\"\u003e\n \u003cdiv class=\"tp-card-icon\"\u003e🍯\u003c\/div\u003e\n \u003ch3\u003eVitalité durable\u003c\/h3\u003e\n \u003cp\u003eL'alliance unique miel, propolis et gelée royale apporte une énergie naturelle qui dure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card tp-benefit-card\"\u003e\n \u003cdiv class=\"tp-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003e100% naturel\u003c\/h3\u003e\n \u003cp\u003eUne formule sans artifice, respectueuse de votre corps et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003e🐝 Une composition d'exception\u003c\/h2\u003e\n \u003cdiv class=\"tp-composition-wrapper\"\u003e\n \u003cdiv class=\"tp-composition-category\"\u003e\n \u003ch3 class=\"tp-category-title\"\u003e\n \u003cspan class=\"tp-category-icon\"\u003e🍯\u003c\/span\u003e\n Trésors de la ruche\n \u003c\/h3\u003e\n \u003cdiv class=\"tp-ingredients-grid\"\u003e\n \u003cdiv class=\"tp-ingredient-card\"\u003e\n \u003cdiv class=\"tp-ingredient-percent\"\u003e20%\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-name\"\u003eMiel\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-desc\"\u003eSource naturelle d'énergie\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-card\"\u003e\n \u003cdiv class=\"tp-ingredient-percent\"\u003e2,3%\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-name\"\u003ePropolis purifiée\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-desc\"\u003eBouclier naturel\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-card\"\u003e\n \u003cdiv class=\"tp-ingredient-percent\"\u003e3%\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-name\"\u003ePollen\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-desc\"\u003eSuper-aliment vitalisant\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-card\"\u003e\n \u003cdiv class=\"tp-ingredient-percent\"\u003e150mg\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-name\"\u003eGelée royale\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-desc\"\u003eÉlixir royal des abeilles\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tp-composition-category\"\u003e\n \u003ch3 class=\"tp-category-title\"\u003e\n \u003cspan class=\"tp-category-icon\"\u003e🌱\u003c\/span\u003e\n Plantes dynamisantes\n \u003c\/h3\u003e\n \u003cdiv class=\"tp-ingredients-grid\"\u003e\n \u003cdiv class=\"tp-ingredient-card\"\u003e\n \u003cdiv class=\"tp-ingredient-percent\"\u003e5%\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-name\"\u003eGingembre\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-desc\"\u003eStimulant naturel\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-card\"\u003e\n \u003cdiv class=\"tp-ingredient-percent\"\u003e4,8%\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-name\"\u003eAcérola\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-desc\"\u003eExtrait titré à 25 % de vitamine C\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-card\"\u003e\n \u003cdiv class=\"tp-ingredient-percent\"\u003e0,95%\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-name\"\u003eGinseng\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-desc\"\u003eRacine énergisante\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-card\"\u003e\n \u003cdiv class=\"tp-ingredient-percent\"\u003e1%\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-name\"\u003eGuarana\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-desc\"\u003eBoost naturel\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tp-extra-ingredients\"\u003e\n \u003cspan class=\"tp-extra-tag\"\u003e+ Extrait de pépins de pamplemousse (0,91%)\u003c\/span\u003e\n \u003cspan class=\"tp-extra-tag\"\u003e+ Huile essentielle de citron\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tp-usage-box\"\u003e\n \u003cdiv class=\"tp-usage-steps\"\u003e\n \u003cdiv class=\"tp-step\"\u003e\n \u003cdiv class=\"tp-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tp-step-content\"\u003e\n \u003ch4\u003eAgitez\u003c\/h4\u003e\n \u003cp\u003eBien agiter l'ampoule avant ouverture\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-step\"\u003e\n \u003cdiv class=\"tp-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tp-step-content\"\u003e\n \u003ch4\u003eDiluez\u003c\/h4\u003e\n \u003cp\u003eDans un demi-verre d'eau ou de jus de fruit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-step\"\u003e\n \u003cdiv class=\"tp-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tp-step-content\"\u003e\n \u003ch4\u003eSavourez\u003c\/h4\u003e\n \u003cp\u003eChaque matin pour un boost d'énergie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-usage-info\"\u003e\n \u003cdiv class=\"tp-info-item\"\u003e\n \u003cspan class=\"tp-info-icon\"\u003e⏰\u003c\/span\u003e\n \u003cspan\u003e1 ampoule par jour, le matin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-info-item\"\u003e\n \u003cspan class=\"tp-info-icon\"\u003e📅\u003c\/span\u003e\n \u003cspan\u003eCure de 10 jours renouvelable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-info-item\"\u003e\n \u003cspan class=\"tp-info-icon\"\u003e💡\u003c\/span\u003e\n \u003cspan\u003eIdéal en période de fatigue ou changement de saison\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"tp-grid tp-grid-3\"\u003e\n \u003cdiv class=\"tp-card tp-profile-card\"\u003e\n \u003cdiv class=\"tp-profile-emoji\"\u003e💼\u003c\/div\u003e\n \u003ch3\u003eActifs débordés\u003c\/h3\u003e\n \u003cp\u003ePour garder le rythme au quotidien malgré un emploi du temps chargé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card tp-profile-card\"\u003e\n \u003cdiv class=\"tp-profile-emoji\"\u003e🏃\u003c\/div\u003e\n \u003ch3\u003eSportifs\u003c\/h3\u003e\n \u003cp\u003ePour optimiser l'énergie et la récupération naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card tp-profile-card\"\u003e\n \u003cdiv class=\"tp-profile-emoji\"\u003e📚\u003c\/div\u003e\n \u003ch3\u003eÉtudiants\u003c\/h3\u003e\n \u003cp\u003ePour rester concentré et dynamique pendant les révisions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card tp-profile-card\"\u003e\n \u003cdiv class=\"tp-profile-emoji\"\u003e🍂\u003c\/div\u003e\n \u003ch3\u003eChangement de saison\u003c\/h3\u003e\n \u003cp\u003ePour renforcer l'organisme lors des transitions saisonnières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card tp-profile-card\"\u003e\n \u003cdiv class=\"tp-profile-emoji\"\u003e😴\u003c\/div\u003e\n \u003ch3\u003eFatigue passagère\u003c\/h3\u003e\n \u003cp\u003ePour retrouver rapidement énergie et vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card tp-profile-card\"\u003e\n \u003cdiv class=\"tp-profile-emoji\"\u003e🌡️\u003c\/div\u003e\n \u003ch3\u003eConvalescence\u003c\/h3\u003e\n \u003cp\u003ePour aider le corps à se remettre en forme après un coup de mou.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ORIGINE --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003e🇫🇷 Origine et fabrication\u003c\/h2\u003e\n \u003cdiv class=\"tp-origin-box\"\u003e\n \u003cdiv class=\"tp-origin-content\"\u003e\n \u003cdiv class=\"tp-origin-badge\"\u003e\n \u003cspan class=\"tp-origin-flag\"\u003e🐝\u003c\/span\u003e\n \u003cspan class=\"tp-origin-text\"\u003ePropolia France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eProduite en France par \u003cstrong\u003ePropolia-Apimab\u003c\/strong\u003e, cette potion respecte les savoir-faire de l'apiculture française et garantit des ingrédients sélectionnés avec soin pour leur \u003cem\u003epureté\u003c\/em\u003e et leur efficacité.\u003c\/p\u003e\n \u003cp\u003eLa fabrication locale répond aux standards de qualité et de traçabilité les plus exigeants, pour un produit respectueux de l'environnement et de votre santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-origin-features\"\u003e\n \u003cdiv class=\"tp-origin-feature\"\u003e\n \u003cspan\u003e✓\u003c\/span\u003e Fabrication française\n \u003c\/div\u003e\n \u003cdiv class=\"tp-origin-feature\"\u003e\n \u003cspan\u003e✓\u003c\/span\u003e Ingrédients naturels\n \u003c\/div\u003e\n \u003cdiv class=\"tp-origin-feature\"\u003e\n \u003cspan\u003e✓\u003c\/span\u003e Traçabilité garantie\n \u003c\/div\u003e\n \u003cdiv class=\"tp-origin-feature\"\u003e\n \u003cspan\u003e✓\u003c\/span\u003e Savoir-faire apicole\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tp-warning-box\"\u003e\n \u003cdiv class=\"tp-warning-grid\"\u003e\n \u003cdiv class=\"tp-warning-item\"\u003e\n \u003cspan class=\"tp-warning-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-warning-item\"\u003e\n \u003cspan class=\"tp-warning-icon\"\u003e☕\u003c\/span\u003e\n \u003cp\u003eContient de la caféine (10 mg\/ampoule) : déconseillé aux enfants, femmes enceintes ou allaitantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-warning-item\"\u003e\n \u003cspan class=\"tp-warning-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eÀ conserver à l'abri de la chaleur et de l'humidité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-warning-item\"\u003e\n \u003cspan class=\"tp-warning-icon\"\u003e🥗\u003c\/span\u003e\n \u003cp\u003eNe se substitue pas à une alimentation variée et équilibrée et à un mode de vie sain\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"tp-info-grid\"\u003e\n \u003cdiv class=\"tp-info-card\"\u003e\n \u003cspan class=\"tp-info-card-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"tp-info-card-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"tp-info-card-value\"\u003e10 ampoules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-info-card\"\u003e\n \u003cspan class=\"tp-info-card-icon\"\u003e⏱️\u003c\/span\u003e\n \u003cspan class=\"tp-info-card-label\"\u003eDurée de cure\u003c\/span\u003e\n \u003cspan class=\"tp-info-card-value\"\u003e10 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-info-card\"\u003e\n \u003cspan class=\"tp-info-card-icon\"\u003e🏭\u003c\/span\u003e\n \u003cspan class=\"tp-info-card-label\"\u003eFabricant\u003c\/span\u003e\n \u003cspan class=\"tp-info-card-value\"\u003ePropolia France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-info-card\"\u003e\n \u003cspan class=\"tp-info-card-icon\"\u003e🍃\u003c\/span\u003e\n \u003cspan class=\"tp-info-card-label\"\u003eType\u003c\/span\u003e\n \u003cspan class=\"tp-info-card-value\"\u003e100% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"tp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tp-cta-box\"\u003e\n \u003cdiv class=\"tp-cta-bee\"\u003e🐝\u003c\/div\u003e\n \u003cp\u003eOptez pour la \u003cstrong\u003eTonic Potion \"J'ai la pêche\"\u003c\/strong\u003e et faites le plein d'énergie naturelle pour retrouver dynamisme et bien-être au quotidien !\u003c\/p\u003e\n \u003cdiv class=\"tp-cta-features\"\u003e\n \u003cspan\u003e✨ Énergie naturelle\u003c\/span\u003e\n \u003cspan\u003e🛡️ Immunité renforcée\u003c\/span\u003e\n \u003cspan\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --tp-cream: #FFF9F7;\n --tp-white: #ffffff;\n --tp-primary: #E85A5A;\n --tp-primary-dark: #C94545;\n --tp-primary-light: #FEE8E5;\n --tp-secondary: #F5A69A;\n --tp-accent: #D4A84B;\n --tp-accent-light: #FDF4E3;\n \n \/* Textes *\/\n --tp-text: #1a1a1a;\n --tp-text-light: #5a5a5a;\n \n \/* Effets *\/\n --tp-border: #f0e6e4;\n --tp-shadow: 0 4px 24px rgba(232, 90, 90, .08);\n --tp-shadow-lg: 0 12px 48px rgba(232, 90, 90, .15);\n --tp-radius: 20px;\n --tp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--tp-text);\n line-height: 1.6;\n}\n\n.tp-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.tp-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tp-primary) 0%, var(--tp-secondary) 50%, var(--tp-accent) 100%);\n border-radius: var(--tp-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(--tp-shadow-lg);\n}\n\n.tp-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\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 5L37.5 15L52.5 15L45 25L50 40L30 32.5L10 40L15 25L7.5 15L22.5 15L30 5Z' fill='%23ffffff' fill-opacity='1'\/%3E%3C\/svg%3E\");\n background-size: 80px 80px;\n}\n\n.tp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.tp-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(--tp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tp-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.tp-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(22px, 4vw, 32px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n font-style: italic;\n}\n\n.tp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 2vw, 19px);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.tp-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.tp-stat {\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(--tp-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.tp-stat-number {\n display: block;\n color: white;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n line-height: 1;\n}\n\n.tp-stat-label {\n color: rgba(255,255,255,.85);\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.tp-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tp-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--tp-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.tp-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(--tp-primary), var(--tp-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.tp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.tp-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === CARDS === *\/\n.tp-card {\n background: var(--tp-white);\n border-radius: var(--tp-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.tp-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tp-shadow-lg);\n border-color: var(--tp-primary);\n}\n\n.tp-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--tp-text);\n margin: 0 0 0.75rem 0;\n}\n\n.tp-card p {\n font-size: 15px;\n color: var(--tp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BENEFIT CARDS === *\/\n.tp-benefit-card {\n text-align: center;\n}\n\n.tp-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === COMPOSITION === *\/\n.tp-composition-wrapper {\n background: var(--tp-white);\n border-radius: var(--tp-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--tp-shadow);\n}\n\n.tp-composition-category {\n margin-bottom: 2rem;\n}\n\n.tp-composition-category:last-of-type {\n margin-bottom: 1.5rem;\n}\n\n.tp-category-title {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 20px;\n font-weight: 800;\n color: var(--tp-primary-dark);\n margin: 0 0 1.5rem 0;\n padding-bottom: 0.75rem;\n border-bottom: 2px solid var(--tp-primary-light);\n}\n\n.tp-category-icon {\n font-size: 28px;\n}\n\n.tp-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.tp-ingredient-card {\n background: linear-gradient(135deg, var(--tp-primary-light) 0%, var(--tp-accent-light) 100%);\n border-radius: var(--tp-radius-sm);\n padding: 1.25rem;\n text-align: center;\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.tp-ingredient-card:hover {\n transform: translateY(-4px) scale(1.02);\n border-color: var(--tp-accent);\n}\n\n.tp-ingredient-percent {\n font-size: 22px;\n font-weight: 900;\n color: var(--tp-primary-dark);\n margin-bottom: 0.25rem;\n}\n\n.tp-ingredient-name {\n font-size: 15px;\n font-weight: 700;\n color: var(--tp-text);\n margin-bottom: 0.25rem;\n}\n\n.tp-ingredient-desc {\n font-size: 13px;\n color: var(--tp-text-light);\n}\n\n.tp-extra-ingredients {\n display: flex;\n flex-wrap: wrap;\n gap: 0.75rem;\n justify-content: center;\n padding-top: 1rem;\n border-top: 1px dashed var(--tp-border);\n}\n\n.tp-extra-tag {\n background: var(--tp-cream);\n padding: 8px 16px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--tp-text-light);\n}\n\n\/* === USAGE === *\/\n.tp-usage-box {\n background: var(--tp-white);\n border-radius: var(--tp-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--tp-shadow);\n}\n\n.tp-usage-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.tp-step {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tp-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--tp-primary) 0%, var(--tp-secondary) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(232, 90, 90, .3);\n}\n\n.tp-step-content h4 {\n font-size: 17px;\n font-weight: 800;\n color: var(--tp-text);\n margin: 0 0 0.25rem 0;\n}\n\n.tp-step-content p {\n font-size: 14px;\n color: var(--tp-text-light);\n margin: 0;\n}\n\n.tp-usage-info {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem;\n justify-content: center;\n padding-top: 1.5rem;\n border-top: 2px solid var(--tp-primary-light);\n}\n\n.tp-info-item {\n display: flex;\n align-items: center;\n gap: 8px;\n background: var(--tp-primary-light);\n padding: 10px 18px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n color: var(--tp-primary-dark);\n}\n\n.tp-info-icon {\n font-size: 18px;\n}\n\n\/* === PROFILE CARDS === *\/\n.tp-profile-card {\n text-align: center;\n}\n\n.tp-profile-emoji {\n font-size: 42px;\n margin-bottom: 0.75rem;\n display: block;\n}\n\n.tp-profile-card h3 {\n font-size: 16px;\n}\n\n.tp-profile-card p {\n font-size: 14px;\n}\n\n\/* === ORIGIN === *\/\n.tp-origin-box {\n background: linear-gradient(135deg, var(--tp-accent-light) 0%, var(--tp-primary-light) 100%);\n border-radius: var(--tp-radius);\n padding: clamp(2rem, 4vw, 3rem);\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n}\n\n@media (min-width: 768px) {\n .tp-origin-box {\n grid-template-columns: 2fr 1fr;\n }\n}\n\n.tp-origin-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: var(--tp-white);\n padding: 10px 20px;\n border-radius: 999px;\n margin-bottom: 1rem;\n box-shadow: var(--tp-shadow);\n}\n\n.tp-origin-flag {\n font-size: 28px;\n}\n\n.tp-origin-text {\n font-size: 16px;\n font-weight: 800;\n color: var(--tp-primary-dark);\n}\n\n.tp-origin-content p {\n font-size: 15px;\n color: var(--tp-text);\n margin: 0 0 1rem 0;\n line-height: 1.7;\n}\n\n.tp-origin-content p:last-child {\n margin-bottom: 0;\n}\n\n.tp-origin-features {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n justify-content: center;\n}\n\n.tp-origin-feature {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 15px;\n font-weight: 600;\n color: var(--tp-text);\n}\n\n.tp-origin-feature span {\n color: var(--tp-primary);\n font-weight: 800;\n}\n\n\/* === WARNING === *\/\n.tp-warning-box {\n background: linear-gradient(135deg, #FFF5E6 0%, #FFEDE6 100%);\n border-radius: var(--tp-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n border-left: 5px solid var(--tp-accent);\n}\n\n.tp-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.25rem;\n}\n\n.tp-warning-item {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n}\n\n.tp-warning-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tp-warning-item p {\n font-size: 14px;\n color: var(--tp-text);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INFO GRID === *\/\n.tp-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.tp-info-card {\n background: var(--tp-white);\n border-radius: var(--tp-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--tp-shadow);\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.tp-info-card:hover {\n transform: translateY(-4px);\n border-color: var(--tp-primary);\n}\n\n.tp-info-card-icon {\n font-size: 32px;\n display: block;\n margin-bottom: 0.75rem;\n}\n\n.tp-info-card-label {\n display: block;\n font-size: 12px;\n font-weight: 600;\n color: var(--tp-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 0.25rem;\n}\n\n.tp-info-card-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--tp-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.tp-cta-box {\n background: linear-gradient(135deg, var(--tp-primary) 0%, var(--tp-primary-dark) 100%);\n border-radius: var(--tp-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tp-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@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: .5; }\n 50% { transform: scale(1.1); opacity: .8; }\n}\n\n.tp-cta-bee {\n font-size: 60px;\n margin-bottom: 1rem;\n display: block;\n animation: float 3s ease-in-out infinite;\n position: relative;\n z-index: 1;\n}\n\n@keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n}\n\n.tp-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n position: relative;\n z-index: 1;\n}\n\n.tp-cta-features {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n position: relative;\n z-index: 1;\n}\n\n.tp-cta-features span {\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 10px 20px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .tp-grid,\n .tp-grid-3 {\n grid-template-columns: 1fr;\n }\n \n .tp-hero-stats {\n gap: 1rem;\n }\n \n .tp-stat {\n padding: 0.75rem 1rem;\n }\n \n .tp-usage-steps {\n grid-template-columns: 1fr;\n }\n \n .tp-ingredients-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tp-card,\n .tp-ingredient-card,\n .tp-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .tp-card:nth-child(1), .tp-ingredient-card:nth-child(1), .tp-info-card:nth-child(1) { animation-delay: .1s; }\n .tp-card:nth-child(2), .tp-ingredient-card:nth-child(2), .tp-info-card:nth-child(2) { animation-delay: .2s; }\n .tp-card:nth-child(3), .tp-ingredient-card:nth-child(3), .tp-info-card:nth-child(3) { animation-delay: .3s; }\n .tp-card:nth-child(4), .tp-ingredient-card:nth-child(4), .tp-info-card:nth-child(4) { animation-delay: .4s; }\n .tp-card:nth-child(5) { animation-delay: .5s; }\n .tp-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .tp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .tp-cta-bee {\n animation: none;\n }\n \n .tp-cta-box::before {\n animation: none;\n }\n}\n\n@media (prefers-contrast: high) {\n .tp-premium {\n --tp-text: #000000;\n --tp-text-light: #333333;\n }\n \n .tp-card,\n .tp-ingredient-card,\n .tp-info-card {\n border: 2px solid var(--tp-text);\n }\n}\n\u003c\/style\u003e","brand":"PROPOLIA","offers":[{"title":"Default Title","offer_id":45755383808157,"sku":"AP0026","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tonic-potion-jai-la-peche-10-ampoules-propolia-packshothd.webp?v=1790689664"},{"product_id":"spray-nasal-doux-a-la-propolis-bio-prele-bio-et-miel-bio-20-ml-propolia-apimab","title":"Spray Nasal Doux à La Propolis Bio - Prêle et Miel - 20 Ml - Propolia-Apimab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Spray Nasal Doux à la Propolis Bio - Propolia\nPalette détectée:\n - Primaire: #2E6EB3 (bleu royal du packaging - couleur dominante)\n - Secondaire: #E8A4B8 (rose pastel du bandeau \"A PLEIN NEZ\")\n - Accent: #F5C547 (jaune miel\/abeille - rayures de l'illustration)\n - Tertiaire: #8B4513 (brun ambre du flacon en verre)\nAmbiance: Naturel\/Bio avec touche enfantine et rassurante, univers de la ruche, douceur familiale\nPréfixe CSS: pn (pour \"plein nez\")\n--\u003e\n\n\u003cdiv class=\"pn-premium\"\u003e\n\n \u003cdiv class=\"pn-hero\"\u003e\n \u003cdiv class=\"pn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pn-hero-content\"\u003e\n \u003cdiv class=\"pn-badges-top\"\u003e\n \u003cspan class=\"pn-badge\"\u003e🐝 Propolis française bio\u003c\/span\u003e\n \u003cspan class=\"pn-badge\"\u003e🌿 99% naturel\u003c\/span\u003e\n \u003cspan class=\"pn-badge\"\u003e👶 Dès 3 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pn-hero-title\"\u003eSpray nasal doux à la propolis bio\u003c\/span\u003e\n \u003cp class=\"pn-subtitle\"\u003eRespirez librement, naturellement\u003c\/p\u003e\n \u003cp class=\"pn-description\"\u003eUne formule unique aux trésors de la ruche et des plantes pour dégager votre nez en douceur. Solution naturelle adaptée à toute la famille.\u003c\/p\u003e\n \u003cdiv class=\"pn-hero-stats\"\u003e\n \u003cdiv class=\"pn-stat\"\u003e\n \u003cspan class=\"pn-stat-number\"\u003e99%\u003c\/span\u003e\n \u003cspan class=\"pn-stat-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-stat\"\u003e\n \u003cspan class=\"pn-stat-number\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"pn-stat-label\"\u003eVégétaux bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-stat\"\u003e\n \u003cspan class=\"pn-stat-number\"\u003e20ml\u003c\/span\u003e\n \u003cspan class=\"pn-stat-label\"\u003eFormat voyage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"pn-section\"\u003e\n \u003ch2\u003e🐝 Pourquoi choisir ce spray à la propolis ?\u003c\/h2\u003e\n \u003cdiv class=\"pn-grid\"\u003e\n \u003cdiv class=\"pn-card\"\u003e\n \u003cdiv class=\"pn-card-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3\u003eNettoyage doux\u003c\/h3\u003e\n \u003cp\u003eNettoie les fosses nasales sans dessécher les muqueuses sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-card\"\u003e\n \u003cdiv class=\"pn-card-icon\"\u003e💦\u003c\/div\u003e\n \u003ch3\u003eHumidification naturelle\u003c\/h3\u003e\n \u003cp\u003eMaintient l'hydratation optimale de vos muqueuses nasales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-card\"\u003e\n \u003cdiv class=\"pn-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003ePurification douce\u003c\/h3\u003e\n \u003cp\u003eLes actifs de la ruche protègent et apaisent naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-card\"\u003e\n \u003cdiv class=\"pn-card-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch3\u003eNez sensibles\u003c\/h3\u003e\n \u003cp\u003eFormule extra-douce adaptée même aux muqueuses les plus fragiles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pn-section\"\u003e\n \u003ch2\u003e🌿 Les trésors de la ruche et des plantes\u003c\/h2\u003e\n \u003cdiv class=\"pn-ingredients-grid\"\u003e\n \u003cdiv class=\"pn-ingredient-card pn-ingredient-featured\"\u003e\n \u003cdiv class=\"pn-ingredient-icon\"\u003e🐝\u003c\/div\u003e\n \u003cdiv class=\"pn-ingredient-content\"\u003e\n \u003ch3\u003ePropolis française bio\u003c\/h3\u003e\n \u003cspan class=\"pn-ingredient-tag\"\u003eIngrédient star\u003c\/span\u003e\n \u003cp\u003eVéritable bouclier naturel de la ruche, utilisée depuis l'Antiquité pour ses vertus protectrices. Très dosée et de grande qualité pour un effet apaisant immédiat sur les muqueuses irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-ingredient-card\"\u003e\n \u003cdiv class=\"pn-ingredient-icon\"\u003e🍯\u003c\/div\u003e\n \u003cdiv class=\"pn-ingredient-content\"\u003e\n \u003ch3\u003eMiel bio\u003c\/h3\u003e\n \u003cp\u003eAdoucissant par excellence, forme un film protecteur sur la muqueuse nasale et maintient l'hydratation naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-ingredient-card\"\u003e\n \u003cdiv class=\"pn-ingredient-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"pn-ingredient-content\"\u003e\n \u003ch3\u003ePrêle bio\u003c\/h3\u003e\n \u003cp\u003ePlante reminéralisante précieuse qui apporte des minéraux essentiels pour entretenir les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-ingredient-card\"\u003e\n \u003cdiv class=\"pn-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"pn-ingredient-content\"\u003e\n \u003ch3\u003eThym \u0026amp; romarin bio\u003c\/h3\u003e\n \u003cp\u003ePlantes aromatiques méditerranéennes traditionnellement utilisées pour leurs bienfaits sur la sphère ORL.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pn-section\"\u003e\n \u003cdiv class=\"pn-highlight-box\"\u003e\n \u003cdiv class=\"pn-highlight-icon\"\u003e🧂\u003c\/div\u003e\n \u003cdiv class=\"pn-highlight-content\"\u003e\n \u003ch3\u003eBase physiologique au sel de Guérande\u003c\/h3\u003e\n \u003cp\u003eSérum physiologique isotonique à \u003cstrong\u003e0.9% de sel\u003c\/strong\u003e, identique à la concentration de nos fluides corporels. Cette formule assure une \u003cstrong\u003eparfaite tolérance\u003c\/strong\u003e par les muqueuses nasales, sans piqûre ni irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pn-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pn-steps\"\u003e\n \u003cdiv class=\"pn-step\"\u003e\n \u003cdiv class=\"pn-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pn-step-content\"\u003e\n \u003ch4\u003eAgitez\u003c\/h4\u003e\n \u003cp\u003eSecouez le flacon avant chaque utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-step\"\u003e\n \u003cdiv class=\"pn-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pn-step-content\"\u003e\n \u003ch4\u003eMouchez-vous\u003c\/h4\u003e\n \u003cp\u003eDégagez d'abord les mucosités\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-step\"\u003e\n \u003cdiv class=\"pn-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pn-step-content\"\u003e\n \u003ch4\u003ePulvérisez\u003c\/h4\u003e\n \u003cp\u003e1 à 2 pulvérisations par narine en inspirant doucement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-step\"\u003e\n \u003cdiv class=\"pn-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pn-step-content\"\u003e\n \u003ch4\u003ePatientez\u003c\/h4\u003e\n \u003cp\u003eQuelques minutes avant de vous moucher à nouveau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-step\"\u003e\n \u003cdiv class=\"pn-step-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"pn-step-content\"\u003e\n \u003ch4\u003eNettoyez\u003c\/h4\u003e\n \u003cp\u003eEssuyez l'embout après chaque usage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-frequency-box\"\u003e\n \u003cspan class=\"pn-frequency-icon\"\u003e⏰\u003c\/span\u003e\n \u003cspan class=\"pn-frequency-text\"\u003eJusqu'à \u003cstrong\u003e4 fois par jour\u003c\/strong\u003e selon vos besoins\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pn-section\"\u003e\n \u003ch2\u003e👨‍👩‍👧‍👦 Pour qui est destiné ce spray ?\u003c\/h2\u003e\n \u003cdiv class=\"pn-grid\"\u003e\n \u003cdiv class=\"pn-profile-card\"\u003e\n \u003cdiv class=\"pn-profile-icon\"\u003e👶\u003c\/div\u003e\n \u003ch3\u003eEnfants dès 36 mois\u003c\/h3\u003e\n \u003cp\u003eFormule extra-douce qui facilite l'acceptation par les plus jeunes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-profile-card\"\u003e\n \u003cdiv class=\"pn-profile-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch3\u003eMuqueuses sensibles\u003c\/h3\u003e\n \u003cp\u003eIdéal si vous réagissez aux sprays nasaux classiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-profile-card\"\u003e\n \u003cdiv class=\"pn-profile-icon\"\u003e🏢\u003c\/div\u003e\n \u003ch3\u003eAtmosphères agressives\u003c\/h3\u003e\n \u003cp\u003eClimatisation, chauffage, pollution, tabac...\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-profile-card\"\u003e\n \u003cdiv class=\"pn-profile-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eAdeptes du naturel\u003c\/h3\u003e\n \u003cp\u003ePour une hygiène nasale quotidienne respectueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pn-section\"\u003e\n \u003ch2\u003e📜 Composition complète\u003c\/h2\u003e\n \u003cdiv class=\"pn-composition-box\"\u003e\n \u003cp class=\"pn-inci\"\u003eAqua (Eau), Glycerin**, Equisetum arvense extract (Extrait de Prêle)*, Thymus vulgaris leaf extract (Huile essentielle de Thym)*, Propolis cera (Propolis pure)*, Mel (Miel)*, Rosmarinus officinalis leaf oil (Huile essentielle de Romarin)*, Potassium sulfate, Citric acid, Dehydroacetic acid, Alcohol**, Potassium sorbate, Sodium benzoate, Benzyl alcohol.\u003c\/p\u003e\n \u003cdiv class=\"pn-composition-legend\"\u003e\n \u003cspan class=\"pn-legend-item\"\u003e\u003cspan class=\"pn-legend-star\"\u003e*\u003c\/span\u003e Ingrédients issus de l'Agriculture Biologique\u003c\/span\u003e\n \u003cspan class=\"pn-legend-item\"\u003e\u003cspan class=\"pn-legend-star\"\u003e**\u003c\/span\u003e Transformés à partir d'ingrédients biologiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pn-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pn-warning-box\"\u003e\n \u003cdiv class=\"pn-warning-grid\"\u003e\n \u003cdiv class=\"pn-warning-item\"\u003e\n \u003cspan class=\"pn-warning-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan\u003eNe pas administrer aux enfants de moins de 36 mois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-warning-item\"\u003e\n \u003cspan class=\"pn-warning-icon\"\u003e🐝\u003c\/span\u003e\n \u003cspan\u003eDéconseillé en cas d'allergie aux produits de la ruche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-warning-item\"\u003e\n \u003cspan class=\"pn-warning-icon\"\u003e👁️\u003c\/span\u003e\n \u003cspan\u003eÉviter le contact avec les yeux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-warning-item\"\u003e\n \u003cspan class=\"pn-warning-icon\"\u003e📅\u003c\/span\u003e\n \u003cspan\u003eÀ utiliser dans les 30 jours après ouverture\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-warning-item\"\u003e\n \u003cspan class=\"pn-warning-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cspan\u003eConserver à l'abri de la chaleur et de l'humidité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-warning-item\"\u003e\n \u003cspan class=\"pn-warning-icon\"\u003e👶\u003c\/span\u003e\n \u003cspan\u003eTenir hors de portée des jeunes enfants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"pn-warning-note\"\u003eCe dispositif médical ne remplace pas un avis médical. Consultez un professionnel de santé en cas de symptômes persistants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pn-section\"\u003e\n \u003ch2\u003e📦 Caractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"pn-specs-grid\"\u003e\n \u003cdiv class=\"pn-spec\"\u003e\n \u003cspan class=\"pn-spec-icon\"\u003e📏\u003c\/span\u003e\n \u003cspan class=\"pn-spec-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"pn-spec-value\"\u003e20 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-spec\"\u003e\n \u003cspan class=\"pn-spec-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"pn-spec-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"pn-spec-value\"\u003eFlacon spray nasal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-spec\"\u003e\n \u003cspan class=\"pn-spec-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"pn-spec-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"pn-spec-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pn-spec\"\u003e\n \u003cspan class=\"pn-spec-icon\"\u003e🏥\u003c\/span\u003e\n \u003cspan class=\"pn-spec-label\"\u003eType\u003c\/span\u003e\n \u003cspan class=\"pn-spec-value\"\u003eDispositif médical\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pn-cta-box\"\u003e\n \u003cdiv class=\"pn-cta-bee\"\u003e🐝\u003c\/div\u003e\n \u003cp\u003eOffrez à votre nez le meilleur de la ruche.\u003cbr\u003e\u003cstrong\u003eRespirez librement avec la puissance naturelle de la propolis française bio.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"pn-cta-badges\"\u003e\n \u003cspan class=\"pn-cta-badge\"\u003e🌿 99% naturel\u003c\/span\u003e\n \u003cspan class=\"pn-cta-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"pn-cta-badge\"\u003e👨‍👩‍👧 Toute la famille\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pn-cream: #FDF9F3;\n --pn-white: #ffffff;\n --pn-primary: #2E6EB3;\n --pn-primary-dark: #1E4E83;\n --pn-primary-light: #E8F1FA;\n --pn-secondary: #E8A4B8;\n --pn-secondary-light: #FCF0F4;\n --pn-accent: #F5C547;\n --pn-accent-light: #FEF8E7;\n --pn-honey: #D4943A;\n --pn-text: #1a1a1a;\n --pn-text-light: #5a5a5a;\n --pn-border: #e8e4df;\n --pn-shadow: 0 4px 24px rgba(46,110,179,.08);\n --pn-shadow-lg: 0 12px 48px rgba(46,110,179,.15);\n --pn-radius: 20px;\n --pn-radius-sm: 12px;\n}\n\n.pn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--pn-text);\n line-height: 1.6;\n}\n\n.pn-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.pn-hero {\n position: relative;\n background: linear-gradient(135deg, var(--pn-primary) 0%, var(--pn-primary-dark) 50%, #1A3A5C 100%);\n border-radius: var(--pn-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(--pn-shadow-lg);\n}\n\n.pn-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(245,197,71,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(232,164,184,.15) 0%, transparent 50%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5L37.5 15L52.5 15L45 25L52.5 37.5L37.5 37.5L30 50L22.5 37.5L7.5 37.5L15 25L7.5 15L22.5 15Z' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.pn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.pn-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(--pn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pn-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 6vw, 48px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.03em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pn-subtitle {\n color: var(--pn-accent);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.pn-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 600px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.pn-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.pn-stat {\n text-align: center;\n padding: 1rem 1.5rem;\n background: rgba(255,255,255,.1);\n backdrop-filter: blur(10px);\n border-radius: var(--pn-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.pn-stat-number {\n display: block;\n color: var(--pn-accent);\n font-size: clamp(28px, 5vw, 36px);\n font-weight: 900;\n line-height: 1;\n}\n\n.pn-stat-label {\n display: block;\n color: rgba(255,255,255,.85);\n font-size: 13px;\n font-weight: 600;\n margin-top: 4px;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.pn-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.pn-premium h2 {\n font-size: clamp(24px, 4.5vw, 34px);\n font-weight: 900;\n color: var(--pn-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.pn-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(--pn-primary), var(--pn-secondary));\n border-radius: 2px;\n}\n\n\/* === GRID === *\/\n.pn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.pn-card {\n background: var(--pn-white);\n border-radius: var(--pn-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--pn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pn-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--pn-shadow-lg);\n border-color: var(--pn-primary);\n}\n\n.pn-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.pn-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--pn-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.pn-card p {\n font-size: 15px;\n color: var(--pn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENTS === *\/\n.pn-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.pn-ingredient-card {\n background: var(--pn-white);\n border-radius: var(--pn-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--pn-shadow);\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.pn-ingredient-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--pn-shadow-lg);\n border-color: var(--pn-accent);\n}\n\n.pn-ingredient-featured {\n grid-column: 1 \/ -1;\n background: linear-gradient(135deg, var(--pn-accent-light) 0%, var(--pn-white) 100%);\n border: 2px solid var(--pn-accent);\n}\n\n.pn-ingredient-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.pn-ingredient-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--pn-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.pn-ingredient-tag {\n display: inline-block;\n padding: 4px 12px;\n background: var(--pn-accent);\n color: var(--pn-primary-dark);\n border-radius: 999px;\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .75rem;\n}\n\n.pn-ingredient-content p {\n font-size: 14px;\n color: var(--pn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pn-highlight-box {\n background: linear-gradient(135deg, var(--pn-primary-light) 0%, var(--pn-white) 100%);\n border-radius: var(--pn-radius);\n padding: clamp(2rem, 4vw, 3rem);\n display: flex;\n gap: 1.5rem;\n align-items: center;\n border: 2px solid var(--pn-primary);\n box-shadow: var(--pn-shadow);\n}\n\n.pn-highlight-icon {\n font-size: 56px;\n flex-shrink: 0;\n}\n\n.pn-highlight-content h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--pn-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.pn-highlight-content p {\n font-size: 15px;\n color: var(--pn-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === STEPS === *\/\n.pn-steps {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.pn-step {\n flex: 1;\n min-width: 160px;\n max-width: 200px;\n background: var(--pn-white);\n border-radius: var(--pn-radius);\n padding: 1.5rem 1rem;\n text-align: center;\n box-shadow: var(--pn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.pn-step:hover {\n transform: translateY(-5px);\n border-color: var(--pn-secondary);\n}\n\n.pn-step-number {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--pn-primary), var(--pn-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n margin: 0 auto 1rem auto;\n box-shadow: 0 4px 12px rgba(46,110,179,.3);\n}\n\n.pn-step-content h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--pn-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.pn-step-content p {\n font-size: 13px;\n color: var(--pn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.pn-frequency-box {\n background: linear-gradient(135deg, var(--pn-secondary-light), var(--pn-white));\n border-radius: var(--pn-radius);\n padding: 1.25rem 2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n border: 2px solid var(--pn-secondary);\n max-width: 400px;\n margin: 0 auto;\n}\n\n.pn-frequency-icon {\n font-size: 28px;\n}\n\n.pn-frequency-text {\n font-size: 16px;\n color: var(--pn-text);\n}\n\n\/* === PROFILE CARDS === *\/\n.pn-profile-card {\n background: var(--pn-white);\n border-radius: var(--pn-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--pn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.pn-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--pn-shadow-lg);\n border-color: var(--pn-primary);\n}\n\n.pn-profile-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.pn-profile-card h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--pn-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.pn-profile-card p {\n font-size: 14px;\n color: var(--pn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.pn-composition-box {\n background: var(--pn-white);\n border-radius: var(--pn-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--pn-shadow);\n border: 2px solid var(--pn-border);\n}\n\n.pn-inci {\n font-size: 13px;\n color: var(--pn-text-light);\n line-height: 1.8;\n margin: 0 0 1.5rem 0;\n padding-bottom: 1.5rem;\n border-bottom: 1px solid var(--pn-border);\n}\n\n.pn-composition-legend {\n display: flex;\n flex-wrap: wrap;\n gap: 1.5rem;\n}\n\n.pn-legend-item {\n font-size: 13px;\n color: var(--pn-text-light);\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.pn-legend-star {\n color: var(--pn-primary);\n font-weight: 700;\n}\n\n\/* === WARNING === *\/\n.pn-warning-box {\n background: linear-gradient(135deg, #FFF5F5 0%, var(--pn-white) 100%);\n border-radius: var(--pn-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n border: 2px solid #E8A4B8;\n box-shadow: var(--pn-shadow);\n}\n\n.pn-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.pn-warning-item {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 14px;\n color: var(--pn-text);\n}\n\n.pn-warning-icon {\n font-size: 20px;\n flex-shrink: 0;\n}\n\n.pn-warning-note {\n font-size: 13px;\n color: var(--pn-text-light);\n font-style: italic;\n margin: 0;\n padding-top: 1rem;\n border-top: 1px solid var(--pn-border);\n text-align: center;\n}\n\n\/* === SPECS === *\/\n.pn-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.pn-spec {\n background: var(--pn-white);\n border-radius: var(--pn-radius-sm);\n padding: 1.25rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n box-shadow: var(--pn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.pn-spec:hover {\n border-color: var(--pn-primary);\n transform: translateY(-3px);\n}\n\n.pn-spec-icon {\n font-size: 32px;\n margin-bottom: .5rem;\n}\n\n.pn-spec-label {\n font-size: 12px;\n color: var(--pn-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n font-weight: 600;\n}\n\n.pn-spec-value {\n font-size: 15px;\n font-weight: 800;\n color: var(--pn-primary-dark);\n margin-top: 4px;\n}\n\n\/* === CTA === *\/\n.pn-cta-box {\n background: linear-gradient(135deg, var(--pn-primary) 0%, var(--pn-primary-dark) 100%);\n border-radius: var(--pn-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--pn-shadow-lg);\n}\n\n.pn-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: 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 5L25 12.5L35 12.5L30 20L35 27.5L25 27.5L20 35L15 27.5L5 27.5L10 20L5 12.5L15 12.5Z' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.pn-cta-bee {\n font-size: 56px;\n margin-bottom: 1rem;\n position: relative;\n z-index: 1;\n animation: beeBounce 2s ease-in-out infinite;\n}\n\n.pn-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 1.5rem 0;\n position: relative;\n z-index: 1;\n}\n\n.pn-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n position: relative;\n z-index: 1;\n}\n\n.pn-cta-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === ANIMATIONS === *\/\n@keyframes beeBounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .pn-card,\n .pn-ingredient-card,\n .pn-profile-card,\n .pn-step,\n .pn-spec {\n animation: fadeInUp .6s ease backwards;\n }\n .pn-card:nth-child(1), .pn-ingredient-card:nth-child(1), .pn-profile-card:nth-child(1), .pn-step:nth-child(1) { animation-delay: .1s; }\n .pn-card:nth-child(2), .pn-ingredient-card:nth-child(2), .pn-profile-card:nth-child(2), .pn-step:nth-child(2) { animation-delay: .2s; }\n .pn-card:nth-child(3), .pn-ingredient-card:nth-child(3), .pn-profile-card:nth-child(3), .pn-step:nth-child(3) { animation-delay: .3s; }\n .pn-card:nth-child(4), .pn-ingredient-card:nth-child(4), .pn-profile-card:nth-child(4), .pn-step:nth-child(4) { animation-delay: .4s; }\n .pn-step:nth-child(5) { animation-delay: .5s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .pn-grid,\n .pn-ingredients-grid {\n grid-template-columns: 1fr;\n }\n \n .pn-ingredient-featured {\n grid-column: 1;\n }\n \n .pn-highlight-box {\n flex-direction: column;\n text-align: center;\n }\n \n .pn-steps {\n flex-direction: column;\n align-items: center;\n }\n \n .pn-step {\n max-width: 100%;\n width: 100%;\n }\n \n .pn-hero-stats {\n gap: 1rem;\n }\n \n .pn-stat {\n flex: 1;\n min-width: 100px;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .pn-cta-bee {\n animation: none;\n }\n}\n\n@media (prefers-contrast: high) {\n .pn-card,\n .pn-ingredient-card,\n .pn-profile-card,\n .pn-step,\n .pn-spec {\n border: 2px solid var(--pn-text);\n }\n}\n\u003c\/style\u003e","brand":"PROPOLIA","offers":[{"title":"Default Title","offer_id":45755403993245,"sku":"AP0035","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-nasal-doux-a-la-propolis-bio-prele-et-miel-20-ml-propo-packshothd.webp?v=1789393195"},{"product_id":"gommes-de-propolis-miel-et-propolis-propolia-45g","title":"Gommes de Propolis et Miel - 45g - 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👨‍👩‍👧 Dès 3 ans\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🍯 45g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"prop-hero-title\"\u003eLes Douceurs de l'Apiculteur® · Propolia\u003c\/span\u003e\n \u003cp class=\"prop-description\"\u003eVous cherchez une solution naturelle pour apaiser votre gorge et renforcer vos défenses ? Ces petites gommes fondantes au miel et à la propolis bio allient le savoir-faire d'un apiculteur français reconnu et la richesse des trésors de la ruche. Un réflexe bien-être pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003ePourquoi associer miel et propolis ?\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eDeux trésors de la ruche, un duo naturel d'exception pour la sphère ORL.\u003c\/p\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌿 La propolis\u003c\/h3\u003e\n \u003cp\u003eSubstance résineuse récoltée par les abeilles sur les bourgeons des arbres pour protéger la ruche. Riche en flavonoïdes et composés aromatiques, elle est traditionnellement reconnue pour son action sur la sphère ORL.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🍯 Le miel\u003c\/h3\u003e\n \u003cp\u003eApprécié depuis l'Antiquité pour ses qualités adoucissantes. Naturellement doux et réconfortant, il enveloppe la gorge d'une sensation apaisante immédiate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e✨ Le duo gagnant\u003c\/h3\u003e\n \u003cp\u003eAssociés, propolis et miel deviennent un incontournable des trousses bien-être hivernales, idéal en cas de gorge irritée ou pendant les périodes de fraîcheur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eLes bienfaits des gommes à la propolis Propolia\u003c\/h2\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌬️ Apaisent la gorge\u003c\/h3\u003e\n \u003cp\u003eEn cas d'irritations passagères dues au froid, au tabac, à la pollution ou à la climatisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eSoutiennent l'organisme grâce aux antioxydants naturellement présents dans la propolis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e⏳ Action prolongée\u003c\/h3\u003e\n \u003cp\u003eFondent lentement en bouche pour une diffusion progressive et continue des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🎒 Format nomade\u003c\/h3\u003e\n \u003cp\u003eÀ glisser dans la poche, le sac ou sur le bureau pour les avoir toujours à portée de main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e😋 Goût naturel\u003c\/h3\u003e\n \u003cp\u003eNaturellement doux grâce au miel, sans aucun arôme artificiel ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌱 100% bio\u003c\/h3\u003e\n \u003cp\u003eTous les ingrédients sont issus de l'agriculture biologique, certifiés AB.\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 : 100 % naturelle et bio\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003ePropolia sélectionne avec rigueur chaque ingrédient pour offrir des gommes pures et efficaces.\u003c\/p\u003e\n \u003cdiv class=\"prop-grid-compact\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🎋 Sucre de canne*\u003c\/h3\u003e\n \u003cp\u003eBase sucrante naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌾 Sirop de glucose de blé*\u003c\/h3\u003e\n \u003cp\u003eTexture fondante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🍯 Miel* (8 %)\u003c\/h3\u003e\n \u003cp\u003eDouceur et apaisement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌿 Extrait de propolis* (1,2 %)\u003c\/h3\u003e\n \u003cp\u003eActif phare de la ruche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🍋 H.E. de citron*\u003c\/h3\u003e\n \u003cp\u003eTonifiante et fraîche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌳 H.E. eucalyptus \u0026amp; thym*\u003c\/h3\u003e\n \u003cp\u003eBienfaits respiratoires\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*Ingrédients issus de l'agriculture biologique. Sans colorant ni conservateur de synthèse. Certifié AB. Fabriqué en France.\u003c\/p\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 \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🍬 Posologie quotidienne\u003c\/h3\u003e\n \u003cp\u003eLaissez fondre lentement \u003cstrong\u003e5 à 6 gommes par jour\u003c\/strong\u003e en bouche, dès les premiers signes d'inconfort ou en prévention pendant les périodes sensibles.\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⏰ Espacez les prises\u003c\/h3\u003e\n \u003cp\u003ePour une efficacité optimale, répartissez la prise des gommes tout au long de la journée afin de maintenir une action continue.\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👨‍👩‍👧 Public concerné\u003c\/h3\u003e\n \u003cp\u003eConvient aux adultes et aux enfants à partir de 3 ans. Idéal en hiver, en voyage ou dans un environnement sec.\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\u003e💪 Action renforcée\u003c\/h3\u003e\n \u003cp\u003eAssociez ces gommes à une cure de sirop ou de spray à la propolis Propolia pour renforcer l'action sur la sphère ORL.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"prop-accordion\"\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 mt-3\"\u003e\n \u003cp\u003eCe produit est déconseillé aux personnes allergiques aux produits de la ruche (miel, propolis, pollen, gelée royale).\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👶 Enfants en bas âge\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n \u003cp\u003eNe convient pas aux enfants de moins de 3 ans en raison du risque de fausse route. Tenir hors de portée des jeunes enfants.\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🥗 Cadre de consommation\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ consommer dans le cadre d'une alimentation variée et équilibrée et d'un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prop-accordion-item\"\u003e\n \u003csummary class=\"prop-accordion-header\"\u003e🩺 Symptômes persistants\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne se substitue 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\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'engagement Propolia\u003c\/h2\u003e\n \u003cdiv class=\"prop-cta-box\"\u003e\n \u003cp\u003eDepuis plus de 40 ans, Propolia cultive l'art de transformer les trésors de la ruche en produits d'exception. La propolis utilisée provient de ruchers tracés et purifiée selon un procédé exclusif qui préserve toute sa richesse. En choisissant ces gommes propolis miel, vous soutenez une apiculture française, éthique et respectueuse des abeilles. 🐝\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"prop-disclaimer\"\u003eOffrez à votre gorge la douceur du propolis dans le miel, en toute simplicité.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --prop-cream: #fdf8ef;\n --prop-white: #ffffff;\n --prop-primary: #e8a82c;\n --prop-primary-dark: #a86b14;\n --prop-primary-light: #fcefd4;\n --prop-secondary: #c8421f;\n --prop-accent: #d97706;\n --prop-text: #2b1d0e;\n --prop-text-light: #6b5840;\n --prop-border: #ecd9b3;\n --prop-shadow: 0 4px 24px rgba(168, 107, 20, .1);\n --prop-shadow-lg: 0 12px 48px rgba(168, 107, 20, .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, #f4b942 0%, #e8a82c 50%, #c8421f 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 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\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(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: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n letter-spacing: .02em;\n}\n\n.prop-description {\n color: white;\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n opacity: .98;\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(15px, 2.5vw, 17px);\n color: var(--prop-text-light);\n margin-bottom: 1.75rem;\n max-width: 640px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\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 {\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(232, 168, 44, .35);\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.6;\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: 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 {\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.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.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.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}\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}\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":45888706248861,"sku":"AP0109","price":5.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gommes-de-propolis-miel-et-propolis-propolia-45g-packshothd.webp?v=1789474844"},{"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":"teinture-mere-de-propolis-30ml-propolia","title":"Teinture Mère de Propolis - 30ml - Propolia","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Teinture Mère de Propolis - Propolia\nPalette détectée:\n - Primaire: #8B2346 (bordeaux\/lie de vin du bandeau \"Teinture Mère\")\n - Secondaire: #F5A623 (doré\/miel des alvéoles et abeille)\n - Accent: #E91E63 (rose\/fuchsia du logo Propolia)\n - Fond: #F7F3ED (beige crème naturel des visuels)\nAmbiance: Naturel\/apicole, chaleureux, authentique, produit de la ruche, savoir-faire français\nPréfixe CSS: prop\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🐝 21% propolis minimum\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🍯 100% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"prop-hero-title\"\u003eTeinture Mère de Propolis\u003c\/span\u003e\n \u003cp class=\"prop-subtitle\"\u003ePropolis Intense® — Concentration maximale\u003c\/p\u003e\n \u003cp class=\"prop-description\"\u003eLe bouclier naturel de la ruche pour renforcer vos défenses immunitaires et apaiser votre gorge pendant les périodes de froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION CHIFFRES CLÉS --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eLa puissance de la propolis en chiffres\u003c\/h2\u003e\n \u003cdiv class=\"prop-stats-grid\"\u003e\n \u003cdiv class=\"prop-stat-card\"\u003e\n \u003cdiv class=\"prop-stat-number\"\u003e21%\u003c\/div\u003e\n \u003cdiv class=\"prop-stat-label\"\u003eConcentration minimum en propolis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-stat-card\"\u003e\n \u003cdiv class=\"prop-stat-number\"\u003e400+\u003c\/div\u003e\n \u003cdiv class=\"prop-stat-label\"\u003eComposés actifs naturellement présents\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-stat-card\"\u003e\n \u003cdiv class=\"prop-stat-number\"\u003e30ml\u003c\/div\u003e\n \u003cdiv class=\"prop-stat-label\"\u003eFormat pratique avec compte-gouttes\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION BÉNÉFICES --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eVos alliés naturels au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card prop-benefit\"\u003e\n \u003cdiv class=\"prop-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eRenforce l'immunité\u003c\/h3\u003e\n \u003cp\u003eSoutient naturellement votre système immunitaire grâce aux polyphénols et flavonoïdes concentrés de la propolis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card prop-benefit\"\u003e\n \u003cdiv class=\"prop-card-icon\"\u003e🌬️\u003c\/div\u003e\n \u003ch3\u003eApaise la gorge\u003c\/h3\u003e\n \u003cp\u003eSoulage les irritations et les maux de gorge avec ses propriétés antiseptiques et anti-inflammatoires reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card prop-benefit\"\u003e\n \u003cdiv class=\"prop-card-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eSoin de la peau\u003c\/h3\u003e\n \u003cp\u003eApplication locale possible pour favoriser la cicatrisation et purifier les petites imperfections cutanées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card prop-benefit\"\u003e\n \u003cdiv class=\"prop-card-icon\"\u003e🦠\u003c\/div\u003e\n \u003ch3\u003eAction antivirale\u003c\/h3\u003e\n \u003cp\u003eLes acides phénoliques offrent une protection naturelle contre les agressions extérieures, surtout en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION COMPOSITION --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eUne formule pure et concentrée\u003c\/h2\u003e\n \u003cdiv class=\"prop-composition-wrapper\"\u003e\n \u003cdiv class=\"prop-composition-card\"\u003e\n \u003cdiv class=\"prop-ingredient-main\"\u003e\n \u003cspan class=\"prop-ingredient-icon\"\u003e🐝\u003c\/span\u003e\n \u003cdiv class=\"prop-ingredient-info\"\u003e\n \u003ch3\u003eExtrait purifié de propolis\u003c\/h3\u003e\n \u003cp\u003ePropolis brute sélectionnée, macérée à froid pour préserver tous ses actifs : flavonoïdes, acides phénoliques, vitamines et minéraux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-ingredient-secondary\"\u003e\n \u003cspan class=\"prop-ingredient-icon\"\u003e💧\u003c\/span\u003e\n \u003cdiv class=\"prop-ingredient-info\"\u003e\n \u003ch3\u003eAlcool (54% vol.) et eau\u003c\/h3\u003e\n \u003cp\u003eSupport d'extraction optimal qui garantit la biodisponibilité maximale des principes actifs de la propolis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-actifs-box\"\u003e\n \u003ch4\u003eSource naturelle de :\u003c\/h4\u003e\n \u003cdiv class=\"prop-actifs-list\"\u003e\n \u003cspan class=\"prop-actif-tag\"\u003ePolyphénols\u003c\/span\u003e\n \u003cspan class=\"prop-actif-tag\"\u003eFlavonoïdes\u003c\/span\u003e\n \u003cspan class=\"prop-actif-tag\"\u003eAcides phénoliques\u003c\/span\u003e\n \u003cspan class=\"prop-actif-tag\"\u003eVitamines\u003c\/span\u003e\n \u003cspan class=\"prop-actif-tag\"\u003eMinéraux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION UTILISATION --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eComment utiliser votre teinture mère ?\u003c\/h2\u003e\n \u003cdiv class=\"prop-usage-grid\"\u003e\n \u003cdiv class=\"prop-usage-card\"\u003e\n \u003cdiv class=\"prop-usage-step\"\u003e1\u003c\/div\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 pipette complète\u003c\/strong\u003e (1 pression) de 1 à 4 fois par jour, ou \u003cstrong\u003e5 à 10 gouttes\u003c\/strong\u003e selon les besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-usage-card\"\u003e\n \u003cdiv class=\"prop-usage-step\"\u003e2\u003c\/div\u003e\n \u003ch3\u003eAdoucir le goût\u003c\/h3\u003e\n \u003cp\u003eDéposez les gouttes dans une cuillère de \u003cstrong\u003emiel\u003c\/strong\u003e, sur un morceau de sucre, de pain ou dans une \u003cstrong\u003etisane chaude\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-usage-card\"\u003e\n \u003cdiv class=\"prop-usage-step\"\u003e3\u003c\/div\u003e\n \u003ch3\u003eUsage préventif\u003c\/h3\u003e\n \u003cp\u003eEn cure, prendre \u003cstrong\u003e3 fois par jour\u003c\/strong\u003e idéalement \u003cstrong\u003eavant les repas\u003c\/strong\u003e pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-tip-box\"\u003e\n \u003cspan class=\"prop-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Pour les maux de gorge, diluez quelques gouttes dans un peu d'eau tiède et faites un gargarisme avant d'avaler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION POUR QUI --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003ePour qui est cette teinture mère ?\u003c\/h2\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card prop-profile\"\u003e\n \u003cdiv class=\"prop-card-icon\"\u003e❄️\u003c\/div\u003e\n \u003ch3\u003eLes sensibles au froid\u003c\/h3\u003e\n \u003cp\u003eVous attrapez facilement rhumes et maux de gorge dès l'arrivée de l'hiver ? Renforcez votre bouclier naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card prop-profile\"\u003e\n \u003cdiv class=\"prop-card-icon\"\u003e🏃\u003c\/div\u003e\n \u003ch3\u003eLes actifs débordés\u003c\/h3\u003e\n \u003cp\u003ePas le temps d'être malade ? Soutenez vos défenses au quotidien avec ce concentré de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card prop-profile\"\u003e\n \u003cdiv class=\"prop-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eLes adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eVous privilégiez les solutions naturelles et authentiques issues du savoir-faire traditionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION ORIGINE --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eL'excellence française de l'apiculture\u003c\/h2\u003e\n \u003cdiv class=\"prop-origin-box\"\u003e\n \u003cdiv class=\"prop-origin-content\"\u003e\n \u003cdiv class=\"prop-origin-text\"\u003e\n \u003ch3\u003ePropolia — Experts de la propolis depuis 1979\u003c\/h3\u003e\n \u003cp\u003eFabriquée en France selon des méthodes apicoles traditionnelles, cette teinture mère est le fruit d'un savoir-faire unique. La macération à froid dans l'alcool préserve l'intégralité des actifs précieux de la propolis, pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-origin-features\"\u003e\n \u003cspan class=\"prop-origin-tag\"\u003e🐝 Propolis de qualité\u003c\/span\u003e\n \u003cspan class=\"prop-origin-tag\"\u003e🔬 Macération à froid\u003c\/span\u003e\n \u003cspan class=\"prop-origin-tag\"\u003e✅ Actifs préservés\u003c\/span\u003e\n \u003cspan class=\"prop-origin-tag\"\u003e🏭 Fabrication française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION PRÉCAUTIONS --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"prop-info-grid\"\u003e\n \u003cdiv class=\"prop-info-card\"\u003e\n \u003cspan class=\"prop-info-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"prop-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"prop-info-value\"\u003e30 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-info-card\"\u003e\n \u003cspan class=\"prop-info-icon\"\u003e🧪\u003c\/span\u003e\n \u003cspan class=\"prop-info-label\"\u003eConcentration\u003c\/span\u003e\n \u003cspan class=\"prop-info-value\"\u003e21% min.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-info-card\"\u003e\n \u003cspan class=\"prop-info-icon\"\u003e🍷\u003c\/span\u003e\n \u003cspan class=\"prop-info-label\"\u003eAlcool\u003c\/span\u003e\n \u003cspan class=\"prop-info-value\"\u003e54% vol.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-info-card\"\u003e\n \u003cspan class=\"prop-info-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"prop-info-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"prop-info-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-warning-box\"\u003e\n \u003cdiv class=\"prop-warning-content\"\u003e\n \u003cp\u003e\u003cstrong\u003e⚠️ Précautions d'emploi :\u003c\/strong\u003e Déconseillé aux personnes allergiques aux produits de la ruche. Contient de l'alcool : déconseillé aux femmes enceintes ou allaitantes et aux enfants. Conserver à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\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\u003c\/div\u003e\n \u003cdiv class=\"prop-cta-content\"\u003e\n \u003cspan class=\"prop-cta-icon\"\u003e🐝\u003c\/span\u003e\n \u003cp\u003eOffrez à votre corps la protection naturelle de la ruche.\u003cbr\u003eLa teinture mère de propolis : votre allié bien-être pour traverser l'hiver sereinement.\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 --prop-cream: #F7F3ED;\n --prop-white: #ffffff;\n --prop-primary: #8B2346;\n --prop-primary-dark: #6B1A36;\n --prop-primary-light: #F9E8ED;\n --prop-secondary: #F5A623;\n --prop-secondary-light: #FFF5E0;\n --prop-accent: #E91E63;\n --prop-honey: #D4A03A;\n --prop-text: #1a1a1a;\n --prop-text-light: #5a5a5a;\n --prop-border: #e8e4de;\n --prop-shadow: 0 4px 24px rgba(139, 35, 70, .08);\n --prop-shadow-lg: 0 12px 48px rgba(139, 35, 70, .15);\n --prop-radius: 20px;\n --prop-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\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-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.prop-hero {\n position: relative;\n background: linear-gradient(135deg, var(--prop-primary) 0%, var(--prop-primary-dark) 40%, #4A1528 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;\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 5L55 20V40L30 55L5 40V20L30 5Z' fill='none' stroke='%23F5A623' 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: 10px 18px;\n background: rgba(255, 255, 255, .95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--prop-primary-dark);\n box-shadow: 0 4px 16px rgba(0, 0, 0, .12);\n transition: all .3s ease;\n}\n\n.prop-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 8px 24px rgba(0, 0, 0, .18);\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 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, .3);\n}\n\n.prop-subtitle {\n color: var(--prop-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.prop-description {\n color: rgba(255, 255, 255, .9);\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.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-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.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\/* === STATS === *\/\n.prop-stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.prop-stat-card {\n background: linear-gradient(135deg, var(--prop-primary) 0%, var(--prop-primary-dark) 100%);\n border-radius: var(--prop-radius);\n padding: clamp(2rem, 4vw, 3rem) clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--prop-shadow);\n transition: all .3s ease;\n}\n\n.prop-stat-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--prop-shadow-lg);\n}\n\n.prop-stat-number {\n font-size: clamp(42px, 8vw, 56px);\n font-weight: 900;\n color: var(--prop-secondary);\n line-height: 1;\n margin-bottom: 0.5rem;\n}\n\n.prop-stat-label {\n color: rgba(255, 255, 255, .9);\n font-size: 15px;\n font-weight: 600;\n}\n\n\/* === GRILLES === *\/\n.prop-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\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}\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 display: block;\n}\n\n.prop-card h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--prop-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.prop-card p {\n color: var(--prop-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === COMPOSITION === *\/\n.prop-composition-wrapper {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.prop-composition-card {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--prop-shadow);\n}\n\n.prop-ingredient-main,\n.prop-ingredient-secondary {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n padding: 1.5rem 0;\n}\n\n.prop-ingredient-main {\n border-bottom: 2px solid var(--prop-border);\n}\n\n.prop-ingredient-secondary {\n padding-bottom: 0;\n}\n\n.prop-ingredient-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.prop-ingredient-info h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--prop-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.prop-ingredient-info p {\n font-size: 15px;\n color: var(--prop-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.prop-actifs-box {\n background: linear-gradient(135deg, var(--prop-secondary-light) 0%, #FFF9EE 100%);\n border-radius: var(--prop-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--prop-secondary);\n}\n\n.prop-actifs-box h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--prop-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.prop-actifs-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n}\n\n.prop-actif-tag {\n background: var(--prop-white);\n color: var(--prop-primary-dark);\n padding: 8px 16px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n box-shadow: 0 2px 8px rgba(0, 0, 0, .08);\n}\n\n\/* === UTILISATION === *\/\n.prop-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.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 position: relative;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.prop-usage-card:hover {\n transform: translateY(-5px);\n border-color: var(--prop-secondary);\n}\n\n.prop-usage-step {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--prop-secondary) 0%, var(--prop-honey) 100%);\n color: white;\n font-size: 24px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1rem auto;\n box-shadow: 0 4px 16px rgba(245, 166, 35, .4);\n}\n\n.prop-usage-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--prop-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.prop-usage-card p {\n font-size: 15px;\n color: var(--prop-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.prop-tip-box {\n background: linear-gradient(135deg, var(--prop-primary-light) 0%, #FFF5F8 100%);\n border-radius: var(--prop-radius);\n padding: 1.5rem 2rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n border-left: 4px solid var(--prop-primary);\n}\n\n.prop-tip-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.prop-tip-box p {\n font-size: 15px;\n color: var(--prop-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === ORIGINE === *\/\n.prop-origin-box {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--prop-shadow);\n}\n\n.prop-origin-content {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.prop-origin-badge {\n font-size: 56px;\n flex-shrink: 0;\n}\n\n.prop-origin-text h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--prop-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.prop-origin-text p {\n font-size: 15px;\n color: var(--prop-text-light);\n margin: 0;\n line-height: 1.8;\n}\n\n.prop-origin-features {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding-top: 1.5rem;\n border-top: 2px solid var(--prop-border);\n}\n\n.prop-origin-tag {\n background: var(--prop-primary-light);\n color: var(--prop-primary-dark);\n padding: 10px 18px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.prop-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.prop-info-card {\n background: var(--prop-white);\n border-radius: var(--prop-radius-sm);\n padding: 1.5rem 1rem;\n text-align: center;\n box-shadow: var(--prop-shadow);\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.prop-info-icon {\n font-size: 32px;\n}\n\n.prop-info-label {\n font-size: 13px;\n color: var(--prop-text-light);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.prop-info-value {\n font-size: 20px;\n font-weight: 900;\n color: var(--prop-primary-dark);\n}\n\n.prop-warning-box {\n background: linear-gradient(135deg, #FFF8E7 0%, #FFF3D6 100%);\n border-radius: var(--prop-radius);\n padding: 1.5rem 2rem;\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n border: 2px solid var(--prop-secondary);\n}\n\n.prop-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.prop-warning-content p {\n font-size: 14px;\n color: var(--prop-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === CTA FINAL === *\/\n.prop-cta-box {\n background: linear-gradient(135deg, var(--prop-primary) 0%, var(--prop-primary-dark) 50%, #4A1528 100%);\n border-radius: var(--prop-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--prop-shadow-lg);\n}\n\n.prop-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 5L55 20V40L30 55L5 40V20L30 5Z' fill='none' stroke='%23F5A623' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n opacity: .06;\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.8;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, .2);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .prop-grid,\n .prop-usage-grid,\n .prop-stats-grid {\n grid-template-columns: 1fr;\n }\n\n .prop-origin-content {\n flex-direction: column;\n text-align: center;\n }\n\n .prop-origin-features {\n justify-content: center;\n }\n\n .prop-tip-box,\n .prop-warning-box {\n flex-direction: column;\n text-align: center;\n }\n\n .prop-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .prop-card,\n .prop-stat-card,\n .prop-usage-card,\n .prop-info-card {\n animation: propFadeInUp .6s ease backwards;\n }\n\n .prop-card:nth-child(1),\n .prop-stat-card:nth-child(1),\n .prop-usage-card:nth-child(1) { animation-delay: .1s; }\n .prop-card:nth-child(2),\n .prop-stat-card:nth-child(2),\n .prop-usage-card:nth-child(2) { animation-delay: .2s; }\n .prop-card:nth-child(3),\n .prop-stat-card:nth-child(3),\n .prop-usage-card:nth-child(3) { animation-delay: .3s; }\n .prop-card:nth-child(4) { animation-delay: .4s; }\n\n .prop-info-card:nth-child(1) { animation-delay: .1s; }\n .prop-info-card:nth-child(2) { animation-delay: .15s; }\n .prop-info-card:nth-child(3) { animation-delay: .2s; }\n .prop-info-card:nth-child(4) { animation-delay: .25s; }\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-stat-card,\n .prop-usage-card {\n border: 2px solid var(--prop-text);\n }\n}\n\u003c\/style\u003e","brand":"PROPOLIA","offers":[{"title":"Default Title","offer_id":55023900426617,"sku":"AP0012","price":13.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/teinture-mere-de-propolis-bio-30ml-propolia-apimab-min.jpg?v=1741943422"},{"product_id":"spray-gorge-bouche-iaa-15-comptoirs-et-compagnies","title":"Spray Gorge \u0026 Bouche au Miel de Manuka Bio IAA 15+ - 25 ml - Comptoirs et compagnies","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Spray Gorge \u0026 Bouche au Miel de Manuka Bio IAA 15+\nPalette détectée:\n - Primaire: #F4C430 (jaune doré du badge IAA et des motifs alvéoles - rappel direct du miel)\n - Secondaire: #1a1a1a (noir élégant du packaging et de l'étiquette)\n - Accent: #E8A828 (or foncé pour les highlights)\n - Background: #FAF8F3 (crème très clair, apaisant et naturel)\nAmbiance: Premium naturel\/médical - Produit de santé bio haut de gamme avec une identité visuelle forte autour du miel de Manuka. Design épuré noir et blanc avec touche dorée\/miel. Univers de bien-être naturel, certifications bio et origine Nouvelle-Zélande mise en avant. Format spray pratique et moderne.\nPréfixe CSS: mk (manuka)\n--\u003e\n\n\u003cdiv class=\"mk-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"mk-hero\"\u003e\n \u003cdiv class=\"mk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mk-hero-content\"\u003e\n \u003cdiv class=\"mk-badges-top\"\u003e\n \u003cspan class=\"mk-badge\"\u003e🍯 Miel de Manuka IAA 15+\u003c\/span\u003e\n \u003cspan class=\"mk-badge\"\u003e🌿 100% bio certifié\u003c\/span\u003e\n \u003cspan class=\"mk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mk-hero-title\"\u003eSpray gorge \u0026amp; bouche au miel de Manuka\u003c\/span\u003e\n \u003cp class=\"mk-subtitle\"\u003eSoulagement naturel et rapide pour votre gorge\u003c\/p\u003e\n \u003cp class=\"mk-description\"\u003eUne formule premium associant le miel de Manuka de Nouvelle-Zélande, la propolis bio française et une synergie de 3 plantes pour une action apaisante complète et certifiée biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POINTS FORTS --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce spray ?\u003c\/h2\u003e\n \u003cdiv class=\"mk-grid\"\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003cdiv class=\"mk-icon\"\u003e🎯\u003c\/div\u003e\n \u003cdiv class=\"mk-card-title\"\u003eAction ciblée immédiate\u003c\/div\u003e\n \u003cp\u003eFormat spray pratique pour une application directe et un soulagement rapide des irritations de la gorge et de la bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003cdiv class=\"mk-icon\"\u003e🏆\u003c\/div\u003e\n \u003cdiv class=\"mk-card-title\"\u003eMiel de Manuka IAA 15+\u003c\/div\u003e\n \u003cp\u003eActivité antibactérienne scientifiquement mesurée et certifiée. Un trésor rare de Nouvelle-Zélande reconnu mondialement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003cdiv class=\"mk-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"mk-card-title\"\u003eFormule 100% bio\u003c\/div\u003e\n \u003cp\u003eTous les ingrédients sont issus de l'agriculture biologique pour un produit naturel et respectueux de votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003cdiv class=\"mk-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"mk-card-title\"\u003ePropolis française\u003c\/div\u003e\n \u003cp\u003eBouclier naturel des abeilles, la propolis bio renforce vos défenses naturelles et calme les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003cdiv class=\"mk-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"mk-card-title\"\u003eSynergie de 3 plantes\u003c\/div\u003e\n \u003cp\u003eCamomille, plantain et cassis : une alliance traditionnelle pour apaiser et adoucir les muqueuses sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003cdiv class=\"mk-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"mk-card-title\"\u003eHuile essentielle pure\u003c\/div\u003e\n \u003cp\u003eHuile essentielle de Manuka sauvage pour une action purifiante et une fraîcheur naturelle bienvenue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION DÉTAILLÉE --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003eUne formule naturelle hautement concentrée\u003c\/h2\u003e\n \u003cp class=\"mk-intro\"\u003eCe spray se distingue par sa richesse exceptionnelle en actifs naturels et biologiques soigneusement sélectionnés :\u003c\/p\u003e\n \u003cdiv class=\"mk-grid\"\u003e\n \u003cdiv class=\"mk-ingredient-card\"\u003e\n \u003cdiv class=\"mk-ingredient-header\"\u003e\n \u003cspan class=\"mk-ingredient-icon\"\u003e🍯\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"mk-ingredient-name\"\u003eMiel toutes fleurs bio\u003c\/div\u003e\n \u003cdiv class=\"mk-ingredient-dose\"\u003e44,7%\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eBase douce et protectrice qui enrobe naturellement la gorge pour un confort immédiat et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mk-ingredient-card mk-highlight\"\u003e\n \u003cdiv class=\"mk-star-badge\"\u003e★ Ingrédient vedette\u003c\/div\u003e\n \u003cdiv class=\"mk-ingredient-header\"\u003e\n \u003cspan class=\"mk-ingredient-icon\"\u003e🏅\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"mk-ingredient-name\"\u003eMiel de Manuka IAA 15+\u003c\/div\u003e\n \u003cdiv class=\"mk-ingredient-dose\"\u003e4,7%\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eTrésor rare de Nouvelle-Zélande avec activité antibactérienne scientifiquement mesurée. Soutient activement la sphère buccale.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mk-ingredient-card\"\u003e\n \u003cdiv class=\"mk-ingredient-header\"\u003e\n \u003cspan class=\"mk-ingredient-icon\"\u003e🐝\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"mk-ingredient-name\"\u003ePropolis bio française\u003c\/div\u003e\n \u003cdiv class=\"mk-ingredient-dose\"\u003e28,4%\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eVéritable bouclier naturel qui renforce les défenses et calme les irritations grâce à ses propriétés purifiantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mk-ingredient-card\"\u003e\n \u003cdiv class=\"mk-ingredient-header\"\u003e\n \u003cspan class=\"mk-ingredient-icon\"\u003e🌸\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"mk-ingredient-name\"\u003eCamomille romaine bio\u003c\/div\u003e\n \u003cdiv class=\"mk-ingredient-dose\"\u003eExtrait aqueux\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003ePropriétés calmantes reconnues, idéale pour apaiser les gorges sensibles et irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mk-ingredient-card\"\u003e\n \u003cdiv class=\"mk-ingredient-header\"\u003e\n \u003cspan class=\"mk-ingredient-icon\"\u003e🌾\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"mk-ingredient-name\"\u003ePlantain lancéolé bio\u003c\/div\u003e\n \u003cdiv class=\"mk-ingredient-dose\"\u003eExtrait aqueux\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eTraditionnellement utilisé pour adoucir les muqueuses et apporter un confort respiratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mk-ingredient-card\"\u003e\n \u003cdiv class=\"mk-ingredient-header\"\u003e\n \u003cspan class=\"mk-ingredient-icon\"\u003e🍇\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"mk-ingredient-name\"\u003eCassis bio\u003c\/div\u003e\n \u003cdiv class=\"mk-ingredient-dose\"\u003eExtrait aqueux\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eVertus apaisantes et décongestionnantes pour un soulagement optimal de la gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mk-ingredient-card\"\u003e\n \u003cdiv class=\"mk-ingredient-header\"\u003e\n \u003cspan class=\"mk-ingredient-icon\"\u003e💧\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"mk-ingredient-name\"\u003eHuile essentielle Manuka\u003c\/div\u003e\n \u003cdiv class=\"mk-ingredient-dose\"\u003eSauvage\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eAction purifiante naturelle avec une touche de fraîcheur bienvenue pour la bouche.\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=\"mk-section\"\u003e\n \u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"mk-usage-grid\"\u003e\n \u003cdiv class=\"mk-step\"\u003e\n \u003cdiv class=\"mk-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mk-step-content\"\u003e\n \u003cdiv class=\"mk-step-title\"\u003eAgiter le flacon\u003c\/div\u003e\n \u003cp\u003eBien secouer avant chaque utilisation pour homogénéiser tous les ingrédients actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-step\"\u003e\n \u003cdiv class=\"mk-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mk-step-content\"\u003e\n \u003cdiv class=\"mk-step-title\"\u003eVaporiser dans la bouche\u003c\/div\u003e\n \u003cp\u003e2 à 3 pulvérisations directement dans la bouche, en direction de la gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-step\"\u003e\n \u003cdiv class=\"mk-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mk-step-content\"\u003e\n \u003cdiv class=\"mk-step-title\"\u003eRenouveler si besoin\u003c\/div\u003e\n \u003cp\u003eJusqu'à 6 fois par jour selon vos besoins. Format pratique pour une utilisation nomade.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003eUn soutien quotidien pour votre gorge\u003c\/h2\u003e\n \u003cdiv class=\"mk-benefits-container\"\u003e\n \u003cdiv class=\"mk-benefit-box\"\u003e\n \u003cdiv class=\"mk-benefit-icon\"\u003e❄️\u003c\/div\u003e\n \u003cdiv class=\"mk-benefit-text\"\u003e\n \u003cstrong\u003eConfort en cas de froid\u003c\/strong\u003e\n \u003cp\u003eIdéal lors des changements de température ou d'exposition au froid pour protéger votre gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-benefit-box\"\u003e\n \u003cdiv class=\"mk-benefit-icon\"\u003e🎤\u003c\/div\u003e\n \u003cdiv class=\"mk-benefit-text\"\u003e\n \u003cstrong\u003eVoix enrouée\u003c\/strong\u003e\n \u003cp\u003eApaise rapidement les cordes vocales fatiguées et redonne du confort à votre voix.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-benefit-box\"\u003e\n \u003cdiv class=\"mk-benefit-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"mk-benefit-text\"\u003e\n \u003cstrong\u003ePicotements et irritations\u003c\/strong\u003e\n \u003cp\u003eSoulagement immédiat des sensations désagréables grâce à sa formule concentrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-benefit-box\"\u003e\n \u003cdiv class=\"mk-benefit-icon\"\u003e🌸\u003c\/div\u003e\n \u003cdiv class=\"mk-benefit-text\"\u003e\n \u003cstrong\u003eRespecte la flore buccale\u003c\/strong\u003e\n \u003cp\u003eFormulation douce et bio qui préserve l'équilibre naturel de votre bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003ePour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"mk-grid\"\u003e\n \u003cdiv class=\"mk-profile-card\"\u003e\n \u003cdiv class=\"mk-profile-icon\"\u003e👨‍💼\u003c\/div\u003e\n \u003cdiv class=\"mk-profile-title\"\u003eProfessionnels de la voix\u003c\/div\u003e\n \u003cp\u003eEnseignants, chanteurs, orateurs : protégez votre outil de travail au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-profile-card\"\u003e\n \u003cdiv class=\"mk-profile-icon\"\u003e🧘‍♀️\u003c\/div\u003e\n \u003cdiv class=\"mk-profile-title\"\u003eAdeptes du naturel\u003c\/div\u003e\n \u003cp\u003eVous recherchez des solutions bio et efficaces pour prendre soin de votre santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-profile-card\"\u003e\n \u003cdiv class=\"mk-profile-icon\"\u003e🏔️\u003c\/div\u003e\n \u003cdiv class=\"mk-profile-title\"\u003eSportifs d'extérieur\u003c\/div\u003e\n \u003cp\u003eRandonneurs, cyclistes : un allié pratique contre les agressions du froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-profile-card\"\u003e\n \u003cdiv class=\"mk-profile-icon\"\u003e👥\u003c\/div\u003e\n \u003cdiv class=\"mk-profile-title\"\u003eToute la famille (6+ ans)\u003c\/div\u003e\n \u003cp\u003eUn soin naturel adapté pour tous les membres de la famille à partir de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mk-warning-box\"\u003e\n \u003cdiv class=\"mk-warning-content\"\u003e\n \u003cul class=\"mk-warning-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eContient 20% d'alcool\u003c\/strong\u003e – Ne pas utiliser chez les enfants de moins de 6 ans.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGrossesse et allaitement\u003c\/strong\u003e – Déconseillé aux femmes enceintes ou allaitantes.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAllergies\u003c\/strong\u003e – Éviter en cas d'allergie connue aux produits de la ruche (miel, propolis) ou aux plantes contenues dans la formule.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eComplément alimentaire\u003c\/strong\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\u003cstrong\u003eConservation\u003c\/strong\u003e – À conserver au sec, à l'abri de la lumière et de la chaleur. Bien refermer après usage.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"mk-info-grid\"\u003e\n \u003cdiv class=\"mk-info-card\"\u003e\n \u003cdiv class=\"mk-info-label\"\u003eContenance\u003c\/div\u003e\n \u003cdiv class=\"mk-info-value\"\u003e25 ml\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-info-card\"\u003e\n \u003cdiv class=\"mk-info-label\"\u003eFormat\u003c\/div\u003e\n \u003cdiv class=\"mk-info-value\"\u003eSpray\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-info-card\"\u003e\n \u003cdiv class=\"mk-info-label\"\u003eFabrication\u003c\/div\u003e\n \u003cdiv class=\"mk-info-value\"\u003e🇫🇷 France\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-info-card\"\u003e\n \u003cdiv class=\"mk-info-label\"\u003eCertification\u003c\/div\u003e\n \u003cdiv class=\"mk-info-value\"\u003e🌿 Bio\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-info-card\"\u003e\n \u003cdiv class=\"mk-info-label\"\u003eIndice IAA\u003c\/div\u003e\n \u003cdiv class=\"mk-info-value\"\u003e15+\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-info-card\"\u003e\n \u003cdiv class=\"mk-info-label\"\u003eOrigine Manuka\u003c\/div\u003e\n \u003cdiv class=\"mk-info-value\"\u003e🇳🇿 Nouvelle-Zélande\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- LE SAVIEZ-VOUS --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003cdiv class=\"mk-info-box\"\u003e\n \u003cdiv class=\"mk-info-box-header\"\u003e\n \u003cspan class=\"mk-info-box-icon\"\u003e💡\u003c\/span\u003e\n \u003cspan class=\"mk-info-box-title\"\u003eLe saviez-vous ?\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eLe miel de Manuka provient du nectar de l'arbrisseau \u003cem\u003eLeptospermum scoparium\u003c\/em\u003e, cousin du tea tree, qui pousse à l'état sauvage en Nouvelle-Zélande. Utilisé depuis des siècles par les guérisseurs maoris, il est aujourd'hui l'un des végétaux les plus actifs de la pharmacopée traditionnelle. L'indice IAA® mesure scientifiquement son activité antibactérienne unique, garantie par des tests en laboratoire indépendant. Plus l'indice est élevé, plus l'activité est importante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"mk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mk-cta-box\"\u003e\n \u003cdiv class=\"mk-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mk-cta-content\"\u003e\n \u003cp\u003eOffrez à votre gorge le meilleur de la nature avec ce spray premium au miel de Manuka IAA 15+. Une formule bio concentrée, fabriquée en France, pour un soulagement naturel et rapide au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --mk-cream: #FAF8F3;\n --mk-white: #ffffff;\n --mk-primary: #F4C430;\n --mk-primary-dark: #D4A520;\n --mk-primary-light: #FFF8E1;\n --mk-secondary: #1a1a1a;\n --mk-accent: #E8A828;\n\n \/* Textes *\/\n --mk-text: #1a1a1a;\n --mk-text-light: #5a5a5a;\n\n \/* Effets *\/\n --mk-border: #e0e0e0;\n --mk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mk-radius: 20px;\n --mk-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--mk-text);\n}\n\n\/* === HERO === *\/\n.mk-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mk-secondary) 0%, #2d2d2d 50%, var(--mk-secondary) 100%);\n border-radius: var(--mk-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(--mk-shadow-lg);\n}\n\n.mk-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n repeating-linear-gradient(0deg, transparent, transparent 35px, var(--mk-primary) 35px, var(--mk-primary) 37px),\n repeating-linear-gradient(90deg, transparent, transparent 35px, var(--mk-primary) 35px, var(--mk-primary) 37px);\n background-size: 40px 40px;\n}\n\n.mk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mk-badges-top {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 2rem;\n}\n\n.mk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mk-secondary);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.mk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mk-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,.3);\n}\n\n.mk-subtitle {\n color: var(--mk-primary);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n.mk-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n font-weight: 400;\n}\n\n\/* === SECTIONS === *\/\n.mk-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.mk-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--mk-secondary);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mk-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(--mk-primary), var(--mk-accent));\n border-radius: 2px;\n}\n\n.mk-intro {\n text-align: center;\n font-size: clamp(16px, 2.5vw, 18px);\n color: var(--mk-text-light);\n max-width: 800px;\n margin: 0 auto 2.5rem;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.mk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.mk-card {\n background: var(--mk-white);\n border-radius: var(--mk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mk-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--mk-shadow-lg);\n border-color: var(--mk-primary);\n}\n\n.mk-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.mk-card-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--mk-secondary);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.mk-card p {\n font-size: 15px;\n color: var(--mk-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.mk-ingredient-card {\n background: var(--mk-white);\n border-radius: var(--mk-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--mk-shadow);\n border: 2px solid var(--mk-border);\n transition: all .3s ease;\n position: relative;\n}\n\n.mk-ingredient-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mk-shadow-lg);\n border-color: var(--mk-primary);\n}\n\n.mk-ingredient-card.mk-highlight {\n background: linear-gradient(135deg, var(--mk-primary-light) 0%, rgba(255,248,225,.3) 100%);\n border: 2px solid var(--mk-primary);\n}\n\n.mk-star-badge {\n position: absolute;\n top: -12px;\n right: 1rem;\n background: linear-gradient(135deg, var(--mk-primary), var(--mk-accent));\n color: var(--mk-secondary);\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 11px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: .5px;\n box-shadow: 0 2px 12px rgba(244,196,48,.4);\n}\n\n.mk-ingredient-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.mk-ingredient-icon {\n font-size: 36px;\n filter: drop-shadow(0 2px 6px rgba(0,0,0,.1));\n}\n\n.mk-ingredient-name {\n font-size: 17px;\n font-weight: 800;\n color: var(--mk-secondary);\n letter-spacing: -.02em;\n}\n\n.mk-ingredient-dose {\n font-size: 14px;\n font-weight: 700;\n color: var(--mk-primary-dark);\n margin-top: 2px;\n}\n\n.mk-ingredient-card p {\n font-size: 14px;\n color: var(--mk-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.mk-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.mk-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.mk-step-number {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--mk-primary), var(--mk-accent));\n color: var(--mk-secondary);\n font-size: 24px;\n font-weight: 900;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-shadow: 0 4px 16px rgba(244,196,48,.3);\n}\n\n.mk-step-content {\n flex: 1;\n}\n\n.mk-step-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--mk-secondary);\n margin-bottom: .5rem;\n letter-spacing: -.02em;\n}\n\n.mk-step p {\n font-size: 15px;\n color: var(--mk-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === BÉNÉFICES === *\/\n.mk-benefits-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.mk-benefit-box {\n background: var(--mk-white);\n border-radius: var(--mk-radius-sm);\n padding: 1.5rem;\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n box-shadow: var(--mk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.mk-benefit-box:hover {\n transform: translateY(-6px);\n box-shadow: var(--mk-shadow-lg);\n border-color: var(--mk-primary);\n}\n\n.mk-benefit-icon {\n font-size: 40px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.mk-benefit-text strong {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--mk-secondary);\n margin-bottom: .5rem;\n letter-spacing: -.01em;\n}\n\n.mk-benefit-text p {\n font-size: 14px;\n color: var(--mk-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === PROFILS === *\/\n.mk-profile-card {\n background: var(--mk-white);\n border-radius: var(--mk-radius-sm);\n padding: 2rem 1.5rem;\n box-shadow: var(--mk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mk-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--mk-shadow-lg);\n border-color: var(--mk-primary);\n}\n\n.mk-profile-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n display: block;\n filter: drop-shadow(0 2px 12px rgba(0,0,0,.1));\n}\n\n.mk-profile-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--mk-secondary);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.mk-profile-card p {\n font-size: 14px;\n color: var(--mk-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.mk-warning-box {\n background: linear-gradient(135deg, #fff8e1 0%, #fff3cd 100%);\n border: 2px solid #ffc107;\n border-radius: var(--mk-radius);\n padding: clamp(2rem, 4vw, 2.5rem);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n box-shadow: 0 4px 20px rgba(255,193,7,.15);\n}\n\n.mk-warning-icon {\n font-size: 48px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.mk-warning-content {\n flex: 1;\n}\n\n.mk-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.mk-warning-list li {\n font-size: 15px;\n color: var(--mk-text);\n line-height: 1.7;\n margin-bottom: 1rem;\n padding-left: 1.5rem;\n position: relative;\n}\n\n.mk-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n.mk-warning-list li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: #ffc107;\n font-weight: 900;\n}\n\n.mk-warning-list li strong {\n color: var(--mk-secondary);\n font-weight: 800;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.mk-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.mk-info-card {\n background: var(--mk-white);\n border-radius: var(--mk-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--mk-shadow);\n border: 2px solid var(--mk-border);\n transition: all .3s ease;\n}\n\n.mk-info-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--mk-shadow-lg);\n border-color: var(--mk-primary);\n}\n\n.mk-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--mk-text-light);\n text-transform: uppercase;\n letter-spacing: .5px;\n margin-bottom: .5rem;\n}\n\n.mk-info-value {\n font-size: 20px;\n font-weight: 900;\n color: var(--mk-secondary);\n letter-spacing: -.02em;\n}\n\n\/* === INFO BOX === *\/\n.mk-info-box {\n background: linear-gradient(135deg, var(--mk-primary-light) 0%, rgba(255,248,225,.5) 100%);\n border: 2px solid var(--mk-primary);\n border-radius: var(--mk-radius);\n padding: clamp(2rem, 4vw, 2.5rem);\n box-shadow: var(--mk-shadow);\n}\n\n.mk-info-box-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.mk-info-box-icon {\n font-size: 40px;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.mk-info-box-title {\n font-size: 22px;\n font-weight: 900;\n color: var(--mk-secondary);\n letter-spacing: -.02em;\n}\n\n.mk-info-box p {\n font-size: 15px;\n color: var(--mk-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.mk-info-box em {\n font-style: italic;\n color: var(--mk-primary-dark);\n font-weight: 600;\n}\n\n\/* === CTA FINAL === *\/\n.mk-cta-box {\n background: linear-gradient(135deg, var(--mk-primary) 0%, var(--mk-accent) 100%);\n border-radius: var(--mk-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--mk-shadow-lg);\n}\n\n.mk-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.mk-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.mk-cta-box p {\n color: var(--mk-secondary);\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 700;\n margin: 0;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 12px rgba(255,255,255,.3);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mk-grid {\n grid-template-columns: 1fr;\n }\n \n .mk-usage-grid {\n grid-template-columns: 1fr;\n }\n \n .mk-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .mk-warning-box {\n flex-direction: column;\n gap: 1rem;\n }\n \n .mk-badges-top {\n justify-content: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mk-card,\n .mk-ingredient-card,\n .mk-benefit-box,\n .mk-profile-card,\n .mk-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .mk-card:nth-child(1),\n .mk-ingredient-card:nth-child(1),\n .mk-benefit-box:nth-child(1),\n .mk-profile-card:nth-child(1) { animation-delay: .1s; }\n \n .mk-card:nth-child(2),\n .mk-ingredient-card:nth-child(2),\n .mk-benefit-box:nth-child(2),\n .mk-profile-card:nth-child(2) { animation-delay: .2s; }\n \n .mk-card:nth-child(3),\n .mk-ingredient-card:nth-child(3),\n .mk-benefit-box:nth-child(3),\n .mk-profile-card:nth-child(3) { animation-delay: .3s; }\n \n .mk-card:nth-child(4),\n .mk-ingredient-card:nth-child(4),\n .mk-benefit-box:nth-child(4),\n .mk-profile-card:nth-child(4) { animation-delay: .4s; }\n \n .mk-card:nth-child(5),\n .mk-ingredient-card:nth-child(5) { animation-delay: .5s; }\n \n .mk-card:nth-child(6),\n .mk-ingredient-card:nth-child(6) { animation-delay: .6s; }\n \n .mk-ingredient-card:nth-child(7) { animation-delay: .7s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .mk-card,\n .mk-ingredient-card,\n .mk-benefit-box,\n .mk-profile-card,\n .mk-info-card {\n border: 2px solid currentColor;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIRS ET COMPAGNIES","offers":[{"title":"Default Title","offer_id":55064089198969,"sku":"NBAICCO0043","price":11.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-gorge-bouche-au-miel-de-manuka-bio-iaa-15-25-ml-compto-packshothd.webp?v=1789043660"},{"product_id":"propolis-originel-50-ml-dioter","title":"Propolis Brune sans alcool - 50 ml - Dioter","description":"\u003cdiv class=\"po-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"po-hero\"\u003e\n\u003cdiv class=\"po-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"po-hero-content\"\u003e\n\u003cdiv class=\"po-badges-top\"\u003e\n\u003cspan class=\"po-badge\"\u003e🐝 Propolis brune européenne\u003c\/span\u003e \u003cspan class=\"po-badge\"\u003e🍯 Sans alcool\u003c\/span\u003e \u003cspan class=\"po-badge\"\u003e🌿 Sans conservateur\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"po-hero-title\"\u003ePropolis Originel\u003c\/span\u003e\n\u003cp class=\"po-subtitle\"\u003eLaboratoire Dioter · Flacon 50 ml\u003c\/p\u003e\n\u003cp class=\"po-description\"\u003eExtrait précieux de propolis brute brune d'origine européenne, obtenu par macération unique pour une concentration optimale en principes actifs. Efficacité naturelle et authentique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"po-section\"\u003e\n\u003ch2\u003eUn trésor de la nature au service de votre vitalité\u003c\/h2\u003e\n\u003cp class=\"po-section-intro\"\u003eUtilisée par les abeilles pour assainir leur ruche, la propolis est un véritable bouclier naturel. Ce complément est formulé sans alcool ni conservateurs, pour une assimilation douce et respectueuse de l'organisme.\u003c\/p\u003e\n\u003cdiv class=\"po-grid\"\u003e\n\u003cdiv class=\"po-card\"\u003e\n\u003ch3\u003e🛡️ Sphère ORL renforcée\u003c\/h3\u003e\n\u003cp\u003eRiche en flavonoïdes et huiles essentielles, la propolis soutient activement les défenses de la sphère ORL face aux agressions saisonnières.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"po-card\"\u003e\n\u003ch3\u003e⚡ Vitalité générale\u003c\/h3\u003e\n\u003cp\u003eSes acides aromatiques, vitamines et minéraux contribuent à renforcer la vitalité globale de l'organisme, jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"po-card\"\u003e\n\u003ch3\u003e😁 Hygiène buccale\u003c\/h3\u003e\n\u003cp\u003eLa propolis favorise une bonne hygiène buccale grâce à ses propriétés assainissantes reconnues depuis des millénaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"po-section\"\u003e\n\u003ch2\u003eUne formule pure et puissante\u003c\/h2\u003e\n\u003cdiv class=\"po-grid-compact\"\u003e\n\u003cdiv class=\"po-card\"\u003e\n\u003ch3\u003e🧪 Extrait hydro-glycériné\u003c\/h3\u003e\n\u003cp\u003ePropolis brute concentrée par macération unique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"po-card\"\u003e\n\u003ch3\u003e🔴 Vitamine B12\u003c\/h3\u003e\n\u003cp\u003eSource naturelle de vitamine B12 pour votre vitalité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"po-card\"\u003e\n\u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n\u003cp\u003eAucun alcool ni conservateur dans la formule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"po-card\"\u003e\n\u003ch3\u003e💧 Usage polyvalent\u003c\/h3\u003e\n\u003cp\u003eConvient en usage interne ou externe selon vos besoins\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"po-tip\"\u003e\n\u003cspan class=\"po-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eFlacon doseur pratique de 50 ml pour un dosage précis, goutte par goutte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"po-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"po-timeline\"\u003e\n\u003cdiv class=\"po-timeline-item\"\u003e\n\u003cdiv class=\"po-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"po-timeline-content\"\u003e\n\u003ch3\u003eDosez vos gouttes\u003c\/h3\u003e\n\u003cp\u003ePrendre de \u003cstrong\u003e10 à 20 gouttes\u003c\/strong\u003e à l'aide du flacon doseur intégré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"po-timeline-item\"\u003e\n\u003cdiv class=\"po-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"po-timeline-content\"\u003e\n\u003ch3\u003e3 prises par jour\u003c\/h3\u003e\n\u003cp\u003eRenouvelez la prise \u003cstrong\u003e3 fois par jour\u003c\/strong\u003e, pures ou diluées dans un peu d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"po-timeline-item\"\u003e\n\u003cdiv class=\"po-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"po-timeline-content\"\u003e\n\u003ch3\u003eUsage interne ou externe\u003c\/h3\u003e\n\u003cp\u003ePeut être utilisé en \u003cstrong\u003eusage interne ou externe\u003c\/strong\u003e, selon vos besoins spécifiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 \u0026 #5 regroupés en accordéon --\u003e\n\u003csection class=\"po-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"po-accordion\"\u003e\n\u003cdetails class=\"po-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"po-accordion-header\"\u003e⚠️ Précautions importantes\u003c\/summary\u003e\n\u003cdiv class=\"po-accordion-content mt-3\"\u003e\n\u003cp\u003eComplément alimentaire à base de propolis – ne se substitue pas à une alimentation variée. \u003cstrong\u003eDéconseillé aux personnes allergiques aux produits de la ruche.\u003c\/strong\u003e Tenir hors de portée des jeunes enfants. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"po-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"po-cta-box\"\u003e\n\u003cp\u003e🐝 Offrez à votre organisme la protection millénaire de la propolis — un bouclier naturel, pur et sans alcool, directement issu du savoir-faire des abeilles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"po-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Déconseillé aux personnes allergiques aux produits de la ruche.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n:root {\n --po-cream: #FFF9EF;\n --po-white: #ffffff;\n --po-primary: #D4920A;\n --po-primary-dark: #8B5E0A;\n --po-primary-light: #FFF3DA;\n --po-secondary: #C17A08;\n --po-accent: #5A8A2A;\n --po-text: #1a1a1a;\n --po-text-light: #5a5a5a;\n --po-border: #e8dcc8;\n --po-shadow: 0 4px 24px rgba(139, 94, 10, .08);\n --po-shadow-lg: 0 12px 48px rgba(139, 94, 10, .15);\n --po-radius: 20px;\n --po-radius-sm: 12px;\n}\n\n.po-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--po-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.po-hero {\n position: relative;\n background: linear-gradient(135deg, #8B5E0A 0%, #D4920A 50%, #C17A08 100%);\n border-radius: var(--po-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(--po-shadow-lg);\n}\n\n.po-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='56' height='100' viewBox='0 0 56 100'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66ZM28 100L0 84L0 50L28 34L56 50L56 84L28 100Z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.po-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.po-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.po-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.po-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.po-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.po-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(--po-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.po-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.po-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.po-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--po-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.po-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(--po-primary), var(--po-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.po-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--po-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.po-card {\n background: var(--po-white);\n border-radius: var(--po-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--po-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.po-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--po-shadow-lg);\n border-color: var(--po-primary);\n}\n\n.po-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--po-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.po-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--po-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.po-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.po-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.po-grid-compact .po-card {\n padding: 1rem;\n}\n\n.po-grid-compact .po-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.po-grid-compact .po-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.po-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.po-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.po-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--po-primary), var(--po-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.po-timeline-content {\n flex: 1;\n background: var(--po-white);\n padding: 1rem 1.25rem;\n border-radius: var(--po-radius-sm);\n box-shadow: var(--po-shadow);\n}\n\n.po-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--po-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.po-timeline-content p {\n font-size: 14px;\n color: var(--po-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.po-accordion {\n background: var(--po-white);\n border-radius: var(--po-radius);\n box-shadow: var(--po-shadow);\n overflow: hidden;\n}\n\n.po-accordion-item {\n border-bottom: 1px solid var(--po-border);\n margin: 0;\n padding: 0;\n}\n\n.po-accordion-item:last-child {\n border-bottom: none;\n}\n\n.po-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--po-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.po-accordion-header:hover {\n background: var(--po-primary-light);\n}\n\n.po-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.po-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--po-primary);\n transition: transform .2s ease;\n}\n\n.po-accordion-item[open] .po-accordion-header::after {\n content: '−';\n}\n\n.po-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--po-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.po-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.po-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--po-primary-light);\n border-radius: var(--po-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.po-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.po-tip p {\n font-size: 14px;\n color: var(--po-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.po-cta-box {\n background: linear-gradient(135deg, var(--po-primary) 0%, var(--po-primary-dark) 100%);\n border-radius: var(--po-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.po-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.po-disclaimer {\n font-size: 12px;\n color: var(--po-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 .po-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .po-card {\n padding: 1.125rem;\n }\n\n .po-section {\n margin-bottom: 1.75rem;\n }\n\n .po-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--po-radius-sm);\n }\n\n .po-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .po-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .po-grid-compact {\n gap: .625rem;\n }\n\n .po-grid-compact .po-card {\n padding: .75rem;\n }\n\n .po-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .po-timeline-content {\n padding: .875rem 1rem;\n }\n\n .po-timeline-content h3 {\n font-size: 14px;\n }\n\n .po-timeline-content p {\n font-size: 13px;\n }\n\n .po-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .po-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .po-card {\n animation: poFadeInUp .5s ease backwards;\n }\n .po-card:nth-child(1) { animation-delay: .05s; }\n .po-card:nth-child(2) { animation-delay: .1s; }\n .po-card:nth-child(3) { animation-delay: .15s; }\n .po-card:nth-child(4) { animation-delay: .2s; }\n .po-card:nth-child(5) { animation-delay: .25s; }\n .po-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes poFadeInUp {\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 .po-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":55118157742457,"sku":"DI5010","price":22.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/propolis-originel-50-ml-dioter-packshothd.webp?v=1787383266"},{"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":"energie-vitale-120g-propolia","title":"Énergie Vitale - 120g - Propolia","description":"\u003cdiv class=\"ev-premium\"\u003e\n \u003cdiv class=\"ev-hero\"\u003e\n \u003cdiv class=\"ev-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ev-hero-content\"\u003e\n \u003cdiv class=\"ev-badges-top\"\u003e\n \u003cspan class=\"ev-badge\"\u003e🐝 Best-seller historique\u003c\/span\u003e\n \u003cspan class=\"ev-badge\"\u003e🍊 Riche en vitamine C\u003c\/span\u003e\n \u003cspan class=\"ev-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"ev-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ev-hero-title\"\u003eLe trésor de la ruche pour retrouver la forme\u003c\/span\u003e\n \u003cp class=\"ev-description\"\u003eUne synergie unique de \u003cstrong\u003emiel, propolis, gelée royale, acérola, papaye et ginseng\u003c\/strong\u003e, élaborée en Occitanie pour soutenir votre énergie au quotidien et renforcer vos défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ev-section\"\u003e\n \u003ch2\u003eUne formule complète pour retrouver tonus et vitalité\u003c\/h2\u003e\n \u003cp class=\"ev-section-intro\"\u003eLe concept d'\u003cstrong\u003eénergie vitale\u003c\/strong\u003e désigne cette force intérieure qui nous permet de faire face aux sollicitations du quotidien. Avec l'alliance reconnue \u003cstrong\u003eginseng et gelée royale\u003c\/strong\u003e, Propolia a conçu une formule onctueuse, prête à consommer, plus pratique et savoureuse qu'une cure d'ampoules. Vous bénéficiez ainsi de tous les bienfaits des actifs naturels sous une forme gourmande, idéale pour toute la famille dès 3 ans.\u003c\/p\u003e\n \u003cdiv class=\"ev-grid-compact\"\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e💪 Tonus\u003c\/h3\u003e\n \u003cp\u003eÉnergie physique et mentale au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🛡️ Immunité\u003c\/h3\u003e\n \u003cp\u003eRenforce les défenses naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🍯 Gourmand\u003c\/h3\u003e\n \u003cp\u003eTexture onctueuse prête à consommer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Famille\u003c\/h3\u003e\n \u003cp\u003eAdapté à toute la famille dès 3 ans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ev-section\"\u003e\n \u003ch2\u003eComposition détaillée et bienfaits de chaque ingrédient\u003c\/h2\u003e\n \u003cdiv class=\"ev-grid\"\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🍯 Miel (42,4%)\u003c\/h3\u003e\n \u003cp\u003eVéritable trésor doré, riche en antioxydants, il apporte une énergie naturelle et fortifie l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🐝 Propolis (4,5%)\u003c\/h3\u003e\n \u003cp\u003eRésine récoltée par les abeilles, reconnue pour soutenir les défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e👑 Gelée royale (3%)\u003c\/h3\u003e\n \u003cp\u003eConcentré nutritif exceptionnel, elle contribue au tonus physique et mental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🍒 Extrait d'acérola\u003c\/h3\u003e\n \u003cp\u003eTitré à 25 % de \u003cstrong\u003evitamine C\u003c\/strong\u003e naturelle, cet extrait aide à réduire la fatigue et soutient l'immunité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🥭 Papaye\u003c\/h3\u003e\n \u003cp\u003eFruit tropical revitalisant, riche en enzymes et antioxydants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🌱 Ginseng\u003c\/h3\u003e\n \u003cp\u003eRacine adaptogène emblématique, alliée du tonus et de la concentration, plébiscitée depuis des décennies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🌿 Arômes naturels\u003c\/h3\u003e\n \u003cp\u003eMenthe, cardamome et anis vert pour une saveur fraîche et plaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ev-section\"\u003e\n \u003ch2\u003eComment prendre Énergie Vitale ?\u003c\/h2\u003e\n \u003cp class=\"ev-section-intro\"\u003ePour profiter pleinement des bienfaits de cette synergie, prenez \u003cstrong\u003e1 cuillère à café chaque matin à jeun\u003c\/strong\u003e, durant 1 mois et demi (soit environ 3 pots) pour une cure complète.\u003c\/p\u003e\n \u003cdiv class=\"ev-timeline\"\u003e\n \u003cdiv class=\"ev-timeline-item\"\u003e\n \u003cdiv class=\"ev-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ev-timeline-content\"\u003e\n \u003ch3\u003e🥄 À la cuillère\u003c\/h3\u003e\n \u003cp\u003eDirectement à la cuillère, pour un effet immédiat et un plaisir gustatif intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-timeline-item\"\u003e\n \u003cdiv class=\"ev-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ev-timeline-content\"\u003e\n \u003ch3\u003e☕ Dans une boisson tiède\u003c\/h3\u003e\n \u003cp\u003eDiluée dans une boisson tiède (maximum 40°C pour préserver les actifs naturels).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-timeline-item\"\u003e\n \u003cdiv class=\"ev-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ev-timeline-content\"\u003e\n \u003ch3\u003e🍞 Sur une tartine\u003c\/h3\u003e\n \u003cp\u003eTartinée sur une tranche de pain complet, pour un petit-déjeuner équilibré et énergisant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-tip\"\u003e\n \u003cspan class=\"ev-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eIdéal en cure aux changements de saison, avant un examen, lors d'un effort intense ou simplement pour retrouver la pêche au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ev-section\"\u003e\n \u003ch2\u003ePourquoi choisir Énergie Vitale plutôt qu'une cure en ampoules ?\u003c\/h2\u003e\n \u003cdiv class=\"ev-grid-compact\"\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🍯 Texture onctueuse\u003c\/h3\u003e\n \u003cp\u003ePlus agréable et gourmande que les ampoules classiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eSans gluten ni alcool, d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in Occitanie\u003c\/h3\u003e\n \u003cp\u003eLaboratoire expert en apiculture depuis 40 ans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient dès 3 ans, plaisir partagé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e⭐ Best-seller\u003c\/h3\u003e\n \u003cp\u003eRéférence historique de la marque Propolia\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e✨ Prêt à consommer\u003c\/h3\u003e\n \u003cp\u003eAucune préparation, pratique au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ev-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ev-accordion\"\u003e\n \u003cdetails class=\"ev-accordion-item\"\u003e\n \u003csummary class=\"ev-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"ev-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche, aux femmes enceintes ou allaitantes, et aux enfants de moins de 3 ans. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ev-accordion-item\"\u003e\n \u003csummary class=\"ev-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ev-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière et de la chaleur, pour préserver toutes les qualités du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ev-accordion-item\"\u003e\n \u003csummary class=\"ev-accordion-header\"\u003e📋 Recommandations\u003c\/summary\u003e\n \u003cdiv class=\"ev-accordion-content mt-3\"\u003e\n \u003cp\u003eUn complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain. \u003cstrong\u003eCe produit ne remplace pas un traitement médical\u003c\/strong\u003e : en cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ev-cream: #fdf8f5;\n --ev-white: #ffffff;\n --ev-primary: #e63946;\n --ev-primary-dark: #b8232f;\n --ev-primary-light: #fde8ea;\n --ev-secondary: #f4a261;\n --ev-accent: #ffb703;\n --ev-text: #1a1a1a;\n --ev-text-light: #5a5a5a;\n --ev-border: #f0e0d8;\n --ev-shadow: 0 4px 24px rgba(230,57,70,.08);\n --ev-shadow-lg: 0 12px 48px rgba(230,57,70,.18);\n --ev-radius: 20px;\n --ev-radius-sm: 12px;\n}\n\n.ev-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ev-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--ev-text);\n}\n\n.ev-hero {\n position: relative;\n background: linear-gradient(135deg, #e63946 0%, #d62839 50%, #b8232f 100%);\n border-radius: var(--ev-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(--ev-shadow-lg);\n}\n\n.ev-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(255,183,3,.3) 0%, transparent 40%);\n opacity: .25;\n}\n\n.ev-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ev-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.ev-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.8vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.ev-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.ev-description strong { color: #fff; }\n\n.ev-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ev-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(--ev-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ev-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ev-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ev-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ev-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.ev-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(--ev-primary), var(--ev-accent));\n border-radius: 2px;\n}\n\n.ev-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ev-text-light);\n margin-bottom: 1.75rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.ev-card {\n background: var(--ev-white);\n border-radius: var(--ev-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ev-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ev-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ev-shadow-lg);\n border-color: var(--ev-primary);\n}\n\n.ev-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ev-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ev-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ev-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ev-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ev-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n.ev-grid-compact .ev-card {\n padding: 1.1rem;\n}\n\n.ev-grid-compact .ev-card h3 {\n font-size: 15px;\n margin-bottom: .35rem;\n}\n\n.ev-grid-compact .ev-card p {\n font-size: 13px;\n}\n\n.ev-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.ev-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ev-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ev-primary), var(--ev-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(230,57,70,.3);\n}\n\n.ev-timeline-content {\n flex: 1;\n background: var(--ev-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ev-radius-sm);\n box-shadow: var(--ev-shadow);\n}\n\n.ev-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ev-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ev-timeline-content p {\n font-size: 14px;\n color: var(--ev-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.ev-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ev-primary-light);\n border-radius: var(--ev-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n border-left: 4px solid var(--ev-primary);\n}\n\n.ev-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ev-tip p {\n font-size: 14px;\n color: var(--ev-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.ev-accordion {\n background: var(--ev-white);\n border-radius: var(--ev-radius);\n box-shadow: var(--ev-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.ev-accordion-item {\n border-bottom: 1px solid var(--ev-border);\n margin: 0;\n padding: 0;\n}\n\n.ev-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ev-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ev-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.ev-accordion-header:hover {\n background: var(--ev-primary-light);\n}\n\n.ev-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ev-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--ev-primary);\n transition: transform .2s ease;\n}\n\n.ev-accordion-item[open] .ev-accordion-header::after {\n content: '−';\n}\n\n.ev-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ev-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ev-accordion-content p {\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .ev-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ev-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n\n .ev-grid-compact .ev-card {\n padding: .85rem;\n }\n\n .ev-grid-compact .ev-card h3 {\n font-size: 13.5px;\n }\n\n .ev-grid-compact .ev-card p {\n font-size: 12px;\n }\n\n .ev-card {\n padding: 1.125rem;\n }\n\n .ev-section {\n margin-bottom: 1.75rem;\n }\n\n .ev-hero {\n padding: 2.25rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ev-radius-sm);\n }\n\n .ev-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ev-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ev-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ev-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ev-timeline-content h3 {\n font-size: 14px;\n }\n\n .ev-timeline-content p {\n font-size: 13px;\n }\n\n .ev-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ev-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ev-tip {\n padding: .875rem 1rem;\n }\n\n .ev-tip p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .ev-card {\n animation: evFadeInUp .5s ease backwards;\n }\n .ev-card:nth-child(1) { animation-delay: .05s; }\n .ev-card:nth-child(2) { animation-delay: .1s; }\n .ev-card:nth-child(3) { animation-delay: .15s; }\n .ev-card:nth-child(4) { animation-delay: .2s; }\n .ev-card:nth-child(5) { animation-delay: .25s; }\n .ev-card:nth-child(6) { animation-delay: .3s; }\n .ev-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes evFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ev-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":55163579171193,"sku":"AP0024","price":14.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/energie-vitale-120g-propolia-packshothd.webp?v=1789475775"},{"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":"gommes-de-propolis-miel-reglisse-45g-propolia","title":"Gommes de Propolis Miel \u0026 Réglisse - 45g - 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🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🐝 Propolis européenne\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🍯 17% de miel\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🚫 Sans colorants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"prop-hero-title\"\u003eGommes de Propolis Miel \u0026amp; Réglisse\u003c\/span\u003e\n \u003cp class=\"prop-subtitle\"\u003eLes Douceurs de l'Apiculteur® · 45g · Propolia\u003c\/p\u003e\n \u003cp class=\"prop-description\"\u003eUn petit cocon naturel pour votre gorge, alliant la richesse de la propolis européenne, la douceur du miel et la saveur intense de la réglisse. Fabriquées en France depuis 1979 par un spécialiste reconnu des produits de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eUne synergie naturelle issue de la ruche\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eCette recette concentre le meilleur de l'apiculture française dans une petite gomme souple et savoureuse. Propolia mise ici sur la réglisse pour une saveur ronde, légèrement sucrée et réconfortante, sans arôme artificiel ni colorant.\u003c\/p\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🐝 Propolis européenne (6%)\u003c\/h3\u003e\n \u003cp\u003eRécoltée auprès d'apiculteurs partenaires, traditionnellement utilisée pour apaiser et protéger les muqueuses de la gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🍯 Miel (17%)\u003c\/h3\u003e\n \u003cp\u003eSon film naturel adoucissant enrobe la gorge et procure une sensation immédiate de réconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌿 Réglisse\u003c\/h3\u003e\n \u003cp\u003eAppréciée pour sa saveur typée, elle contribue au confort de la sphère ORL.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌾 Gomme arabique\u003c\/h3\u003e\n \u003cp\u003eFibre végétale qui assure la texture moelleuse et la diffusion progressive des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e✨ Enrobage doux\u003c\/h3\u003e\n \u003cp\u003eHuile végétale et cire de carnauba, pour une finition soyeuse en bouche.\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 conservateur chimique et sans arôme de synthèse. Format nomade pratique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eComment prendre les gommes propolis Propolia ?\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003ePour profiter pleinement de leurs bienfaits, laissez fondre lentement la gomme en bouche plutôt que de la croquer : les actifs se libèrent ainsi progressivement.\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\u003eUsage quotidien\u003c\/h3\u003e\n \u003cp\u003e5 à 6 gommes par jour, réparties sur 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\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003eEn cas d'inconfort marqué\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 8 à 10 gommes par jour, ponctuellement.\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 d'une boîte\u003c\/h3\u003e\n \u003cp\u003eL'étui de 45 g contient environ 25 gommes, soit 4 à 5 jours de cure.\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 une efficacité optimale, pensez à les associer à une bonne hydratation et à un peu de repos vocal si votre gorge est sollicitée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003ePour qui sont conçues ces gommes ?\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eAdaptées aux adultes comme aux enfants dès \u003cstrong\u003e6 ans\u003c\/strong\u003e (3 ans sous surveillance d'un adulte), elles trouvent leur place dans toute la famille. La formule mise sur une concentration en propolis identifiée et un savoir-faire 100 % français.\u003c\/p\u003e\n \u003cdiv class=\"prop-grid-compact\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e👨‍🏫 Enseignants\u003c\/h3\u003e\n \u003cp\u003ePour préserver leur voix au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Parents \u0026amp; enfants\u003c\/h3\u003e\n \u003cp\u003eDès 6 ans, à partager en famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003ePour résister aux changements de température.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e❄️ Exposés au froid\u003c\/h3\u003e\n \u003cp\u003eIdéal en hiver ou sous climatisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\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. Non recommandées aux femmes enceintes, allaitantes et aux enfants de moins de 3 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📋 Dosage\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière indiquée. Respectez le mode d'emploi recommandé.\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\u003eÀ conserver au 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=\"prop-accordion-item\"\u003e\n \u003csummary class=\"prop-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n \u003cp\u003eCes gommes sont un complément alimentaire : elles ne remplacent ni une alimentation variée et équilibrée, ni un avis médical ou un traitement prescrit. En cas de gêne persistante, 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=\"prop-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eAvis et atouts des Gommes Propolis Miel \u0026amp; Réglisse\u003c\/h2\u003e\n \u003cdiv class=\"prop-cta-box\"\u003e\n \u003cp\u003eLes utilisateurs apprécient particulièrement leur \u003cstrong\u003esaveur authentique\u003c\/strong\u003e, leur texture souple et leur format pratique. Elles se distinguent par une fabrication française rigoureuse, une traçabilité de la propolis et une recette gourmande qui rend le geste santé presque plaisant. Un petit étui à garder à portée de main tout au long de l'année.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"prop-disclaimer\"\u003eComplément alimentaire — Ne se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --prop-cream: #fdf8ef;\n --prop-white: #ffffff;\n --prop-primary: #f4a82a;\n --prop-primary-dark: #b87410;\n --prop-primary-light: #fdebc7;\n --prop-secondary: #a896c9;\n --prop-secondary-dark: #6e5a96;\n --prop-accent: #e94e6f;\n --prop-text: #1a1a1a;\n --prop-text-light: #5a5a5a;\n --prop-border: #ece4d2;\n --prop-shadow: 0 4px 24px rgba(184, 116, 16, .1);\n --prop-shadow-lg: 0 12px 48px rgba(184, 116, 16, .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, #f4a82a 0%, #e9963f 45%, #a896c9 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,.4) 0%, transparent 30%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 35%);\n opacity: .6;\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 letter-spacing: .02em;\n}\n\n.prop-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\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(15px, 2.5vw, 17px);\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(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.prop-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\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-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 14px rgba(244, 168, 42, .35);\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-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 max-width: 720px;\n margin-left: auto;\n margin-right: auto;\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-accordion {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n box-shadow: var(--prop-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\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: 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 {\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 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.prop-cta-box strong {\n font-weight: 800;\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}\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}\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":55202253570425,"sku":"AP0001","price":5.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gommes-de-propolis-miel-reglisse-45g-propolia-packshothd.webp?v=1787574378"},{"product_id":"savon-propolis-miel-karite-propolia","title":"Savon Propolis, Miel \u0026 Karité (visage \u0026 corps) - 100g - Propolia","description":"\u003cdiv class=\"prp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"prp-hero\"\u003e\n \u003cdiv class=\"prp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"prp-hero-content\"\u003e\n \u003cdiv class=\"prp-badges-top\"\u003e\n \u003cspan class=\"prp-badge\"\u003e🐝 Propolis, miel \u0026amp; karité\u003c\/span\u003e\n \u003cspan class=\"prp-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"prp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"prp-hero-title\"\u003eSavon Actif Propolis, Miel \u0026amp; Karité\u003c\/span\u003e\n \u003cp class=\"prp-subtitle\"\u003eLe soin purifiant bio visage \u0026amp; corps — 100 g\u003c\/p\u003e\n \u003cp class=\"prp-description\"\u003eTrois trésors de la ruche réunis dans un savon certifié bio pour purifier, nourrir et protéger votre peau au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003eSavon actif propolis, miel et karité Propolia : le soin purifiant bio pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"prp-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon au miel et à la propolis\u003c\/strong\u003e qui prend véritablement soin de votre peau ? Ce savon actif Propolia associe trois trésors naturels — \u003cstrong\u003epropolis\u003c\/strong\u003e, \u003cstrong\u003emiel\u003c\/strong\u003e et \u003cstrong\u003ebeurre de karité\u003c\/strong\u003e — dans une formule certifiée bio, fabriquée en France. Purifiant, nourrissant et délicatement parfumé au lavandin et au romarin, il convient à toute la famille, du visage au corps, dès 3 ans.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon miel propolis bio ?\u003c\/h2\u003e\n \u003cp class=\"prp-section-intro\"\u003eContrairement à un savon classique, ce soin lavant agit activement sur la qualité de votre peau grâce à ses actifs de la ruche :\u003c\/p\u003e\n \u003cdiv class=\"prp-grid-compact\"\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🌱 97 % naturel, 78 % bio\u003c\/h3\u003e\n \u003cp\u003eCertifié COSMOS ORGANIC, gage de transparence et de qualité pour votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🏭 Fabriqué en Occitanie\u003c\/h3\u003e\n \u003cp\u003eConçu et produit dans le laboratoire Propolia, spécialiste français des produits de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e✨ Polyvalent\u003c\/h3\u003e\n \u003cp\u003eVisage, corps, mains et même toilette intime. Un seul savon pour toute votre routine d'hygiène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🎯 Peaux à imperfections\u003c\/h3\u003e\n \u003cp\u003eApprécié par les peaux sujettes à l'acné, aux rougeurs ou aux petites irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003eLes bienfaits de chaque ingrédient actif\u003c\/h2\u003e\n \u003cp class=\"prp-section-intro\"\u003eCe \u003cstrong\u003esavon miel propolis\u003c\/strong\u003e tire sa richesse d'une synergie d'actifs soigneusement dosés :\u003c\/p\u003e\n \u003cdiv class=\"prp-grid\"\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🛡️ Propolis (2,3 %)\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés assainissantes, elle purifie la peau et favorise la régénération cutanée. Actif clé pour les peaux à tendance acnéique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🍯 Miel (2 %)\u003c\/h3\u003e\n \u003cp\u003eApaisant et hydratant naturel, il adoucit les peaux irritées et leur redonne confort et souplesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines A et E, il nourrit l'épiderme en profondeur et protège le film hydrolipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n \u003cp\u003eForme un léger voile protecteur préservant la peau de la déshydratation après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🌿 Romarin \u0026amp; lavandin\u003c\/h3\u003e\n \u003cp\u003eLeurs vertus purifiantes complètent l'action de la propolis tout en laissant un parfum frais et délicat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003eComposition INCI complète\u003c\/h2\u003e\n \u003cdiv class=\"prp-testimonial\"\u003e\n \u003cp class=\"prp-testimonial-text\"\u003eSodium Palmate, Sodium Palm Kernelate, Aqua, Mel, Palm Kernel Acid, Cera Alba, Propolis Cera, Glycerin, Butyrospermum Parkii Oil, Rosmarinus Officinalis Leaf Oil, Lavandula Hybrida Oil, Alcohol, Hydrogenated Starch Hydrolysate, Tetrasodium EDTA, Sodium Chloride, Tetrasodium Etidronate, Linalool, Limonene.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-tip\"\u003e\n \u003cspan class=\"prp-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eContient \u003cstrong\u003eLinalool\u003c\/strong\u003e et \u003cstrong\u003eLimonene\u003c\/strong\u003e (allergènes naturellement présents dans les huiles essentielles).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon à la propolis ?\u003c\/h2\u003e\n \u003cdiv class=\"prp-timeline\"\u003e\n \u003cdiv class=\"prp-timeline-item\"\u003e\n \u003cdiv class=\"prp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-content\"\u003e\n \u003ch3\u003eMouillez et faites mousser\u003c\/h3\u003e\n \u003cp\u003eMouillez votre peau, puis faites mousser le savon entre vos mains ou sur un gant de toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-item\"\u003e\n \u003cdiv class=\"prp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-content\"\u003e\n \u003ch3\u003eAppliquez en massant\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse sur le visage ou le corps en massant doucement, en insistant sur les zones à imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-item\"\u003e\n \u003cdiv class=\"prp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire pour éliminer toute trace de mousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-item\"\u003e\n \u003cdiv class=\"prp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-content\"\u003e\n \u003ch3\u003eRoutine quotidienne\u003c\/h3\u003e\n \u003cp\u003ePour optimiser l'effet purifiant, utilisez-le \u003cstrong\u003ematin et soir\u003c\/strong\u003e dans votre routine quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-tip\"\u003e\n \u003cspan class=\"prp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e après le nettoyage, appliquez un soin hydratant à la propolis pour prolonger les bienfaits et nourrir durablement votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"prp-accordion\"\u003e\n \u003cdetails class=\"prp-accordion-item\"\u003e\n \u003csummary class=\"prp-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"prp-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche, aux enfants de moins de 3 ans et aux femmes enceintes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prp-accordion-item\"\u003e\n \u003csummary class=\"prp-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"prp-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas de projection, rincez immédiatement à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prp-accordion-item\"\u003e\n \u003csummary class=\"prp-accordion-header\"\u003e🩹 Peaux lésées\u003c\/summary\u003e\n \u003cdiv class=\"prp-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas appliquer sur une peau lésée ou présentant des plaies ouvertes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prp-accordion-item\"\u003e\n \u003csummary class=\"prp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"prp-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez au sec, à l'abri de la chaleur et de l'humidité, pour préserver toutes ses qualités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"prp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce savon ?\u003c\/h2\u003e\n \u003cdiv class=\"prp-cta-box\"\u003e\n \u003cp\u003eCe \u003cstrong\u003esavon végétal miel et propolis\u003c\/strong\u003e est idéal pour les peaux à imperfections, comme nettoyant doux pour une \u003cstrong\u003epeau acnéique\u003c\/strong\u003e, ou pour adopter une hygiène plus naturelle. Adolescents et adultes, toute la famille peut en profiter dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"prp-disclaimer\"\u003eCe savon ne remplace pas un traitement dermatologique en cas de problème persistant. Consultez un professionnel de santé si nécessaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --prp-cream: #faf6f2;\n --prp-white: #ffffff;\n --prp-primary: #8b4a8f;\n --prp-primary-dark: #5e2d62;\n --prp-primary-light: #f3eaf4;\n --prp-secondary: #e8874a;\n --prp-accent: #d4963a;\n --prp-text: #1a1a1a;\n --prp-text-light: #5a5a5a;\n --prp-border: #e8dde9;\n --prp-shadow: 0 4px 24px rgba(94,45,98,.08);\n --prp-shadow-lg: 0 12px 48px rgba(94,45,98,.15);\n --prp-radius: 20px;\n --prp-radius-sm: 12px;\n}\n\n.prp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--prp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.prp-hero {\n position: relative;\n background: linear-gradient(135deg, var(--prp-primary-dark) 0%, var(--prp-primary) 45%, var(--prp-secondary) 100%);\n border-radius: var(--prp-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(--prp-shadow-lg);\n}\n\n.prp-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 20 L55 40 L30 55 L5 40 L5 20 Z' fill='none' stroke='white' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n opacity: .06;\n}\n\n.prp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.prp-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.prp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.prp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.prp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.prp-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(--prp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.prp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.prp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.prp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--prp-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.prp-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(--prp-primary), var(--prp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.prp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--prp-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.prp-card {\n background: var(--prp-white);\n border-radius: var(--prp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--prp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.prp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--prp-shadow-lg);\n border-color: var(--prp-primary);\n}\n\n.prp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--prp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.prp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--prp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.prp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.prp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.prp-grid-compact .prp-card {\n padding: 1rem;\n}\n\n.prp-grid-compact .prp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.prp-grid-compact .prp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.prp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.prp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.prp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--prp-primary), var(--prp-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.prp-timeline-content {\n flex: 1;\n background: var(--prp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--prp-radius-sm);\n box-shadow: var(--prp-shadow);\n}\n\n.prp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--prp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.prp-timeline-content p {\n font-size: 14px;\n color: var(--prp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.prp-testimonial {\n background: var(--prp-white);\n border-radius: var(--prp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--prp-shadow);\n border-left: 4px solid var(--prp-primary);\n}\n\n.prp-testimonial-text {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--prp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.prp-accordion {\n background: var(--prp-white);\n border-radius: var(--prp-radius);\n box-shadow: var(--prp-shadow);\n overflow: hidden;\n}\n\n.prp-accordion-item {\n border-bottom: 1px solid var(--prp-border);\n margin: 0;\n padding: 0;\n}\n\n.prp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.prp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--prp-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.prp-accordion-header:hover {\n background: var(--prp-primary-light);\n}\n\n.prp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.prp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--prp-primary);\n transition: transform .2s ease;\n}\n\n.prp-accordion-item[open] .prp-accordion-header::after {\n content: '−';\n}\n\n.prp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--prp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.prp-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.prp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--prp-primary-light);\n border-radius: var(--prp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.prp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.prp-tip p {\n font-size: 14px;\n color: var(--prp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.prp-cta-box {\n background: linear-gradient(135deg, var(--prp-primary) 0%, var(--prp-primary-dark) 100%);\n border-radius: var(--prp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.prp-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.prp-disclaimer {\n font-size: 12px;\n color: var(--prp-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 .prp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .prp-card {\n padding: 1.125rem;\n }\n\n .prp-section {\n margin-bottom: 1.75rem;\n }\n\n .prp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--prp-radius-sm);\n }\n\n .prp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .prp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .prp-grid-compact {\n gap: .625rem;\n }\n\n .prp-grid-compact .prp-card {\n padding: .75rem;\n }\n\n .prp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .prp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .prp-timeline-content h3 {\n font-size: 14px;\n }\n\n .prp-timeline-content p {\n font-size: 13px;\n }\n\n .prp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .prp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .prp-testimonial {\n padding: 1.25rem;\n }\n\n .prp-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .prp-card {\n animation: prpFadeInUp .5s ease backwards;\n }\n .prp-card:nth-child(1) { animation-delay: .05s; }\n .prp-card:nth-child(2) { animation-delay: .1s; }\n .prp-card:nth-child(3) { animation-delay: .15s; }\n .prp-card:nth-child(4) { animation-delay: .2s; }\n .prp-card:nth-child(5) { animation-delay: .25s; }\n .prp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes prpFadeInUp {\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 .prp-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":55202329690489,"sku":"AP0041","price":5.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-propolis-miel-karite-visage-corps-100g-propolia-packshothd.webp?v=1775988144"},{"product_id":"creme-pieds-secs-bio-propolia","title":"Crème Pieds Secs Miel, Propolis, Karité \u0026 Lavande - 75 ml - Propolia","description":"\u003cdiv class=\"pp-premium\"\u003e\n\n \u003cdiv class=\"pp-hero\"\u003e\n \u003cdiv class=\"pp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pp-hero-content\"\u003e\n \u003cdiv class=\"pp-badges-top\"\u003e\n \u003cspan class=\"pp-badge\"\u003e🌿 Certifiée Bio Cosmos\u003c\/span\u003e\n \u003cspan class=\"pp-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"pp-badge\"\u003e🐝 Actifs de la ruche\u003c\/span\u003e\n \u003cspan class=\"pp-badge\"\u003e✨ Fini non gras\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pp-hero-title\"\u003eDes pieds réparés, doux et légers\u003c\/span\u003e\n \u003cp class=\"pp-subtitle\"\u003eMiel • Propolis • Karité • Lavande\u003c\/p\u003e\n \u003cp class=\"pp-description\"\u003eUn soin bio d'exception qui nourrit, répare et adoucit durablement les pieds les plus secs, sans effet collant. La ruche au service de votre confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème pour pieds très secs ?\u003c\/h2\u003e\n \u003cp class=\"pp-section-intro\"\u003eÉlaborée en Occitanie par Propolia, expert français des produits de la ruche depuis plus de 40 ans, cette crème combine quatre actifs phares pour une efficacité ciblée.\u003c\/p\u003e\n \u003cdiv class=\"pp-grid\"\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🍯 Miel bio\u003c\/h3\u003e\n \u003cp\u003eHydratant et apaisant, il aide la peau à retrouver souplesse et confort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🐝 Propolis bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés purifiantes et protectrices, elle prend soin des zones fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌰 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément les peaux les plus sèches et fendillées pour un confort durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate, rafraîchit et calme les sensations d'inconfort dès l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-tip\"\u003e\n \u003cspan class=\"pp-tip-icon\"\u003e💫\u003c\/span\u003e\n \u003cp\u003eSa texture soyeuse pénètre rapidement : une véritable crème hydratante pieds à utiliser matin ou soir, sans attendre avant de se chausser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003ePour qui et pour quels besoins ?\u003c\/h2\u003e\n \u003cp class=\"pp-section-intro\"\u003eCette crème pour les pieds très secs s'adresse à toutes celles et ceux qui souffrent de :\u003c\/p\u003e\n \u003cdiv class=\"pp-grid-compact\"\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🩹 Talons fendillés\u003c\/h3\u003e\n \u003cp\u003eTalons fendillés ou crevassés qui tirent au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🦶 Corne épaisse\u003c\/h3\u003e\n \u003cp\u003eCorne et callosités épaisses sur les zones d'appui.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌵 Peau rugueuse\u003c\/h3\u003e\n \u003cp\u003eRugosités sur la plante des pieds, sensation d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e👟 Sécheresse chronique\u003c\/h3\u003e\n \u003cp\u003eLiée au sport, à la marche ou au port de chaussures fermées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-tip\"\u003e\n \u003cspan class=\"pp-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eUtilisée régulièrement, elle aide à retrouver des pieds plus doux, plus souples et visiblement réparés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"pp-testimonial\"\u003e\n \u003cp class=\"pp-testimonial-text\"\u003eAloe barbadensis leaf juice*, aqua (water), cocos nucifera (coconut) oil*, glycerin, glyceryl stearate, butyrospermum parkii (shea) butter*, cetearyl alcohol, talc, cera alba (beeswax)*, mel (honey)*, propolis cera*, lavandula angustifolia (lavender) oil*, pelargonium graveolens oil*, rosmarinus officinalis (rosemary) leaf oil*, helianthus annuus (sunflower) seed oil, tocopherol, sodium stearoyl glutamate, citric acid, sodium benzoate, potassium sorbate, alcohol**, dehydroacetic acid, sodium hydroxide, benzyl alcohol, geraniol, citronellol, limonene, linalool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pp-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique • **Transformés à partir d'ingrédients bio.\u003c\/p\u003e\n \u003cdiv class=\"pp-grid-compact\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifiée bio par un organisme indépendant reconnu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🚫 Sans parabène\u003c\/h3\u003e\n \u003cp\u003eFormulation clean, respectueuse de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriquée en Occitanie par un expert de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e♻️ Éco-conçu\u003c\/h3\u003e\n \u003cp\u003eTube contenant 47 % de plastique recyclé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"pp-timeline\"\u003e\n \u003cdiv class=\"pp-timeline-item\"\u003e\n \u003cdiv class=\"pp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de crème pieds secs sur des pieds propres et secs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-item\"\u003e\n \u003cdiv class=\"pp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eMassez doucement en insistant sur les talons, la plante et les zones les plus abîmées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-item\"\u003e\n \u003cdiv class=\"pp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez chaque jour\u003c\/h3\u003e\n \u003cp\u003eIdéalement après la douche ou avant le coucher pour un effet réparateur optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-tip\"\u003e\n \u003cspan class=\"pp-tip-icon\"\u003e🧦\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce experte :\u003c\/strong\u003e pour les pieds très abîmés, appliquez une couche généreuse le soir et enfilez des chaussettes en coton pour booster l'efficacité du soin durant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"pp-accordion\"\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e✨ La crème laisse-t-elle un effet gras ?\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003eNon, sa texture soyeuse pénètre rapidement et laisse un fini non collant. Vous pouvez vous chausser juste après l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e🤰 Convient-elle aux femmes enceintes ?\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003eContenant des huiles essentielles, nous vous recommandons de demander l'avis de votre professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e⏱️ Quand voit-on les premiers résultats ?\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003eDès les premières applications, la peau est plus douce. Pour les pieds très abîmés, comptez 2 à 3 semaines d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"pp-accordion\"\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e⚠️ Usage externe\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e🐝 Allergies à la ruche\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche (miel, propolis, cire d'abeille).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003eCe soin ne remplace pas un avis ou un traitement médical en cas de pathologie cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur, tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pp-cream: #fdf6f2;\n --pp-white: #ffffff;\n --pp-primary: #e07b5f;\n --pp-primary-dark: #b8503a;\n --pp-primary-light: #fce8e0;\n --pp-secondary: #f4a58a;\n --pp-accent: #6b3fa0;\n --pp-text: #2a1f1c;\n --pp-text-light: #6b5651;\n --pp-border: #f0dcd2;\n --pp-shadow: 0 4px 24px rgba(184,80,58,.08);\n --pp-shadow-lg: 0 12px 48px rgba(184,80,58,.18);\n --pp-radius: 20px;\n --pp-radius-sm: 12px;\n}\n\n.pp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--pp-text);\n}\n\n.pp-hero {\n position: relative;\n background: linear-gradient(135deg, #e07b5f 0%, #f4a58a 50%, #f7c4a8 100%);\n border-radius: var(--pp-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(--pp-shadow-lg);\n}\n\n.pp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .5;\n}\n\n.pp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pp-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.pp-subtitle {\n color: white;\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n opacity: .95;\n}\n\n.pp-description {\n color: white;\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 640px;\n opacity: .95;\n}\n\n.pp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pp-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(--pp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pp-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.pp-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(--pp-primary), var(--pp-secondary));\n border-radius: 2px;\n}\n\n.pp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.pp-card {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pp-shadow-lg);\n border-color: var(--pp-primary);\n}\n\n.pp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.pp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pp-grid-compact .pp-card {\n padding: 1rem;\n}\n\n.pp-grid-compact .pp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pp-grid-compact .pp-card p {\n font-size: 12px;\n}\n\n.pp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.pp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pp-primary), var(--pp-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,80,58,.3);\n}\n\n.pp-timeline-content {\n flex: 1;\n background: var(--pp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pp-radius-sm);\n box-shadow: var(--pp-shadow);\n}\n\n.pp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pp-timeline-content p {\n font-size: 14px;\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.pp-testimonial {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pp-shadow);\n border-left: 4px solid var(--pp-primary);\n}\n\n.pp-testimonial-text {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--pp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n word-break: break-word;\n}\n\n.pp-accordion {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n box-shadow: var(--pp-shadow);\n overflow: hidden;\n}\n\n.pp-accordion-item {\n border-bottom: 1px solid var(--pp-border);\n margin: 0;\n padding: 0;\n}\n\n.pp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pp-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.pp-accordion-header:hover {\n background: var(--pp-primary-light);\n}\n\n.pp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pp-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--pp-primary);\n transition: transform .2s ease;\n margin-left: 10px;\n}\n\n.pp-accordion-item[open] .pp-accordion-header::after {\n content: '−';\n}\n\n.pp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pp-accordion-content p {\n margin: 0;\n}\n\n.pp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pp-primary-light);\n border-radius: var(--pp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--pp-primary);\n}\n\n.pp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1.4;\n}\n\n.pp-tip p {\n font-size: 14px;\n color: var(--pp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.pp-disclaimer {\n font-size: 12px;\n color: var(--pp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .pp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .pp-card {\n padding: 1.125rem;\n }\n .pp-section {\n margin-bottom: 1.75rem;\n }\n .pp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pp-radius-sm);\n }\n .pp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .pp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .pp-grid-compact {\n gap: .625rem;\n }\n .pp-grid-compact .pp-card {\n padding: .75rem;\n }\n .pp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .pp-timeline-content {\n padding: .875rem 1rem;\n }\n .pp-timeline-content h3 {\n font-size: 14px;\n }\n .pp-timeline-content p {\n font-size: 13px;\n }\n .pp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .pp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .pp-testimonial {\n padding: 1.25rem;\n }\n .pp-testimonial-text {\n font-size: 12px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .pp-card {\n animation: fadeInUp .5s ease backwards;\n }\n .pp-card:nth-child(1) { animation-delay: .05s; }\n .pp-card:nth-child(2) { animation-delay: .1s; }\n .pp-card:nth-child(3) { animation-delay: .15s; }\n .pp-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 .pp-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":55202726183289,"sku":"AP0066","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-pieds-secs-miel-propolis-karite-lavande-75-ml-propolia-packshothd.webp?v=1784884034"},{"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":"soin-sos-bucco-dentaire-30ml-propolia","title":"Soin S.O.S. bucco-dentaire - 30 ml - Propolia","description":"\u003cdiv class=\"propolia-premium\"\u003e\n \u003cdiv class=\"propolia-hero\"\u003e\n \u003cdiv class=\"propolia-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"propolia-hero-content\"\u003e\n \u003cdiv class=\"propolia-badges-top\"\u003e\n \u003cspan class=\"propolia-badge\"\u003e🐝 Actifs de la ruche\u003c\/span\u003e\n \u003cspan class=\"propolia-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"propolia-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"propolia-badge\"\u003e✅ Cosmos Natural\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"propolia-hero-title\"\u003eSoin S.O.S. Bucco-Dentaire\u003c\/span\u003e\n \u003cp class=\"propolia-subtitle\"\u003ePropolis, girofle \u0026amp; cannelle — 30 ml\u003c\/p\u003e\n \u003cp class=\"propolia-description\"\u003eUn concentré d'actifs naturels pour apaiser, assainir et protéger votre bouche au quotidien. Formulé à base de propolis, miel, huile essentielle de clou de girofle et de cannelle, ce soin 100 % naturel s'adresse à toute la famille dès 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"propolia-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce soin des gencives naturel ?\u003c\/h2\u003e\n \u003cp class=\"propolia-section-intro\"\u003eContrairement aux soins conventionnels (type Sanogyl, Parogencyl ou Sensodyne), la formule Propolia mise sur la puissance des actifs de la ruche, sans ingrédients controversés ni additifs de synthèse. Doux et redoutablement efficace.\u003c\/p\u003e\n \u003cdiv class=\"propolia-grid\"\u003e\n \u003cdiv class=\"propolia-card\"\u003e\n \u003ch3\u003e🦠 Assainit la bouche\u003c\/h3\u003e\n \u003cp\u003eLa propolis et les huiles essentielles agissent contre les bactéries responsables des inflammations gingivales et de la mauvaise haleine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propolia-card\"\u003e\n \u003ch3\u003e💆 Apaise les irritations\u003c\/h3\u003e\n \u003cp\u003eIdéal en cas d'aphtes, de gencives rouges, de petites lésions ou de picotements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propolia-card\"\u003e\n \u003ch3\u003e🛡️ Protège durablement\u003c\/h3\u003e\n \u003cp\u003eRenforce la barrière naturelle de la muqueuse buccale pour un confort qui dure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propolia-card\"\u003e\n \u003ch3\u003e🌬️ Rafraîchit l'haleine\u003c\/h3\u003e\n \u003cp\u003eLa cannelle et le girofle laissent une sensation de bouche propre et fraîche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"propolia-section\"\u003e\n \u003ch2\u003eComment utiliser le soin bucco-dentaire Propolia ?\u003c\/h2\u003e\n \u003cp class=\"propolia-section-intro\"\u003eCe soin bucco-dentaire s'utilise de deux manières, selon vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"propolia-timeline\"\u003e\n \u003cdiv class=\"propolia-timeline-item\"\u003e\n \u003cdiv class=\"propolia-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"propolia-timeline-content\"\u003e\n \u003ch3\u003e🎯 Application locale\u003c\/h3\u003e\n \u003cp\u003eSecouez le flacon, puis déposez quelques gouttes directement sur la zone sensible (gencive, aphte) à l'aide de la pipette. Ne rincez pas pour prolonger l'action.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propolia-timeline-item\"\u003e\n \u003cdiv class=\"propolia-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"propolia-timeline-content\"\u003e\n \u003ch3\u003e💧 Bain de bouche\u003c\/h3\u003e\n \u003cp\u003eDiluez 1 à 3 pipettes dans un demi-verre d'eau tiède, rincez la bouche pendant 30 secondes, puis recrachez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propolia-tip\"\u003e\n \u003cspan class=\"propolia-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil d'expert :\u003c\/strong\u003e utilisez ce soin après le brossage des dents, en complément de votre dentifrice habituel, pour une efficacité maximale. En cure ponctuelle ou en entretien régulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"propolia-section\"\u003e\n \u003ch2\u003eComposition : 100 % d'origine naturelle\u003c\/h2\u003e\n \u003cp class=\"propolia-section-intro\"\u003e\u003cstrong\u003eListe INCI complète :\u003c\/strong\u003e Alcohol, Aqua, Propolis Cera, Mel (miel), Cinnamomum Cassia Leaf Oil (cannelle), Eugenia Caryophyllus Bud Oil (clou de girofle), Rosmarinus Officinalis Leaf Oil (romarin).\u003c\/p\u003e\n \u003cdiv class=\"propolia-grid\"\u003e\n \u003cdiv class=\"propolia-card\"\u003e\n \u003ch3\u003e🐝 Propolis brute\u003c\/h3\u003e\n \u003cp\u003eTrésor de la ruche, purifiante et apaisante, elle protège la sphère buccale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propolia-card\"\u003e\n \u003ch3\u003e🍯 Miel\u003c\/h3\u003e\n \u003cp\u003eAdoucissant naturel, il favorise la régénération des tissus de la muqueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propolia-card\"\u003e\n \u003ch3\u003e🌰 H.E. de clou de girofle\u003c\/h3\u003e\n \u003cp\u003eReconnue depuis toujours pour son action sur les douleurs buccales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propolia-card\"\u003e\n \u003ch3\u003e🌿 H.E. de cannelle\u003c\/h3\u003e\n \u003cp\u003eProtectrice et tonifiante, elle apporte fraîcheur et caractère à la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propolia-card\"\u003e\n \u003ch3\u003e🌱 H.E. de romarin\u003c\/h3\u003e\n \u003cp\u003eAssainissante, elle complète l'action purifiante des autres actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propolia-card\"\u003e\n \u003ch3\u003e🇫🇷 Savoir-faire français\u003c\/h3\u003e\n \u003cp\u003eFormulation certifiée Cosmos Natural, fabriquée en Occitanie selon un savoir-faire artisanal respectueux des abeilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"propolia-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"propolia-accordion\"\u003e\n \u003cdetails class=\"propolia-accordion-item\"\u003e\n \u003csummary class=\"propolia-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"propolia-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé 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=\"propolia-accordion-item\"\u003e\n \u003csummary class=\"propolia-accordion-header\"\u003e🌶️ Sensation de picotement\u003c\/summary\u003e\n \u003cdiv class=\"propolia-accordion-content mt-3\"\u003e\n \u003cp\u003eUn léger picotement peut survenir à l'application, dû à la présence d'huiles essentielles : c'est tout à fait normal et sans gravité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"propolia-accordion-item\"\u003e\n \u003csummary class=\"propolia-accordion-header\"\u003e👁️ Usage externe\u003c\/summary\u003e\n \u003cdiv class=\"propolia-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux et les vêtements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"propolia-accordion-item\"\u003e\n \u003csummary class=\"propolia-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"propolia-accordion-content mt-3\"\u003e\n \u003cp\u003eCe soin ne remplace pas un traitement médical ni une consultation chez votre dentiste. En cas de douleur persistante, 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=\"propolia-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFoire aux questions\u003c\/h2\u003e\n \u003cdiv class=\"propolia-accordion\"\u003e\n \u003cdetails class=\"propolia-accordion-item\"\u003e\n \u003csummary class=\"propolia-accordion-header\"\u003ePeut-on utiliser ce soin tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"propolia-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, vous pouvez l'intégrer à votre routine quotidienne d'hygiène buccale, ou l'utiliser ponctuellement en cas de sensibilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"propolia-accordion-item\"\u003e\n \u003csummary class=\"propolia-accordion-header\"\u003eCombien de temps pour ressentir les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"propolia-accordion-content mt-3\"\u003e\n \u003cp\u003eL'effet apaisant se ressent généralement en quelques minutes. Pour les gencives sensibles, renouvelez l'application 2 à 3 fois par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"propolia-accordion-item\"\u003e\n \u003csummary class=\"propolia-accordion-header\"\u003eCe soin colore-t-il les dents ?\u003c\/summary\u003e\n \u003cdiv class=\"propolia-accordion-content mt-3\"\u003e\n \u003cp\u003eNon, la formule ne tache pas les dents. Évitez simplement le contact avec les vêtements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"propolia-accordion-item\"\u003e\n \u003csummary class=\"propolia-accordion-header\"\u003ePeut-il remplacer un dentifrice ?\u003c\/summary\u003e\n \u003cdiv class=\"propolia-accordion-content mt-3\"\u003e\n \u003cp\u003eNon, il vient en complément du brossage avec un dentifrice adapté, pour renforcer l'action sur les gencives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"propolia-accordion-item\"\u003e\n \u003csummary class=\"propolia-accordion-header\"\u003eEst-il compatible avec un traitement dentaire ?\u003c\/summary\u003e\n \u003cdiv class=\"propolia-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, en complément, mais demandez toujours l'avis de votre dentiste en cas de traitement en cours.\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 --propolia-cream: #f4fbfa;\n --propolia-white: #ffffff;\n --propolia-primary: #2eb5a8;\n --propolia-primary-dark: #1f7c75;\n --propolia-primary-light: #d8f1ee;\n --propolia-secondary: #f5a623;\n --propolia-accent: #ec4899;\n --propolia-text: #1a1a1a;\n --propolia-text-light: #5a5a5a;\n --propolia-border: #e0e0e0;\n --propolia-shadow: 0 4px 24px rgba(0,0,0,.08);\n --propolia-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --propolia-radius: 20px;\n --propolia-radius-sm: 12px;\n}\n\n.propolia-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--propolia-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--propolia-text);\n line-height: 1.6;\n}\n\n.propolia-hero {\n position: relative;\n background: linear-gradient(135deg, #2eb5a8 0%, #1f7c75 55%, #f5a623 130%);\n border-radius: var(--propolia-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(--propolia-shadow-lg);\n}\n\n.propolia-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,.4) 0%, transparent 30%),\n radial-gradient(circle at 80% 70%, rgba(245,166,35,.4) 0%, transparent 35%);\n opacity: .15;\n}\n\n.propolia-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.propolia-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.propolia-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.8vw, 20px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.propolia-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.propolia-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.propolia-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(--propolia-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.propolia-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.propolia-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.propolia-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--propolia-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.propolia-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(--propolia-primary), var(--propolia-secondary));\n border-radius: 2px;\n}\n\n.propolia-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--propolia-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.propolia-card {\n background: var(--propolia-white);\n border-radius: var(--propolia-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--propolia-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.propolia-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--propolia-shadow-lg);\n border-color: var(--propolia-primary);\n}\n\n.propolia-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--propolia-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.propolia-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--propolia-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.propolia-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.propolia-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.propolia-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.propolia-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--propolia-primary), var(--propolia-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(46,181,168,.3);\n}\n\n.propolia-timeline-content {\n flex: 1;\n background: var(--propolia-white);\n padding: 1rem 1.25rem;\n border-radius: var(--propolia-radius-sm);\n box-shadow: var(--propolia-shadow);\n}\n\n.propolia-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--propolia-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.propolia-timeline-content p {\n font-size: 14px;\n color: var(--propolia-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.propolia-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--propolia-primary-light);\n border-radius: var(--propolia-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--propolia-primary);\n}\n\n.propolia-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.propolia-tip p {\n font-size: 14px;\n color: var(--propolia-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.propolia-accordion {\n background: var(--propolia-white);\n border-radius: var(--propolia-radius);\n box-shadow: var(--propolia-shadow);\n overflow: hidden;\n}\n\n.propolia-accordion-item {\n border-bottom: 1px solid var(--propolia-border);\n margin: 0;\n padding: 0;\n}\n\n.propolia-accordion-item:last-child {\n border-bottom: none;\n}\n\n.propolia-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--propolia-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.propolia-accordion-header:hover {\n background: var(--propolia-primary-light);\n}\n\n.propolia-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.propolia-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--propolia-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n}\n\n.propolia-accordion-item[open] .propolia-accordion-header::after {\n content: '−';\n}\n\n.propolia-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--propolia-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.propolia-accordion-content p {\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .propolia-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .propolia-card {\n padding: 1.125rem;\n }\n .propolia-section {\n margin-bottom: 1.75rem;\n }\n .propolia-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--propolia-radius-sm);\n }\n .propolia-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .propolia-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .propolia-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .propolia-timeline-content {\n padding: .875rem 1rem;\n }\n .propolia-timeline-content h3 {\n font-size: 14px;\n }\n .propolia-timeline-content p {\n font-size: 13px;\n }\n .propolia-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .propolia-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .propolia-card {\n animation: fadeInUp .5s ease backwards;\n }\n .propolia-card:nth-child(1) { animation-delay: .05s; }\n .propolia-card:nth-child(2) { animation-delay: .1s; }\n .propolia-card:nth-child(3) { animation-delay: .15s; }\n .propolia-card:nth-child(4) { animation-delay: .2s; }\n .propolia-card:nth-child(5) { animation-delay: .25s; }\n .propolia-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 .propolia-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":55208423522681,"sku":"AP0160","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-sos-bucco-dentaire-30-ml-propolia-packshothd.webp?v=1787394059"},{"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":"miel-de-manuka-sauvage-12-250-g-dr-theiss","title":"Miel de Manuka Sauvage 12+ – Nouvelle-Zélande – Dr. Theiss","description":"\u003cdiv class=\"mnk-premium\"\u003e\n \u003cdiv class=\"mnk-hero\"\u003e\n \u003cdiv class=\"mnk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mnk-hero-content\"\u003e\n \u003cdiv class=\"mnk-badges-top\"\u003e\n \u003cspan class=\"mnk-badge\"\u003e🐝 Récolte sauvage\u003c\/span\u003e\n \u003cspan class=\"mnk-badge\"\u003e🇳🇿 Nouvelle-Zélande\u003c\/span\u003e\n \u003cspan class=\"mnk-badge\"\u003e✅ Test AP validé\u003c\/span\u003e\n \u003cspan class=\"mnk-badge\"\u003e🌿 Pollen +65 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mnk-hero-title\"\u003eMiel de Manuka Sauvage 12+\u003c\/span\u003e\n \u003cp class=\"mnk-subtitle\" style=\"color:lightgrey;\"\u003eDr. Theiss — Nouvelle-Zélande — 250 g\u003c\/p\u003e\n \u003cp class=\"mnk-description\" style=\"color:lightgrey;\"\u003eUn trésor récolté à l'état sauvage sur l'Île du Sud, non pasteurisé et non chauffé au-delà de 28 °C. Toute la richesse de ses enzymes, de son pollen et de son méthylglyoxal (MGO) préservée pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003eLes bienfaits du miel de Manuka\u003c\/h2\u003e\n \u003cp class=\"mnk-section-intro\"\u003eLes bienfaits du miel de Manuka reposent sur sa teneur exceptionnelle en MGO, une molécule naturelle aux propriétés antibactériennes étudiées scientifiquement. Voici ce qui distingue ce nectar des autres miels :\u003c\/p\u003e\n \u003cdiv class=\"mnk-grid\"\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🛡️ Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eIdéal en prévention hivernale pour renforcer les défenses naturelles de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🗣️ Confort de la gorge\u003c\/h3\u003e\n \u003cp\u003eApaise les irritations, picotements et inconforts saisonniers en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🌱 Bien-être digestif\u003c\/h3\u003e\n \u003cp\u003eParticipe à l'équilibre de la flore intestinale pour un confort durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e✨ Soin de la peau\u003c\/h3\u003e\n \u003cp\u003eAppliqué localement, il apaise les petites irritations, imperfections et zones fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🧬 Enzymes vivantes\u003c\/h3\u003e\n \u003cp\u003eUne préparation à froid qui préserve tous les actifs naturels du miel sauvage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🍯 MGO naturel\u003c\/h3\u003e\n \u003cp\u003eLe méthylglyoxal, signature unique du Manuka, étudié pour ses propriétés antibactériennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003ePourquoi choisir un Manuka 12+ ?\u003c\/h2\u003e\n \u003cp\u003eL'indice \u003cstrong\u003e12+\u003c\/strong\u003e correspond à l'activité antibactérienne du miel, mesurée par le test AP validé. Plus l'indice est élevé, plus la concentration en MGO est importante. Le 12+ représente un excellent équilibre entre efficacité et accessibilité, parfait pour un usage quotidien en cure ou en soutien ponctuel.\u003c\/p\u003e\n \u003cdiv class=\"mnk-tip\"\u003e\n \u003cspan class=\"mnk-tip-icon\"\u003e🌟\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eParticularité unique du Sauvage Dr. Theiss :\u003c\/strong\u003e il contient \u003cstrong\u003eplus de 65 % de pollen de Manuka majoritaire\u003c\/strong\u003e, gage d'authenticité absolue et garantie d'une provenance néo-zélandaise certifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"mnk-timeline\"\u003e\n \u003cdiv class=\"mnk-timeline-item\"\u003e\n \u003cdiv class=\"mnk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mnk-timeline-content\"\u003e\n \u003ch3\u003e🥄 Voie orale — cure quotidienne\u003c\/h3\u003e\n \u003cp\u003e1 à 2 cuillères à café par jour, le matin à jeun, pures ou diluées dans une boisson tiède (jamais bouillante pour préserver les enzymes).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-timeline-item\"\u003e\n \u003cdiv class=\"mnk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mnk-timeline-content\"\u003e\n \u003ch3\u003e💪 Soutien renforcé\u003c\/h3\u003e\n \u003cp\u003eEn cas de fatigue ou d'inconfort, renouveler la prise 2 à 3 fois par jour pour un effet plus intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-timeline-item\"\u003e\n \u003cdiv class=\"mnk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mnk-timeline-content\"\u003e\n \u003ch3\u003e🩹 Application cutanée\u003c\/h3\u003e\n \u003cp\u003eDéposer une fine couche sur la zone à apaiser, recouvrir d'une compresse si nécessaire, laisser poser plusieurs heures puis rincer à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-tip\"\u003e\n \u003cspan class=\"mnk-tip-icon\"\u003e⚕️\u003c\/span\u003e\n \u003cp\u003eConsommé dans les doses recommandées, il est parfaitement sûr pour les adultes et enfants de plus de 1 an. Demandez l'avis de votre médecin en cas de diabète ou de traitement particulier. Ce produit ne se substitue pas à un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"mnk-testimonial\"\u003e\n \u003cp class=\"mnk-testimonial-text\"\u003e100 % miel de Manuka sauvage de Nouvelle-Zélande, non pasteurisé, non chauffé au-delà de 28 °C. \u003cstrong\u003ePollen de Manuka majoritaire à +65 %\u003c\/strong\u003e. Indice d'activité \u003cstrong\u003e12+ certifié\u003c\/strong\u003e par le test AP.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003eValeurs nutritionnelles pour 10 g\u003c\/h2\u003e\n \u003cdiv class=\"mnk-grid-compact\"\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e⚡ Énergie\u003c\/h3\u003e\n \u003cp\u003e132 kJ\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🥩 Protéines\u003c\/h3\u003e\n \u003cp\u003e\u0026lt; 0,1 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e💧 Lipides\u003c\/h3\u003e\n \u003cp\u003e0 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🍬 Glucides (sucres)\u003c\/h3\u003e\n \u003cp\u003e7,8 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🧂 Sodium\u003c\/h3\u003e\n \u003cp\u003e1,2 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e📦 Format\u003c\/h3\u003e\n \u003cp\u003ePot de 250 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003eUn prix justifié par une qualité rare\u003c\/h2\u003e\n \u003cp\u003eLe \u003cstrong\u003eprix du miel de Manuka\u003c\/strong\u003e reflète la rareté de sa récolte sauvage, les conditions climatiques difficiles de la Nouvelle-Zélande et les contrôles rigoureux garantissant son authenticité. Avec son pot de 250 g, ce Manuka 12+ Dr. Theiss offre un excellent rapport qualité\/prix pour une cure d'environ 1 à 2 mois.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'avis de l'expert\u003c\/h2\u003e\n \u003cdiv class=\"mnk-testimonial\"\u003e\n \u003cp class=\"mnk-testimonial-text\"\u003e\"Ce Miel de Manuka Sauvage Dr. Theiss séduit par son goût boisé et floral, sa texture lisse et son authenticité. Un incontournable pour celles et ceux qui veulent intégrer un produit naturel d'exception dans leur routine bien-être quotidienne.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e🍯 Offrez-vous l'or noir de Nouvelle-Zélande, brut et puissant, pour une cure bien-être d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mnk-cream: #faf7f2;\n --mnk-white: #ffffff;\n --mnk-primary: #e94e1b;\n --mnk-primary-dark: #1a1a1a;\n --mnk-primary-light: #fdebe3;\n --mnk-secondary: #d63d0a;\n --mnk-accent: #f5a623;\n --mnk-text: #1a1a1a;\n --mnk-text-light: #5a5a5a;\n --mnk-border: #e0e0e0;\n --mnk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mnk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mnk-radius: 20px;\n --mnk-radius-sm: 12px;\n}\n\n.mnk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mnk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mnk-text);\n}\n\n.mnk-hero {\n position: relative;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 45%, #e94e1b 100%);\n border-radius: var(--mnk-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(--mnk-shadow-lg);\n}\n\n.mnk-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%), radial-gradient(circle at 80% 70%, rgba(245,166,35,.2) 0%, transparent 50%);\n opacity: .6;\n}\n\n.mnk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mnk-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.mnk-subtitle {\n color: var(--mnk-accent);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.mnk-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.mnk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mnk-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(--mnk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.mnk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mnk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mnk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mnk-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.mnk-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(--mnk-primary), var(--mnk-accent));\n border-radius: 2px;\n}\n\n.mnk-premium p {\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n color: var(--mnk-text);\n}\n\n.mnk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mnk-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.mnk-card {\n background: var(--mnk-white);\n border-radius: var(--mnk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mnk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mnk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mnk-shadow-lg);\n border-color: var(--mnk-primary);\n}\n\n.mnk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mnk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mnk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mnk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mnk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mnk-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n.mnk-grid-compact .mnk-card {\n padding: 1rem;\n}\n\n.mnk-grid-compact .mnk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mnk-grid-compact .mnk-card p {\n font-size: 13px;\n font-weight: 700;\n color: var(--mnk-primary);\n}\n\n.mnk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mnk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mnk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mnk-primary), var(--mnk-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(233,78,27,.3);\n}\n\n.mnk-timeline-content {\n flex: 1;\n background: var(--mnk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mnk-radius-sm);\n box-shadow: var(--mnk-shadow);\n}\n\n.mnk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mnk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mnk-timeline-content p {\n font-size: 14px;\n color: var(--mnk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mnk-testimonial {\n background: var(--mnk-white);\n border-radius: var(--mnk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mnk-shadow);\n border-left: 4px solid var(--mnk-primary);\n}\n\n.mnk-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mnk-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.mnk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mnk-primary-light);\n border-radius: var(--mnk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--mnk-primary);\n}\n\n.mnk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1.2;\n}\n\n.mnk-tip p {\n font-size: 14px;\n color: var(--mnk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mnk-cta-box {\n background: linear-gradient(135deg, var(--mnk-primary) 0%, var(--mnk-secondary) 100%);\n border-radius: var(--mnk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-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@media (max-width: 767px) {\n .mnk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .mnk-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n .mnk-grid-compact .mnk-card {\n padding: .75rem;\n }\n .mnk-card {\n padding: 1.125rem;\n }\n .mnk-section {\n margin-bottom: 1.75rem;\n }\n .mnk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mnk-radius-sm);\n }\n .mnk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .mnk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .mnk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .mnk-timeline-content {\n padding: .875rem 1rem;\n }\n .mnk-timeline-content h3 {\n font-size: 14px;\n }\n .mnk-timeline-content p {\n font-size: 13px;\n }\n .mnk-testimonial {\n padding: 1.25rem;\n }\n .mnk-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .mnk-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mnk-card:nth-child(1) { animation-delay: .05s; }\n .mnk-card:nth-child(2) { animation-delay: .1s; }\n .mnk-card:nth-child(3) { animation-delay: .15s; }\n .mnk-card:nth-child(4) { animation-delay: .2s; }\n .mnk-card:nth-child(5) { animation-delay: .25s; }\n .mnk-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 .mnk-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":55222075556217,"sku":"NA1315","price":46.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/miel-de-manuka-sauvage-12-nouvelle-zelande-dr-theiss-packshothd.webp?v=1790409875"},{"product_id":"spray-pour-le-nez-certifie-bio-30-ml-dr-theiss","title":"Dr. Theiss Spray Nasal au Miel de Manuka \u0026 Argent Colloïdal - 30ml","description":"\u003cdiv class=\"drt-premium\"\u003e\n\u003cdiv class=\"drt-hero\"\u003e\n\u003cdiv class=\"drt-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"drt-hero-content\"\u003e\n\u003cdiv class=\"drt-badges-top\"\u003e\n\u003cspan class=\"drt-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"drt-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"drt-badge\"\u003e👨👩👧 Dès 3 ans\u003c\/span\u003e \u003cspan class=\"drt-badge\"\u003e💧 30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"drt-hero-title\"\u003eSpray Nasal Bio Miel de Manuka \u0026amp; Argent Colloïdal\u003c\/span\u003e\n\u003cp class=\"drt-subtitle\"\u003eDr. Theiss — La solution naturelle pour des voies nasales apaisées\u003c\/p\u003e\n\u003cp class=\"drt-description\"\u003eUne formule triple action 100 % d'origine naturelle pour nettoyer en douceur, apaiser les muqueuses irritées et soutenir vos défenses naturelles, sans agresser la sphère ORL.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"drt-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce spray nasal au miel de Manuka ?\u003c\/h2\u003e\n\u003cp class=\"drt-section-intro\"\u003eLe nez est notre première barrière contre les agressions extérieures : pollution, allergènes, virus saisonniers, air sec... Il a parfois besoin d'un petit coup de pouce.\u003c\/p\u003e\n\u003cdiv class=\"drt-grid-compact\"\u003e\n\u003cdiv class=\"drt-card\"\u003e\n\u003ch3\u003e🌬️ Nez encombré\u003c\/h3\u003e\n\u003cp\u003ePour retrouver un confort respiratoire immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"drt-card\"\u003e\n\u003ch3\u003e🏜️ Sécheresse nasale\u003c\/h3\u003e\n\u003cp\u003eHydrate et apaise les muqueuses fragilisées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"drt-card\"\u003e\n\u003ch3\u003e⚡ Picotements\u003c\/h3\u003e\n\u003cp\u003eCalme les irritations en toute douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"drt-card\"\u003e\n\u003ch3\u003e✨ Hygiène quotidienne\u003c\/h3\u003e\n\u003cp\u003eUn geste doux et efficace au quotidien.\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\u003eContrairement aux sprays salins classiques, sa formule \u003cstrong\u003etriple action\u003c\/strong\u003e allie purification, apaisement et protection, dans un format pratique de 30 ml à glisser partout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"drt-section\"\u003e\n\u003ch2\u003eLes 3 actifs naturels au cœur de la formule\u003c\/h2\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, reconnu pour sa richesse en méthylglyoxal (MGO), apporte ses propriétés apaisantes et soutient la défense des muqueuses face aux agents indésirables.\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\u003eUtilisé depuis des siècles, il aide à purifier la cavité nasale et procure une agréable sensation de fraîcheur dès la première pulvérisation. L'allié idéal d'un spray nez efficace au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"drt-card\"\u003e\n\u003ch3\u003e🌲 H.E. de sapin baumier bio\u003c\/h3\u003e\n\u003cp\u003eVéritable bouffée d'air frais, elle assainit naturellement les voies respiratoires et facilite le dégagement en cas de nez bouché.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"drt-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\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 doucement avant chaque emploi pour bien répartir 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 1 à 2 fois\u003c\/h3\u003e\n\u003cp\u003eUne à deux pulvérisations dans chaque narine, tête légèrement penchée en avant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"drt-timeline-item\"\u003e\n\u003cdiv class=\"drt-timeline-content-wrapper\" style=\"display: contents;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"drt-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"drt-timeline-content\"\u003e\n\u003ch3\u003eMouchez-vous délicatement\u003c\/h3\u003e\n\u003cp\u003ePuis renouvelez l'opération si nécessaire.\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\u003e2 à 4 fois par jour\u003c\/h3\u003e\n\u003cp\u003eSelon vos besoins, en prévention durant les périodes à risque ou 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=\"drt-tip\"\u003e\n\u003cspan class=\"drt-tip-icon\"\u003e👨👩👧\u003c\/span\u003e\n\u003cp\u003eConvient à toute la famille \u003cstrong\u003eà partir de 3 ans\u003c\/strong\u003e. Ne pas dépasser les doses recommandées. Ce spray ne se substitue pas à un avis ou à 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\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\"\u003e\u003cstrong\u003eAbies Balsamea Needle Extract*\u003c\/strong\u003e (extrait de sapin baumier), \u003cstrong\u003eMel*\u003c\/strong\u003e (miel de Manuka 16+), \u003cstrong\u003eArgent colloïdal 20 ppm\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"drt-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. 100 % du total des ingrédients sont d'origine naturelle, dont 14,5 % issus de l'agriculture biologique. Certifié Cosmos Organic par Ecocert.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"drt-section\"\u003e\n\u003ch2\u003eLes atouts du spray nasal Dr. Theiss\u003c\/h2\u003e\n\u003cdiv class=\"drt-grid\"\u003e\n\u003cdiv class=\"drt-card\"\u003e\n\u003ch3\u003e🎯 Formule triple action\u003c\/h3\u003e\n\u003cp\u003ePurifie, apaise et protège les muqueuses nasales en un seul geste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"drt-card\"\u003e\n\u003ch3\u003e🌿 Certifié Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eUne garantie de transparence et de qualité bio, certifiée par Ecocert.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"drt-card\"\u003e\n\u003ch3\u003e🚫 Sans alcool ni parfum\u003c\/h3\u003e\n\u003cp\u003eSans conservateur de synthèse, sans parfum ajouté pour un soin tout en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"drt-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eSelon des standards exigeants, dans le respect des normes les plus strictes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"drt-card\"\u003e\n\u003ch3\u003e👨👩👧 Adapté à toute la famille\u003c\/h3\u003e\n\u003cp\u003ePour un usage régulier ou ponctuel, dès l'âge de 3 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"drt-card\"\u003e\n\u003ch3\u003e🎒 Format nomade 30 ml\u003c\/h3\u003e\n\u003cp\u003ePratique à glisser dans un sac pour vous accompagner partout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"drt-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eAvis sur le spray nasal au miel de Manuka\u003c\/h2\u003e\n\u003cdiv class=\"drt-testimonial\"\u003e\n\u003cp class=\"drt-testimonial-text\"\u003e\"Les utilisateurs apprécient particulièrement la \u003cstrong\u003esensation de fraîcheur immédiate\u003c\/strong\u003e, la douceur du jet et l'absence d'effet « piquant » souvent associé aux sprays classiques. Une alternative naturelle plébiscitée par celles et ceux qui cherchent un soin nasal bio efficace, sans recourir systématiquement à des produits chimiques.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"drt-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"drt-accordion-item\"\u003e\n\u003csummary class=\"drt-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"drt-accordion-content\"\u003e\n\u003cp\u003eTenir hors de portée des enfants, éviter le contact avec les yeux, ne pas utiliser en cas d'allergie connue à l'un des composants. Demandez conseil à votre médecin 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\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --drt-cream: #fdf9f0;\n --drt-white: #ffffff;\n --drt-primary: #e8a317;\n --drt-primary-dark: #8b5e0f;\n --drt-primary-light: #fef6e0;\n --drt-secondary: #f0b942;\n --drt-accent: #4a7c59;\n --drt-text: #2a2118;\n --drt-text-light: #6b5d4f;\n --drt-border: #ece4d0;\n --drt-shadow: 0 4px 24px rgba(139,94,15,.08);\n --drt-shadow-lg: 0 12px 48px rgba(139,94,15,.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, #8b5e0f 0%, #e8a317 50%, #f0b942 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 inset: 0;\n opacity: .12;\n background-image: radial-gradient(circle at 20% 30%, #fff 2px, transparent 3px), radial-gradient(circle at 70% 70%, #fff 2px, transparent 3px), radial-gradient(circle at 40% 80%, #fff 2px, transparent 3px);\n background-size: 80px 80px, 100px 100px, 60px 60px;\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(26px, 6vw, 48px);\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.drt-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}\n\n.drt-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 700px;\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}\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-secondary));\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: 700px;\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(232,163,23,.3);\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}\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}\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 line-height: 1.6;\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: fadeInUp .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 fadeInUp {\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":55222097772921,"sku":"NA1305","price":15.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dr-theiss-spray-nasal-au-miel-de-manuka-argent-colloidal-30m-packshothd.webp?v=1788540974"},{"product_id":"melifeu-170g-jade-recherche","title":"Melifeu - Votre allié contre le froid \u0026 l'hiver - 170g - Jade Recherche","description":"\u003cdiv class=\"mlf-premium\"\u003e\n \u003cdiv class=\"mlf-hero\"\u003e\n \u003cdiv class=\"mlf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mlf-hero-content\"\u003e\n \u003cdiv class=\"mlf-badges-top\"\u003e\n \u003cspan class=\"mlf-badge\"\u003e🔥 Chaleur interne\u003c\/span\u003e\n \u003cspan class=\"mlf-badge\"\u003e🍯 Miel concentré\u003c\/span\u003e\n \u003cspan class=\"mlf-badge\"\u003e🌿 Plantes chaudes\u003c\/span\u003e\n \u003cspan class=\"mlf-badge\"\u003e🛡️ Défenses naturelles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mlf-hero-title\"\u003eMelifeu\u003c\/span\u003e\n \u003cp class=\"mlf-subtitle\"\u003eÉlixir végétal à base de miel · 170 g · Jade Recherche\u003c\/p\u003e\n \u003cp class=\"mlf-description\"\u003eQuand les températures chutent, beaucoup d'entre nous ressentent frilosité persistante, fatigue hivernale et baisse d'énergie. \u003cstrong\u003eMelifeu\u003c\/strong\u003e est un élixir végétal concentré à base de \u003cstrong\u003emiel, résines précieuses, épices chaudes et plantes médicinales\u003c\/strong\u003e, pensé pour stimuler la combustion interne de l'organisme et soutenir vos défenses naturelles durant la saison froide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mlf-section\"\u003e\n \u003ch2\u003ePourquoi choisir Melifeu pour l'hiver ?\u003c\/h2\u003e\n \u003cp class=\"mlf-section-intro\"\u003eMelifeu se distingue par sa formulation traditionnelle hautement concentrée : il faut \u003cstrong\u003e10 kg de miel pour produire seulement 3 kg de Melifeu\u003c\/strong\u003e. Une synergie d'actions précieuses en période hivernale.\u003c\/p\u003e\n \u003cdiv class=\"mlf-grid\"\u003e\n \u003cdiv class=\"mlf-card\"\u003e\n \u003ch3\u003e🔥 Chaleur corporelle\u003c\/h3\u003e\n \u003cp\u003eFavorise la combustion interne naturelle pour réchauffer l'organisme de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mlf-card\"\u003e\n \u003ch3\u003e🛡️ Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eRenforce les défenses face aux refroidissements et fatigues saisonnières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mlf-card\"\u003e\n \u003ch3\u003e🫁 Action préventive ORL\u003c\/h3\u003e\n \u003cp\u003eUtile en amont des rhumes, sinusites et états grippaux hivernaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mlf-card\"\u003e\n \u003ch3\u003e🦠 Résines \u0026amp; épices\u003c\/h3\u003e\n \u003cp\u003ePropriétés antibactériennes et antivirales naturelles issues des résines et épices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mlf-card\"\u003e\n \u003ch3\u003e💓 Circulation \u0026amp; tonus\u003c\/h3\u003e\n \u003cp\u003eAmélioration de la circulation sanguine et effet tonique global sur l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mlf-card\"\u003e\n \u003ch3\u003e🌿 Tradition végétale\u003c\/h3\u003e\n \u003cp\u003eApproche complémentaire au miel de Manuka, basée sur une tradition d'élixirs aux plantes chaudes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mlf-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse Melifeu ?\u003c\/h2\u003e\n \u003cp class=\"mlf-section-intro\"\u003eCet élixir est particulièrement recommandé dans les situations suivantes :\u003c\/p\u003e\n \u003cdiv class=\"mlf-grid-compact\"\u003e\n \u003cdiv class=\"mlf-card\"\u003e\n \u003ch3\u003e❄️ Tempérament froid\u003c\/h3\u003e\n \u003cp\u003eAux personnes souvent frileuses, longilignes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mlf-card\"\u003e\n \u003ch3\u003e🤧 Infections ORL\u003c\/h3\u003e\n \u003cp\u003eAux sujets aux infections ORL récidivantes en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mlf-card\"\u003e\n \u003ch3\u003e🛡️ Prévention virale\u003c\/h3\u003e\n \u003cp\u003ePour renforcer le terrain face aux virus saisonniers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mlf-card\"\u003e\n \u003ch3\u003e⚡ Fatigue passagère\u003c\/h3\u003e\n \u003cp\u003eComme tonique naturel en période de coup de mou.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mlf-section\"\u003e\n \u003ch2\u003eComposition détaillée de Melifeu\u003c\/h2\u003e\n \u003cdiv class=\"mlf-grid\"\u003e\n \u003cdiv class=\"mlf-card\"\u003e\n \u003ch3\u003e🍯 Support\u003c\/h3\u003e\n \u003cp\u003eMiel pur — concentration exceptionnelle : \u003cstrong\u003e10 kg de miel pour 3 kg de produit fini\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mlf-card\"\u003e\n \u003ch3\u003e🌱 Macérat aqueux\u003c\/h3\u003e\n \u003cp\u003eThymus vulgaris (thym), Cassia senna, Fumaria officinalis, Crocus sativus (safran).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mlf-card\"\u003e\n \u003ch3\u003e🌳 Résines précieuses\u003c\/h3\u003e\n \u003cp\u003eBoswellia carterii (oliban), Commiphora myrrha (myrrhe), Pistacia lentiscus, Aloe vera.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mlf-card\"\u003e\n \u003ch3\u003e🌶️ Épices \u0026amp; plantes chaudes\u003c\/h3\u003e\n \u003cp\u003eCannelle, nigelle, gingembre, assa foetida, aneth, anis, cardamome, muscade, girofle, poivre noir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mlf-tip\"\u003e\n \u003cspan class=\"mlf-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e pot de 170 g — \u003cstrong\u003ePosologie :\u003c\/strong\u003e 3 g par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mlf-section\"\u003e\n \u003ch2\u003eComment prendre Melifeu ?\u003c\/h2\u003e\n \u003cp class=\"mlf-section-intro\"\u003eL'utilisation est volontairement simple et rituelle.\u003c\/p\u003e\n \u003cdiv class=\"mlf-timeline\"\u003e\n \u003cdiv class=\"mlf-timeline-item\"\u003e\n \u003cdiv class=\"mlf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mlf-timeline-content\"\u003e\n \u003ch3\u003e🌅 Le matin\u003c\/h3\u003e\n \u003cp\u003eTrempez le manche d'une cuillère ou la languette fournie dans le pot, puis léchez les 2 à 3 grammes qui y adhèrent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mlf-timeline-item\"\u003e\n \u003cdiv class=\"mlf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mlf-timeline-content\"\u003e\n \u003ch3\u003e🤧 En cas d'atteinte ORL\u003c\/h3\u003e\n \u003cp\u003eRhume, sinusite, bronchite, état grippal : renouvelez la prise toutes les heures si besoin chez l'adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mlf-timeline-item\"\u003e\n \u003cdiv class=\"mlf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mlf-timeline-content\"\u003e\n \u003ch3\u003e👦 Chez les enfants plus grands\u003c\/h3\u003e\n \u003cp\u003eUne seule prise par jour maximum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mlf-tip\"\u003e\n \u003cspan class=\"mlf-tip-icon\"\u003e🔥\u003c\/span\u003e\n \u003cp\u003eLa \u003cstrong\u003esensation de chaleur\u003c\/strong\u003e caractéristique se manifeste généralement dans l'heure qui suit. Pour optimiser les effets, évitez les aliments acides (agrumes, tomates, yaourts, produits lacto-fermentés) pendant la cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mlf-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mlf-accordion\"\u003e\n \u003cdetails class=\"mlf-accordion-item\"\u003e\n \u003csummary class=\"mlf-accordion-header\"\u003e🤰 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"mlf-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes\u003c\/strong\u003e et allaitantes. Ne pas administrer aux \u003cstrong\u003ejeunes enfants\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mlf-accordion-item\"\u003e\n \u003csummary class=\"mlf-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mlf-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le pot à l'abri de la chaleur et de l'humidité. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mlf-accordion-item\"\u003e\n \u003csummary class=\"mlf-accordion-header\"\u003e⚠️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"mlf-accordion-content mt-3\"\u003e\n \u003cp\u003eMelifeu est un complément alimentaire : il ne se substitue en aucun cas à une alimentation variée, à un mode de vie sain ni à un traitement médical. En cas de doute, de pathologie chronique ou de prise de traitement, demandez l'avis d'un professionnel de santé avant d'entamer une cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mlf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eAvis et conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"mlf-cta-box\"\u003e\n \u003cp\u003ePour tirer le meilleur de Melifeu, privilégiez une cure de \u003cstrong\u003e3 à 6 semaines\u003c\/strong\u003e en entrée d'hiver, renouvelable selon vos besoins. Associez-le à une bonne hygiène de vie : sommeil réparateur, hydratation et alimentation équilibrée pour un terrain immunitaire solide. 🔥🍯\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mlf-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mlf-cream: #fdf8f0;\n --mlf-white: #ffffff;\n --mlf-primary: #0a6b8a;\n --mlf-primary-dark: #063d55;\n --mlf-primary-light: #e6f2f7;\n --mlf-secondary: #d97a1f;\n --mlf-accent: #f4b942;\n --mlf-text: #1a1a1a;\n --mlf-text-light: #5a5a5a;\n --mlf-border: #e6dfd0;\n --mlf-shadow: 0 4px 24px rgba(10,60,80,.08);\n --mlf-shadow-lg: 0 12px 48px rgba(10,60,80,.18);\n --mlf-radius: 20px;\n --mlf-radius-sm: 12px;\n}\n\n.mlf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mlf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mlf-text);\n}\n\n.mlf-hero {\n position: relative;\n background: linear-gradient(135deg, #063d55 0%, #0a6b8a 45%, #d97a1f 100%);\n border-radius: var(--mlf-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(--mlf-shadow-lg);\n}\n\n.mlf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(244,185,66,.25) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255,255,255,.15) 0%, transparent 50%);\n opacity: .6;\n}\n\n.mlf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mlf-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 64px);\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 font-style: italic;\n}\n\n.mlf-subtitle {\n color: var(--mlf-accent);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.mlf-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.mlf-description strong {\n color: white;\n font-weight: 700;\n}\n\n.mlf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mlf-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(--mlf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.mlf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mlf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mlf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mlf-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.mlf-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(--mlf-primary), var(--mlf-secondary));\n border-radius: 2px;\n}\n\n.mlf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mlf-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.mlf-card {\n background: var(--mlf-white);\n border-radius: var(--mlf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mlf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mlf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mlf-shadow-lg);\n border-color: var(--mlf-primary);\n}\n\n.mlf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mlf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mlf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mlf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mlf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mlf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mlf-grid-compact .mlf-card {\n padding: 1rem;\n}\n\n.mlf-grid-compact .mlf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mlf-grid-compact .mlf-card p {\n font-size: 12px;\n}\n\n.mlf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mlf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mlf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mlf-primary), var(--mlf-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(10,107,138,.3);\n}\n\n.mlf-timeline-content {\n flex: 1;\n background: var(--mlf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mlf-radius-sm);\n box-shadow: var(--mlf-shadow);\n}\n\n.mlf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mlf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mlf-timeline-content p {\n font-size: 14px;\n color: var(--mlf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mlf-accordion {\n background: var(--mlf-white);\n border-radius: var(--mlf-radius);\n box-shadow: var(--mlf-shadow);\n overflow: hidden;\n}\n\n.mlf-accordion-item {\n border-bottom: 1px solid var(--mlf-border);\n margin: 0;\n padding: 0;\n}\n\n.mlf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mlf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mlf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n}\n\n.mlf-accordion-header:hover {\n background: var(--mlf-primary-light);\n}\n\n.mlf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mlf-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--mlf-primary);\n transition: transform .2s ease;\n}\n\n.mlf-accordion-item[open] .mlf-accordion-header::after {\n content: '−';\n}\n\n.mlf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mlf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mlf-accordion-content p {\n margin: 0;\n}\n\n.mlf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mlf-primary-light);\n border-radius: var(--mlf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--mlf-secondary);\n}\n\n.mlf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mlf-tip p {\n font-size: 14px;\n color: var(--mlf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mlf-cta-box {\n background: linear-gradient(135deg, var(--mlf-primary) 0%, var(--mlf-primary-dark) 100%);\n border-radius: var(--mlf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--mlf-shadow-lg);\n}\n\n.mlf-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(244,185,66,.3) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.mlf-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 position: relative;\n z-index: 1;\n}\n\n.mlf-disclaimer {\n font-size: 12px;\n color: var(--mlf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .mlf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .mlf-card {\n padding: 1.125rem;\n }\n .mlf-section {\n margin-bottom: 1.75rem;\n }\n .mlf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mlf-radius-sm);\n }\n .mlf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .mlf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .mlf-grid-compact {\n gap: .625rem;\n }\n .mlf-grid-compact .mlf-card {\n padding: .75rem;\n }\n .mlf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .mlf-timeline-content {\n padding: .875rem 1rem;\n }\n .mlf-timeline-content h3 {\n font-size: 14px;\n }\n .mlf-timeline-content p {\n font-size: 13px;\n }\n .mlf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .mlf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .mlf-card {\n animation: mlfFadeInUp .5s ease backwards;\n }\n .mlf-card:nth-child(1) { animation-delay: .05s; }\n .mlf-card:nth-child(2) { animation-delay: .1s; }\n .mlf-card:nth-child(3) { animation-delay: .15s; }\n .mlf-card:nth-child(4) { animation-delay: .2s; }\n .mlf-card:nth-child(5) { animation-delay: .25s; }\n .mlf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mlfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mlf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":55303637827961,"sku":"MELIFEU","price":68.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/melifeu-votre-allie-contre-lhiver-170g-jade-recherche-packshothd.webp?v=1776699618"},{"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":"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":"pastilles-propolis-gorge-enfant-propolentum-kids-aagaard","title":"Pastilles propolis gorge enfant (Propolentum Kids) - x24 - Aagaard","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Propolentum Kids - Pastilles propolis gorge enfant\nPalette détectée:\n - Primaire: #F5A623 (orange chaleureux du packaging, dominant)\n - Secondaire: #FFD93D (jaune miel\/abeille)\n - Accent: #E8852D (orange foncé pour le texte \"Propolentum\")\nAmbiance: Enfantine, douce, naturelle, rassurante pour les parents, univers de la ruche\/abeilles, chaleureux et bienveillant\nPréfixe CSS: pk (propolentum kids)\n--\u003e\n\n\u003cdiv class=\"pk-premium\"\u003e\n \n \u003cdiv class=\"pk-hero\"\u003e\n \u003cdiv class=\"pk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pk-hero-content\"\u003e\n \u003cdiv class=\"pk-badges-top\"\u003e\n \u003cspan class=\"pk-badge\"\u003e🐝 Propolis naturelle\u003c\/span\u003e\n \u003cspan class=\"pk-badge\"\u003e🍑 Goût pêche\u003c\/span\u003e\n \u003cspan class=\"pk-badge\"\u003e🚫 Sans sucre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pk-hero-title\"\u003ePropolentum Kids\u003c\/span\u003e\n \u003cp class=\"pk-subtitle\"\u003ePastilles propolis pour la gorge des enfants\u003c\/p\u003e\n \u003cp class=\"pk-description\"\u003eDélicieuses pastilles au goût pêche pour apaiser naturellement la gorge de vos enfants dès 3 ans, tout en renforçant leurs défenses immunitaires avec efficacité.\u003c\/p\u003e\n \u003cdiv class=\"pk-hero-badges\"\u003e\n \u003cspan class=\"pk-hero-badge\"\u003e👶 Dès 3 ans\u003c\/span\u003e\n \u003cspan class=\"pk-hero-badge\"\u003e📦 24 pastilles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"pk-section\"\u003e\n \u003ch2\u003e🌟 Pourquoi choisir ces pastilles ?\u003c\/h2\u003e\n \u003cdiv class=\"pk-grid\"\u003e\n \u003cdiv class=\"pk-card pk-card-benefit\"\u003e\n \u003cdiv class=\"pk-card-icon\"\u003e🍑\u003c\/div\u003e\n \u003ch3\u003eUn goût que les enfants adorent\u003c\/h3\u003e\n \u003cp\u003eLe délicieux parfum pêche transforme le soin en un véritable moment de plaisir pour vos petits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card pk-card-benefit\"\u003e\n \u003cdiv class=\"pk-card-icon\"\u003e👶\u003c\/div\u003e\n \u003ch3\u003eFormule adaptée aux enfants\u003c\/h3\u003e\n \u003cp\u003eSpécialement conçue pour les enfants dès 3 ans avec des dosages parfaitement calibrés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card pk-card-benefit\"\u003e\n \u003cdiv class=\"pk-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eTriple action naturelle\u003c\/h3\u003e\n \u003cp\u003eAssociation synergique de propolis, échinacée et zinc pour soulager la gorge et renforcer les défenses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pk-section\"\u003e\n \u003ch2\u003e🧪 Composition par pastille\u003c\/h2\u003e\n \u003cdiv class=\"pk-grid pk-grid-ingredients\"\u003e\n \u003cdiv class=\"pk-card pk-card-ingredient\"\u003e\n \u003cdiv class=\"pk-ingredient-header\"\u003e\n \u003cspan class=\"pk-ingredient-icon\"\u003e🐝\u003c\/span\u003e\n \u003cdiv class=\"pk-ingredient-info\"\u003e\n \u003cspan class=\"pk-ingredient-name\"\u003ePropolis\u003c\/span\u003e\n \u003cspan class=\"pk-ingredient-dose\"\u003e50 mg (2%)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eTrésor de la ruche aux propriétés apaisantes reconnues depuis des millénaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card pk-card-ingredient\"\u003e\n \u003cdiv class=\"pk-ingredient-header\"\u003e\n \u003cspan class=\"pk-ingredient-icon\"\u003e🌸\u003c\/span\u003e\n \u003cdiv class=\"pk-ingredient-info\"\u003e\n \u003cspan class=\"pk-ingredient-name\"\u003eÉchinacée\u003c\/span\u003e\n \u003cspan class=\"pk-ingredient-dose\"\u003e18 mg (0,72%)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eExtrait de partie aérienne d'Echinacea purpurea pour soutenir l'immunité naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card pk-card-ingredient\"\u003e\n \u003cdiv class=\"pk-ingredient-header\"\u003e\n \u003cspan class=\"pk-ingredient-icon\"\u003e⚡\u003c\/span\u003e\n \u003cdiv class=\"pk-ingredient-info\"\u003e\n \u003cspan class=\"pk-ingredient-name\"\u003eZinc\u003c\/span\u003e\n \u003cspan class=\"pk-ingredient-dose\"\u003e1 mg (10% VNR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eSous forme de citrate de zinc, minéral essentiel au bon fonctionnement immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-ingredients-other\"\u003e\n \u003cspan class=\"pk-tag\"\u003eÉdulcorant : isomalt\u003c\/span\u003e\n \u003cspan class=\"pk-tag\"\u003eAcidifiant : acide citrique\u003c\/span\u003e\n \u003cspan class=\"pk-tag\"\u003eArôme pêche\u003c\/span\u003e\n \u003cspan class=\"pk-tag\"\u003eHuile de colza\u003c\/span\u003e\n \u003cspan class=\"pk-tag\"\u003eMenthol\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"pk-bio-mention\"\u003e🌿 Ingrédients issus de l'agriculture biologique, sans sucre ajouté\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pk-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pk-usage-container\"\u003e\n \u003cdiv class=\"pk-usage-card\"\u003e\n \u003cdiv class=\"pk-usage-age\"\u003e\n \u003cspan class=\"pk-age-range\"\u003e3-9 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-usage-dose\"\u003e\n \u003cspan class=\"pk-dose-number\"\u003e2 à 3\u003c\/span\u003e\n \u003cspan class=\"pk-dose-unit\"\u003epastilles\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-usage-card\"\u003e\n \u003cdiv class=\"pk-usage-age\"\u003e\n \u003cspan class=\"pk-age-range\"\u003eDès 10 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-usage-dose\"\u003e\n \u003cspan class=\"pk-dose-number\"\u003e4 à 5\u003c\/span\u003e\n \u003cspan class=\"pk-dose-unit\"\u003epastilles\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-usage-tip\"\u003e\n \u003cspan class=\"pk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLaissez fondre lentement dans la bouche pour une efficacité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pk-section\"\u003e\n \u003ch2\u003e👨‍👩‍👧‍👦 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"pk-grid pk-grid-profiles\"\u003e\n \u003cdiv class=\"pk-card pk-card-profile\"\u003e\n \u003cspan class=\"pk-profile-icon\"\u003e🧒\u003c\/span\u003e\n \u003ch3\u003eEnfants dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eGorge irritée ou sensible pendant les changements de saison\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card pk-card-profile\"\u003e\n \u003cspan class=\"pk-profile-icon\"\u003e🏫\u003c\/span\u003e\n \u003ch3\u003eÉcoliers\u003c\/h3\u003e\n \u003cp\u003ePour renforcer les défenses face aux virus de la cour de récré\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card pk-card-profile\"\u003e\n \u003cspan class=\"pk-profile-icon\"\u003e❄️\u003c\/span\u003e\n \u003ch3\u003ePériode hivernale\u003c\/h3\u003e\n \u003cp\u003ePrévention et soulagement lors des premiers froids\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pk-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pk-warning-box\"\u003e\n \u003cul class=\"pk-warning-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n \u003cli\u003eUsage déconseillé aux personnes allergiques aux produits de la ruche\u003c\/li\u003e\n \u003cli\u003eUne consommation excessive peut provoquer un effet laxatif\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003csection class=\"pk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pk-cta-box\"\u003e\n \u003cdiv class=\"pk-cta-bees\"\u003e🐝 🐝 🐝\u003c\/div\u003e\n \u003cp\u003eOffrez à vos enfants le meilleur de la ruche pour une gorge apaisée et des défenses naturelles renforcées, avec ces pastilles au délicieux goût pêche qu'ils vont adorer !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pk-cream: #FFF9E6;\n --pk-white: #ffffff;\n --pk-primary: #F5A623;\n --pk-primary-dark: #E8852D;\n --pk-primary-light: #FFF3D9;\n --pk-secondary: #FFD93D;\n --pk-accent: #FF8C42;\n --pk-text: #1a1a1a;\n --pk-text-light: #5a5a5a;\n --pk-border: #F0E0C0;\n --pk-shadow: 0 4px 24px rgba(245,166,35,.12);\n --pk-shadow-lg: 0 12px 48px rgba(245,166,35,.2);\n --pk-radius: 20px;\n --pk-radius-sm: 12px;\n}\n\n.pk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.pk-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.pk-hero {\n position: relative;\n background: linear-gradient(135deg, var(--pk-secondary) 0%, var(--pk-primary) 50%, var(--pk-primary-dark) 100%);\n border-radius: var(--pk-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(--pk-shadow-lg);\n}\n\n.pk-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 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5L35 15L45 15L37 22L40 32L30 26L20 32L23 22L15 15L25 15Z' fill='rgba(255,255,255,0.05)'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.pk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.pk-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(--pk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pk-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.pk-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.pk-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto 2rem auto;\n}\n\n.pk-hero-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n}\n\n.pk-hero-badge {\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n color: white;\n padding: 10px 20px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n border: 2px solid rgba(255,255,255,.3);\n}\n\n\/* === SECTIONS === *\/\n.pk-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.pk-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--pk-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.pk-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(--pk-secondary), var(--pk-primary-dark));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.pk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.pk-grid-ingredients {\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n}\n\n.pk-grid-profiles {\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n}\n\n\/* === CARDS === *\/\n.pk-card {\n background: var(--pk-white);\n border-radius: var(--pk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--pk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.pk-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--pk-shadow-lg);\n border-color: var(--pk-primary);\n}\n\n.pk-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--pk-text);\n margin: 0 0 0.75rem 0;\n}\n\n.pk-card p {\n font-size: 15px;\n line-height: 1.6;\n color: var(--pk-text-light);\n margin: 0;\n}\n\n\/* Benefit cards *\/\n.pk-card-benefit {\n text-align: center;\n}\n\n.pk-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n\/* Ingredient cards *\/\n.pk-card-ingredient {\n position: relative;\n overflow: hidden;\n}\n\n.pk-card-ingredient::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--pk-secondary), var(--pk-primary));\n}\n\n.pk-ingredient-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.pk-ingredient-icon {\n font-size: 40px;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--pk-primary-light);\n border-radius: 50%;\n}\n\n.pk-ingredient-info {\n display: flex;\n flex-direction: column;\n}\n\n.pk-ingredient-name {\n font-size: 18px;\n font-weight: 800;\n color: var(--pk-text);\n}\n\n.pk-ingredient-dose {\n font-size: 14px;\n font-weight: 700;\n color: var(--pk-primary-dark);\n background: var(--pk-primary-light);\n padding: 2px 10px;\n border-radius: 999px;\n margin-top: 4px;\n display: inline-block;\n width: fit-content;\n}\n\n\/* Other ingredients tags *\/\n.pk-ingredients-other {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-top: 2rem;\n}\n\n.pk-tag {\n background: var(--pk-white);\n color: var(--pk-text-light);\n padding: 8px 16px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n border: 1px solid var(--pk-border);\n}\n\n.pk-bio-mention {\n text-align: center;\n margin-top: 1.5rem;\n padding: 1rem 1.5rem;\n background: linear-gradient(135deg, var(--pk-primary-light), var(--pk-white));\n border-radius: var(--pk-radius-sm);\n font-size: 15px;\n font-weight: 700;\n color: var(--pk-primary-dark);\n border: 2px dashed var(--pk-primary);\n}\n\n\/* Profile cards *\/\n.pk-card-profile {\n text-align: center;\n}\n\n.pk-profile-icon {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n\/* === USAGE === *\/\n.pk-usage-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n max-width: 600px;\n margin: 0 auto 2rem auto;\n}\n\n.pk-usage-card {\n background: var(--pk-white);\n border-radius: var(--pk-radius);\n padding: 2rem;\n text-align: center;\n box-shadow: var(--pk-shadow);\n border: 3px solid var(--pk-secondary);\n transition: all .3s ease;\n}\n\n.pk-usage-card:hover {\n transform: scale(1.05);\n border-color: var(--pk-primary);\n}\n\n.pk-usage-age {\n margin-bottom: 1rem;\n}\n\n.pk-age-range {\n background: linear-gradient(135deg, var(--pk-secondary), var(--pk-primary));\n color: white;\n padding: 8px 20px;\n border-radius: 999px;\n font-size: 16px;\n font-weight: 800;\n}\n\n.pk-dose-number {\n display: block;\n font-size: 48px;\n font-weight: 900;\n color: var(--pk-primary-dark);\n line-height: 1;\n}\n\n.pk-dose-unit {\n font-size: 14px;\n font-weight: 600;\n color: var(--pk-text-light);\n}\n\n.pk-usage-tip {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n background: var(--pk-primary-light);\n padding: 1rem 1.5rem;\n border-radius: var(--pk-radius-sm);\n max-width: 500px;\n margin: 0 auto;\n}\n\n.pk-tip-icon {\n font-size: 24px;\n}\n\n.pk-usage-tip p {\n margin: 0;\n font-size: 15px;\n font-weight: 600;\n color: var(--pk-primary-dark);\n}\n\n\/* === WARNING === *\/\n.pk-warning-box {\n background: var(--pk-white);\n border-radius: var(--pk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--pk-shadow);\n border-left: 5px solid var(--pk-primary);\n}\n\n.pk-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.pk-warning-list li {\n position: relative;\n padding-left: 30px;\n margin-bottom: 12px;\n font-size: 14px;\n line-height: 1.6;\n color: var(--pk-text-light);\n}\n\n.pk-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n.pk-warning-list li::before {\n content: '•';\n position: absolute;\n left: 10px;\n color: var(--pk-primary);\n font-weight: bold;\n}\n\n\/* === INFO GRID === *\/\n.pk-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1rem;\n}\n\n.pk-info-item {\n background: var(--pk-white);\n border-radius: var(--pk-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--pk-shadow);\n}\n\n.pk-info-label {\n display: block;\n font-size: 12px;\n font-weight: 600;\n color: var(--pk-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 6px;\n}\n\n.pk-info-value {\n display: block;\n font-size: 18px;\n font-weight: 800;\n color: var(--pk-primary-dark);\n}\n\n\/* === CTA === *\/\n.pk-cta-box {\n background: linear-gradient(135deg, var(--pk-secondary) 0%, var(--pk-primary) 50%, var(--pk-primary-dark) 100%);\n border-radius: var(--pk-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pk-cta-bees {\n font-size: 32px;\n margin-bottom: 1rem;\n animation: beeBounce 2s ease-in-out infinite;\n}\n\n.pk-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === ANIMATIONS === *\/\n@keyframes beeBounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .pk-card {\n animation: fadeInUp .6s ease backwards;\n }\n .pk-card:nth-child(1) { animation-delay: .1s; }\n .pk-card:nth-child(2) { animation-delay: .2s; }\n .pk-card:nth-child(3) { animation-delay: .3s; }\n .pk-card:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .pk-grid {\n grid-template-columns: 1fr;\n }\n \n .pk-grid-profiles {\n grid-template-columns: 1fr;\n }\n \n .pk-usage-container {\n grid-template-columns: 1fr;\n }\n \n .pk-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .pk-badges-top {\n gap: 8px;\n }\n \n .pk-badge {\n font-size: 12px;\n padding: 6px 12px;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .pk-cta-bees {\n animation: none;\n }\n}\n\n@media (prefers-contrast: high) {\n .pk-card {\n border: 2px solid var(--pk-text);\n }\n \n .pk-badge {\n border: 2px solid var(--pk-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"AAGAARD","offers":[{"title":"Default Title","offer_id":55610837565817,"sku":"NBAIAAG0015","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/propolentum-kids-pastilles-pour-la-gorge-aagaard.jpg?v=1754747455"},{"product_id":"extrait-propolis-verte-bio-sans-alcool-15ml-proposnature","title":"Extrait de Propolis Verte Bio sans alcool – 15 ml – 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\u003c\/span\u003e\n \u003cspan class=\"pv-badge\"\u003e🚫 Sans Alcool\u003c\/span\u003e\n \u003cspan class=\"pv-badge\"\u003e🇧🇷 Propolis du Brésil\u003c\/span\u003e\n \u003cspan class=\"pv-badge\"\u003e👨‍👩‍👧 Toute la famille\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pv-hero-title\"\u003eLa force de la ruche en toute douceur\u003c\/span\u003e\n \u003cp class=\"pv-description\"\u003eUne formule pure et sans alcool, qui conjugue la richesse de la propolis verte du Brésil à la douceur de la glycérine végétale bio. Flacon de 15 ml avec pipette compte-gouttes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"pv-section\"\u003e\n \u003cp class=\"pv-section-intro\"\u003eVous cherchez une solution naturelle pour soutenir vos défenses au quotidien ? L'Extrait de Propolis Verte Bio sans alcool de Propos'Nature conjugue la richesse de la propolis verte du Brésil à la douceur de la glycérine végétale bio. Une formule pure, sans alcool, idéale pour toute la famille, y compris les enfants et les personnes sensibles.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003ePourquoi choisir la propolis verte plutôt que la propolis noire ou blanche ?\u003c\/h2\u003e\n \u003cp class=\"pv-section-intro\"\u003eLa propolis verte bio provient exclusivement du Brésil, récoltée par les abeilles sur \u003cem\u003eBaccharis dracunculifolia\u003c\/em\u003e, une plante endémique aux propriétés remarquables. Comparée à la propolis noire ou blanche, elle se distingue par sa teneur exceptionnelle en \u003cstrong\u003eartépilline C\u003c\/strong\u003e, un composé naturel particulièrement étudié pour ses vertus protectrices.\u003c\/p\u003e\n \u003cdiv class=\"pv-grid\"\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🛡️ Défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eSoutien naturel des défenses de l'organisme, notamment en période hivernale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🌬️ Sphère ORL apaisée\u003c\/h3\u003e\n \u003cp\u003eAction apaisante sur la gorge irritée et les voies respiratoires sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e😊 Confort buccal\u003c\/h3\u003e\n \u003cp\u003eContribue au confort de la bouche et au bien-être général au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003eUne composition pure, bio et 100 % naturelle\u003c\/h2\u003e\n \u003cp class=\"pv-section-intro\"\u003eCet extrait de propolis sans alcool se distingue par sa formule minimaliste et son label Agriculture Biologique. Pour 1 g d'extrait (environ 46 gouttes) :\u003c\/p\u003e\n \u003cdiv class=\"pv-grid-compact\"\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🌱 Glycérine végétale bio\u003c\/h3\u003e\n \u003cp\u003e550 mg — apporte une texture douce et un goût naturellement suave.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🍯 Extrait de propolis verte bio\u003c\/h3\u003e\n \u003cp\u003e450 mg — riche en artépilline C, issue de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-tip\"\u003e\n \u003cspan class=\"pv-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eSans alcool, sans colorant, sans conservateur, sans sucre. \u003cstrong\u003eFabriquée en France\u003c\/strong\u003e à partir d'ingrédients sélectionnés auprès de petits producteurs brésiliens engagés dans une démarche équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003eComment prendre l'extrait de propolis verte ?\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\u003e👤 Adultes — Usage interne\u003c\/h3\u003e\n \u003cp\u003e15 gouttes, 1 à 3 fois par jour, pures ou diluées dans un peu d'eau, de jus ou de miel.\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\u003e🧒 Enfants à partir de 3 ans\u003c\/h3\u003e\n \u003cp\u003e5 à 10 gouttes diluées 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\u003e📅 Durée de cure conseillée\u003c\/h3\u003e\n \u003cp\u003eUne cure de 3 semaines pour profiter pleinement des bienfaits de la propolis, à renouveler selon vos besoins.\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\u003e💧 Usage externe\u003c\/h3\u003e\n \u003cp\u003ePeut s'appliquer localement sur la peau ou s'incorporer à vos préparations cosmétiques maison (lotions, gels, émulsions à base d'eau) à hauteur de 0,5 % à 5 %.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003ePourquoi une propolis sans alcool ?\u003c\/h2\u003e\n \u003cp class=\"pv-section-intro\"\u003eContrairement aux extraits alcooliques traditionnels, cette propolis sans alcool offre une alternative douce et accessible à tous.\u003c\/p\u003e\n \u003cdiv class=\"pv-grid-compact\"\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🧒 Adaptée aux enfants\u003c\/h3\u003e\n \u003cp\u003eUne formule douce, sans alcool, idéale dès 3 ans (sur avis professionnel).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n \u003cp\u003eConvient aux femmes enceintes ou allaitantes, avec avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🌸 Personnes sensibles\u003c\/h3\u003e\n \u003cp\u003eRecommandée à celles et ceux qui ne tolèrent pas l'alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e👅 Goût plus suave\u003c\/h3\u003e\n \u003cp\u003eLa glycérine végétale apporte une texture agréable et un goût naturellement doux.\u003c\/p\u003e\n \u003c\/div\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\u003eCe produit est déconseillé aux personnes allergiques aux produits de la ruche (propolis, miel, gelée royale, pollen).\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👁️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n \u003cp\u003eÉviter le contact avec les yeux. Attention, la propolis peut tacher les tissus. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pv-accordion-item\"\u003e\n \u003csummary class=\"pv-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain, ni à un traitement médical. En cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003eConservation \u0026amp; conditionnement\u003c\/h2\u003e\n \u003cdiv class=\"pv-grid-compact\"\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🧴 Flacon verre brun 15 ml\u003c\/h3\u003e\n \u003cp\u003eÉquipé d'une pipette compte-gouttes pour un dosage précis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🌑 À l'abri de la lumière\u003c\/h3\u003e\n \u003cp\u003eLe verre brun protège l'extrait et préserve toutes ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🌡️ Température ambiante\u003c\/h3\u003e\n \u003cp\u003eÀ conserver au sec, à température ambiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🔒 Bien refermer\u003c\/h3\u003e\n \u003cp\u003eRefermer soigneusement le flacon après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pv-cta-box\"\u003e\n \u003cp\u003ePur, doux et certifié bio, cet extrait de propolis verte sans alcool allie la richesse du Brésil au savoir-faire français : un geste simple et naturel pour accompagner toute la famille au fil des saisons. 🐝🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pv-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pv-cream: #faf7f0;\n --pv-white: #ffffff;\n --pv-primary: #7a9b3f;\n --pv-primary-dark: #4a6322;\n --pv-primary-light: #eef3e0;\n --pv-secondary: #c9a961;\n --pv-accent: #d4861f;\n --pv-text: #2a2a1f;\n --pv-text-light: #6a6a5a;\n --pv-border: #e5e0d2;\n --pv-shadow: 0 4px 24px rgba(74,99,34,.08);\n --pv-shadow-lg: 0 12px 48px rgba(74,99,34,.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 color: var(--pv-text);\n}\n\n.pv-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6322 0%, #7a9b3f 55%, #c9a961 100%);\n border-radius: var(--pv-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pv-shadow-lg);\n}\n\n.pv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 25%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 30%);\n opacity: .15;\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 line-height: 1.1;\n}\n\n.pv-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.pv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n.pv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\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 line-height: 1.2;\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: 0 auto 1.75rem;\n max-width: 720px;\n line-height: 1.7;\n}\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-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}\n\n.pv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pv-primary), var(--pv-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(122,155,63,.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-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: 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 {\n margin: 0;\n}\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 border-left: 4px solid var(--pv-primary);\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-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 font-style: italic;\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 {\n width: 40px;\n height: 3px;\n }\n .pv-grid-compact { gap: .625rem; }\n .pv-grid-compact .pv-card { padding: .75rem; }\n .pv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\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}\n\n@media (prefers-reduced-motion: no-preference) {\n .pv-card {\n animation: pvFadeInUp .5s ease backwards;\n }\n .pv-card:nth-child(1) { animation-delay: .05s; }\n .pv-card:nth-child(2) { animation-delay: .1s; }\n .pv-card:nth-child(3) { animation-delay: .15s; }\n .pv-card:nth-child(4) { animation-delay: .2s; }\n .pv-card:nth-child(5) { animation-delay: .25s; }\n .pv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pvFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@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":55628606374265,"sku":"PO0030","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/extrait-de-propolis-verte-bio-sans-alcool-15-ml-proposnature-packshothd.webp?v=1789475286"},{"product_id":"extrait-propolis-verte-bio-hydroalcoolique-15ml-propos-nature","title":"Extrait de Propolis Verte Bio Hydroalcoolique – 15 ml – Propos’Nature","description":"\u003cdiv class=\"pvb-premium\"\u003e\n\n \u003cdiv class=\"pvb-hero\"\u003e\n \u003cdiv class=\"pvb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pvb-hero-content\"\u003e\n \u003cdiv class=\"pvb-badges-top\"\u003e\n \u003cspan class=\"pvb-badge\"\u003e🌿 Certifié Bio FR-BIO-10\u003c\/span\u003e\n \u003cspan class=\"pvb-badge\"\u003e🐝 Propolis du Brésil\u003c\/span\u003e\n \u003cspan class=\"pvb-badge\"\u003e💧 15 ml compte-gouttes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pvb-hero-title\"\u003eLa force du Brésil en quelques gouttes\u003c\/span\u003e\n \u003cp class=\"pvb-subtitle\"\u003ePropolis verte pure \u0026amp; efficacité immédiate\u003c\/p\u003e\n \u003cp class=\"pvb-description\"\u003eUn concentré unique de résine récoltée par les abeilles sur le \u003cem\u003eBaccharis dracunculifolia\u003c\/em\u003e, riche en artépilline C et flavonoïdes, pour accompagner votre bien-être au fil des saisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"pvb-section\"\u003e\n \u003ch2\u003eExtrait de Propolis Verte Bio Hydroalcoolique : la force du Brésil en quelques gouttes\u003c\/h2\u003e\n \u003cp class=\"pvb-section-intro\"\u003eEnvie d'un allié naturel pour traverser sereinement les changements de saison ? L'\u003cstrong\u003eExtrait de Propolis Verte Bio Hydroalcoolique\u003c\/strong\u003e de \u003cstrong\u003ePropos'Nature\u003c\/strong\u003e concentre dans un petit flacon de 15 ml toute la richesse de la \u003cstrong\u003epropolis verte du Brésil\u003c\/strong\u003e, réputée comme l'une des plus précieuses au monde.\u003c\/p\u003e\n \u003cp class=\"pvb-section-intro\"\u003eFormule fluide, dosage précis, certification bio : un vrai concentré de nature à glisser dans votre trousse bien-être.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvb-section\"\u003e\n \u003ch2\u003eQu'est-ce que la propolis verte bio ?\u003c\/h2\u003e\n \u003cp class=\"pvb-section-intro\"\u003eLa propolis est une substance résineuse récoltée par les abeilles sur les bourgeons de certaines plantes. La \u003cstrong\u003epropolis verte\u003c\/strong\u003e, quant à elle, provient exclusivement du \u003cem\u003eBaccharis dracunculifolia\u003c\/em\u003e, un arbuste endémique du Brésil.\u003c\/p\u003e\n \u003cdiv class=\"pvb-grid-compact\"\u003e\n \u003cdiv class=\"pvb-card\"\u003e\n \u003ch3\u003e🌱 Origine unique\u003c\/h3\u003e\n \u003cp\u003eRécoltée au cœur d'une flore brésilienne préservée par des apiculteurs engagés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvb-card\"\u003e\n \u003ch3\u003e💚 Artépilline C\u003c\/h3\u003e\n \u003cp\u003eComposé signature de la propolis verte, exclusif à cette variété rare.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvb-card\"\u003e\n \u003ch3\u003e🍃 Profil aromatique\u003c\/h3\u003e\n \u003cp\u003eNotes fraîches et végétales, très différentes de la propolis noire classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvb-card\"\u003e\n \u003ch3\u003e✨ Richesse en flavonoïdes\u003c\/h3\u003e\n \u003cp\u003eUne concentration remarquable, issue d'une flore endémique préservée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvb-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'extrait de propolis verte bio\u003c\/h2\u003e\n \u003cdiv class=\"pvb-grid\"\u003e\n \u003cdiv class=\"pvb-card\"\u003e\n \u003ch3\u003e❄️ Confort ORL\u003c\/h3\u003e\n \u003cp\u003eContribue au confort de la sphère ORL, particulièrement apprécié en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvb-card\"\u003e\n \u003ch3\u003e🛡️ Antioxydants naturels\u003c\/h3\u003e\n \u003cp\u003eSource naturelle de flavonoïdes et d'artépilline C, molécules antioxydantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvb-card\"\u003e\n \u003ch3\u003e👄 Gorge \u0026amp; bouche\u003c\/h3\u003e\n \u003cp\u003eUtilisé traditionnellement pour soutenir le bien-être de la gorge et de la bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvb-card\"\u003e\n \u003ch3\u003e⚡ Assimilation rapide\u003c\/h3\u003e\n \u003cp\u003eFormat hydroalcoolique : efficacité immédiate et biodisponibilité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"pvb-disclaimer\"\u003eCes usages sont issus de la tradition apicole ; ce complément alimentaire ne remplace en aucun cas un traitement médical ni un avis professionnel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvb-section\"\u003e\n \u003ch2\u003eComposition transparente et certifiée bio\u003c\/h2\u003e\n \u003cdiv class=\"pvb-grid\"\u003e\n \u003cdiv class=\"pvb-card\"\u003e\n \u003ch3\u003e🧪 Alcool*\u003c\/h3\u003e\n \u003cp\u003e65 % vol. — support d'extraction traditionnel garantissant la conservation des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvb-card\"\u003e\n \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n \u003cp\u003eSélectionnée pour préserver la pureté et la stabilité de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvb-card\"\u003e\n \u003ch3\u003e🐝 Propolis verte bio*\u003c\/h3\u003e\n \u003cp\u003e12 % — l'ingrédient star, issu du Baccharis dracunculifolia du Brésil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvb-tip\"\u003e\n \u003cspan class=\"pvb-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e*Ingrédients issus de l'agriculture biologique. Produit certifié \u003cstrong\u003eFR-BIO-10\u003c\/strong\u003e, sans additif, sans colorant, sans conservateur ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvb-section\"\u003e\n \u003ch2\u003eComment utiliser l'extrait de propolis verte bio ?\u003c\/h2\u003e\n \u003cdiv class=\"pvb-timeline\"\u003e\n \u003cdiv class=\"pvb-timeline-item\"\u003e\n \u003cdiv class=\"pvb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pvb-timeline-content\"\u003e\n \u003ch3\u003e🥄 Usage interne (adulte)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e20 gouttes, 3 fois par jour\u003c\/strong\u003e, diluées dans un peu d'eau tiède, une cuillère de miel ou une tisane.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvb-timeline-item\"\u003e\n \u003cdiv class=\"pvb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pvb-timeline-content\"\u003e\n \u003ch3\u003e👄 En gargarisme\u003c\/h3\u003e\n \u003cp\u003eDiluez quelques gouttes dans un verre d'eau pour un effet local sur la gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvb-timeline-item\"\u003e\n \u003cdiv class=\"pvb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pvb-timeline-content\"\u003e\n \u003ch3\u003e🌿 Usage externe\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes directement sur la zone concernée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvb-timeline-item\"\u003e\n \u003cdiv class=\"pvb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pvb-timeline-content\"\u003e\n \u003ch3\u003e🧴 Cosmétique maison\u003c\/h3\u003e\n \u003cp\u003eIncorporez à hauteur de 0,5 à 1 % dans vos baumes, sérums ou lotions maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvb-tip\"\u003e\n \u003cspan class=\"pvb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour une cure de fond, comptez \u003cstrong\u003e3 semaines d'utilisation\u003c\/strong\u003e suivies d'une pause d'une semaine avant reprise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pvb-accordion\"\u003e\n \u003cdetails class=\"pvb-accordion-item\"\u003e\n \u003csummary class=\"pvb-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"pvb-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche. Déconseillé aux femmes enceintes, allaitantes et aux enfants de moins de 12 ans. Contient de l'alcool : ne pas utiliser en cas de contre-indication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pvb-accordion-item\"\u003e\n \u003csummary class=\"pvb-accordion-header\"\u003e👁️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"pvb-accordion-content mt-3\"\u003e\n \u003cp\u003eÉviter tout contact avec les yeux. Attention : peut tacher les vêtements et certaines surfaces. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvb-section\"\u003e\n \u003ch2\u003eConservation et conditionnement\u003c\/h2\u003e\n \u003cdiv class=\"pvb-testimonial\"\u003e\n \u003cp class=\"pvb-testimonial-text\"\u003eFlacon en \u003cstrong\u003everre ambré de 15 ml\u003c\/strong\u003e, muni d'un compte-gouttes pour un dosage précis. À conserver à température ambiante, à l'abri de la lumière, de la chaleur et de l'humidité. Refermez soigneusement après chaque utilisation pour préserver toute la richesse de la propolis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Propos'Nature ?\u003c\/h2\u003e\n \u003cdiv class=\"pvb-cta-box\"\u003e\n \u003cp\u003eDepuis des années, \u003cstrong\u003ePropos'Nature\u003c\/strong\u003e sélectionne des matières premières traçables et respectueuses de l'environnement. Cet extrait de propolis bio est le fruit d'un partenariat avec des \u003cstrong\u003eapiculteurs brésiliens engagés\u003c\/strong\u003e, garantissant une propolis pure, riche et parfaitement conforme au cahier des charges de l'agriculture biologique.\u003cbr\u003e\u003cbr\u003eUn petit flacon, un grand geste pour votre bien-être quotidien. 🐝\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --pvb-cream: #faf8f2;\n --pvb-white: #ffffff;\n --pvb-primary: #8bbf3f;\n --pvb-primary-dark: #4a6b1f;\n --pvb-primary-light: #f0f6e2;\n --pvb-secondary: #d4a24c;\n --pvb-accent: #e8a838;\n --pvb-text: #2a2a1f;\n --pvb-text-light: #5f6357;\n --pvb-border: #e5e1d3;\n --pvb-shadow: 0 4px 24px rgba(74,107,31,.08);\n --pvb-shadow-lg: 0 12px 48px rgba(74,107,31,.15);\n --pvb-radius: 20px;\n --pvb-radius-sm: 12px;\n }\n\n .pvb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pvb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--pvb-text);\n line-height: 1.6;\n }\n\n .pvb-hero {\n position: relative;\n background: linear-gradient(135deg, #8bbf3f 0%, #6ea52e 50%, #d4a24c 100%);\n border-radius: var(--pvb-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(--pvb-shadow-lg);\n }\n\n .pvb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, #fff 2px, transparent 3px),\n radial-gradient(circle at 70% 60%, #fff 2px, transparent 3px),\n radial-gradient(circle at 40% 80%, #fff 1px, transparent 2px);\n background-size: 60px 60px, 80px 80px, 40px 40px;\n }\n\n .pvb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .pvb-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 .pvb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 3vw, 20px);\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 .pvb-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n }\n\n .pvb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .pvb-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(--pvb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .pvb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .pvb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .pvb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pvb-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 .pvb-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(--pvb-primary), var(--pvb-secondary));\n border-radius: 2px;\n }\n\n .pvb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pvb-text-light);\n margin: 0 auto 1.25rem;\n max-width: 720px;\n line-height: 1.7;\n }\n\n .pvb-card {\n background: var(--pvb-white);\n border-radius: var(--pvb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pvb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .pvb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pvb-shadow-lg);\n border-color: var(--pvb-primary);\n }\n\n .pvb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pvb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .pvb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pvb-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .pvb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .pvb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .pvb-grid-compact .pvb-card {\n padding: 1rem;\n }\n\n .pvb-grid-compact .pvb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .pvb-grid-compact .pvb-card p {\n font-size: 12px;\n }\n\n .pvb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .pvb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .pvb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pvb-primary), var(--pvb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(139,191,63,.3);\n }\n\n .pvb-timeline-content {\n flex: 1;\n background: var(--pvb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pvb-radius-sm);\n box-shadow: var(--pvb-shadow);\n }\n\n .pvb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pvb-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .pvb-timeline-content p {\n font-size: 14px;\n color: var(--pvb-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .pvb-testimonial {\n background: var(--pvb-white);\n border-radius: var(--pvb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pvb-shadow);\n border-left: 4px solid var(--pvb-primary);\n }\n\n .pvb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pvb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n }\n\n .pvb-accordion {\n background: var(--pvb-white);\n border-radius: var(--pvb-radius);\n box-shadow: var(--pvb-shadow);\n overflow: hidden;\n }\n\n .pvb-accordion-item {\n border-bottom: 1px solid var(--pvb-border);\n margin: 0;\n padding: 0;\n }\n\n .pvb-accordion-item:last-child {\n border-bottom: none;\n }\n\n .pvb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pvb-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 .pvb-accordion-header:hover {\n background: var(--pvb-primary-light);\n }\n\n .pvb-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .pvb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pvb-primary);\n transition: transform .2s ease;\n }\n\n .pvb-accordion-item[open] .pvb-accordion-header::after {\n content: '−';\n }\n\n .pvb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pvb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .pvb-accordion-content p {\n margin: 0;\n }\n\n .pvb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pvb-primary-light);\n border-radius: var(--pvb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--pvb-primary);\n }\n\n .pvb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .pvb-tip p {\n font-size: 14px;\n color: var(--pvb-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .pvb-cta-box {\n background: linear-gradient(135deg, var(--pvb-primary) 0%, var(--pvb-primary-dark) 100%);\n border-radius: var(--pvb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--pvb-shadow-lg);\n }\n\n .pvb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n }\n\n .pvb-disclaimer {\n font-size: 12px;\n color: var(--pvb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n }\n\n @media (max-width: 767px) {\n .pvb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .pvb-card {\n padding: 1.125rem;\n }\n .pvb-section {\n margin-bottom: 1.75rem;\n }\n .pvb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pvb-radius-sm);\n }\n .pvb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .pvb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .pvb-grid-compact {\n gap: .625rem;\n }\n .pvb-grid-compact .pvb-card {\n padding: .75rem;\n }\n .pvb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .pvb-timeline-content {\n padding: .875rem 1rem;\n }\n .pvb-timeline-content h3 {\n font-size: 14px;\n }\n .pvb-timeline-content p {\n font-size: 13px;\n }\n .pvb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .pvb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .pvb-testimonial {\n padding: 1.25rem;\n }\n .pvb-testimonial-text {\n font-size: 14px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .pvb-card {\n animation: pvbFadeInUp .5s ease backwards;\n }\n .pvb-card:nth-child(1) { animation-delay: .05s; }\n .pvb-card:nth-child(2) { animation-delay: .1s; }\n .pvb-card:nth-child(3) { animation-delay: .15s; }\n .pvb-card:nth-child(4) { animation-delay: .2s; }\n .pvb-card:nth-child(5) { animation-delay: .25s; }\n .pvb-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes pvbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .pvb-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":55628660408697,"sku":"PO0025","price":9.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/extrait-de-propolis-verte-bio-hydroalcoolique-15-ml-proposna-packshothd.webp?v=1788954546"},{"product_id":"propolis-compositum-bio-15ml-alphagem","title":"Propolis Compositum Bio - 15ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Propolis Compositum Bio - 15ml - Alphagem\nPalette détectée:\n - Primaire: #2E7D32 (vert foncé du logo alphaGEM)\n - Secondaire: #F57C00 (orange vif de l'étiquette \"PROPOLIS\")\n - Accent: #5D4037 (brun ambré du flacon\/propolis)\nAmbiance: Naturel\/bio, apiculture, gemmothérapie, santé naturelle, artisanal belge\nPréfixe CSS: prp\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Propolis Compositum Bio Alphagem : la synergie naturelle pour vos défenses\"\n 2. \"Pourquoi choisir cette propolis bio plutôt qu'une autre ?\"\n 3. \"Les bienfaits concrets de la propolis bio Alphagem\"\n 4. \"Composition détaillée — pour 20 gouttes par jour\"\n 5. \"Comment prendre la Propolis Compositum Bio ?\"\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=\"prp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"prp-hero\"\u003e\n \u003cdiv class=\"prp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"prp-hero-content\"\u003e\n \u003cdiv class=\"prp-badges-top\"\u003e\n \u003cspan class=\"prp-badge\"\u003e🐝 Propolis + gemmothérapie\u003c\/span\u003e\n \u003cspan class=\"prp-badge\"\u003e🌿 Certifié bio AB\u003c\/span\u003e\n \u003cspan class=\"prp-badge\"\u003e🇧🇪 Laboratoire belge\u003c\/span\u003e\n \u003cspan class=\"prp-badge\"\u003e💧 6 huiles essentielles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"prp-hero-title\"\u003ePropolis Compositum Bio\u003c\/span\u003e\n \u003cp class=\"prp-subtitle\"\u003eAlphagem — De la ruche au flacon\u003c\/p\u003e\n \u003cp class=\"prp-description\"\u003eLa synergie unique de propolis, bourgeons de peuplier et 6 huiles essentielles bio pour des défenses naturelles renforcées au fil des saisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003ePropolis Compositum Bio Alphagem : la synergie naturelle pour vos défenses\u003c\/h2\u003e\n \u003cp class=\"prp-section-intro\"\u003eVous souhaitez \u003cstrong\u003erenforcer vos défenses naturelles\u003c\/strong\u003e de manière efficace et authentiquement bio ? Le \u003cstrong\u003ePropolis Compositum Bio d'Alphagem\u003c\/strong\u003e va bien au-delà d'une simple propolis pure bio.\u003c\/p\u003e\n \u003cdiv class=\"prp-highlight-box\"\u003e\n \u003cp\u003eCette formule unique combine la puissance de la \u003cstrong\u003epropolis\u003c\/strong\u003e avec un \u003cstrong\u003emacérat de bourgeons frais de peuplier\u003c\/strong\u003e et \u003cstrong\u003esix huiles essentielles biologiques\u003c\/strong\u003e, pour une action complète que vous ne trouverez pas dans une propolis classique en gélules ou en spray.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette propolis bio plutôt qu'une autre ?\u003c\/h2\u003e\n \u003cp class=\"prp-section-intro\"\u003eLa propolis est une résine précieuse que les abeilles récoltent sur les bourgeons des arbres. Riche en flavonoïdes et en composés actifs, elle est reconnue depuis des siècles pour ses propriétés \u003cstrong\u003eantibactériennes, antivirales et antifongiques\u003c\/strong\u003e. Mais ce qui distingue réellement ce produit, c'est sa formulation en \u003cstrong\u003ecompositum\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"prp-grid\"\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🐝 Propolis bio\u003c\/h3\u003e\n \u003cp\u003eRésine naturelle récoltée par les abeilles, riche en flavonoïdes et composés actifs aux propriétés reconnues depuis des siècles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🌱 Bourgeons de peuplier\u003c\/h3\u003e\n \u003cp\u003eLe macérat de bourgeons de peuplier, issu de la gemmothérapie, partage avec la propolis une parenté botanique fascinante — les abeilles récoltent justement la propolis sur ces mêmes bourgeons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🌿 6 huiles essentielles\u003c\/h3\u003e\n \u003cp\u003eRavintsara, romarin, origan, cannelle, myrte et girofle : chacune sélectionnée pour ses propriétés bien documentées en aromathérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-tip\"\u003e\n \u003cspan class=\"prp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eChaque ingrédient a été choisi pour \u003cstrong\u003eamplifier les bienfaits des autres\u003c\/strong\u003e : c'est le principe même du compositum, une synergie où le tout est supérieur à la somme des parties.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de la propolis bio Alphagem\u003c\/h2\u003e\n \u003cdiv class=\"prp-grid-compact\"\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n \u003cp\u003eIdéal en période hivernale ou lors de changements de saison, quand votre organisme a besoin d'un coup de pouce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🌬️ Voies respiratoires\u003c\/h3\u003e\n \u003cp\u003eLa synergie propolis-huiles essentielles contribue au bien-être de la gorge et de la sphère ORL.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e✨ Action antioxydante\u003c\/h3\u003e\n \u003cp\u003eLes flavonoïdes de la propolis aident à protéger vos cellules contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e💧 Format concentré\u003c\/h3\u003e\n \u003cp\u003eLe format gouttes de 15 ml vous permet un dosage précis et personnalisé au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003eComposition détaillée — pour 20 gouttes par jour\u003c\/h2\u003e\n \u003cdiv class=\"prp-composition\"\u003e\n \u003cdiv class=\"prp-compo-main\"\u003e\n \u003cdiv class=\"prp-compo-item prp-compo-hero-item\"\u003e\n \u003cdiv class=\"prp-compo-label\"\u003e\n \u003cspan class=\"prp-compo-emoji\"\u003e🐝\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePropolis (teinture mère bio)\u003c\/strong\u003e\n \u003cspan class=\"prp-compo-detail\"\u003eAlcool*, glycérine*, eau, résine de propolis*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cspan class=\"prp-compo-dose\"\u003e52,8 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-compo-item\"\u003e\n \u003cdiv class=\"prp-compo-label\"\u003e\n \u003cspan class=\"prp-compo-emoji\"\u003e🌱\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eMacérat de bourgeons de peuplier bio\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cspan class=\"prp-compo-dose\"\u003e17,0 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-compo-he-title\"\u003e🌿 Huiles essentielles biologiques\u003c\/div\u003e\n \u003cdiv class=\"prp-compo-he-grid\"\u003e\n \u003cdiv class=\"prp-compo-he-item\"\u003e\n \u003cspan\u003eRomarin*\u003c\/span\u003e\n \u003cstrong\u003e1,4 mg\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-compo-he-item\"\u003e\n \u003cspan\u003eRavintsara*\u003c\/span\u003e\n \u003cstrong\u003e1,1 mg\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-compo-he-item\"\u003e\n \u003cspan\u003eOrigan*\u003c\/span\u003e\n \u003cstrong\u003e0,5 mg\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-compo-he-item\"\u003e\n \u003cspan\u003eCannelle*\u003c\/span\u003e\n \u003cstrong\u003e0,4 mg\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-compo-he-item\"\u003e\n \u003cspan\u003eMyrte*\u003c\/span\u003e\n \u003cstrong\u003e0,1 mg\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-compo-he-item\"\u003e\n \u003cspan\u003eGirofle*\u003c\/span\u003e\n \u003cstrong\u003e0,1 mg\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"prp-compo-footnote\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique, certifiés AB par Ecocert.\u003c\/em\u003e\u003cbr\u003eAlcool : 45 % vol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003eComment prendre la Propolis Compositum Bio ?\u003c\/h2\u003e\n \u003cdiv class=\"prp-timeline\"\u003e\n \u003cdiv class=\"prp-timeline-item\"\u003e\n \u003cdiv class=\"prp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e5 gouttes, 2 à 4 fois par jour\u003c\/strong\u003e — sans dépasser \u003cstrong\u003e20 gouttes par jour\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-item\"\u003e\n \u003cdiv class=\"prp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-content\"\u003e\n \u003ch3\u003eMode d'administration\u003c\/h3\u003e\n \u003cp\u003ePures ou déposées sur une cuillère à café de \u003cstrong\u003emiel ou de sirop\u003c\/strong\u003e. \u003cstrong\u003eNe pas diluer dans de l'eau\u003c\/strong\u003e pour préserver l'efficacité de la propolis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-item\"\u003e\n \u003cdiv class=\"prp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003ePrivilégiez des cures de \u003cstrong\u003e10 à 14 jours\u003c\/strong\u003e, renouvelables après une pause, en particulier aux changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-tip\"\u003e\n \u003cspan class=\"prp-tip-icon\"\u003e🍯\u003c\/span\u003e\n \u003cp\u003eAstuce : déposez vos gouttes sur une cuillère de miel de thym pour une synergie encore plus puissante pour la gorge et les voies respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"prp-accordion\"\u003e\n \u003cdetails class=\"prp-accordion-item\"\u003e\n \u003csummary class=\"prp-accordion-header\"\u003e👤 Pour qui est ce produit ?\u003c\/summary\u003e\n \u003cdiv class=\"prp-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'adulte. Ne convient pas aux enfants ni aux adolescents de moins de 18 ans. Déconseillé aux femmes enceintes et allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prp-accordion-item\"\u003e\n \u003csummary class=\"prp-accordion-header\"\u003e⚠️ Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"prp-accordion-content mt-3\"\u003e\n \u003cp\u003eConsultez votre médecin en cas de prise d'anticoagulants ou de traitement en cours. Ne pas prolonger au-delà de 14 jours consécutifs sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prp-accordion-item\"\u003e\n \u003csummary class=\"prp-accordion-header\"\u003e🚫 Allergies et contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"prp-accordion-content mt-3\"\u003e\n \u003cp\u003eLes personnes allergiques aux produits de la ruche doivent éviter ce produit. Ce complément alimentaire \u003cstrong\u003ene se substitue pas à un traitement médical\u003c\/strong\u003e, ni à une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"prp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"prp-cta-box\"\u003e\n \u003cp\u003e🐝 Alphagem, laboratoire belge spécialisé en gemmothérapie, élabore ses produits « de la ruche au flacon » avec un engagement bio rigoureux. Ce Propolis Compositum incarne leur savoir-faire : une formule concentrée, honnête et pensée pour vous accompagner naturellement au fil des saisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"prp-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. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --prp-cream: #faf8f3;\n --prp-white: #ffffff;\n --prp-primary: #2E7D32;\n --prp-primary-dark: #1B5E20;\n --prp-primary-light: #E8F5E9;\n --prp-secondary: #F57C00;\n --prp-secondary-light: #FFF3E0;\n --prp-accent: #5D4037;\n --prp-accent-light: #EFEBE9;\n --prp-text: #1a1a1a;\n --prp-text-light: #5a5a5a;\n --prp-border: #e0e0e0;\n --prp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --prp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --prp-radius: 20px;\n --prp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.prp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--prp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.prp-premium *, .prp-premium *::before, .prp-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.prp-hero {\n position: relative;\n background: linear-gradient(135deg, #1B5E20 0%, #2E7D32 35%, #4CAF50 65%, #F57C00 100%);\n border-radius: var(--prp-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(--prp-shadow-lg);\n}\n\n.prp-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(245,124,0,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.prp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.prp-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,.25);\n}\n\n.prp-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.prp-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.prp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.prp-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(--prp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.prp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.prp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.prp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--prp-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.prp-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(--prp-primary), var(--prp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.prp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--prp-text-light);\n margin-bottom: 1.5rem;\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.prp-highlight-box {\n background: linear-gradient(135deg, var(--prp-primary-light) 0%, var(--prp-secondary-light) 100%);\n border-radius: var(--prp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n border-left: 5px solid var(--prp-secondary);\n}\n\n.prp-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--prp-text);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.prp-card {\n background: var(--prp-white);\n border-radius: var(--prp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--prp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.prp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--prp-shadow-lg);\n border-color: var(--prp-primary);\n}\n\n.prp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--prp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.prp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--prp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.prp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.prp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.prp-grid-compact .prp-card {\n padding: 1rem;\n}\n\n.prp-grid-compact .prp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.prp-grid-compact .prp-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION SECTION === *\/\n.prp-composition {\n background: var(--prp-white);\n border-radius: var(--prp-radius);\n box-shadow: var(--prp-shadow);\n overflow: hidden;\n}\n\n.prp-compo-main {\n padding: 0;\n}\n\n.prp-compo-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--prp-border);\n gap: 1rem;\n}\n\n.prp-compo-hero-item {\n background: var(--prp-primary-light);\n}\n\n.prp-compo-label {\n display: flex;\n align-items: center;\n gap: .75rem;\n flex: 1;\n}\n\n.prp-compo-emoji {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.prp-compo-label strong {\n display: block;\n font-size: 15px;\n color: var(--prp-primary-dark);\n}\n\n.prp-compo-detail {\n display: block;\n font-size: 12px;\n color: var(--prp-text-light);\n margin-top: 2px;\n}\n\n.prp-compo-dose {\n font-size: 16px;\n font-weight: 900;\n color: var(--prp-secondary);\n white-space: nowrap;\n flex-shrink: 0;\n}\n\n.prp-compo-he-title {\n padding: 1rem 1.5rem .5rem;\n font-size: 15px;\n font-weight: 700;\n color: var(--prp-primary-dark);\n}\n\n.prp-compo-he-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0;\n}\n\n.prp-compo-he-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: .75rem .5rem;\n border-top: 1px solid var(--prp-border);\n text-align: center;\n}\n\n.prp-compo-he-item span {\n font-size: 13px;\n color: var(--prp-text-light);\n margin-bottom: 4px;\n}\n\n.prp-compo-he-item strong {\n font-size: 15px;\n font-weight: 800;\n color: var(--prp-accent);\n}\n\n.prp-compo-footnote {\n padding: .75rem 1.5rem 1rem;\n font-size: 12px;\n color: var(--prp-text-light);\n margin: 0;\n line-height: 1.5;\n border-top: 1px solid var(--prp-border);\n}\n\n\/* === TIMELINE === *\/\n.prp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.prp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.prp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--prp-primary), var(--prp-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.prp-timeline-content {\n flex: 1;\n background: var(--prp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--prp-radius-sm);\n box-shadow: var(--prp-shadow);\n}\n\n.prp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--prp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.prp-timeline-content p {\n font-size: 14px;\n color: var(--prp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.prp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--prp-secondary-light);\n border-radius: var(--prp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.prp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.prp-tip p {\n font-size: 14px;\n color: var(--prp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.prp-accordion {\n background: var(--prp-white);\n border-radius: var(--prp-radius);\n box-shadow: var(--prp-shadow);\n overflow: hidden;\n}\n\n.prp-accordion-item {\n border-bottom: 1px solid var(--prp-border);\n margin: 0;\n padding: 0;\n}\n\n.prp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.prp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--prp-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.prp-accordion-header:hover {\n background: var(--prp-primary-light);\n}\n\n.prp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.prp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--prp-primary);\n transition: transform .2s ease;\n}\n\n.prp-accordion-item[open] .prp-accordion-header::after {\n content: '−';\n}\n\n.prp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--prp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.prp-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.prp-cta-box {\n background: linear-gradient(135deg, var(--prp-primary) 0%, var(--prp-primary-dark) 50%, var(--prp-accent) 100%);\n border-radius: var(--prp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.prp-cta-box p {\n color: white;\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.8;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.prp-disclaimer {\n font-size: 12px;\n color: var(--prp-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 .prp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .prp-card {\n padding: 1.125rem;\n }\n\n .prp-section {\n margin-bottom: 1.75rem;\n }\n\n .prp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--prp-radius-sm);\n }\n\n .prp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .prp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .prp-grid-compact {\n gap: .625rem;\n }\n\n .prp-grid-compact .prp-card {\n padding: .75rem;\n }\n\n .prp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .prp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .prp-timeline-content h3 {\n font-size: 14px;\n }\n\n .prp-timeline-content p {\n font-size: 13px;\n }\n\n .prp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .prp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .prp-testimonial {\n padding: 1.25rem;\n }\n\n .prp-testimonial-text {\n font-size: 14px;\n }\n\n \/* Composition mobile *\/\n .prp-compo-item {\n padding: .875rem 1rem;\n flex-direction: column;\n align-items: flex-start;\n gap: .5rem;\n }\n\n .prp-compo-dose {\n font-size: 15px;\n }\n\n .prp-compo-he-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .prp-compo-he-title {\n padding: .875rem 1rem .5rem;\n font-size: 14px;\n }\n\n .prp-compo-footnote {\n padding: .75rem 1rem;\n }\n\n .prp-highlight-box {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .prp-card {\n animation: prpFadeInUp .5s ease backwards;\n }\n .prp-card:nth-child(1) { animation-delay: .05s; }\n .prp-card:nth-child(2) { animation-delay: .1s; }\n .prp-card:nth-child(3) { animation-delay: .15s; }\n .prp-card:nth-child(4) { animation-delay: .2s; }\n .prp-card:nth-child(5) { animation-delay: .25s; }\n .prp-card:nth-child(6) { animation-delay: .3s; }\n\n .prp-timeline-item {\n animation: prpFadeInUp .5s ease backwards;\n }\n .prp-timeline-item:nth-child(1) { animation-delay: .05s; }\n .prp-timeline-item:nth-child(2) { animation-delay: .1s; }\n .prp-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes prpFadeInUp {\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 .prp-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":55686670418297,"sku":"GE0055","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/propolis-compositum-bio-15ml-alphagem-packshothd.webp?v=1791469288"},{"product_id":"vinaigre-de-cidre-au-miel-bio-500-ml-archie","title":"Vinaigre de cidre au miel bio Archie – 500 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vinaigre de cidre au miel bio Archie\nPalette détectée:\n - Primaire: #F5B942 (jaune doré ambré du liquide, évoquant le miel et la chaleur)\n - Secondaire: #E89534 (orange cuivré du vinaigre)\n - Accent: #FFE8B8 (beige crème doux du fond)\n - Complémentaire: #8B6F3E (brun doré pour contraste)\nAmbiance: Naturel bio premium, chaleureux, artisanal français, bien-être quotidien, douceur du miel\nStyle suggéré: Organique et chaleureux avec touches premium, valorisant l'authenticité française et le côté \"living food\"\nPréfixe CSS: arc\n--\u003e\n\u003cdiv class=\"arc-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"arc-hero\"\u003e\n\u003cdiv class=\"arc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arc-hero-content\"\u003e\n\u003cdiv class=\"arc-badges-top\"\u003e\n\u003cspan class=\"arc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"arc-badge\"\u003e🌿 100% bio\u003c\/span\u003e \u003cspan class=\"arc-badge\"\u003e🍯 Avec miel bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"arc-hero-title\"\u003eVinaigre de cidre au miel bio\u003c\/span\u003e\n\u003cp class=\"arc-subtitle\"\u003eLa cure bien-être gourmande qui allie vitalité et douceur\u003c\/p\u003e\n\u003cp class=\"arc-description\"\u003eUne alliance unique entre le vinaigre de cidre brut, non filtré et la douceur naturelle du miel bio. Élaboré en France avec soin, ce nectar doré transforme votre rituel bien-être en moment de plaisir quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- POURQUOI ARCHIE --\u003e\n\u003csection class=\"arc-section\"\u003e\n\u003ch2\u003ePourquoi choisir Archie ?\u003c\/h2\u003e\n\u003cdiv class=\"arc-grid\"\u003e\n\u003cdiv class=\"arc-card\"\u003e\n\u003ch3\u003e🇫🇷 100% bio \u0026amp; français\u003c\/h3\u003e\n\u003cp\u003eÉlaboré en France avec des ingrédients bio certifiés, pour une qualité premium et une traçabilité totale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-card\"\u003e\n\u003ch3\u003e🍯 Goût doux et équilibré\u003c\/h3\u003e\n\u003cp\u003eLe miel bio adoucit naturellement l'acidité du vinaigre, rendant chaque gorgée agréable et savoureuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-card\"\u003e\n\u003ch3\u003e🌾 Produit brut et vivant\u003c\/h3\u003e\n\u003cp\u003eNon filtré, non pasteurisé, contient la précieuse \"mère\" de vinaigre, gage d'authenticité et de bienfaits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-card\"\u003e\n\u003ch3\u003e♻️ Engagement écologique\u003c\/h3\u003e\n\u003cp\u003eBouteille en verre recyclable au design élégant, pour consommer responsable sans compromis sur l'esthétique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"arc-section\"\u003e\n\u003ch2\u003eLes atouts bien-être du vinaigre de cidre au miel\u003c\/h2\u003e\n\u003cdiv class=\"arc-benefits-grid\"\u003e\n\u003cdiv class=\"arc-benefit-card\"\u003e\n\u003cdiv class=\"arc-benefit-icon\"\u003e💚\u003c\/div\u003e\n\u003ch3\u003eBien-être digestif\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement utilisé pour soutenir une digestion harmonieuse après les repas, il accompagne votre confort intestinal au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-benefit-card\"\u003e\n\u003cdiv class=\"arc-benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eCoup de boost matinal\u003c\/h3\u003e\n\u003cp\u003eDémarrez la journée du bon pied avec ce rituel vivifiant qui réveille le corps en douceur et apporte une sensation de légèreté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-benefit-card\"\u003e\n\u003cdiv class=\"arc-benefit-icon\"\u003e🔄\u003c\/div\u003e\n\u003ch3\u003ePolyvalence d'usage\u003c\/h3\u003e\n\u003cp\u003eÀ savourer en boisson bien-être le matin ou après les repas, ou à intégrer dans vos préparations culinaires pour sublimer vos plats.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-benefit-card\"\u003e\n\u003cdiv class=\"arc-benefit-icon\"\u003e😌\u003c\/div\u003e\n\u003ch3\u003eDouceur gustative\u003c\/h3\u003e\n\u003cp\u003eL'acidité caractéristique du vinaigre est harmonieusement adoucie par le miel, rendant la cure agréable même pour les palais sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-benefit-card\"\u003e\n\u003cdiv class=\"arc-benefit-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eÉquilibre naturel\u003c\/h3\u003e\n\u003cp\u003eUn produit brut et authentique qui respecte les processus naturels, sans additifs ni transformations agressives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-benefit-card\"\u003e\n\u003cdiv class=\"arc-benefit-icon\"\u003e🍃\u003c\/div\u003e\n\u003ch3\u003eMicrobiote ami\u003c\/h3\u003e\n\u003cp\u003eGrâce à sa richesse naturelle et sa \"mère\" de vinaigre, il participe à l'équilibre de votre flore intestinale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"arc-section\"\u003e\n\u003ch2\u003eUne composition pure et naturelle\u003c\/h2\u003e\n\u003cp class=\"arc-intro-text\"\u003eUne recette simple, sans artifices ni additifs, pour un produit authentique qui révèle toute la richesse de ses ingrédients bio.\u003c\/p\u003e\n\u003cdiv class=\"arc-ingredients\"\u003e\n\u003cdiv class=\"arc-ingredient\"\u003e\n\u003ch3\u003e🍎 Vinaigre de cidre bio\u003c\/h3\u003e\n\u003cp\u003eNon filtré, non pasteurisé, fabriqué en France. Contient naturellement la \"mère\" de vinaigre, symbole de qualité et d'authenticité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-ingredient\"\u003e\n\u003ch3\u003e🍯 Miel bio\u003c\/h3\u003e\n\u003cp\u003eSélectionné pour sa douceur et sa qualité, il apporte une rondeur naturelle qui sublime le vinaigre sans masquer ses bienfaits.\u003cstrong\u003eProduit brut et vivant\u003c\/strong\u003e – Contient naturellement la \"mère\" de vinaigre, témoignage d'un processus de fermentation traditionnel et respectueux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"arc-section\"\u003e\n\u003ch2\u003eComment consommer votre vinaigre de cidre au miel ?\u003c\/h2\u003e\n\u003cdiv class=\"arc-usage-grid\"\u003e\n\u003cdiv class=\"arc-usage-card\"\u003e\n\u003cdiv class=\"arc-usage-number\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eEn boisson bien-être\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e1 à 2 cuillères à soupe\u003c\/strong\u003e dans un grand verre d'eau tiède ou froide. À consommer de préférence le matin à jeun ou après un repas copieux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-usage-card\"\u003e\n\u003cdiv class=\"arc-usage-number\"\u003e2\u003c\/div\u003e\n\u003ch3\u003eEn cure quotidienne\u003c\/h3\u003e\n\u003cp\u003ePour une cure optimale, prenez \u003cstrong\u003e20 ml par jour\u003c\/strong\u003e pendant 2 à 3 semaines. Une bouteille de 500 ml offre environ \u003cstrong\u003e25 jours de cure\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-usage-card\"\u003e\n\u003cdiv class=\"arc-usage-number\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eEn cuisine gourmande\u003c\/h3\u003e\n\u003cp\u003eSublimez vos salades composées, déglacer vos légumes poêlés ou adoucissez vos marinades. Son goût doux se marie à merveille avec de nombreuses préparations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPARATIF --\u003e\n\u003csection class=\"arc-section\"\u003e\n\u003ch2\u003eVinaigre au miel vs vinaigre de cidre classique\u003c\/h2\u003e\n\u003cdiv class=\"arc-comparison\"\u003e\n\u003cdiv class=\"arc-comparison-table\"\u003e\n\u003cdiv class=\"arc-comparison-row arc-comparison-header\"\u003e\n\u003cdiv class=\"arc-comparison-cell\"\u003eProduit\u003c\/div\u003e\n\u003cdiv class=\"arc-comparison-cell\"\u003eGoût\u003c\/div\u003e\n\u003cdiv class=\"arc-comparison-cell\"\u003eIdéal pour\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-comparison-row\"\u003e\n\u003cdiv class=\"arc-comparison-cell\"\u003e\u003cstrong\u003eVinaigre de cidre classique\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"arc-comparison-cell\"\u003eAcidulé et prononcé\u003c\/div\u003e\n\u003cdiv class=\"arc-comparison-cell\"\u003eCuisine, assaisonnements forts\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-comparison-row arc-comparison-highlight\"\u003e\n\u003cdiv class=\"arc-comparison-cell\"\u003e\n\u003cstrong\u003eVinaigre au miel Archie\u003c\/strong\u003e ⭐\u003c\/div\u003e\n\u003cdiv class=\"arc-comparison-cell\"\u003eDoux, rond et équilibré\u003c\/div\u003e\n\u003cdiv class=\"arc-comparison-cell\"\u003eCure bien-être quotidienne \u0026amp; boisson plaisir\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- IDÉES D'UTILISATION --\u003e\n\u003csection class=\"arc-section\"\u003e\n\u003ch2\u003eIdées d'utilisation au quotidien\u003cspan class=\"arc-idea-emoji\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"arc-ideas-grid\"\u003e\n\u003cdiv class=\"arc-idea-card\"\u003e\n\u003cp\u003e\u003cstrong\u003e🌅 Rituel matinal\u003c\/strong\u003e\u003cbr\u003e1 c. à s. dans de l'eau tiède pour bien commencer la journée\u003cspan class=\"arc-idea-emoji\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-idea-card\"\u003e\n\u003cp\u003e\u003cstrong\u003e🥗 Vinaigrette santé\u003c\/strong\u003e\u003cbr\u003eAssociez-le à une huile de colza ou de noix pour une salade vitaminée\u003cspan class=\"arc-idea-emoji\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-idea-card\"\u003e\n\u003cp\u003e\u003cstrong\u003e🍋 Boisson détox\u003c\/strong\u003e\u003cbr\u003eDans une eau citron-gingembre pour un effet purifiant\u003cspan class=\"arc-idea-emoji\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-idea-card\"\u003e\n\u003cp\u003e\u003cstrong\u003e🍴 Après le repas\u003c\/strong\u003e\u003cbr\u003ePour faciliter la digestion et apporter une touche de légèreté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CHIFFRES CLÉS --\u003e\n\u003csection class=\"arc-section\"\u003e\n\u003ch2\u003eEn chiffres\u003c\/h2\u003e\n\u003cdiv class=\"arc-stats-grid\"\u003e\n\u003cdiv class=\"arc-stat\"\u003e\n\u003cdiv class=\"arc-stat-number\"\u003e500 ml\u003c\/div\u003e\n\u003cdiv class=\"arc-stat-label\"\u003eFormat généreux\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-stat\"\u003e\n\u003cdiv class=\"arc-stat-number\"\u003e25 jours\u003c\/div\u003e\n\u003cdiv class=\"arc-stat-label\"\u003eDurée de cure moyenne\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-stat\"\u003e\n\u003cdiv class=\"arc-stat-number\"\u003e100%\u003c\/div\u003e\n\u003cdiv class=\"arc-stat-label\"\u003eBio \u0026amp; français\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-stat\"\u003e\n\u003cdiv class=\"arc-stat-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"arc-stat-label\"\u003eIngrédients seulement\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"arc-section\"\u003e\n\u003cdiv class=\"arc-warning-box\"\u003e\n\u003cdiv class=\"arc-warning-content\"\u003e\n\u003ch3\u003e⚠️ Précautions d'emploi\u003c\/h3\u003e\n\u003cp\u003eCe vinaigre de cidre au miel est un produit naturel et alimentaire. Il ne remplace pas une alimentation équilibrée ni un traitement médical. Déconseillé aux personnes allergiques aux produits de la ruche. Tenir hors de portée des jeunes enfants. Toujours diluer avant consommation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"arc-section\"\u003e\n\u003cdiv class=\"arc-cta-box\"\u003e\n\u003cdiv class=\"arc-cta-content\"\u003e\n\u003cspan class=\"arc-cta-emoji\"\u003e\u003c\/span\u003e\n\u003cp\u003e🍯 Transformez votre routine bien-être avec Archie, le vinaigre de cidre au miel qui allie efficacité et plaisir. Une cure douce et gourmande, 100% naturelle, pour prendre soin de vous 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\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --arc-cream: #FFF8ED;\n --arc-white: #ffffff;\n --arc-primary: #F5B942;\n --arc-primary-dark: #E89534;\n --arc-primary-light: #FFF4E0;\n --arc-secondary: #FFD67F;\n --arc-accent: #8B6F3E;\n --arc-honey: #D4A855;\n\n \/* Textes *\/\n --arc-text: #1a1a1a;\n --arc-text-light: #5a5a5a;\n\n \/* Effets *\/\n --arc-border: #F0E6D2;\n --arc-shadow: 0 4px 24px rgba(245, 185, 66, 0.12);\n --arc-shadow-lg: 0 12px 48px rgba(245, 185, 66, 0.2);\n --arc-radius: 20px;\n --arc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.arc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--arc-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.arc-hero {\n position: relative;\n background: linear-gradient(135deg, #F5B942 0%, #FFD67F 50%, #E89534 100%);\n border-radius: var(--arc-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(--arc-shadow-lg);\n}\n\n.arc-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px),\n radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.15) 0%, transparent 50%);\n}\n\n.arc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.arc-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.arc-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(--arc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.arc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.arc-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(139, 111, 62, .3);\n}\n\n.arc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.arc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 1px 8px rgba(0,0,0,.08);\n}\n\n\/* === SECTIONS === *\/\n.arc-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.arc-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--arc-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.arc-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(--arc-primary), var(--arc-honey));\n border-radius: 2px;\n}\n\n.arc-intro-text {\n text-align: center;\n font-size: clamp(16px, 2.3vw, 19px);\n color: var(--arc-text-light);\n max-width: 700px;\n margin: 0 auto 2.5rem;\n line-height: 1.7;\n}\n\n\/* === GRILLE CARDS === *\/\n.arc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.arc-card {\n background: var(--arc-white);\n border-radius: var(--arc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--arc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.arc-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--arc-shadow-lg);\n border-color: var(--arc-primary);\n}\n\n.arc-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.arc-card h3 {\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--arc-text);\n margin: 0 0 0.8rem 0;\n}\n\n.arc-card p {\n font-size: 15px;\n color: var(--arc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BENEFITS GRID === *\/\n.arc-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.arc-benefit-card {\n background: linear-gradient(135deg, var(--arc-white) 0%, var(--arc-primary-light) 100%);\n border-radius: var(--arc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--arc-shadow);\n border-left: 4px solid var(--arc-primary);\n transition: all .3s ease;\n}\n\n.arc-benefit-card:hover {\n transform: translateX(8px);\n box-shadow: var(--arc-shadow-lg);\n}\n\n.arc-benefit-icon {\n font-size: 40px;\n margin-bottom: 0.8rem;\n line-height: 1;\n}\n\n.arc-benefit-card h3 {\n font-size: clamp(17px, 2.3vw, 20px);\n font-weight: 800;\n color: var(--arc-accent);\n margin: 0 0 0.6rem 0;\n}\n\n.arc-benefit-card p {\n font-size: 15px;\n color: var(--arc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENTS === *\/\n.arc-ingredients {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n}\n\n.arc-ingredient {\n background: var(--arc-white);\n border-radius: var(--arc-radius);\n padding: clamp(1.8rem, 3.5vw, 2.5rem);\n box-shadow: var(--arc-shadow);\n text-align: center;\n border: 2px solid var(--arc-border);\n transition: all .3s ease;\n}\n\n.arc-ingredient:hover {\n transform: scale(1.03);\n border-color: var(--arc-primary);\n}\n\n.arc-ingredient-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.arc-ingredient h3 {\n font-size: clamp(19px, 2.7vw, 23px);\n font-weight: 800;\n color: var(--arc-text);\n margin: 0 0 0.8rem 0;\n}\n\n.arc-ingredient p {\n font-size: 15px;\n color: var(--arc-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.arc-living-badge {\n background: linear-gradient(135deg, var(--arc-primary-light) 0%, var(--arc-secondary) 100%);\n border-radius: var(--arc-radius-sm);\n padding: clamp(1.2rem, 2.5vw, 1.8rem);\n display: flex;\n align-items: center;\n gap: 1rem;\n box-shadow: var(--arc-shadow);\n}\n\n.arc-living-icon {\n font-size: 32px;\n line-height: 1;\n flex-shrink: 0;\n}\n\n.arc-living-badge p {\n margin: 0;\n font-size: 15px;\n color: var(--arc-text);\n line-height: 1.6;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.arc-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.arc-usage-card {\n background: var(--arc-white);\n border-radius: var(--arc-radius);\n padding: clamp(1.8rem, 3.5vw, 2.5rem);\n box-shadow: var(--arc-shadow);\n position: relative;\n border: 2px solid var(--arc-border);\n transition: all .3s ease;\n}\n\n.arc-usage-card:hover {\n transform: translateY(-6px);\n border-color: var(--arc-primary);\n}\n\n.arc-usage-number {\n position: absolute;\n top: -15px;\n left: 20px;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--arc-primary) 0%, var(--arc-honey) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 16px rgba(245, 185, 66, 0.4);\n}\n\n.arc-usage-card h3 {\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--arc-text);\n margin: 0 0 0.8rem 0;\n}\n\n.arc-usage-card p {\n font-size: 15px;\n color: var(--arc-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === COMPARATIF === *\/\n.arc-comparison {\n background: var(--arc-white);\n border-radius: var(--arc-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--arc-shadow);\n overflow-x: auto;\n}\n\n.arc-comparison-table {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0;\n min-width: 100%;\n}\n\n.arc-comparison-row {\n display: grid;\n grid-template-columns: 1.5fr 1fr 1.5fr;\n gap: 1rem;\n padding: 1rem;\n border-bottom: 1px solid var(--arc-border);\n}\n\n.arc-comparison-header {\n background: linear-gradient(135deg, var(--arc-primary-light) 0%, var(--arc-secondary) 100%);\n border-radius: var(--arc-radius-sm) var(--arc-radius-sm) 0 0;\n border-bottom: 2px solid var(--arc-primary);\n font-weight: 800;\n color: var(--arc-text);\n}\n\n.arc-comparison-highlight {\n background: linear-gradient(135deg, var(--arc-primary-light) 0%, rgba(255,255,255,.8) 100%);\n border-left: 4px solid var(--arc-primary);\n font-weight: 600;\n}\n\n.arc-comparison-cell {\n font-size: 15px;\n color: var(--arc-text);\n line-height: 1.5;\n}\n\n@media (max-width: 767px) {\n .arc-comparison-row {\n grid-template-columns: 1fr;\n gap: 0.5rem;\n }\n \n .arc-comparison-cell:before {\n content: attr(data-label);\n font-weight: 700;\n display: block;\n margin-bottom: 0.3rem;\n color: var(--arc-primary-dark);\n }\n}\n\n\/* === IDÉES === *\/\n.arc-ideas-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.arc-idea-card {\n background: var(--arc-white);\n border-radius: var(--arc-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--arc-shadow);\n border: 2px solid var(--arc-border);\n transition: all .3s ease;\n}\n\n.arc-idea-card:hover {\n transform: scale(1.05);\n border-color: var(--arc-primary);\n}\n\n.arc-idea-emoji {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.arc-idea-card p {\n font-size: 14px;\n color: var(--arc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === STATS === *\/\n.arc-stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.arc-stat {\n background: linear-gradient(135deg, var(--arc-primary) 0%, var(--arc-honey) 100%);\n border-radius: var(--arc-radius);\n padding: clamp(2rem, 4vw, 3rem) 1.5rem;\n text-align: center;\n box-shadow: var(--arc-shadow-lg);\n transition: all .3s ease;\n}\n\n.arc-stat:hover {\n transform: translateY(-8px) scale(1.03);\n}\n\n.arc-stat-number {\n font-size: clamp(40px, 7vw, 56px);\n font-weight: 900;\n color: white;\n margin-bottom: 0.5rem;\n letter-spacing: -.02em;\n text-shadow: 0 4px 16px rgba(0,0,0,.2);\n}\n\n.arc-stat-label {\n font-size: 15px;\n font-weight: 700;\n color: rgba(255,255,255,.95);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === WARNING BOX === *\/\n.arc-warning-box {\n background: linear-gradient(135deg, #FFF4E0 0%, #FFE8CC 100%);\n border-left: 4px solid #E89534;\n border-radius: var(--arc-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n box-shadow: var(--arc-shadow);\n}\n\n.arc-warning-icon {\n font-size: 36px;\n line-height: 1;\n flex-shrink: 0;\n}\n\n.arc-warning-content h3 {\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--arc-accent);\n margin: 0 0 0.8rem 0;\n}\n\n.arc-warning-content p {\n font-size: 14px;\n color: var(--arc-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === CTA FINAL === *\/\n.arc-cta-box {\n background: linear-gradient(135deg, var(--arc-primary) 0%, var(--arc-primary-dark) 100%);\n border-radius: var(--arc-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--arc-shadow-lg);\n}\n\n.arc-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 50%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.arc-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.arc-cta-emoji {\n font-size: 64px;\n display: block;\n margin-bottom: 1.5rem;\n line-height: 1;\n animation: float 3s ease-in-out infinite;\n}\n\n.arc-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n max-width: 800px;\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 .arc-card,\n .arc-benefit-card,\n .arc-usage-card,\n .arc-idea-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .arc-card:nth-child(1),\n .arc-benefit-card:nth-child(1),\n .arc-usage-card:nth-child(1),\n .arc-idea-card:nth-child(1) { animation-delay: .1s; }\n \n .arc-card:nth-child(2),\n .arc-benefit-card:nth-child(2),\n .arc-usage-card:nth-child(2),\n .arc-idea-card:nth-child(2) { animation-delay: .2s; }\n \n .arc-card:nth-child(3),\n .arc-benefit-card:nth-child(3),\n .arc-usage-card:nth-child(3),\n .arc-idea-card:nth-child(3) { animation-delay: .3s; }\n \n .arc-card:nth-child(4),\n .arc-benefit-card:nth-child(4),\n .arc-usage-card:nth-child(4),\n .arc-idea-card:nth-child(4) { animation-delay: .4s; }\n \n .arc-card:nth-child(5),\n .arc-benefit-card:nth-child(5) { animation-delay: .5s; }\n \n .arc-card:nth-child(6),\n .arc-benefit-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .arc-grid,\n .arc-benefits-grid,\n .arc-usage-grid,\n .arc-ideas-grid,\n .arc-stats-grid,\n .arc-ingredients {\n grid-template-columns: 1fr;\n }\n \n .arc-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .arc-living-badge {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .arc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .arc-premium {\n --arc-shadow: 0 4px 24px rgba(0,0,0,.25);\n --arc-shadow-lg: 0 12px 48px rgba(0,0,0,.35);\n }\n \n .arc-card,\n .arc-benefit-card,\n .arc-usage-card,\n .arc-ingredient {\n border-width: 3px;\n }\n}\n\n\/* === TYPOGRAPHIE === *\/\n.arc-premium strong {\n font-weight: 700;\n color: var(--arc-accent);\n}\n\u003c\/style\u003e","brand":"Archie","offers":[{"title":"Default Title","offer_id":55715266593145,"sku":"NBAIARC0006","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vinaigre-de-cidre-au-miel-bio-500ml-archie-4-min.jpg?v=1756539444"},{"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":"pastilles-a-la-propolis-acerola-et-echinacea-aagaard","title":"Pastilles à la Propolis, Acerola et Echinacéa - 20 comprimés - Aagaard","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Pastilles à la Propolis, Acerola et Echinacéa - Aagaard\nPalette détectée:\n - Primaire: #8B9B4A (vert olive\/sauge du packaging)\n - Secondaire: #C4A962 (doré miel de l'illustration apiculteur)\n - Accent: #5A6B2A (vert foncé pour contraste)\n - Fond clair: #F8F6F1 (crème naturel)\nAmbiance: Naturel\/Bio, apiculture traditionnelle, savoir-faire français, authenticité, bien-être naturel\nPréfixe CSS: aag\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi l'adopter ?\"\n 2. \"Nos garanties qualité\"\n 3. \"Ingrédients \u0026 composition\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"aag-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"aag-hero\"\u003e\n \u003cdiv class=\"aag-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aag-hero-content\"\u003e\n \u003cdiv class=\"aag-badges-top\"\u003e\n \u003cspan class=\"aag-badge\"\u003e🐝 Propolis Aagaard\u003c\/span\u003e\n \u003cspan class=\"aag-badge\"\u003e🍊 100% VNR Vitamine C\u003c\/span\u003e\n \u003cspan class=\"aag-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"aag-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"aag-hero-title\"\u003ePastilles Propolis, Acérola 500 \u0026amp; Échinacée\u003c\/span\u003e\n \u003cp class=\"aag-subtitle\"\u003eLe trio gagnant pour votre vitalité\u003c\/p\u003e\n \u003cp class=\"aag-description\"\u003eL'association \u003cstrong\u003eAcérola\u003c\/strong\u003e (source de vitamine C), \u003cstrong\u003ePropolis\u003c\/strong\u003e et \u003cstrong\u003eÉchinacée\u003c\/strong\u003e accompagne votre \u003cstrong\u003evitalité\u003c\/strong\u003e et vos \u003cstrong\u003edéfenses\u003c\/strong\u003e, notamment lors des périodes froides ou de fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 : Pourquoi l'adopter ? --\u003e\n \u003csection class=\"aag-section\"\u003e\n \u003ch2\u003ePourquoi les adopter ?\u003c\/h2\u003e\n \u003cdiv class=\"aag-grid\"\u003e\n \u003cdiv class=\"aag-card\"\u003e\n \u003ch3\u003e🍊 Vitamine C (100% VNR)\u003c\/h3\u003e\n \u003cp\u003eContribue au fonctionnement normal du système immunitaire et à la réduction de la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aag-card\"\u003e\n \u003ch3\u003e🌸 Échinacée concentrée\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour soutenir l'organisme pendant les périodes froides et les changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aag-card\"\u003e\n \u003ch3\u003e🐝 Propolis Aagaard\u003c\/h3\u003e\n \u003cp\u003eConcentrée et purifiée, issue d'un savoir-faire apicole reconnu depuis 1967.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aag-card\"\u003e\n \u003ch3\u003e✨ 1 comprimé par jour\u003c\/h3\u003e\n \u003cp\u003eFormat pratique pour un geste simple, le matin avec un verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aag-tip\"\u003e\n \u003cspan class=\"aag-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCe complément ne remplace pas une alimentation variée, un mode de vie sain ou un traitement médical. Demandez conseil à un professionnel de santé en cas de besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Nos garanties qualité --\u003e\n \u003csection class=\"aag-section\"\u003e\n \u003ch2\u003eNos garanties qualité\u003c\/h2\u003e\n \u003cdiv class=\"aag-grid-compact\"\u003e\n \u003cdiv class=\"aag-card\"\u003e\n \u003ch3\u003e🏆 Matières premières\u003c\/h3\u003e\n \u003cp\u003eSélection rigoureuse de haute qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aag-card\"\u003e\n \u003ch3\u003e⚗️ Extraction maîtrisée\u003c\/h3\u003e\n \u003cp\u003eActifs concentrés et stables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aag-card\"\u003e\n \u003ch3\u003e📋 Traçabilité\u003c\/h3\u003e\n \u003cp\u003eContrôles rigoureux à chaque étape\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aag-card\"\u003e\n \u003ch3\u003e💊 Dosage optimal\u003c\/h3\u003e\n \u003cp\u003eIngrédients parfaitement dosés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"aag-testimonial\"\u003e\n \u003cp class=\"aag-testimonial-label\"\u003eLa signature Aagaard\u003c\/p\u003e\n \u003cp class=\"aag-testimonial-text\"\u003e\"Récoltée par les abeilles sur les bourgeons, la \u003cstrong\u003epropolis\u003c\/strong\u003e protège naturellement la ruche. Le biologiste-apiculteur \u003cstrong\u003eK. Lund Aagaard\u003c\/strong\u003e a développé des procédés d'extraction spécifiques permettant d'obtenir une \u003cstrong\u003epropolis de grande pureté\u003c\/strong\u003e aux principes actifs concentrés.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Ingrédients \u0026 composition --\u003e\n \u003csection class=\"aag-section\"\u003e\n \u003ch2\u003eIngrédients \u0026amp; composition\u003c\/h2\u003e\n \n \u003cdiv class=\"aag-composition-box\"\u003e\n \u003cp class=\"aag-composition-title\"\u003e🌿 Ingrédients issus de l'Agriculture Biologique\u003c\/p\u003e\n \u003cp class=\"aag-composition-list\"\u003eSucre de canne complet* • Extrait d'acérola (Malpighia glabra)* • Extrait d'échinacée (Echinacea purpurea)* • Stabilisant : gomme arabique* • Arôme naturel de citron* • Poudre de propolis* • Anti-agglomérant : carbonate de magnésium*\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"aag-section-intro\"\u003e\u003cstrong\u003eDosage précis par comprimé\u003c\/strong\u003e (dose journalière recommandée)\u003c\/p\u003e\n \n \u003cdiv class=\"aag-grid\"\u003e\n \u003cdiv class=\"aag-card aag-card-dosage\"\u003e\n \u003ch3\u003e🍒 Extrait d'acérola\u003c\/h3\u003e\n \u003cp class=\"aag-dosage-value\"\u003e517 mg\u003c\/p\u003e\n \u003cp\u003edont \u003cstrong\u003eVitamine C : 80 mg\u003c\/strong\u003e\u003cbr\u003e\u003cspan class=\"aag-highlight\"\u003e100% VNR\u003c\/span\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aag-card aag-card-dosage\"\u003e\n \u003ch3\u003e🌸 Extrait d'échinacée\u003c\/h3\u003e\n \u003cp class=\"aag-dosage-value\"\u003e375 mg\u003c\/p\u003e\n \u003cp\u003eÉquivalent plante :\u003cbr\u003e\u003cstrong\u003e1500 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aag-card aag-card-dosage\"\u003e\n \u003ch3\u003e🐝 Extrait de propolis\u003c\/h3\u003e\n \u003cp class=\"aag-dosage-value\"\u003e50 mg\u003c\/p\u003e\n \u003cp\u003edont \u003cstrong\u003ePropolis pure : 9 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"aag-accordion\"\u003e\n \u003cdetails class=\"aag-accordion-item\"\u003e\n \u003csummary class=\"aag-accordion-header\"\u003e💊 Conseils d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"aag-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003ePosologie :\u003c\/strong\u003e 1 comprimé par jour, de préférence \u003cstrong\u003ele matin\u003c\/strong\u003e avec un verre d'eau.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e En période de transition saisonnière, une \u003cstrong\u003ecure de 30 jours\u003c\/strong\u003e peut être envisagée pour un soutien optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aag-accordion-item\"\u003e\n \u003csummary class=\"aag-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"aag-accordion-content\"\u003e\n \u003cp\u003e• Déconseillé aux personnes \u003cstrong\u003eallergiques aux produits de la ruche\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003e• Ne pas dépasser la dose journalière indiquée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003cp\u003e• Les compléments alimentaires s'utilisent dans le cadre d'une \u003cstrong\u003ealimentation variée et équilibrée\u003c\/strong\u003e et d'un mode de vie sain.\u003c\/p\u003e\n \u003cp\u003e• Femmes enceintes\/allaitantes : demander l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aag-accordion-item\"\u003e\n \u003csummary class=\"aag-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"aag-accordion-content\"\u003e\n \u003cp\u003eConserver au sec et au frais, à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"aag-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"aag-cta-box\"\u003e\n \u003cp\u003e🐝 Depuis 1967, Aagaard perpétue un savoir-faire unique\u003cbr\u003epour vous offrir le meilleur de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"aag-disclaimer\"\u003eComplément alimentaire • 20 comprimés sécables à croquer\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --aag-cream: #F8F6F1;\n --aag-white: #ffffff;\n --aag-primary: #8B9B4A;\n --aag-primary-dark: #5A6B2A;\n --aag-primary-light: #E8EDD8;\n --aag-secondary: #C4A962;\n --aag-accent: #D4A853;\n --aag-text: #1a1a1a;\n --aag-text-light: #5a5a5a;\n --aag-border: #e0e0e0;\n --aag-shadow: 0 4px 24px rgba(0,0,0,.08);\n --aag-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --aag-radius: 20px;\n --aag-radius-sm: 12px;\n}\n\n.aag-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--aag-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.aag-hero {\n position: relative;\n background: linear-gradient(135deg, #8B9B4A 0%, #6B7B3A 50%, #5A6B2A 100%);\n border-radius: var(--aag-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(--aag-shadow-lg);\n}\n\n.aag-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.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.aag-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.aag-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.aag-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(--aag-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.aag-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.aag-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.aag-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.aag-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.aag-description strong {\n color: white;\n}\n\n\/* === SECTIONS === *\/\n.aag-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.aag-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--aag-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.aag-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(--aag-primary), var(--aag-secondary));\n border-radius: 2px;\n}\n\n.aag-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--aag-text);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === GRILLES === *\/\n.aag-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.aag-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.aag-card {\n background: var(--aag-white);\n border-radius: var(--aag-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--aag-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.aag-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--aag-shadow-lg);\n border-color: var(--aag-primary);\n}\n\n.aag-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--aag-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.aag-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--aag-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.aag-grid-compact .aag-card {\n padding: 1rem;\n}\n\n.aag-grid-compact .aag-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.aag-grid-compact .aag-card p {\n font-size: 12px;\n}\n\n\/* === CARD DOSAGE === *\/\n.aag-card-dosage {\n position: relative;\n overflow: hidden;\n}\n\n.aag-card-dosage::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--aag-primary), var(--aag-secondary));\n}\n\n.aag-dosage-value {\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: var(--aag-primary);\n margin: .5rem 0;\n}\n\n.aag-highlight {\n display: inline-block;\n background: var(--aag-primary-light);\n color: var(--aag-primary-dark);\n padding: 2px 10px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n margin-top: .25rem;\n}\n\n\/* === COMPOSITION BOX === *\/\n.aag-composition-box {\n background: var(--aag-white);\n border-radius: var(--aag-radius);\n padding: 1.5rem;\n box-shadow: var(--aag-shadow);\n margin-bottom: 1.5rem;\n border-left: 4px solid var(--aag-primary);\n}\n\n.aag-composition-title {\n font-size: 16px;\n font-weight: 700;\n color: var(--aag-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.aag-composition-list {\n font-size: 14px;\n color: var(--aag-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === TIP BOX === *\/\n.aag-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--aag-primary-light);\n border-radius: var(--aag-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.aag-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.aag-tip p {\n font-size: 14px;\n color: var(--aag-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.aag-testimonial {\n background: var(--aag-white);\n border-radius: var(--aag-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--aag-shadow);\n border-left: 4px solid var(--aag-secondary);\n margin-top: 1.5rem;\n}\n\n.aag-testimonial-label {\n font-size: 14px;\n font-weight: 700;\n color: var(--aag-secondary);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin: 0 0 .75rem 0;\n}\n\n.aag-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--aag-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.aag-testimonial-text strong {\n color: var(--aag-primary-dark);\n font-style: normal;\n}\n\n\/* === ACCORDÉON === *\/\n.aag-accordion {\n background: var(--aag-white);\n border-radius: var(--aag-radius);\n box-shadow: var(--aag-shadow);\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.aag-accordion-item {\n border-bottom: 1px solid var(--aag-border);\n margin: 0;\n padding: 0;\n}\n\n.aag-accordion-item:last-child {\n border-bottom: none;\n}\n\n.aag-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--aag-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.aag-accordion-header:hover {\n background: var(--aag-primary-light);\n}\n\n.aag-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.aag-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--aag-primary);\n transition: transform .2s ease;\n}\n\n.aag-accordion-item[open] .aag-accordion-header::after {\n content: '−';\n}\n\n.aag-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--aag-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.aag-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.aag-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.aag-cta-box {\n background: linear-gradient(135deg, var(--aag-primary) 0%, var(--aag-primary-dark) 100%);\n border-radius: var(--aag-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.aag-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}\n\n.aag-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.aag-disclaimer {\n font-size: 12px;\n color: var(--aag-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 .aag-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .aag-card {\n padding: 1.125rem;\n }\n \n .aag-section {\n margin-bottom: 1.75rem;\n }\n \n .aag-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--aag-radius-sm);\n }\n \n .aag-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .aag-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .aag-grid-compact {\n gap: .625rem;\n }\n \n .aag-grid-compact .aag-card {\n padding: .75rem;\n }\n \n .aag-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .aag-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .aag-testimonial {\n padding: 1.25rem;\n }\n \n .aag-testimonial-text {\n font-size: 14px;\n }\n \n .aag-composition-box {\n padding: 1.125rem;\n }\n \n .aag-dosage-value {\n font-size: 24px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .aag-card {\n animation: fadeInUp .5s ease backwards;\n }\n .aag-card:nth-child(1) { animation-delay: .05s; }\n .aag-card:nth-child(2) { animation-delay: .1s; }\n .aag-card:nth-child(3) { animation-delay: .15s; }\n .aag-card:nth-child(4) { animation-delay: .2s; }\n .aag-card:nth-child(5) { animation-delay: .25s; }\n .aag-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 .aag-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":55839723618681,"sku":"NBAIAAG0026","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/pastilles-acerola-propolis-echinacea-aagaard.webp?v=1769761956"},{"product_id":"propolis-echinacea-550-mg-30-comprimes-aagaard","title":"Propolis Échinacéa 550 mg – 30 comprimés - Aagaard","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Propolis Échinacéa 550 mg – 30 comprimés - Aagaard\nPalette détectée:\n - Primaire: #8B7355 (beige\/brun chaleureux du couvercle bois)\n - Secondaire: #D4A574 (doré miel, évoque la propolis)\n - Accent: #5A8F4A (vert bio du label certifié)\n - Cream: #F5F1EB (blanc cassé chaud du packaging)\nAmbiance: Naturel\/bio, tradition apicole, savoir-faire artisanal depuis 1967, authenticité\nPréfixe CSS: pe\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Propolis et Échinacéa Bio : le duo naturel pour renforcer votre immunité\"\n 2. \"Pourquoi associer propolis et échinacéa pour votre immunité ?\"\n 3. \"La qualité Aagaard : une propolis d'exception depuis 1967\"\n 4. \"Composition complète pour 1 comprimé\"\n 5. \"Comment prendre la Propolis Échinacéa Aagaard ?\"\n 6. \"Quels bienfaits concrets pouvez-vous attendre ?\"\n 7. \"Quand utiliser ce complément ?\"\n 8. \"Précautions d'emploi et recommandations\"\n 9. \"Pourquoi choisir Aagaard pour votre propolis ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"pe-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pe-hero\"\u003e\n \u003cdiv class=\"pe-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pe-hero-content\"\u003e\n \u003cdiv class=\"pe-badges-top\"\u003e\n \u003cspan class=\"pe-badge\"\u003e🐝 Propolis pure Aagaard\u003c\/span\u003e\n \u003cspan class=\"pe-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"pe-badge\"\u003e💪 550 mg d'actifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pe-hero-title\"\u003ePropolis Échinacéa 550mg\u003c\/span\u003e\n \u003cp class=\"pe-subtitle\"\u003eLe duo naturel pour une immunité renforcée\u003c\/p\u003e\n \u003cp class=\"pe-description\"\u003eDepuis 1967, l'expertise Aagaard au service de vos défenses naturelles.\u003cbr\u003e30 comprimés sécables aux 3 variétés de propolis bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"pe-section\"\u003e\n \u003ch2\u003ePropolis et Échinacéa Bio : le duo naturel pour renforcer votre immunité\u003c\/h2\u003e\n \u003cp class=\"pe-section-intro\"\u003eVous cherchez une solution naturelle pour \u003cstrong\u003esoutenir vos défenses immunitaires\u003c\/strong\u003e tout au long de l'année ? Ce complément alimentaire associe deux trésors de la nature : la \u003cstrong\u003epropolis pure Aagaard\u003c\/strong\u003e et l'\u003cstrong\u003eéchinacéa purpurea biologique\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"pe-highlight-box\"\u003e\n \u003cp\u003eAvec \u003cstrong\u003e550 mg d'actifs concentrés\u003c\/strong\u003e par comprimé, cette synergie vous accompagne efficacement lors des changements de saison ou dès les premiers signes de fragilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"pe-section\"\u003e\n \u003ch2\u003ePourquoi associer propolis et échinacéa pour votre immunité ?\u003c\/h2\u003e\n \u003cp class=\"pe-section-intro\"\u003eCes deux ingrédients se complètent parfaitement pour créer un véritable \u003cstrong\u003ebouclier protecteur naturel\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"pe-grid\"\u003e\n \u003cdiv class=\"pe-card\"\u003e\n \u003ch3\u003e🐝 La propolis\u003c\/h3\u003e\n \u003cp\u003eRésine précieuse récoltée par les abeilles sur les bourgeons d'arbres. Elle renferme plus de \u003cstrong\u003e300 composés actifs\u003c\/strong\u003e aux propriétés reconnues pour apaiser la gorge et les voies respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-card\"\u003e\n \u003ch3\u003e🌸 L'échinacéa purpurea\u003c\/h3\u003e\n \u003cp\u003ePlante utilisée depuis des siècles pour \u003cstrong\u003estimuler la production de globules blancs\u003c\/strong\u003e et aider l'organisme à mieux résister face aux agressions hivernales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-tip\"\u003e\n \u003cspan class=\"pe-tip-icon\"\u003e🛡️\u003c\/span\u003e\n \u003cp\u003eEnsemble, ces deux actifs travaillent en synergie pour \u003cstrong\u003eaugmenter la résistance naturelle de votre organisme\u003c\/strong\u003e et vous aider à traverser les périodes délicates avec plus de sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"pe-section\"\u003e\n \u003ch2\u003eLa qualité Aagaard : une propolis d'exception depuis 1967\u003c\/h2\u003e\n \u003cp class=\"pe-section-intro\"\u003eCe qui distingue cette formule des autres compléments du marché, c'est l'expertise unique d'Aagaard. Le biologiste danois K. Lund Aagaard a consacré sa vie à l'étude de la propolis et a mis au point un \u003cstrong\u003eprocédé d'extraction breveté\u003c\/strong\u003e qui préserve l'intégralité des principes actifs.\u003c\/p\u003e\n \u003cdiv class=\"pe-grid\"\u003e\n \u003cdiv class=\"pe-card\"\u003e\n \u003ch3\u003e🟤 Propolis brune douce\u003c\/h3\u003e\n \u003cp\u003eRiche en flavonoïdes pour une action antioxydante optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-card\"\u003e\n \u003ch3\u003e🔶 Propolis brune piquante\u003c\/h3\u003e\n \u003cp\u003eAux propriétés plus intenses pour une efficacité renforcée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-card\"\u003e\n \u003ch3\u003e🟢 Propolis verte\u003c\/h3\u003e\n \u003cp\u003eParticulièrement concentrée en actifs protecteurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-tip\"\u003e\n \u003cspan class=\"pe-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eCette association exclusive de \u003cstrong\u003e3 variétés de propolis\u003c\/strong\u003e permet d'obtenir un spectre d'action plus large qu'avec une seule variété.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"pe-section\"\u003e\n \u003ch2\u003eComposition complète pour 1 comprimé\u003c\/h2\u003e\n \u003cdiv class=\"pe-composition-box\"\u003e\n \u003cdiv class=\"pe-composition-grid\"\u003e\n \u003cdiv class=\"pe-composition-item pe-composition-main\"\u003e\n \u003cspan class=\"pe-composition-value\"\u003e300 mg\u003c\/span\u003e\n \u003cspan class=\"pe-composition-label\"\u003ePropolis pure Aagaard\u003c\/span\u003e\n \u003cspan class=\"pe-composition-detail\"\u003eMélange de 3 variétés biologiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-composition-item pe-composition-main\"\u003e\n \u003cspan class=\"pe-composition-value\"\u003e250 mg\u003c\/span\u003e\n \u003cspan class=\"pe-composition-label\"\u003eÉchinacéa purpurea*\u003c\/span\u003e\n \u003cspan class=\"pe-composition-detail\"\u003eStimulant immunitaire naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-composition-extras\"\u003e\n \u003cspan\u003ePoudre de caroube*\u003c\/span\u003e\n \u003cspan\u003eGomme arabique*\u003c\/span\u003e\n \u003cspan\u003eExtrait de riz*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"pe-composition-note\"\u003e*Ingrédients issus de l'agriculture biologique certifiée\u003c\/p\u003e\n \u003cp class=\"pe-composition-weight\"\u003e\u003cstrong\u003ePoids net :\u003c\/strong\u003e 45 g pour 30 comprimés sécables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"pe-section\"\u003e\n \u003ch2\u003eComment prendre la Propolis Échinacéa Aagaard ?\u003c\/h2\u003e\n \u003cp class=\"pe-section-intro\"\u003ePour profiter pleinement des bienfaits de ce complément sur votre \u003cstrong\u003eimmunité\u003c\/strong\u003e, voici nos recommandations :\u003c\/p\u003e\n \u003cdiv class=\"pe-timeline\"\u003e\n \u003cdiv class=\"pe-timeline-item\"\u003e\n \u003cspan class=\"pe-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"pe-timeline-content\"\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003e1 comprimé par jour suffit pour une action efficace\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-timeline-item\"\u003e\n \u003cspan class=\"pe-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"pe-timeline-content\"\u003e\n \u003ch3\u003eMode d'emploi\u003c\/h3\u003e\n \u003cp\u003eÀ croquer lentement pour une action locale sur la gorge, ou à avaler avec un verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-timeline-item\"\u003e\n \u003cspan class=\"pe-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"pe-timeline-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eLe matin, de préférence pendant le petit-déjeuner\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-timeline-item\"\u003e\n \u003cspan class=\"pe-timeline-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"pe-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e3 à 4 semaines, renouvelable si besoin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-tip\"\u003e\n \u003cspan class=\"pe-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e les comprimés sont sécables. Vous pouvez les diviser en deux si vous préférez une prise plus douce ou si vous souhaitez les donner à un adolescent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"pe-section\"\u003e\n \u003ch2\u003eQuels bienfaits concrets pouvez-vous attendre ?\u003c\/h2\u003e\n \u003cp class=\"pe-section-intro\"\u003eEn intégrant ce complément à votre routine, vous offrez à votre corps un soutien précieux :\u003c\/p\u003e\n \u003cdiv class=\"pe-grid\"\u003e\n \u003cdiv class=\"pe-card\"\u003e\n \u003ch3\u003e🛡️ Renforcement des défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eL'échinacéa stimule l'activité des cellules immunitaires pour une meilleure réactivité face aux agressions\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-card\"\u003e\n \u003ch3\u003e🌬️ Confort respiratoire\u003c\/h3\u003e\n \u003cp\u003eLa propolis apaise naturellement la gorge irritée et les voies respiratoires sensibilisées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-card\"\u003e\n \u003ch3\u003e🍃 Soutien digestif\u003c\/h3\u003e\n \u003cp\u003eLes propriétés anti-inflammatoires de la propolis contribuent à apaiser les muqueuses digestives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-card\"\u003e\n \u003ch3\u003e❄️ Protection préventive\u003c\/h3\u003e\n \u003cp\u003eIdéal en cure saisonnière pour préparer votre organisme avant l'hiver\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"pe-section\"\u003e\n \u003ch2\u003eQuand utiliser ce complément ?\u003c\/h2\u003e\n \u003cp class=\"pe-section-intro\"\u003eCe duo \u003cstrong\u003epropolis et immunité\u003c\/strong\u003e sera particulièrement utile dans les situations suivantes :\u003c\/p\u003e\n \u003cdiv class=\"pe-grid-compact\"\u003e\n \u003cdiv class=\"pe-card\"\u003e\n \u003ch3\u003e🍂 Automne\/Hiver\u003c\/h3\u003e\n \u003cp\u003eEn cure préventive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-card\"\u003e\n \u003ch3\u003e😴 Fatigue\u003c\/h3\u003e\n \u003cp\u003ePremiers signes de fragilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-card\"\u003e\n \u003ch3\u003e😰 Post-stress\u003c\/h3\u003e\n \u003cp\u003ePériode intense passée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-card\"\u003e\n \u003ch3\u003e🔄 Changements\u003c\/h3\u003e\n \u003cp\u003eTransitions saisonnières\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-card\"\u003e\n \u003ch3\u003e🚌 Collectivités\u003c\/h3\u003e\n \u003cp\u003eTransports, bureau, école\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-card\"\u003e\n \u003ch3\u003e🌡️ Prévention\u003c\/h3\u003e\n \u003cp\u003eEnvironnements à risque\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"pe-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et recommandations\u003c\/h2\u003e\n \u003cdiv class=\"pe-accordion\"\u003e\n \u003cdetails class=\"pe-accordion-item\"\u003e\n \u003csummary class=\"pe-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"pe-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche ou aux plantes de la famille des Astéracées. Ne pas utiliser chez la femme enceinte ou allaitante sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pe-accordion-item\"\u003e\n \u003csummary class=\"pe-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"pe-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pe-accordion-item\"\u003e\n \u003csummary class=\"pe-accordion-header\"\u003e📋 Avis important\u003c\/summary\u003e\n \u003cdiv class=\"pe-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute ou de traitement médical en cours, consultez votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 9 --\u003e\n \u003csection class=\"pe-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Aagaard pour votre propolis ?\u003c\/h2\u003e\n \u003cp class=\"pe-section-intro\"\u003eDepuis plus de 55 ans, Aagaard est reconnu comme \u003cstrong\u003ele spécialiste européen de la propolis pure\u003c\/strong\u003e. Chaque produit bénéficie d'un savoir-faire unique transmis par le fondateur et d'un contrôle qualité rigoureux.\u003c\/p\u003e\n \u003cdiv class=\"pe-grid\"\u003e\n \u003cdiv class=\"pe-card\"\u003e\n \u003ch3\u003e🏆 Origine contrôlée\u003c\/h3\u003e\n \u003cp\u003ePropolis issue de ruches préservées, sélectionnée avec le plus grand soin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-card\"\u003e\n \u003ch3\u003e🔬 Extraction exclusive\u003c\/h3\u003e\n \u003cp\u003eProcédé breveté garantissant pureté et concentration maximale en actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-card\"\u003e\n \u003ch3\u003e🌱 Formulation pure\u003c\/h3\u003e\n \u003cp\u003eSans additifs inutiles, respectueuse de votre organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-card\"\u003e\n \u003ch3\u003e🐝 Apiculture durable\u003c\/h3\u003e\n \u003cp\u003eEngagement pour une production responsable et respectueuse des abeilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pe-cta-box\"\u003e\n \u003cp\u003e🐝 Faites confiance à plus de \u003cstrong\u003e55 ans d'expertise\u003c\/strong\u003e en propolis pure.\u003cbr\u003eOffrez à votre immunité le meilleur de la ruche avec Aagaard.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pe-disclaimer\"\u003eComplément alimentaire. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pe-cream: #F8F5F0;\n --pe-white: #ffffff;\n --pe-primary: #8B7355;\n --pe-primary-dark: #5D4E3A;\n --pe-primary-light: #F0EBE3;\n --pe-secondary: #D4A574;\n --pe-accent: #5A8F4A;\n --pe-text: #1a1a1a;\n --pe-text-light: #5a5a5a;\n --pe-border: #e0e0e0;\n --pe-shadow: 0 4px 24px rgba(93,78,58,.08);\n --pe-shadow-lg: 0 12px 48px rgba(93,78,58,.15);\n --pe-radius: 20px;\n --pe-radius-sm: 12px;\n}\n\n.pe-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pe-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pe-hero {\n position: relative;\n background: linear-gradient(135deg, #5D4E3A 0%, #8B7355 40%, #D4A574 100%);\n border-radius: var(--pe-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(--pe-shadow-lg);\n}\n\n.pe-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.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.pe-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pe-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pe-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(--pe-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pe-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pe-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.pe-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.pe-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n margin: 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === SECTIONS === *\/\n.pe-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pe-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pe-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.pe-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(--pe-secondary), var(--pe-accent));\n border-radius: 2px;\n}\n\n.pe-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pe-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pe-card {\n background: var(--pe-white);\n border-radius: var(--pe-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pe-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pe-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pe-shadow-lg);\n border-color: var(--pe-secondary);\n}\n\n.pe-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pe-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pe-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pe-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pe-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pe-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n.pe-grid-compact .pe-card {\n padding: 1rem;\n}\n\n.pe-grid-compact .pe-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pe-grid-compact .pe-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pe-highlight-box {\n background: linear-gradient(135deg, var(--pe-primary-light) 0%, rgba(212,165,116,.15) 100%);\n border-radius: var(--pe-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n border-left: 4px solid var(--pe-secondary);\n}\n\n.pe-highlight-box p {\n font-size: clamp(15px, 2.5vw, 18px);\n color: var(--pe-primary-dark);\n margin: 0;\n line-height: 1.7;\n font-weight: 500;\n}\n\n\/* === COMPOSITION BOX === *\/\n.pe-composition-box {\n background: var(--pe-white);\n border-radius: var(--pe-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pe-shadow);\n text-align: center;\n}\n\n.pe-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.pe-composition-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 1.25rem;\n background: linear-gradient(135deg, var(--pe-primary-light) 0%, rgba(212,165,116,.1) 100%);\n border-radius: var(--pe-radius-sm);\n}\n\n.pe-composition-value {\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n color: var(--pe-secondary);\n line-height: 1;\n}\n\n.pe-composition-label {\n font-size: clamp(14px, 2.5vw, 16px);\n font-weight: 700;\n color: var(--pe-primary-dark);\n margin-top: .5rem;\n}\n\n.pe-composition-detail {\n font-size: 12px;\n color: var(--pe-text-light);\n margin-top: .25rem;\n}\n\n.pe-composition-extras {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1rem;\n}\n\n.pe-composition-extras span {\n padding: 6px 14px;\n background: var(--pe-primary-light);\n border-radius: 999px;\n font-size: 13px;\n color: var(--pe-primary-dark);\n font-weight: 500;\n}\n\n.pe-composition-note {\n font-size: 13px;\n font-style: italic;\n color: var(--pe-accent);\n margin: 0 0 .5rem 0;\n}\n\n.pe-composition-weight {\n font-size: 14px;\n color: var(--pe-text-light);\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.pe-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pe-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pe-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pe-secondary), var(--pe-primary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(212,165,116,.3);\n}\n\n.pe-timeline-content {\n flex: 1;\n background: var(--pe-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pe-radius-sm);\n box-shadow: var(--pe-shadow);\n}\n\n.pe-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pe-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pe-timeline-content p {\n font-size: 14px;\n color: var(--pe-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.pe-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pe-primary-light);\n border-radius: var(--pe-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pe-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pe-tip p {\n font-size: 14px;\n color: var(--pe-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.pe-accordion {\n background: var(--pe-white);\n border-radius: var(--pe-radius);\n box-shadow: var(--pe-shadow);\n overflow: hidden;\n}\n\n.pe-accordion-item {\n border-bottom: 1px solid var(--pe-border);\n margin: 0;\n padding: 0;\n}\n\n.pe-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pe-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pe-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.pe-accordion-header:hover {\n background: var(--pe-primary-light);\n}\n\n.pe-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pe-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pe-secondary);\n transition: transform .2s ease;\n}\n\n.pe-accordion-item[open] .pe-accordion-header::after {\n content: '−';\n}\n\n.pe-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pe-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.pe-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.pe-cta-box {\n background: linear-gradient(135deg, var(--pe-primary) 0%, var(--pe-primary-dark) 100%);\n border-radius: var(--pe-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.pe-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.05'\/%3E%3C\/svg%3E\");\n}\n\n.pe-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pe-disclaimer {\n font-size: 12px;\n color: var(--pe-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 .pe-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .pe-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n \n .pe-grid-compact .pe-card {\n padding: .75rem;\n }\n \n .pe-card {\n padding: 1.125rem;\n }\n \n .pe-section {\n margin-bottom: 1.75rem;\n }\n \n .pe-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pe-radius-sm);\n }\n \n .pe-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .pe-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .pe-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .pe-timeline-content {\n padding: .875rem 1rem;\n }\n \n .pe-timeline-content h3 {\n font-size: 14px;\n }\n \n .pe-timeline-content p {\n font-size: 13px;\n }\n \n .pe-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .pe-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .pe-composition-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .pe-composition-extras {\n gap: .375rem;\n }\n \n .pe-composition-extras span {\n font-size: 12px;\n padding: 5px 10px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pe-card {\n animation: fadeInUp .5s ease backwards;\n }\n .pe-card:nth-child(1) { animation-delay: .05s; }\n .pe-card:nth-child(2) { animation-delay: .1s; }\n .pe-card:nth-child(3) { animation-delay: .15s; }\n .pe-card:nth-child(4) { animation-delay: .2s; }\n .pe-card:nth-child(5) { animation-delay: .25s; }\n .pe-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 .pe-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":55925368226169,"sku":"NBAIAAG0027","price":12.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/propolis-echinacea-550-mg-30-comprimes-aagaard-ingredients_942463f4-1774-4b79-a391-97ce6143945b.webp?v=1769759462"},{"product_id":"propolis-forte-vitamine-d-28-tablettes-aagaard","title":"Propolis Forte + Vitamine D - 28 tablettes à sucer - Aagaard","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Propolis Forte + Vitamine D - 28 tablettes à sucer - Aagaard\nPalette détectée:\n - Primaire: #D4A574 (beige\/miel doré du packaging)\n - Secondaire: #8B6914 (brun doré foncé des textes)\n - Accent: #E8C547 (jaune miel pour highlights)\n - Cream: #FDF8F0 (blanc cassé chaud)\nAmbiance: Tradition apicole française, savoir-faire artisanal depuis 1967, naturel et authentique, univers de la ruche\nPréfixe CSS: pf\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"🔍 Pourquoi cette formule est unique\"\n 2. \"🐝 Origine \u0026 savoir‑faire\"\n 3. \"🌱 Ingrédients essentiels\"\n 4. \"Comment l'utiliser au mieux ?\"\n 5. \"💬 Que pouvez-vous en attendre ?\"\n 6. \"❤️ Un geste simple pour votre immunité\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"pf-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"pf-hero\"\u003e\n \u003cdiv class=\"pf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pf-hero-content\"\u003e\n \u003cdiv class=\"pf-badges-top\"\u003e\n \u003cspan class=\"pf-badge\"\u003e🐝 100 mg propolis\/tablette\u003c\/span\u003e\n \u003cspan class=\"pf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"pf-badge\"\u003e☀️ Enrichi en vitamine D\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pf-hero-title\"\u003ePropolis Forte + Vitamine D\u003c\/span\u003e\n \u003cp class=\"pf-subtitle\"\u003e28 tablettes à sucer • Aagaard depuis 1967\u003c\/p\u003e\n \u003cp class=\"pf-description\"\u003eL'alliance ancestrale de la propolis et de la vitamine D pour des défenses naturelles renforcées, dans un geste simple et gourmand.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"pf-section\"\u003e\n \u003ch2\u003e🔍 Pourquoi cette formule est unique\u003c\/h2\u003e\n \u003cdiv class=\"pf-highlight-box\"\u003e\n \u003cp\u003eCette formule réunit la \u003cstrong\u003epuissance de la propolis\u003c\/strong\u003e avec l'apport intelligent de \u003cstrong\u003evitamine D\u003c\/strong\u003e. Une tablette à sucer par jour pour stimuler vos défenses naturelles, agir sur la sphère ORL et profiter d'un geste simple et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pf-grid-compact\"\u003e\n \u003cdiv class=\"pf-card\"\u003e\n \u003ch3\u003e🛡️ Double action\u003c\/h3\u003e\n \u003cp\u003ePropolis + Vitamine D synergiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pf-card\"\u003e\n \u003ch3\u003e🍯 Format pratique\u003c\/h3\u003e\n \u003cp\u003eTablettes à sucer gourmandes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pf-card\"\u003e\n \u003ch3\u003e🎯 Sphère ORL\u003c\/h3\u003e\n \u003cp\u003eAction ciblée gorge \u0026amp; bouche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pf-card\"\u003e\n \u003ch3\u003e✨ Sans sucre\u003c\/h3\u003e\n \u003cp\u003eÉdulcoré au sorbitol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"pf-section\"\u003e\n \u003ch2\u003e🐝 Origine \u0026amp; savoir‑faire\u003c\/h2\u003e\n \u003cdiv class=\"pf-origin-card\"\u003e\n \u003cdiv class=\"pf-origin-badge\"\u003eDepuis 1967\u003c\/div\u003e\n \u003cp\u003eLa propolis \u003cstrong\u003eAagaard\u003c\/strong\u003e est extraite selon des \u003cstrong\u003eprocédés brevetés\u003c\/strong\u003e, assurant pureté et concentration. Elle combine plusieurs types de propolis (brune douce, piquante, verte) pour un \u003cstrong\u003espectre d'action large\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003eAssociée à de la vitamine D, elle devient un allié précieux pour \u003cstrong\u003erenforcer naturellement l'immunité\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pf-grid\"\u003e\n \u003cdiv class=\"pf-card\"\u003e\n \u003ch3\u003e🏆 Procédé breveté\u003c\/h3\u003e\n \u003cp\u003eExtraction exclusive garantissant pureté et concentration optimales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pf-card\"\u003e\n \u003ch3\u003e🌿 Multi-propolis\u003c\/h3\u003e\n \u003cp\u003eBrune douce, piquante et verte pour une action complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pf-card\"\u003e\n \u003ch3\u003e🇫🇷 Savoir-faire français\u003c\/h3\u003e\n \u003cp\u003ePlus de 55 ans d'expertise apicole Aagaard\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"pf-section\"\u003e\n \u003ch2\u003e🌱 Ingrédients essentiels\u003c\/h2\u003e\n \u003cdiv class=\"pf-ingredients-grid\"\u003e\n \u003cdiv class=\"pf-ingredient-card pf-ingredient-main\"\u003e\n \u003cspan class=\"pf-ingredient-icon\"\u003e🐝\u003c\/span\u003e\n \u003cdiv class=\"pf-ingredient-info\"\u003e\n \u003ch3\u003ePoudre de propolis\u003c\/h3\u003e\n \u003cspan class=\"pf-ingredient-dose\"\u003e100 mg \/ tablette\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pf-ingredient-card pf-ingredient-main\"\u003e\n \u003cspan class=\"pf-ingredient-icon\"\u003e☀️\u003c\/span\u003e\n \u003cdiv class=\"pf-ingredient-info\"\u003e\n \u003ch3\u003eVitamine D\u003c\/h3\u003e\n \u003cspan class=\"pf-ingredient-dose\"\u003e3,75 µg \/ 5 tablettes (75% VNR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pf-accordion\"\u003e\n \u003cdetails class=\"pf-accordion-item\"\u003e\n \u003csummary class=\"pf-accordion-header\"\u003e📋 Composition complète\u003c\/summary\u003e\n \u003cdiv class=\"pf-accordion-content\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eÉdulcorant :\u003c\/strong\u003e sorbitol\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eArômes naturels\u003c\/strong\u003e (dont arôme miel)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAnti-agglomérant :\u003c\/strong\u003e stéarate de magnésium\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003cem\u003e(Formule sans sucre, à vérifier selon les lots)\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"pf-section\"\u003e\n \u003ch2\u003eComment l'utiliser au mieux ?\u003c\/h2\u003e\n \u003cdiv class=\"pf-timeline\"\u003e\n \u003cdiv class=\"pf-timeline-item\"\u003e\n \u003cspan class=\"pf-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"pf-timeline-content\"\u003e\n \u003ch3\u003eLaisser fondre lentement\u003c\/h3\u003e\n \u003cp\u003e1 tablette dans la bouche pour une libération progressive des actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pf-timeline-item\"\u003e\n \u003cspan class=\"pf-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"pf-timeline-content\"\u003e\n \u003ch3\u003eAdapter selon vos besoins\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 5 tablettes par jour en cas de besoin accru\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pf-timeline-item\"\u003e\n \u003cspan class=\"pf-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"pf-timeline-content\"\u003e\n \u003ch3\u003eAgir dès les premiers signes\u003c\/h3\u003e\n \u003cp\u003eIdéal dès les premiers signes de fatigue, maux de gorge ou en prévention\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pf-tip\"\u003e\n \u003cspan class=\"pf-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécaution :\u003c\/strong\u003e Déconseillé en cas d'allergie aux produits de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"pf-section\"\u003e\n \u003ch2\u003e💬 Que pouvez-vous en attendre ?\u003c\/h2\u003e\n \u003cp class=\"pf-section-intro\"\u003eLa propolis agit dès son contact avec les muqueuses : elle apaise, désinfecte, protège. La vitamine D, quant à elle, participe à l'activation des cellules immunitaires.\u003c\/p\u003e\n \u003cdiv class=\"pf-grid\"\u003e\n \u003cdiv class=\"pf-card pf-card-benefit\"\u003e\n \u003ch3\u003e🛡️ Défenses renforcées\u003c\/h3\u003e\n \u003cp\u003eSoutiennent activement les défenses naturelles de l'organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pf-card pf-card-benefit\"\u003e\n \u003ch3\u003e😌 Apaisement ORL\u003c\/h3\u003e\n \u003cp\u003eApaisent gorge, bouche et pharynx dès le premier contact\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pf-card pf-card-benefit\"\u003e\n \u003ch3\u003e❄️ Hiver serein\u003c\/h3\u003e\n \u003cp\u003eContribuent à un hiver plus serein, naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"pf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003e❤️ Un geste simple pour votre immunité\u003c\/h2\u003e\n \u003cdiv class=\"pf-cta-box\"\u003e\n \u003cp\u003eUne tablette à sucer pour se défendre naturellement : c'est la \u003cstrong\u003epromesse Aagaard\u003c\/strong\u003e. Pure, efficace et douce, la propolis forte enrichie en vitamine D vous accompagne au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pf-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --pf-cream: #FDF8F0;\n --pf-white: #ffffff;\n --pf-primary: #D4A574;\n --pf-primary-dark: #8B6914;\n --pf-primary-light: #F5E6D3;\n --pf-secondary: #C4922E;\n --pf-accent: #E8C547;\n\n \/* Textes *\/\n --pf-text: #1a1a1a;\n --pf-text-light: #5a5a5a;\n\n \/* Effets *\/\n --pf-border: #e0e0e0;\n --pf-shadow: 0 4px 24px rgba(139,105,20,.08);\n --pf-shadow-lg: 0 12px 48px rgba(139,105,20,.15);\n --pf-radius: 20px;\n --pf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pf-hero {\n position: relative;\n background: linear-gradient(135deg, #D4A574 0%, #C4922E 50%, #8B6914 100%);\n border-radius: var(--pf-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(--pf-shadow-lg);\n}\n\n.pf-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 5L37.5 15L52.5 15L42.5 25L47.5 40L30 32.5L12.5 40L17.5 25L7.5 15L22.5 15L30 5Z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.pf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.pf-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.pf-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n}\n\n.pf-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pf-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(--pf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pf-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.pf-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(--pf-primary), var(--pf-accent));\n border-radius: 2px;\n}\n\n.pf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pf-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pf-highlight-box {\n background: var(--pf-white);\n border-radius: var(--pf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pf-shadow);\n border-left: 4px solid var(--pf-accent);\n margin-bottom: 1.5rem;\n}\n\n.pf-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pf-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === ORIGIN CARD === *\/\n.pf-origin-card {\n background: linear-gradient(135deg, var(--pf-primary-light) 0%, var(--pf-white) 100%);\n border-radius: var(--pf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pf-shadow);\n margin-bottom: 1.5rem;\n position: relative;\n border: 2px solid var(--pf-primary);\n}\n\n.pf-origin-badge {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--pf-primary), var(--pf-secondary));\n color: white;\n padding: 6px 20px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 800;\n box-shadow: 0 4px 12px rgba(139,105,20,.3);\n}\n\n.pf-origin-card p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--pf-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.pf-origin-card p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.pf-card {\n background: var(--pf-white);\n border-radius: var(--pf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pf-shadow-lg);\n border-color: var(--pf-primary);\n}\n\n.pf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pf-card-benefit {\n border-top: 4px solid var(--pf-accent);\n}\n\n\/* === GRILLES === *\/\n.pf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pf-grid-compact .pf-card {\n padding: 1rem;\n}\n\n.pf-grid-compact .pf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pf-grid-compact .pf-card p {\n font-size: 12px;\n}\n\n\/* === INGREDIENTS GRID === *\/\n.pf-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.pf-ingredient-card {\n background: var(--pf-white);\n border-radius: var(--pf-radius);\n padding: 1.25rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n box-shadow: var(--pf-shadow);\n transition: all .3s ease;\n}\n\n.pf-ingredient-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--pf-shadow-lg);\n}\n\n.pf-ingredient-main {\n border: 2px solid var(--pf-accent);\n background: linear-gradient(135deg, var(--pf-white) 0%, var(--pf-primary-light) 100%);\n}\n\n.pf-ingredient-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.pf-ingredient-info h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--pf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pf-ingredient-dose {\n font-size: 13px;\n color: var(--pf-secondary);\n font-weight: 700;\n}\n\n\/* === TIMELINE === *\/\n.pf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pf-primary), var(--pf-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.pf-timeline-content {\n flex: 1;\n background: var(--pf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pf-radius-sm);\n box-shadow: var(--pf-shadow);\n}\n\n.pf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pf-timeline-content p {\n font-size: 14px;\n color: var(--pf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.pf-accordion {\n background: var(--pf-white);\n border-radius: var(--pf-radius);\n box-shadow: var(--pf-shadow);\n overflow: hidden;\n}\n\n.pf-accordion-item {\n border-bottom: 1px solid var(--pf-border);\n margin: 0;\n padding: 0;\n}\n\n.pf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pf-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.pf-accordion-header:hover {\n background: var(--pf-primary-light);\n}\n\n.pf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pf-primary);\n transition: transform .2s ease;\n}\n\n.pf-accordion-item[open] .pf-accordion-header::after {\n content: '−';\n}\n\n.pf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pf-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.pf-accordion-content ul {\n margin: 0 0 .75rem 0;\n padding-left: 1.25rem;\n}\n\n.pf-accordion-content li {\n margin-bottom: .5rem;\n}\n\n.pf-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: #FFF8E7;\n border-radius: var(--pf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid var(--pf-accent);\n}\n\n.pf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pf-tip p {\n font-size: 14px;\n color: var(--pf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pf-cta-box {\n background: linear-gradient(135deg, var(--pf-primary) 0%, var(--pf-primary-dark) 100%);\n border-radius: var(--pf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pf-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%3Cpath d='M20 3L25 10L35 10L28 17L31 27L20 22L9 27L12 17L5 10L15 10L20 3Z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.pf-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pf-disclaimer {\n font-size: 12px;\n color: var(--pf-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 .pf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .pf-card {\n padding: 1.125rem;\n }\n \n .pf-section {\n margin-bottom: 1.75rem;\n }\n \n .pf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pf-radius-sm);\n }\n \n .pf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .pf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .pf-grid-compact {\n gap: .625rem;\n }\n \n .pf-grid-compact .pf-card {\n padding: .75rem;\n }\n \n .pf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .pf-timeline-content {\n padding: .875rem 1rem;\n }\n \n .pf-timeline-content h3 {\n font-size: 14px;\n }\n \n .pf-timeline-content p {\n font-size: 13px;\n }\n \n .pf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .pf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .pf-highlight-box,\n .pf-origin-card {\n padding: 1.25rem;\n }\n \n .pf-ingredients-grid {\n grid-template-columns: 1fr;\n }\n \n .pf-ingredient-card {\n padding: 1rem;\n }\n \n .pf-ingredient-icon {\n font-size: 28px;\n }\n \n .pf-origin-badge {\n font-size: 11px;\n padding: 5px 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pf-card,\n .pf-ingredient-card {\n animation: fadeInUp .5s ease backwards;\n }\n .pf-card:nth-child(1),\n .pf-ingredient-card:nth-child(1) { animation-delay: .05s; }\n .pf-card:nth-child(2),\n .pf-ingredient-card:nth-child(2) { animation-delay: .1s; }\n .pf-card:nth-child(3) { animation-delay: .15s; }\n .pf-card:nth-child(4) { animation-delay: .2s; }\n .pf-card:nth-child(5) { animation-delay: .25s; }\n .pf-card:nth-child(6) { animation-delay: .3s; }\n \n .pf-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .pf-timeline-item:nth-child(1) { animation-delay: .1s; }\n .pf-timeline-item:nth-child(2) { animation-delay: .2s; }\n .pf-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pf-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":55925379727737,"sku":"NBAIAAG0016","price":7.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/propolis-forte-vit-d-aagaard_packshot.jpg?v=1759735988"},{"product_id":"pastilles-gorge-coeur-fondant-miel-de-manuka-iaa15-comptoirs-et-compagnies","title":"Pastilles Gorge cœur fondant au miel de manuka iaa15+ - Comptoirs et compagnies","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Pastilles Gorge au Miel de Manuka IAA15+\nPalette détectée:\n - Primaire: #2B2B2B (noir élégant du packaging principal)\n - Secondaire: #F4B740 (jaune doré du badge IAA15+ et du miel)\n - Accent: #E8A428 (or chaud pour les highlights)\n - Cream: #FAF8F5 (beige très clair pour backgrounds doux)\nAmbiance: Premium naturel, médical-gourmand, confiance et efficacité\nStyle: Élégant et rassurant, équilibre entre naturel et scientifique\nPréfixe CSS: pmk (pastilles-manuka)\n--\u003e\n\n\u003cdiv class=\"pmk-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"pmk-hero\"\u003e\n \u003cdiv class=\"pmk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pmk-hero-content\"\u003e\n \u003cdiv class=\"pmk-badges-top\"\u003e\n \u003cspan class=\"pmk-badge\"\u003e🍯 Miel de Manuka IAA15+\u003c\/span\u003e\n \u003cspan class=\"pmk-badge\"\u003e🇳🇿 Nouvelle-Zélande\u003c\/span\u003e\n \u003cspan class=\"pmk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pmk-hero-title\"\u003ePastilles gorge cœur fondant\u003c\/span\u003e\n \u003cp class=\"pmk-subtitle\"\u003eAu miel de Manuka IAA15+ authentique\u003c\/p\u003e\n \u003cp class=\"pmk-description\"\u003eL'alliance parfaite du miel de Manuka à l'activité scientifiquement mesurée, de l'eucalyptus rafraîchissant et de la guimauve apaisante. Un réconfort immédiat pour votre gorge, avec la garantie d'ingrédients naturels et tracés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POURQUOI LES CHOISIR --\u003e\n \u003csection class=\"pmk-section\"\u003e\n \u003ch2\u003ePourquoi ces pastilles sont exceptionnelles\u003c\/h2\u003e\n \u003cdiv class=\"pmk-grid\"\u003e\n \u003cdiv class=\"pmk-card pmk-card-hover\"\u003e\n \u003cdiv class=\"pmk-card-icon\"\u003e💛\u003c\/div\u003e\n \u003cdiv class=\"pmk-card-title\"\u003eCœur fondant unique\u003c\/div\u003e\n \u003cp\u003eUne pastille croquante qui révèle un cœur fondant au miel de Manuka : un plaisir gustatif qui apaise en douceur les irritations et picotements de la gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmk-card pmk-card-hover\"\u003e\n \u003cdiv class=\"pmk-card-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"pmk-card-title\"\u003eEfficacité mesurée IAA15+\u003c\/div\u003e\n \u003cp\u003eL'indice IAA® (Indice d'Activité Authentique) certifie scientifiquement l'activité du miel de Manuka. Le niveau 15+ garantit une efficacité élevée et authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmk-card pmk-card-hover\"\u003e\n \u003cdiv class=\"pmk-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"pmk-card-title\"\u003eTriple action naturelle\u003c\/div\u003e\n \u003cp\u003eMiel de Manuka apaisant + huile essentielle d'eucalyptus globulus rafraîchissante + guimauve adoucissante : une synergie végétale complète pour votre gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmk-card pmk-card-hover\"\u003e\n \u003cdiv class=\"pmk-card-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"pmk-card-title\"\u003eSourcing responsable\u003c\/div\u003e\n \u003cp\u003eApprovisionnement direct auprès d'apiculteurs partenaires en Nouvelle-Zélande. Nos imports sont intégralement compensés carbone pour un engagement éco-responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- LE MIEL DE MANUKA --\u003e\n \u003csection class=\"pmk-section\"\u003e\n \u003ch2\u003eLe trésor de Nouvelle-Zélande\u003c\/h2\u003e\n \u003cdiv class=\"pmk-feature-box\"\u003e\n \u003cdiv class=\"pmk-feature-content\"\u003e\n \u003cdiv class=\"pmk-feature-badge\"\u003e🏔️ Endémique de Nouvelle-Zélande\u003c\/div\u003e\n \u003cdiv class=\"pmk-feature-title\"\u003eLe miel de Manuka IAA®\u003c\/div\u003e\n \u003cp\u003eProduit rare et précieux, le miel de Manuka est récolté à partir des fleurs de l'arbre Manuka (Leptospermum scoparium), endémique de Nouvelle-Zélande. Contrairement aux miels ordinaires, son activité unique est \u003cstrong\u003escientifiquement mesurée et certifiée\u003c\/strong\u003e par l'indice IAA®.\u003c\/p\u003e\n \u003cp\u003eL'\u003cstrong\u003eIAA15+\u003c\/strong\u003e assure un niveau minimal de méthylglyoxal de \u003cstrong\u003e514 mg\/kg\u003c\/strong\u003e, garantissant un miel authentique, contrôlé et d'activité élevée. Chaque lot est tracé et analysé pour vous offrir la meilleure qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmk-feature-visual\"\u003e\n \u003cdiv class=\"pmk-iaa-badge\"\u003e\n \u003cdiv class=\"pmk-iaa-number\"\u003eIAA\u003cspan\u003e15+\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"pmk-iaa-label\"\u003eActivité garantie\u003c\/div\u003e\n \u003cdiv class=\"pmk-iaa-detail\"\u003e≥ 514 mg\/kg MGO\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION DÉTAILLÉE --\u003e\n \u003csection class=\"pmk-section\"\u003e\n \u003ch2\u003eComposition naturelle et dosages précis\u003c\/h2\u003e\n \u003cdiv class=\"pmk-grid pmk-grid-3\"\u003e\n \u003cdiv class=\"pmk-ingredient-card\"\u003e\n \u003cdiv class=\"pmk-ingredient-icon\"\u003e🍯\u003c\/div\u003e\n \u003cdiv class=\"pmk-ingredient-name\"\u003eMiel de Manuka IAA15+\u003c\/div\u003e\n \u003cdiv class=\"pmk-ingredient-dose\"\u003e2 200 mg\u003c\/div\u003e\n \u003cdiv class=\"pmk-ingredient-label\"\u003ePour 6 pastilles\u003c\/div\u003e\n \u003cp class=\"pmk-ingredient-desc\"\u003eMiel authentique de Nouvelle-Zélande à l'activité certifiée, apaisant et réconfortant naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmk-ingredient-card\"\u003e\n \u003cdiv class=\"pmk-ingredient-icon\"\u003e🌸\u003c\/div\u003e\n \u003cdiv class=\"pmk-ingredient-name\"\u003eGuimauve officinale\u003c\/div\u003e\n \u003cdiv class=\"pmk-ingredient-dose\"\u003e500 mg\u003c\/div\u003e\n \u003cdiv class=\"pmk-ingredient-label\"\u003eÉquivalent plante\u003c\/div\u003e\n \u003cp class=\"pmk-ingredient-desc\"\u003eExtrait sec de racines (Althaea officinalis), traditionnellement utilisé pour adoucir et apaiser la gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmk-ingredient-card\"\u003e\n \u003cdiv class=\"pmk-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"pmk-ingredient-name\"\u003eHuile d'eucalyptus\u003c\/div\u003e\n \u003cdiv class=\"pmk-ingredient-dose\"\u003e19 mg\u003c\/div\u003e\n \u003cdiv class=\"pmk-ingredient-label\"\u003eHuile essentielle chémotypée\u003c\/div\u003e\n \u003cp class=\"pmk-ingredient-desc\"\u003eEucalyptus globulus de qualité, apporte une fraîcheur naturelle et un confort respiratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmk-info-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eComplément alimentaire\u003c\/strong\u003e à base de miel de Manuka et préparation de plantes. Composition complète : sucre, sirop de glucose, miel de Manuka IAA15+, extrait sec de racines de guimauve (Althaea officinalis), huile essentielle chémotypée d'eucalyptus globulus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"pmk-section\"\u003e\n \u003ch2\u003eComment les utiliser\u003c\/h2\u003e\n \u003cdiv class=\"pmk-usage-container\"\u003e\n \u003cdiv class=\"pmk-usage-card\"\u003e\n \u003cdiv class=\"pmk-usage-step\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pmk-usage-content\"\u003e\n \u003cdiv class=\"pmk-usage-title\"\u003eDosage recommandé\u003c\/div\u003e\n \u003cp\u003eSucer lentement \u003cstrong\u003ejusqu'à 6 pastilles par jour\u003c\/strong\u003e, selon vos besoins et l'intensité de la gêne ressentie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmk-usage-card\"\u003e\n \u003cdiv class=\"pmk-usage-step\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pmk-usage-content\"\u003e\n \u003cdiv class=\"pmk-usage-title\"\u003eQuand les prendre\u003c\/div\u003e\n \u003cp\u003eÀ \u003cstrong\u003etout moment de la journée\u003c\/strong\u003e, dès les premiers picotements ou en prévention lors d'expositions à risque (froid, air sec, effort vocal).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmk-usage-card\"\u003e\n \u003cdiv class=\"pmk-usage-step\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pmk-usage-content\"\u003e\n \u003cdiv class=\"pmk-usage-title\"\u003eLaisser fondre\u003c\/div\u003e\n \u003cp\u003eSucer lentement pour profiter du \u003cstrong\u003ecœur fondant au miel\u003c\/strong\u003e et permettre aux actifs de tapisser délicatement votre gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmk-age-box\"\u003e\n \u003cspan class=\"pmk-age-icon\"\u003e👨‍👩‍👧\u003c\/span\u003e\n \u003cspan class=\"pmk-age-text\"\u003eConvient à partir de \u003cstrong\u003e6 ans\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"pmk-section\"\u003e\n \u003ch2\u003ePour qui sont ces pastilles\u003c\/h2\u003e\n \u003cdiv class=\"pmk-grid\"\u003e\n \u003cdiv class=\"pmk-profile-card\"\u003e\n \u003cdiv class=\"pmk-profile-emoji\"\u003e🗣️\u003c\/div\u003e\n \u003cdiv class=\"pmk-profile-title\"\u003eLes orateurs\u003c\/div\u003e\n \u003cp\u003eEnseignants, chanteurs, conférenciers : protégez votre voix sollicitée quotidiennement avec une solution naturelle et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmk-profile-card\"\u003e\n \u003cdiv class=\"pmk-profile-emoji\"\u003e🍂\u003c\/div\u003e\n \u003cdiv class=\"pmk-profile-title\"\u003eEn période hivernale\u003c\/div\u003e\n \u003cp\u003eDès les premiers froids, le chauffage, l'air sec : apaisez les irritations saisonnières avec douceur et gourmandise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmk-profile-card\"\u003e\n \u003cdiv class=\"pmk-profile-emoji\"\u003e🌡️\u003c\/div\u003e\n \u003cdiv class=\"pmk-profile-title\"\u003eAux premiers signes\u003c\/div\u003e\n \u003cp\u003ePicotements, gêne, gorge sèche : agissez rapidement avec des ingrédients naturels à l'efficacité mesurée scientifiquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmk-profile-card\"\u003e\n \u003cdiv class=\"pmk-profile-emoji\"\u003e💼\u003c\/div\u003e\n \u003cdiv class=\"pmk-profile-title\"\u003eLes nomades urbains\u003c\/div\u003e\n \u003cp\u003eFormat pratique en boîte de 16 pastilles : glissez-les dans votre sac ou poche pour un réconfort immédiat où que vous soyez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"pmk-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pmk-warning-box\"\u003e\n \u003cdiv class=\"pmk-warning-content\"\u003e\n \u003cul class=\"pmk-warning-list\"\u003e\n \u003cli\u003eDéconseillé aux personnes \u003cstrong\u003eallergiques aux produits de la ruche\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n \u003cli\u003eÀ utiliser dans le cadre d'une alimentation variée, équilibrée et d'un mode de vie sain\u003c\/li\u003e\n \u003cli\u003eEn l'absence d'amélioration \u003cstrong\u003eau bout de 5 jours\u003c\/strong\u003e, consulter un médecin\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"pmk-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"pmk-grid pmk-grid-4\"\u003e\n \u003cdiv class=\"pmk-info-card\"\u003e\n \u003cdiv class=\"pmk-info-icon\"\u003e📦\u003c\/div\u003e\n \u003cdiv class=\"pmk-info-title\"\u003eFormat\u003c\/div\u003e\n \u003cp\u003e1 boîte de 16 pastilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmk-info-card\"\u003e\n \u003cdiv class=\"pmk-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"pmk-info-title\"\u003eFabrication\u003c\/div\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmk-info-card\"\u003e\n \u003cdiv class=\"pmk-info-icon\"\u003e🌡️\u003c\/div\u003e\n \u003cdiv class=\"pmk-info-title\"\u003eConservation\u003c\/div\u003e\n \u003cp\u003eEndroit sec, en dessous de 25°C\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmk-info-card\"\u003e\n \u003cdiv class=\"pmk-info-icon\"\u003e🌍\u003c\/div\u003e\n \u003cdiv class=\"pmk-info-title\"\u003eEngagement\u003c\/div\u003e\n \u003cp\u003eImports compensés carbone\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPTOIRS \u0026 COMPAGNIES --\u003e\n \u003csection class=\"pmk-section\"\u003e\n \u003cdiv class=\"pmk-brand-box\"\u003e\n \u003cdiv class=\"pmk-brand-header\"\u003e\n \u003cspan class=\"pmk-brand-logo\"\u003e🌏\u003c\/span\u003e\n \u003cspan class=\"pmk-brand-name\"\u003eComptoirs \u0026amp; Compagnies\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003ePionnier français des super-ingrédients naturels depuis 2004\u003c\/strong\u003e, Comptoirs \u0026amp; Compagnies source des matières premières rares et endémiques auprès de producteurs engagés à travers le monde (miel de Manuka, superfruits, noix de coco…).\u003c\/p\u003e\n \u003cp\u003eLa qualité est rigoureusement contrôlée et l'efficacité des ingrédients est scientifiquement documentée pour offrir des produits d'exception. Chaque produit fait l'objet d'une traçabilité complète, de la récolte à votre boîte.\u003c\/p\u003e\n \u003cp\u003eDécouvrez l'ensemble de la gamme au miel de Manuka, tous certifiés par l'indice IAA®, gage d'authenticité et d'efficacité mesurée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"pmk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pmk-cta-box\"\u003e\n \u003cdiv class=\"pmk-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pmk-cta-content\"\u003e\n \u003cp class=\"pmk-cta-text\"\u003eOffrez à votre gorge le réconfort d'un miel d'exception, l'efficacité de l'eucalyptus et la douceur de la guimauve. Une pastille croquante au cœur fondant, un plaisir gustatif qui prend soin de vous naturellement.\u003c\/p\u003e\n \u003cdiv class=\"pmk-cta-badges\"\u003e\n \u003cspan class=\"pmk-cta-badge\"\u003e✓ Miel de Manuka IAA15+ authentique\u003c\/span\u003e\n \u003cspan class=\"pmk-cta-badge\"\u003e✓ Triple action naturelle\u003c\/span\u003e\n \u003cspan class=\"pmk-cta-badge\"\u003e✓ Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n \/* Couleurs principales *\/\n --pmk-cream: #FAF8F5;\n --pmk-white: #ffffff;\n --pmk-black: #2B2B2B;\n --pmk-primary: #F4B740;\n --pmk-primary-dark: #D99B25;\n --pmk-primary-light: #FFF5E1;\n --pmk-secondary: #E8A428;\n --pmk-accent: #FFD666;\n\n \/* Textes *\/\n --pmk-text: #1a1a1a;\n --pmk-text-light: #5a5a5a;\n --pmk-text-lighter: #8a8a8a;\n\n \/* Effets *\/\n --pmk-border: #e8e4df;\n --pmk-shadow: 0 4px 24px rgba(43, 43, 43, .08);\n --pmk-shadow-lg: 0 12px 48px rgba(43, 43, 43, .15);\n --pmk-shadow-gold: 0 8px 32px rgba(244, 183, 64, .2);\n --pmk-radius: 20px;\n --pmk-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.pmk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pmk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--pmk-text);\n line-height: 1.7;\n}\n\n\/* === HERO SECTION === *\/\n.pmk-hero {\n position: relative;\n background: linear-gradient(135deg, var(--pmk-black) 0%, #3a3a3a 50%, var(--pmk-black) 100%);\n border-radius: var(--pmk-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(--pmk-shadow-lg);\n}\n\n.pmk-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .03;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.pmk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pmk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 2rem;\n}\n\n.pmk-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(--pmk-black);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.pmk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(244, 183, 64, .3);\n}\n\n.pmk-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, .3);\n}\n\n.pmk-subtitle {\n color: var(--pmk-primary);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n letter-spacing: -.01em;\n}\n\n.pmk-description {\n color: rgba(255, 255, 255, .9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.8;\n}\n\n\/* === SECTIONS === *\/\n.pmk-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.pmk-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--pmk-black);\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.pmk-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(--pmk-primary), var(--pmk-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.pmk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.pmk-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n}\n\n.pmk-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === CARDS === *\/\n.pmk-card {\n background: var(--pmk-white);\n border-radius: var(--pmk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--pmk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.pmk-card-hover:hover {\n transform: translateY(-8px);\n box-shadow: var(--pmk-shadow-lg);\n border-color: var(--pmk-primary);\n}\n\n.pmk-card-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n}\n\n.pmk-card-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--pmk-black);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.pmk-card p {\n font-size: 15px;\n color: var(--pmk-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === FEATURE BOX === *\/\n.pmk-feature-box {\n background: var(--pmk-white);\n border-radius: var(--pmk-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--pmk-shadow);\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n align-items: center;\n}\n\n.pmk-feature-badge {\n display: inline-block;\n padding: 8px 16px;\n background: var(--pmk-primary-light);\n color: var(--pmk-primary-dark);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n margin-bottom: 1rem;\n}\n\n.pmk-feature-title {\n font-size: clamp(22px, 4vw, 28px);\n font-weight: 900;\n color: var(--pmk-black);\n margin-bottom: 1rem;\n letter-spacing: -.02em;\n}\n\n.pmk-feature-content p {\n margin-bottom: 1rem;\n color: var(--pmk-text-light);\n}\n\n.pmk-feature-visual {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.pmk-iaa-badge {\n background: linear-gradient(135deg, var(--pmk-primary) 0%, var(--pmk-secondary) 100%);\n border-radius: var(--pmk-radius);\n padding: 2rem;\n text-align: center;\n box-shadow: var(--pmk-shadow-gold);\n min-width: 200px;\n}\n\n.pmk-iaa-number {\n font-size: 48px;\n font-weight: 900;\n color: white;\n letter-spacing: -.03em;\n}\n\n.pmk-iaa-number span {\n font-size: 32px;\n}\n\n.pmk-iaa-label {\n font-size: 16px;\n font-weight: 700;\n color: white;\n margin: .5rem 0;\n}\n\n.pmk-iaa-detail {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255, 255, 255, .9);\n}\n\n\/* === INGREDIENT CARDS === *\/\n.pmk-ingredient-card {\n background: var(--pmk-white);\n border-radius: var(--pmk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--pmk-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.pmk-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--pmk-shadow-lg);\n border-color: var(--pmk-primary);\n}\n\n.pmk-ingredient-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.pmk-ingredient-name {\n font-size: 18px;\n font-weight: 800;\n color: var(--pmk-black);\n margin-bottom: .75rem;\n}\n\n.pmk-ingredient-dose {\n font-size: 28px;\n font-weight: 900;\n color: var(--pmk-primary);\n margin-bottom: .25rem;\n}\n\n.pmk-ingredient-label {\n font-size: 12px;\n font-weight: 600;\n color: var(--pmk-text-lighter);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 1rem;\n}\n\n.pmk-ingredient-desc {\n font-size: 14px;\n color: var(--pmk-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === INFO BOX === *\/\n.pmk-info-box {\n background: var(--pmk-primary-light);\n border-left: 4px solid var(--pmk-primary);\n border-radius: var(--pmk-radius-sm);\n padding: 1.5rem;\n margin-top: 2rem;\n}\n\n.pmk-info-box p {\n margin: 0;\n color: var(--pmk-text);\n font-size: 15px;\n}\n\n\/* === USAGE === *\/\n.pmk-usage-container {\n display: grid;\n gap: 1.5rem;\n}\n\n.pmk-usage-card {\n background: var(--pmk-white);\n border-radius: var(--pmk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--pmk-shadow);\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.pmk-usage-card:hover {\n transform: translateX(8px);\n box-shadow: var(--pmk-shadow-lg);\n border-color: var(--pmk-primary);\n}\n\n.pmk-usage-step {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--pmk-primary) 0%, var(--pmk-secondary) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 26px;\n font-weight: 900;\n color: white;\n box-shadow: var(--pmk-shadow-gold);\n}\n\n.pmk-usage-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--pmk-black);\n margin-bottom: .5rem;\n}\n\n.pmk-usage-content p {\n margin: 0;\n color: var(--pmk-text-light);\n font-size: 15px;\n}\n\n.pmk-age-box {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n margin-top: 2rem;\n padding: 1.5rem;\n background: var(--pmk-primary-light);\n border-radius: var(--pmk-radius);\n}\n\n.pmk-age-icon {\n font-size: 32px;\n}\n\n.pmk-age-text {\n font-size: 18px;\n font-weight: 700;\n color: var(--pmk-black);\n}\n\n\/* === PROFILE CARDS === *\/\n.pmk-profile-card {\n background: var(--pmk-white);\n border-radius: var(--pmk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--pmk-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.pmk-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--pmk-shadow-lg);\n border-color: var(--pmk-primary);\n}\n\n.pmk-profile-emoji {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.pmk-profile-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--pmk-black);\n margin-bottom: .75rem;\n}\n\n.pmk-profile-card p {\n margin: 0;\n color: var(--pmk-text-light);\n font-size: 15px;\n}\n\n\/* === WARNING BOX === *\/\n.pmk-warning-box {\n background: #FFF9F0;\n border: 2px solid #FFE4B3;\n border-radius: var(--pmk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.pmk-warning-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.pmk-warning-list {\n margin: 0;\n padding-left: 1.5rem;\n color: var(--pmk-text);\n}\n\n.pmk-warning-list li {\n margin-bottom: .75rem;\n font-size: 15px;\n line-height: 1.6;\n}\n\n.pmk-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n\/* === INFO CARDS === *\/\n.pmk-info-card {\n background: var(--pmk-white);\n border-radius: var(--pmk-radius);\n padding: 1.5rem;\n box-shadow: var(--pmk-shadow);\n text-align: center;\n transition: all .3s ease;\n}\n\n.pmk-info-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--pmk-shadow-lg);\n}\n\n.pmk-info-icon {\n font-size: 36px;\n margin-bottom: .75rem;\n}\n\n.pmk-info-title {\n font-size: 16px;\n font-weight: 800;\n color: var(--pmk-black);\n margin-bottom: .5rem;\n}\n\n.pmk-info-card p {\n margin: 0;\n font-size: 14px;\n color: var(--pmk-text-light);\n}\n\n\/* === BRAND BOX === *\/\n.pmk-brand-box {\n background: linear-gradient(135deg, var(--pmk-white) 0%, var(--pmk-primary-light) 100%);\n border-radius: var(--pmk-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--pmk-shadow);\n}\n\n.pmk-brand-header {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.pmk-brand-logo {\n font-size: 40px;\n}\n\n.pmk-brand-name {\n font-size: clamp(22px, 4vw, 28px);\n font-weight: 900;\n color: var(--pmk-black);\n letter-spacing: -.02em;\n}\n\n.pmk-brand-box p {\n margin-bottom: 1rem;\n color: var(--pmk-text-light);\n font-size: 15px;\n text-align: center;\n}\n\n.pmk-brand-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.pmk-cta-box {\n position: relative;\n background: linear-gradient(135deg, var(--pmk-black) 0%, #3a3a3a 50%, var(--pmk-black) 100%);\n border-radius: var(--pmk-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n overflow: hidden;\n box-shadow: var(--pmk-shadow-lg);\n}\n\n.pmk-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: radial-gradient(circle, rgba(255,255,255,.2) 1px, transparent 1px);\n background-size: 30px 30px;\n}\n\n.pmk-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.pmk-cta-text {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, .2);\n margin: 0 0 2rem 0;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.pmk-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n}\n\n.pmk-cta-badge {\n display: inline-flex;\n align-items: center;\n padding: 10px 20px;\n background: rgba(255, 255, 255, .95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: var(--pmk-black);\n box-shadow: 0 4px 16px rgba(0, 0, 0, .15);\n}\n\n\/* === RESPONSIVE === *\/\n@media (min-width: 768px) {\n .pmk-feature-box {\n grid-template-columns: 1fr auto;\n }\n}\n\n@media (max-width: 767px) {\n .pmk-grid,\n .pmk-grid-3,\n .pmk-grid-4 {\n grid-template-columns: 1fr;\n }\n \n .pmk-hero {\n padding: 2.5rem 1.5rem;\n }\n \n .pmk-warning-box {\n flex-direction: column;\n }\n \n .pmk-usage-card {\n flex-direction: column;\n text-align: center;\n }\n \n .pmk-age-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pmk-card,\n .pmk-ingredient-card,\n .pmk-profile-card,\n .pmk-usage-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .pmk-card:nth-child(1),\n .pmk-ingredient-card:nth-child(1),\n .pmk-profile-card:nth-child(1),\n .pmk-usage-card:nth-child(1) { animation-delay: .1s; }\n \n .pmk-card:nth-child(2),\n .pmk-ingredient-card:nth-child(2),\n .pmk-profile-card:nth-child(2),\n .pmk-usage-card:nth-child(2) { animation-delay: .2s; }\n \n .pmk-card:nth-child(3),\n .pmk-ingredient-card:nth-child(3),\n .pmk-profile-card:nth-child(3),\n .pmk-usage-card:nth-child(3) { animation-delay: .3s; }\n \n .pmk-card:nth-child(4),\n .pmk-ingredient-card:nth-child(4),\n .pmk-profile-card:nth-child(4),\n .pmk-usage-card:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pmk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .pmk-premium {\n --pmk-border: #000000;\n }\n \n .pmk-card,\n .pmk-ingredient-card,\n .pmk-profile-card {\n border-color: var(--pmk-border);\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIRS ET COMPAGNIES","offers":[{"title":"Default Title","offer_id":55942341722489,"sku":"NBAICCO0038","price":10.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/pastilles-gorge-cur-fondant-au-miel-de-manuka-iaa15-comptoir-packshothd.webp?v=1790356356"},{"product_id":"gouttes-propolis-pepins-de-pamplemousse-bio-30ml-aagaard","title":"Gouttes Propolis \u0026 Pépins de Pamplemousse Bio – 30 ml - Aagaard","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gouttes Propolis \u0026 Pépins de Pamplemousse Bio – 30 ml - Aagaard\nPalette détectée:\n - Primaire: #7A9B4A (vert olive\/sauge du packaging)\n - Secondaire: #F5E6A3 (jaune paille doux, évoquant le miel)\n - Accent: #5C4A3A (brun foncé du flacon, évoquant la propolis)\n - Cream: #F9F7F2 (fond crème naturel)\nAmbiance: Naturel\/Bio, apiculture traditionnelle, douceur familiale, expertise depuis 1967\nPréfixe CSS: ppb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Les bienfaits des gouttes de Propolis \u0026 Pépins de Pamplemousse\"\n 2. \"Pourquoi associer propolis \u0026 pépins de pamplemousse ?\"\n 3. \"Ingrédients \u0026 composition\"\n 4. \"Posologie et conseils d'utilisation\"\n 5. \"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=\"ppb-premium\"\u003e\n \n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ppb-hero\"\u003e\n \u003cdiv class=\"ppb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ppb-hero-content\"\u003e\n \u003cdiv class=\"ppb-badges-top\"\u003e\n \u003cspan class=\"ppb-badge\"\u003e🐝 Propolis Bio\u003c\/span\u003e\n \u003cspan class=\"ppb-badge\"\u003e🍊 Pépins de Pamplemousse\u003c\/span\u003e\n \u003cspan class=\"ppb-badge\"\u003e🚫 Sans Alcool\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ppb-hero-title\"\u003eGouttes Propolis \u0026amp; Pépins de Pamplemousse Bio\u003c\/span\u003e\n \u003cp class=\"ppb-subtitle\"\u003eAagaard • Depuis 1967 • 30 ml\u003c\/p\u003e\n \u003cp class=\"ppb-description\"\u003eFormule bio, douce et efficace pour renforcer les défenses naturelles de toute la famille, dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ppb-section\"\u003e\n \u003ch2\u003eLes bienfaits des gouttes de Propolis \u0026amp; Pépins de Pamplemousse\u003c\/h2\u003e\n \u003cdiv class=\"ppb-grid\"\u003e\n \u003cdiv class=\"ppb-card\"\u003e\n \u003ch3\u003e🛡️ Défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eSoutient activement vos défenses naturelles grâce à la synergie propolis + pépins de pamplemousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ppb-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Pour toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux enfants dès 3 ans, femmes enceintes et personnes sensibles grâce à sa formule douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ppb-card\"\u003e\n \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n \u003cp\u003eFormulation sans alcool ni huiles essentielles pour une tolérance maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ppb-card\"\u003e\n \u003ch3\u003e🔬 Contrôle HPLC\u003c\/h3\u003e\n \u003cp\u003eConcentration garantie en polyphénols et flavonoïdes pour une efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ppb-card\"\u003e\n \u003ch3\u003e🌿 Expertise Aagaard\u003c\/h3\u003e\n \u003cp\u003eFormulation douce issue du savoir-faire apicole Aagaard depuis 1967.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ppb-card\"\u003e\n \u003ch3\u003e🌱 Certifié Bio\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de l'agriculture biologique pour une qualité irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ppb-section\"\u003e\n \u003ch2\u003ePourquoi associer propolis \u0026amp; pépins de pamplemousse ?\u003c\/h2\u003e\n \u003cdiv class=\"ppb-explanation\"\u003e\n \u003cdiv class=\"ppb-explanation-card\"\u003e\n \u003cdiv class=\"ppb-explanation-icon\"\u003e🐝\u003c\/div\u003e\n \u003ch3\u003eLa propolis\u003c\/h3\u003e\n \u003cp\u003eSubstance précieuse produite par les abeilles pour protéger la ruche. Riche en \u003cstrong\u003eflavonoïdes\u003c\/strong\u003e, elle est reconnue pour ses vertus purifiantes et protectrices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ppb-explanation-plus\"\u003e+\u003c\/div\u003e\n \u003cdiv class=\"ppb-explanation-card\"\u003e\n \u003cdiv class=\"ppb-explanation-icon\"\u003e🍊\u003c\/div\u003e\n \u003ch3\u003ePépins de pamplemousse\u003c\/h3\u003e\n \u003cp\u003eContient des \u003cstrong\u003epolyphénols\u003c\/strong\u003e aux propriétés assainissantes, idéal pour compléter l'action protectrice de la propolis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ppb-explanation-equal\"\u003e=\u003c\/div\u003e\n \u003cdiv class=\"ppb-explanation-result\"\u003e\n \u003cdiv class=\"ppb-explanation-icon\"\u003e💪\u003c\/div\u003e\n \u003ch3\u003eUn bouclier naturel\u003c\/h3\u003e\n \u003cp\u003eParticulièrement utile en période hivernale ou lors de coups de fatigue. Base végétale douce, \u003cstrong\u003esans alcool\u003c\/strong\u003e ni huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ppb-section\"\u003e\n \u003ch2\u003eIngrédients \u0026amp; composition\u003c\/h2\u003e\n \u003cdiv class=\"ppb-composition\"\u003e\n \u003cdiv class=\"ppb-composition-list\"\u003e\n \u003cdiv class=\"ppb-ingredient\"\u003e\n \u003cspan class=\"ppb-ingredient-percent\"\u003e34%\u003c\/span\u003e\n \u003cspan class=\"ppb-ingredient-name\"\u003eExtrait de pépins de pamplemousse*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ppb-ingredient\"\u003e\n \u003cspan class=\"ppb-ingredient-percent\"\u003e31%\u003c\/span\u003e\n \u003cspan class=\"ppb-ingredient-name\"\u003eExtrait de propolis\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ppb-ingredient\"\u003e\n \u003cspan class=\"ppb-ingredient-percent\"\u003e—\u003c\/span\u003e\n \u003cspan class=\"ppb-ingredient-name\"\u003eGlycérine végétale*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"ppb-bio-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n \n \u003cdiv class=\"ppb-dosage-box\"\u003e\n \u003ch4\u003e📊 Par dose journalière (20 gouttes)\u003c\/h4\u003e\n \u003cdiv class=\"ppb-dosage-grid\"\u003e\n \u003cdiv class=\"ppb-dosage-item\"\u003e\n \u003cspan class=\"ppb-dosage-value\"\u003e38 mg\u003c\/span\u003e\n \u003cspan class=\"ppb-dosage-label\"\u003ePropolis\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ppb-dosage-item\"\u003e\n \u003cspan class=\"ppb-dosage-value\"\u003e282 mg\u003c\/span\u003e\n \u003cspan class=\"ppb-dosage-label\"\u003eExtrait de pépins de pamplemousse\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!-- SECTION 4 --\u003e\n \u003csection class=\"ppb-section\"\u003e\n \u003ch2\u003ePosologie et conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"ppb-timeline\"\u003e\n \u003cdiv class=\"ppb-timeline-item\"\u003e\n \u003cdiv class=\"ppb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ppb-timeline-content\"\u003e\n \u003ch3\u003e⚡ Cure intensive\u003c\/h3\u003e\n \u003cp\u003e10 gouttes, 2 fois par jour pendant 5 jours. Idéal en cas de besoin immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ppb-timeline-item\"\u003e\n \u003cdiv class=\"ppb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ppb-timeline-content\"\u003e\n \u003ch3\u003e🌿 Entretien quotidien\u003c\/h3\u003e\n \u003cp\u003e1 goutte par jour pour maintenir vos défenses au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ppb-timeline-item\"\u003e\n \u003cdiv class=\"ppb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ppb-timeline-content\"\u003e\n \u003ch3\u003e💧 Mode d'emploi\u003c\/h3\u003e\n \u003cp\u003eDiluer dans un verre d'eau ou de jus. Bien agiter avant emploi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ppb-tip\"\u003e\n \u003cspan class=\"ppb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi le liquide s'épaissit, placez le flacon quelques minutes sous un filet d'eau chaude.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ppb-duration-box\"\u003e\n \u003ch4\u003e📅 Durée estimée d'utilisation\u003c\/h4\u003e\n \u003cp class=\"ppb-duration-intro\"\u003e\u003cstrong\u003eUn flacon de 30 ml contient environ 600 gouttes.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"ppb-grid-compact\"\u003e\n \u003cdiv class=\"ppb-card\"\u003e\n \u003ch3\u003e⚡ Cure intensive\u003c\/h3\u003e\n \u003cp\u003e~30 jours (3 cures de 5 jours)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ppb-card\"\u003e\n \u003ch3\u003e🌿 Entretien\u003c\/h3\u003e\n \u003cp\u003e~600 jours (près de 20 mois)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ppb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ppb-accordion\"\u003e\n \u003cdetails class=\"ppb-accordion-item\"\u003e\n \u003csummary class=\"ppb-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"ppb-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche et aux enfants de moins de 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ppb-accordion-item\"\u003e\n \u003csummary class=\"ppb-accordion-header\"\u003e📏 Dosage\u003c\/summary\u003e\n \u003cdiv class=\"ppb-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose recommandée. Ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ppb-accordion-item\"\u003e\n \u003csummary class=\"ppb-accordion-header\"\u003e🧒 Sécurité\u003c\/summary\u003e\n \u003cdiv class=\"ppb-accordion-content\"\u003e\n \u003cp\u003eTenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ppb-accordion-item\"\u003e\n \u003csummary class=\"ppb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ppb-accordion-content\"\u003e\n \u003cp\u003eÀ conserver à l'abri de la chaleur, de l'humidité et de la lumière.\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=\"ppb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ppb-cta-box\"\u003e\n \u003cp\u003e🐝 Une formule bio, sans alcool, qui associe la propolis et les pépins de pamplemousse pour soutenir vos défenses naturelles au quotidien, en toute simplicité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ppb-disclaimer\"\u003eComplément alimentaire. Les compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ppb-cream: #F9F7F2;\n --ppb-white: #ffffff;\n --ppb-primary: #7A9B4A;\n --ppb-primary-dark: #5A7A35;\n --ppb-primary-light: #E8F0DC;\n --ppb-secondary: #F5E6A3;\n --ppb-accent: #5C4A3A;\n --ppb-text: #1a1a1a;\n --ppb-text-light: #5a5a5a;\n --ppb-border: #e0e0e0;\n --ppb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ppb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ppb-radius: 20px;\n --ppb-radius-sm: 12px;\n}\n\n.ppb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ppb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ppb-hero {\n position: relative;\n background: linear-gradient(135deg, #7A9B4A 0%, #5A7A35 50%, #4A6A2A 100%);\n border-radius: var(--ppb-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(--ppb-shadow-lg);\n}\n\n.ppb-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.08'\/%3E%3C\/svg%3E\");\n opacity: .4;\n}\n\n.ppb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ppb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ppb-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(--ppb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ppb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ppb-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.ppb-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .5px;\n}\n\n.ppb-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.ppb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ppb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ppb-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.ppb-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(--ppb-primary), var(--ppb-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLE === *\/\n.ppb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ppb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1rem;\n}\n\n\/* === CARDS === *\/\n.ppb-card {\n background: var(--ppb-white);\n border-radius: var(--ppb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ppb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ppb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ppb-shadow-lg);\n border-color: var(--ppb-primary);\n}\n\n.ppb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ppb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ppb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ppb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === EXPLANATION SECTION === *\/\n.ppb-explanation {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n}\n\n.ppb-explanation-card {\n flex: 1;\n min-width: 220px;\n max-width: 300px;\n background: var(--ppb-white);\n border-radius: var(--ppb-radius);\n padding: 1.5rem;\n box-shadow: var(--ppb-shadow);\n text-align: center;\n}\n\n.ppb-explanation-icon {\n font-size: 48px;\n margin-bottom: .75rem;\n}\n\n.ppb-explanation-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--ppb-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.ppb-explanation-card p {\n font-size: 14px;\n color: var(--ppb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ppb-explanation-plus,\n.ppb-explanation-equal {\n font-size: 32px;\n font-weight: 900;\n color: var(--ppb-primary);\n}\n\n.ppb-explanation-result {\n flex: 1;\n min-width: 280px;\n background: linear-gradient(135deg, var(--ppb-primary-light) 0%, var(--ppb-secondary) 100%);\n border-radius: var(--ppb-radius);\n padding: 1.5rem;\n box-shadow: var(--ppb-shadow);\n text-align: center;\n border: 3px solid var(--ppb-primary);\n}\n\n.ppb-explanation-result h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--ppb-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.ppb-explanation-result p {\n font-size: 14px;\n color: var(--ppb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.ppb-composition {\n background: var(--ppb-white);\n border-radius: var(--ppb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ppb-shadow);\n}\n\n.ppb-composition-list {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n margin-bottom: 1rem;\n}\n\n.ppb-ingredient {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: .75rem 1rem;\n background: var(--ppb-primary-light);\n border-radius: var(--ppb-radius-sm);\n}\n\n.ppb-ingredient-percent {\n font-size: 18px;\n font-weight: 900;\n color: var(--ppb-primary-dark);\n min-width: 50px;\n}\n\n.ppb-ingredient-name {\n font-size: 15px;\n color: var(--ppb-text);\n font-weight: 600;\n}\n\n.ppb-bio-note {\n font-size: 13px;\n color: var(--ppb-text-light);\n font-style: italic;\n margin: 0 0 1.5rem 0;\n}\n\n.ppb-dosage-box {\n background: linear-gradient(135deg, var(--ppb-secondary) 0%, #F0DFA0 100%);\n border-radius: var(--ppb-radius-sm);\n padding: 1.25rem;\n}\n\n.ppb-dosage-box h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ppb-accent);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.ppb-dosage-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ppb-dosage-item {\n text-align: center;\n}\n\n.ppb-dosage-value {\n display: block;\n font-size: 24px;\n font-weight: 900;\n color: var(--ppb-primary-dark);\n}\n\n.ppb-dosage-label {\n font-size: 12px;\n color: var(--ppb-text-light);\n font-weight: 600;\n}\n\n\/* === TIMELINE === *\/\n.ppb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ppb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ppb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ppb-primary), var(--ppb-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ppb-timeline-content {\n flex: 1;\n background: var(--ppb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ppb-radius-sm);\n box-shadow: var(--ppb-shadow);\n}\n\n.ppb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ppb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ppb-timeline-content p {\n font-size: 14px;\n color: var(--ppb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.ppb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ppb-primary-light);\n border-radius: var(--ppb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ppb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ppb-tip p {\n font-size: 14px;\n color: var(--ppb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DURATION BOX === *\/\n.ppb-duration-box {\n background: var(--ppb-white);\n border-radius: var(--ppb-radius);\n padding: 1.5rem;\n margin-top: 1.5rem;\n box-shadow: var(--ppb-shadow);\n border-left: 4px solid var(--ppb-primary);\n}\n\n.ppb-duration-box h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ppb-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.ppb-duration-intro {\n font-size: 14px;\n color: var(--ppb-text);\n margin: 0;\n}\n\n.ppb-duration-box .ppb-grid-compact .ppb-card {\n padding: 1rem;\n}\n\n.ppb-duration-box .ppb-grid-compact .ppb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ppb-duration-box .ppb-grid-compact .ppb-card p {\n font-size: 13px;\n font-weight: 700;\n color: var(--ppb-primary-dark);\n}\n\n\/* === ACCORDION === *\/\n.ppb-accordion {\n background: var(--ppb-white);\n border-radius: var(--ppb-radius);\n box-shadow: var(--ppb-shadow);\n overflow: hidden;\n}\n\n.ppb-accordion-item {\n border-bottom: 1px solid var(--ppb-border);\n margin: 0;\n padding: 0;\n}\n\n.ppb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ppb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ppb-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.ppb-accordion-header:hover {\n background: var(--ppb-primary-light);\n}\n\n.ppb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ppb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ppb-primary);\n transition: transform .2s ease;\n}\n\n.ppb-accordion-item[open] .ppb-accordion-header::after {\n content: '−';\n}\n\n.ppb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ppb-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.ppb-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.ppb-cta-box {\n background: linear-gradient(135deg, var(--ppb-primary) 0%, var(--ppb-primary-dark) 100%);\n border-radius: var(--ppb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ppb-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.ppb-disclaimer {\n font-size: 12px;\n color: var(--ppb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .ppb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ppb-card {\n padding: 1.125rem;\n }\n \n .ppb-section {\n margin-bottom: 1.75rem;\n }\n \n .ppb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ppb-radius-sm);\n }\n \n .ppb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ppb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ppb-grid-compact {\n gap: .625rem;\n }\n \n .ppb-grid-compact .ppb-card {\n padding: .75rem;\n }\n \n .ppb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .ppb-timeline-content {\n padding: .875rem 1rem;\n }\n \n .ppb-timeline-content h3 {\n font-size: 14px;\n }\n \n .ppb-timeline-content p {\n font-size: 13px;\n }\n \n .ppb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ppb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ppb-explanation {\n flex-direction: column;\n }\n \n .ppb-explanation-card,\n .ppb-explanation-result {\n max-width: 100%;\n min-width: auto;\n }\n \n .ppb-explanation-plus,\n .ppb-explanation-equal {\n font-size: 24px;\n }\n \n .ppb-dosage-grid {\n grid-template-columns: 1fr 1fr;\n gap: .75rem;\n }\n \n .ppb-dosage-value {\n font-size: 20px;\n }\n \n .ppb-composition {\n padding: 1.25rem;\n }\n \n .ppb-ingredient {\n padding: .625rem .875rem;\n }\n \n .ppb-ingredient-percent {\n font-size: 16px;\n min-width: 40px;\n }\n \n .ppb-ingredient-name {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ppb-card {\n animation: ppbFadeInUp .5s ease backwards;\n }\n .ppb-card:nth-child(1) { animation-delay: .05s; }\n .ppb-card:nth-child(2) { animation-delay: .1s; }\n .ppb-card:nth-child(3) { animation-delay: .15s; }\n .ppb-card:nth-child(4) { animation-delay: .2s; }\n .ppb-card:nth-child(5) { animation-delay: .25s; }\n .ppb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ppbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ppb-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":55991203398009,"sku":"NBAIAAG0018","price":13.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gouttes-propolis-pepins-de-pamplemousse-bio-30-ml-aagaard-ingredients.webp?v=1769758739"},{"product_id":"spray-nasal-isotonique-30ml-aagaard","title":"Spray nasal isotonique - 30ml - Aagaard","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Spray nasal isotonique Aagaard à la propolis\nPalette détectée:\n - Primaire: #6B8DB8 (bleu doux du packaging, inspirant confiance et fraîcheur)\n - Secondaire: #4A6B8A (bleu plus foncé pour contraste)\n - Accent: #F5A623 (doré\/miel évoquant la propolis)\n - Background: #F8FAFB (très clair, apaisant)\nAmbiance: Santé naturelle, soin doux, confiance médicale, tradition depuis 1907, naturalité de la propolis\nStyle: Clean\/médical avec touche naturelle, épuré, professionnel mais accessible\nPréfixe CSS: snp (spray-nasal-propolis)\n--\u003e\n\u003cdiv class=\"snp-premium\"\u003e\n\u003c!-- HERO SECTION --\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🐝 Propolis naturelle\u003c\/span\u003e \u003cspan class=\"snp-badge\"\u003e🌊 Eau de mer isotonique\u003c\/span\u003e \u003cspan class=\"snp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"snp-hero-title\"\u003eSpray nasal isotonique à la propolis\u003c\/span\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eHygiène et confort respiratoire depuis 1907\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eUne solution douce et naturelle qui nettoie, hydrate et protège vos muqueuses nasales au quotidien. La force de l'eau de mer associée aux bienfaits ancestraux de la propolis.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BIENFAITS PRINCIPAUX --\u003e\n\u003csection class=\"snp-section\"\u003e\n\u003ch2\u003eLes bienfaits au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"snp-grid\"\u003e\n\u003cdiv class=\"snp-card\"\u003e\n\u003cdiv class=\"snp-icon\"\u003e🧹\u003c\/div\u003e\n\u003ch3\u003eNettoie et assainit\u003c\/h3\u003e\n\u003cp\u003eÉlimine efficacement les poussières, allergènes et particules de pollution accumulées dans vos fosses nasales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-card\"\u003e\n\u003cdiv class=\"snp-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eHydrate en profondeur\u003c\/h3\u003e\n\u003cp\u003eAdoucit les muqueuses sèches et irritées, particulièrement en hiver ou dans les environnements climatisés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-card\"\u003e\n\u003cdiv class=\"snp-icon\"\u003e⚖️\u003c\/div\u003e\n\u003ch3\u003eFormule isotonique\u003c\/h3\u003e\n\u003cp\u003eÀ 0,9% de sel, respecte parfaitement l'équilibre naturel de vos muqueuses nasales sans les agresser\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-card\"\u003e\n\u003cdiv class=\"snp-icon\"\u003e🐝\u003c\/div\u003e\n\u003ch3\u003eEnrichi en propolis\u003c\/h3\u003e\n\u003cp\u003eBénéficiez des propriétés apaisantes naturelles de la propolis, trésor de la ruche utilisé depuis des siècles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-card\"\u003e\n\u003cdiv class=\"snp-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eOligo-éléments essentiels\u003c\/h3\u003e\n\u003cp\u003eCuivre, manganèse et soufre renforcent l'action protectrice et équilibrante de la formule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-card\"\u003e\n\u003cdiv class=\"snp-icon\"\u003e👨👩👧👦\u003c\/div\u003e\n\u003ch3\u003ePour toute la famille\u003c\/h3\u003e\n\u003cp\u003eVaporisation simple et pratique, adaptée aux adultes et enfants dès 4 ans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"snp-section\"\u003e\n\u003ch2\u003eUne composition naturelle et efficace\u003c\/h2\u003e\n\u003cdiv class=\"snp-composition-grid\"\u003e\n\u003cdiv class=\"snp-ingredient-card\"\u003e\n\u003cdiv class=\"snp-ingredient-icon\"\u003e🌊\u003c\/div\u003e\n\u003ch4\u003eEau de mer isotonique\u003c\/h4\u003e\n\u003cdiv class=\"snp-dosage\"\u003e0,9% de sel\u003c\/div\u003e\n\u003cp\u003eBase purifiante et reminéralisante qui nettoie en douceur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-ingredient-card\"\u003e\n\u003cdiv class=\"snp-ingredient-icon\"\u003e🐝\u003c\/div\u003e\n\u003ch4\u003eExtrait de propolis\u003c\/h4\u003e\n\u003cdiv class=\"snp-dosage\"\u003eActif naturel\u003c\/div\u003e\n\u003cp\u003eTrésor de la ruche aux propriétés apaisantes reconnues\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-ingredient-card\"\u003e\n\u003cdiv class=\"snp-ingredient-icon\"\u003e⚗️\u003c\/div\u003e\n\u003ch4\u003eOligo-éléments\u003c\/h4\u003e\n\u003cdiv class=\"snp-dosage\"\u003eCu, Mn, S\u003c\/div\u003e\n\u003cp\u003eCuivre, manganèse et soufre pour protéger et équilibrer\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-quality-box\"\u003e\n\u003cp\u003e🇫🇷 \u003cstrong\u003eFabriqué en France\u003c\/strong\u003e avec des ingrédients sélectionnés selon les standards de qualité Aagaard, experts en produits de la ruche depuis 1907\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"snp-section\"\u003e\n\u003ch2\u003eMode d'emploi simple et pratique\u003c\/h2\u003e\n\u003cdiv class=\"snp-steps\"\u003e\n\u003cdiv class=\"snp-step\"\u003e\n\u003cdiv class=\"snp-step-number\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eUsage quotidien\u003c\/h4\u003e\n\u003cp\u003e1 pulvérisation dans chaque narine selon vos besoins pour maintenir une bonne hydratation des muqueuses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-step\"\u003e\n\u003cdiv class=\"snp-step-number\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eNez très sec ou congestionné\u003c\/h4\u003e\n\u003cp\u003eVaporisez généreusement puis insérez un coton absorbant pour ramollir les sécrétions sèches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-step\"\u003e\n\u003cdiv class=\"snp-step-number\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eConservation\u003c\/h4\u003e\n\u003cp\u003eÀ utiliser dans les \u003cstrong\u003e30 jours après ouverture\u003c\/strong\u003e pour garantir l'efficacité optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"snp-section\"\u003e\n\u003ch2\u003eIdéal pour vous si...\u003c\/h2\u003e\n\u003cdiv class=\"snp-grid-2\"\u003e\n\u003cdiv class=\"snp-profile-card\"\u003e\n\u003cdiv class=\"snp-profile-icon\"\u003e🏙️\u003c\/div\u003e\n\u003ch4\u003eVous vivez en ville\u003c\/h4\u003e\n\u003cp\u003eExposé à la pollution, poussières et particules fines quotidiennement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-profile-card\"\u003e\n\u003cdiv class=\"snp-profile-icon\"\u003e🌸\u003c\/div\u003e\n\u003ch4\u003eVous êtes allergique\u003c\/h4\u003e\n\u003cp\u003eBesoin de nettoyer régulièrement les allergènes (pollen, acariens...)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-profile-card\"\u003e\n\u003cdiv class=\"snp-profile-icon\"\u003e❄️\u003c\/div\u003e\n\u003ch4\u003eMuqueuses sèches\u003c\/h4\u003e\n\u003cp\u003eNez sec en hiver, dans les transports ou environnements climatisés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-profile-card\"\u003e\n\u003cdiv class=\"snp-profile-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eHygiène naturelle\u003c\/h4\u003e\n\u003cp\u003eRecherche d'une solution douce et naturelle pour l'hygiène nasale quotidienne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"snp-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"snp-warning-box\"\u003e\n\u003cdiv class=\"snp-warning-content\"\u003e\n\u003cdiv class=\"snp-warning-item\"\u003e\n\u003cspan class=\"snp-warning-icon\"\u003e👶\u003c\/span\u003e\n\u003cp\u003eNe pas utiliser chez les enfants de moins de 4 ans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-warning-item\"\u003e\n\u003cspan class=\"snp-warning-icon\"\u003e🐝\u003c\/span\u003e\n\u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche (propolis, miel, pollen)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-warning-item\"\u003e\n\u003cspan class=\"snp-warning-icon\"\u003e👥\u003c\/span\u003e\n\u003cp\u003eNe pas partager le flacon entre plusieurs personnes pour des raisons d'hygiène\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-warning-item\"\u003e\n\u003cspan class=\"snp-warning-icon\"\u003e🏠\u003c\/span\u003e\n\u003cp\u003eConserver dans un endroit sec et sombre, à température ambiante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-warning-item\"\u003e\n\u003cspan class=\"snp-warning-icon\"\u003e⚕️\u003c\/span\u003e\n\u003cp\u003eUsage externe uniquement - Ne pas avaler\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"snp-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"snp-info-grid\"\u003e\n\u003cdiv class=\"snp-info-card\"\u003e\n\u003cdiv class=\"snp-info-label\"\u003eContenance\u003c\/div\u003e\n\u003cdiv class=\"snp-info-value\"\u003e30 ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-info-card\"\u003e\n\u003cdiv class=\"snp-info-label\"\u003eDurée d'utilisation\u003c\/div\u003e\n\u003cdiv class=\"snp-info-value\"\u003e30 jours après ouverture\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-info-card\"\u003e\n\u003cdiv class=\"snp-info-label\"\u003eFabrication\u003c\/div\u003e\n\u003cdiv class=\"snp-info-value\"\u003e🇫🇷 France\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-info-card\"\u003e\n\u003cdiv class=\"snp-info-label\"\u003eMarque\u003c\/div\u003e\n\u003cdiv class=\"snp-info-value\"\u003eAagaard (depuis 1907)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-info-card\"\u003e\n\u003cdiv class=\"snp-info-label\"\u003eType de solution\u003c\/div\u003e\n\u003cdiv class=\"snp-info-value\"\u003eIsotonique 0,9%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"snp-info-card\"\u003e\n\u003cdiv class=\"snp-info-label\"\u003eÂge minimum\u003c\/div\u003e\n\u003cdiv class=\"snp-info-value\"\u003e4 ans\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"snp-section\"\u003e\n\u003cdiv class=\"snp-cta-box\"\u003e\n\u003cdiv class=\"snp-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"snp-cta-content\"\u003e\n\u003cp\u003e💨 Respirez mieux au quotidien avec la douceur de l'eau de mer et la puissance naturelle de la propolis. Un geste simple pour un confort nasal optimal !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --snp-cream: #F8FAFB;\n --snp-white: #ffffff;\n --snp-primary: #6B8DB8;\n --snp-primary-dark: #4A6B8A;\n --snp-primary-light: #E8F0F7;\n --snp-secondary: #5A7B9D;\n --snp-accent: #F5A623;\n \n \/* Textes *\/\n --snp-text: #1a1a1a;\n --snp-text-light: #5a5a5a;\n \n \/* Effets *\/\n --snp-border: #e0e0e0;\n --snp-shadow: 0 4px 24px rgba(107, 141, 184, 0.08);\n --snp-shadow-lg: 0 12px 48px rgba(107, 141, 184, 0.15);\n --snp-radius: 20px;\n --snp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\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 line-height: 1.6;\n color: var(--snp-text);\n}\n\n\/* === HERO === *\/\n.snp-hero {\n position: relative;\n background: linear-gradient(135deg, var(--snp-primary) 0%, var(--snp-secondary) 50%, var(--snp-primary-dark) 100%);\n border-radius: var(--snp-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(--snp-shadow-lg);\n}\n\n.snp-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,0.1) 20px, rgba(255,255,255,0.1) 40px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,0.1) 20px, rgba(255,255,255,0.1) 40px);\n}\n\n.snp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.snp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\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, 0.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, 0.1);\n transition: all 0.3s ease;\n}\n\n.snp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.snp-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n line-height: 1.1;\n}\n\n.snp-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.snp-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.snp-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.snp-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--snp-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.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-accent));\n border-radius: 2px;\n}\n\n.snp-premium h3 {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--snp-primary-dark);\n margin: 0 0 0.75rem 0;\n letter-spacing: -0.02em;\n}\n\n.snp-premium h4 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 700;\n color: var(--snp-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.snp-premium p {\n margin: 0;\n color: var(--snp-text-light);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.snp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.snp-grid-2 {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.snp-card {\n background: var(--snp-white);\n border-radius: var(--snp-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--snp-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.snp-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--snp-shadow-lg);\n border-color: var(--snp-primary);\n}\n\n.snp-icon {\n font-size: clamp(40px, 6vw, 56px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(107, 141, 184, 0.2));\n}\n\n\/* === COMPOSITION === *\/\n.snp-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.snp-ingredient-card {\n background: var(--snp-white);\n border-radius: var(--snp-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--snp-shadow);\n text-align: center;\n border: 2px solid var(--snp-primary-light);\n transition: all 0.3s ease;\n}\n\n.snp-ingredient-card:hover {\n transform: translateY(-6px);\n border-color: var(--snp-primary);\n box-shadow: var(--snp-shadow-lg);\n}\n\n.snp-ingredient-icon {\n font-size: clamp(44px, 6vw, 60px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(107, 141, 184, 0.2));\n}\n\n.snp-dosage {\n display: inline-block;\n background: linear-gradient(135deg, var(--snp-primary-light), rgba(245, 166, 35, 0.1));\n color: var(--snp-primary-dark);\n font-size: 13px;\n font-weight: 800;\n padding: 6px 14px;\n border-radius: 999px;\n margin: 0.5rem 0 1rem 0;\n border: 1px solid var(--snp-primary);\n}\n\n.snp-quality-box {\n background: linear-gradient(135deg, var(--snp-primary-light), var(--snp-white));\n border-radius: var(--snp-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-left: 4px solid var(--snp-accent);\n box-shadow: var(--snp-shadow);\n text-align: center;\n}\n\n.snp-quality-box p {\n color: var(--snp-text);\n font-size: clamp(15px, 2.5vw, 17px);\n margin: 0;\n line-height: 1.8;\n}\n\n\/* === ÉTAPES === *\/\n.snp-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n position: relative;\n}\n\n.snp-step {\n background: var(--snp-white);\n border-radius: var(--snp-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--snp-shadow);\n position: relative;\n border-top: 4px solid var(--snp-primary);\n transition: all 0.3s ease;\n}\n\n.snp-step:hover {\n transform: translateY(-6px);\n box-shadow: var(--snp-shadow-lg);\n}\n\n.snp-step-number {\n position: absolute;\n top: -20px;\n left: 50%;\n transform: translateX(-50%);\n width: 44px;\n height: 44px;\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-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(107, 141, 184, 0.3);\n}\n\n\/* === PROFILS === *\/\n.snp-profile-card {\n background: var(--snp-white);\n border-radius: var(--snp-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--snp-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.snp-profile-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--snp-shadow-lg);\n border-color: var(--snp-primary);\n}\n\n.snp-profile-icon {\n font-size: clamp(42px, 6vw, 56px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(107, 141, 184, 0.2));\n}\n\n\/* === AVERTISSEMENTS === *\/\n.snp-warning-box {\n background: var(--snp-white);\n border-radius: var(--snp-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n border-left: 5px solid var(--snp-accent);\n box-shadow: var(--snp-shadow);\n}\n\n.snp-warning-content {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.snp-warning-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1rem;\n background: var(--snp-primary-light);\n border-radius: var(--snp-radius-sm);\n transition: all 0.3s ease;\n}\n\n.snp-warning-item:hover {\n background: rgba(107, 141, 184, 0.15);\n transform: translateX(4px);\n}\n\n.snp-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));\n}\n\n.snp-warning-item p {\n color: var(--snp-text);\n font-size: clamp(14px, 2vw, 16px);\n font-weight: 500;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.snp-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.snp-info-card {\n background: var(--snp-white);\n border-radius: var(--snp-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--snp-shadow);\n text-align: center;\n border: 2px solid var(--snp-primary-light);\n transition: all 0.3s ease;\n}\n\n.snp-info-card:hover {\n transform: translateY(-4px);\n border-color: var(--snp-primary);\n box-shadow: var(--snp-shadow-lg);\n}\n\n.snp-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--snp-text-light);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-bottom: 0.5rem;\n}\n\n.snp-info-value {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 900;\n color: var(--snp-primary-dark);\n letter-spacing: -0.02em;\n}\n\n\/* === CTA FINAL === *\/\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(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--snp-shadow-lg);\n}\n\n.snp-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.08;\n background-image: \n radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.3) 0%, transparent 50%);\n}\n\n.snp-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.snp-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, 0.1);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .snp-grid,\n .snp-grid-2,\n .snp-composition-grid,\n .snp-steps,\n .snp-info-grid {\n grid-template-columns: 1fr;\n }\n \n .snp-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .snp-card,\n .snp-ingredient-card,\n .snp-step,\n .snp-profile-card,\n .snp-info-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n \n .snp-card:nth-child(1),\n .snp-ingredient-card:nth-child(1),\n .snp-step:nth-child(1),\n .snp-profile-card:nth-child(1),\n .snp-info-card:nth-child(1) { animation-delay: 0.1s; }\n \n .snp-card:nth-child(2),\n .snp-ingredient-card:nth-child(2),\n .snp-step:nth-child(2),\n .snp-profile-card:nth-child(2),\n .snp-info-card:nth-child(2) { animation-delay: 0.2s; }\n \n .snp-card:nth-child(3),\n .snp-ingredient-card:nth-child(3),\n .snp-step:nth-child(3),\n .snp-profile-card:nth-child(3),\n .snp-info-card:nth-child(3) { animation-delay: 0.3s; }\n \n .snp-card:nth-child(4),\n .snp-profile-card:nth-child(4),\n .snp-info-card:nth-child(4) { animation-delay: 0.4s; }\n \n .snp-card:nth-child(5),\n .snp-info-card:nth-child(5) { animation-delay: 0.5s; }\n \n .snp-card:nth-child(6),\n .snp-info-card:nth-child(6) { animation-delay: 0.6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .snp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .snp-premium {\n --snp-primary: #4A6B8A;\n --snp-text-light: #3a3a3a;\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .snp-premium {\n background: white;\n }\n \n .snp-card,\n .snp-ingredient-card,\n .snp-step,\n .snp-profile-card,\n .snp-info-card {\n box-shadow: none;\n border: 1px solid var(--snp-border);\n page-break-inside: avoid;\n }\n}\n\u003c\/style\u003e","brand":"AAGAARD","offers":[{"title":"Default Title","offer_id":55991485890937,"sku":"NBAIAAG0030","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-nasal-isotonique-30ml-aagaard-min.jpg?v=1760608700"},{"product_id":"propolis-brune-bio-120-gelules-abeille-forestiere","title":"Propolis Brune bio – 120 gélules – Abeille Forestière","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Propolis Brune bio – 120 gélules – Abeille Forestière\nPalette détectée:\n - Primaire: #E6A820 (jaune miel doré du packaging)\n - Secondaire: #F47920 (orange vif du bouchon)\n - Accent: #5B8C3E (vert bio\/nature des labels)\nAmbiance: Naturel\/bio, apicole, chaleureux, tradition française, santé naturelle\nPréfixe CSS: prop\n--\u003e\n\n\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🐝 Apiculture française\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🛡️ Défenses naturelles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"prop-hero-title\"\u003ePropolis Brune Bio\u003c\/span\u003e\n \u003cp class=\"prop-subtitle\"\u003eLe bouclier naturel des abeilles pour vos défenses immunitaires\u003c\/p\u003e\n \u003cp class=\"prop-description\"\u003e120 gélules d'extrait purifié issu de l'apiculture forestière française. Riche en flavonoïdes et polyphénols pour affronter sereinement les changements de saison.\u003c\/p\u003e\n \u003cdiv class=\"prop-hero-stats\"\u003e\n \u003cdiv class=\"prop-stat\"\u003e\n \u003cspan class=\"prop-stat-value\"\u003e1800 mg\u003c\/span\u003e\n \u003cspan class=\"prop-stat-label\"\u003eExtrait de propolis\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-stat\"\u003e\n \u003cspan class=\"prop-stat-value\"\u003e20\u003c\/span\u003e\n \u003cspan class=\"prop-stat-label\"\u003eJours de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-stat\"\u003e\n \u003cspan class=\"prop-stat-value\"\u003e18%\u003c\/span\u003e\n \u003cspan class=\"prop-stat-label\"\u003ePropolis purifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003e🍯 Qu'est-ce que la propolis brune ?\u003c\/h2\u003e\n \u003cdiv class=\"prop-intro-box\"\u003e\n \u003cdiv class=\"prop-intro-content\"\u003e\n \u003cp\u003eLa propolis brune est une \u003cstrong\u003esubstance résineuse précieuse\u003c\/strong\u003e récoltée par les abeilles sur les bourgeons et les écorces d'arbres comme le peuplier. Naturellement concentrée en flavonoïdes, polyphénols et acides phénoliques, elle est utilisée depuis l'Antiquité pour soutenir les défenses de l'organisme.\u003c\/p\u003e\n \u003cp\u003eContrairement à la propolis verte originaire du Brésil, la \u003cstrong\u003epropolis brune est typique des climats tempérés européens\u003c\/strong\u003e. Elle est notamment appréciée pour ses propriétés purifiantes et protectrices sur les voies respiratoires et buccales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-intro-icon\"\u003e🐝\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de la propolis brune\u003c\/h2\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card prop-benefit-card\"\u003e\n \u003cdiv class=\"prop-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eSoutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eRenforce la barrière immunitaire face aux agressions saisonnières et aux changements de température\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card prop-benefit-card\"\u003e\n \u003cdiv class=\"prop-card-icon\"\u003e🌬️\u003c\/div\u003e\n \u003ch3\u003eConfort respiratoire\u003c\/h3\u003e\n \u003cp\u003eApaise les muqueuses et soutient les voies respiratoires et buccales au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card prop-benefit-card\"\u003e\n \u003cdiv class=\"prop-card-icon\"\u003e🍇\u003c\/div\u003e\n \u003ch3\u003eAntioxydant naturel\u003c\/h3\u003e\n \u003cp\u003eRiche en flavonoïdes pour lutter contre le stress oxydatif et protéger vos cellules\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card prop-benefit-card\"\u003e\n \u003cdiv class=\"prop-card-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eAction purifiante\u003c\/h3\u003e\n \u003cp\u003eUtile pour l'hygiène de la sphère ORL et le maintien d'un confort buccal optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003e👤 Pour qui est ce produit ?\u003c\/h2\u003e\n \u003cdiv class=\"prop-grid prop-grid-3\"\u003e\n \u003cdiv class=\"prop-card prop-profile-card\"\u003e\n \u003cdiv class=\"prop-profile-icon\"\u003e🍂\u003c\/div\u003e\n \u003ch3\u003eChangements de saison\u003c\/h3\u003e\n \u003cp\u003eIdéal en automne, hiver et printemps pour préparer et renforcer votre organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card prop-profile-card\"\u003e\n \u003cdiv class=\"prop-profile-icon\"\u003e😴\u003c\/div\u003e\n \u003ch3\u003eFatigue passagère\u003c\/h3\u003e\n \u003cp\u003eUn coup de pouce naturel lors des périodes de baisse d'énergie ou de surmenage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card prop-profile-card\"\u003e\n \u003cdiv class=\"prop-profile-icon\"\u003e🤧\u003c\/div\u003e\n \u003ch3\u003eSoutien ORL\u003c\/h3\u003e\n \u003cp\u003ePour ceux qui souhaitent prendre soin de leurs voies respiratoires naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-note\"\u003e\n \u003cspan class=\"prop-note-icon\"\u003eℹ️\u003c\/span\u003e\n \u003cspan\u003eConvient aux adultes. Déconseillé aux enfants de moins de 6 ans.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003e📋 Composition \u0026amp; qualité\u003c\/h2\u003e\n \u003cdiv class=\"prop-composition-wrapper\"\u003e\n \u003cdiv class=\"prop-composition-main\"\u003e\n \u003cdiv class=\"prop-ingredient-card\"\u003e\n \u003cdiv class=\"prop-ingredient-header\"\u003e\n \u003cspan class=\"prop-ingredient-icon\"\u003e🍯\u003c\/span\u003e\n \u003cdiv class=\"prop-ingredient-info\"\u003e\n \u003ch4\u003eExtrait de propolis\u003c\/h4\u003e\n \u003cspan class=\"prop-ingredient-dose\"\u003e1800 mg \/ jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e18% de propolis purifiée, concentrée en flavonoïdes et polyphénols actifs\u003c\/p\u003e\n \u003cspan class=\"prop-ingredient-badge\"\u003eIngrédient principal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-ingredient-card\"\u003e\n \u003cdiv class=\"prop-ingredient-header\"\u003e\n \u003cspan class=\"prop-ingredient-icon\"\u003e🌱\u003c\/span\u003e\n \u003cdiv class=\"prop-ingredient-info\"\u003e\n \u003ch4\u003eFarine de caroube\u003c\/h4\u003e\n \u003cspan class=\"prop-ingredient-dose\"\u003eSupport naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eSupport végétal issu de l'agriculture biologique pour une gélule 100% naturelle\u003c\/p\u003e\n \u003cspan class=\"prop-ingredient-badge prop-bio\"\u003eBio certifié\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-labels-box\"\u003e\n \u003ch4\u003eNos engagements qualité\u003c\/h4\u003e\n \u003cdiv class=\"prop-labels-grid\"\u003e\n \u003cdiv class=\"prop-label-item\"\u003e\n \u003cspan\u003e🇪🇺\u003c\/span\u003e\n \u003cspan\u003eAB européen\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-label-item\"\u003e\n \u003cspan\u003e✅\u003c\/span\u003e\n \u003cspan\u003eEcocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-label-item\"\u003e\n \u003cspan\u003e🇫🇷\u003c\/span\u003e\n \u003cspan\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-label-item\"\u003e\n \u003cspan\u003e🌲\u003c\/span\u003e\n \u003cspan\u003eOrigine forestière\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=\"prop-section\"\u003e\n \u003ch2\u003e📖 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"prop-usage-box\"\u003e\n \u003cdiv class=\"prop-usage-steps\"\u003e\n \u003cdiv class=\"prop-step\"\u003e\n \u003cdiv class=\"prop-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"prop-step-content\"\u003e\n \u003ch4\u003eDosage quotidien\u003c\/h4\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e6 gélules par jour\u003c\/strong\u003e, à répartir au cours des 3 principaux repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-step\"\u003e\n \u003cdiv class=\"prop-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"prop-step-content\"\u003e\n \u003ch4\u003eAdministration\u003c\/h4\u003e\n \u003cp\u003eAvaler avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e pour une absorption optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-step\"\u003e\n \u003cdiv class=\"prop-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"prop-step-content\"\u003e\n \u003ch4\u003eDurée de cure\u003c\/h4\u003e\n \u003cp\u003e\u003cstrong\u003e20 jours de cure\u003c\/strong\u003e, renouvelable si besoin selon vos objectifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003e🌲 Une formule éthique et efficace\u003c\/h2\u003e\n \u003cdiv class=\"prop-ethic-box\"\u003e\n \u003cdiv class=\"prop-ethic-content\"\u003e\n \u003cp\u003eLa Propolis Brune Bio d'Abeille Forestière est récoltée dans des \u003cstrong\u003ezones forestières préservées\u003c\/strong\u003e, selon des méthodes douces qui respectent les abeilles et les actifs végétaux.\u003c\/p\u003e\n \u003cp\u003eL'\u003cstrong\u003eextraction est réalisée à froid\u003c\/strong\u003e pour préserver l'intégrité des composés actifs et garantir une efficacité maximale.\u003c\/p\u003e\n \u003cp\u003eLe format gélule assure une \u003cstrong\u003eprise facile\u003c\/strong\u003e, sans goût ni résidus, et une meilleure conservation du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-ethic-icons\"\u003e\n \u003cdiv class=\"prop-ethic-icon\"\u003e\n \u003cspan\u003e🐝\u003c\/span\u003e\n \u003cspan\u003eRespect des abeilles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-ethic-icon\"\u003e\n \u003cspan\u003e❄️\u003c\/span\u003e\n \u003cspan\u003eExtraction à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-ethic-icon\"\u003e\n \u003cspan\u003e💊\u003c\/span\u003e\n \u003cspan\u003eFormat pratique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003e📦 Informations 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\n \u003cspan class=\"prop-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"prop-info-value\"\u003e120 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-info-item\"\u003e\n \u003cspan class=\"prop-info-icon\"\u003e📅\u003c\/span\u003e\n \u003cspan class=\"prop-info-label\"\u003eDurée\u003c\/span\u003e\n \u003cspan class=\"prop-info-value\"\u003e20 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-info-item\"\u003e\n \u003cspan class=\"prop-info-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"prop-info-label\"\u003eDose\/jour\u003c\/span\u003e\n \u003cspan class=\"prop-info-value\"\u003e6 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-info-item\"\u003e\n \u003cspan class=\"prop-info-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"prop-info-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"prop-info-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"prop-warning-box\"\u003e\n \u003cul class=\"prop-warning-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003eNe pas dépasser les doses journalières recommandées\u003c\/li\u003e\n \u003cli\u003eCe complément alimentaire ne remplace pas une alimentation variée, équilibrée, ni un mode de vie sain\u003c\/li\u003e\n \u003cli\u003eConserver à l'abri de la lumière, dans un endroit sec et hors de portée des enfants\u003c\/li\u003e\n \u003cli\u003eDéconseillé aux personnes allergiques aux produits de la ruche\u003c\/li\u003e\n \u003cli\u003eDéconseillé aux enfants de moins de 6 ans\u003c\/li\u003e\n \u003c\/ul\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 \u003cdiv class=\"prop-cta-pattern\"\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 corps le \u003cstrong\u003ebouclier naturel des abeilles\u003c\/strong\u003e. La propolis brune bio, un trésor de la ruche pour traverser les saisons en toute sérénité.\u003c\/p\u003e\n \u003cdiv class=\"prop-cta-badges\"\u003e\n \u003cspan\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan\u003e🛡️ 20 jours de protection\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --prop-cream: #FFF9F0;\n --prop-white: #ffffff;\n --prop-primary: #E6A820;\n --prop-primary-dark: #C48A10;\n --prop-primary-light: #FFF3D6;\n --prop-secondary: #F47920;\n --prop-accent: #5B8C3E;\n --prop-accent-light: #E8F5E0;\n --prop-text: #2D2A26;\n --prop-text-light: #6B6560;\n --prop-border: #E8E0D5;\n --prop-shadow: 0 4px 24px rgba(198, 138, 16, 0.1);\n --prop-shadow-lg: 0 12px 48px rgba(198, 138, 16, 0.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-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.prop-hero {\n position: relative;\n background: linear-gradient(135deg, #F47920 0%, #E6A820 40%, #C48A10 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 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: .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, 17px);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.prop-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n padding-top: 1.5rem;\n border-top: 1px solid rgba(255,255,255,.2);\n}\n\n.prop-stat {\n text-align: center;\n}\n\n.prop-stat-value {\n display: block;\n color: white;\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 900;\n line-height: 1;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.prop-stat-label {\n display: block;\n color: rgba(255,255,255,.85);\n font-size: 13px;\n font-weight: 600;\n margin-top: 6px;\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n\/* === SECTIONS === *\/\n.prop-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.prop-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--prop-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.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\/* === INTRO BOX === *\/\n.prop-intro-box {\n display: flex;\n align-items: center;\n gap: 2rem;\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--prop-shadow);\n border-left: 5px solid var(--prop-primary);\n}\n\n.prop-intro-content p {\n margin: 0 0 1rem 0;\n color: var(--prop-text);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n}\n\n.prop-intro-content p:last-child {\n margin-bottom: 0;\n}\n\n.prop-intro-content strong {\n color: var(--prop-primary-dark);\n}\n\n.prop-intro-icon {\n font-size: 80px;\n flex-shrink: 0;\n filter: drop-shadow(0 4px 12px rgba(0,0,0,.1));\n}\n\n\/* === GRIDS === *\/\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 === *\/\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}\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 h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--prop-text);\n margin: 0 0 .75rem 0;\n}\n\n.prop-card p {\n font-size: 15px;\n color: var(--prop-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.prop-card-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.08));\n}\n\n\/* === BENEFIT CARDS === *\/\n.prop-benefit-card {\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.prop-benefit-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(--prop-primary), var(--prop-secondary));\n}\n\n\/* === PROFILE CARDS === *\/\n.prop-profile-card {\n text-align: center;\n}\n\n.prop-profile-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n\/* === NOTE BOX === *\/\n.prop-note {\n display: flex;\n align-items: center;\n gap: 12px;\n background: var(--prop-primary-light);\n border-radius: var(--prop-radius-sm);\n padding: 1rem 1.5rem;\n margin-top: 1.5rem;\n font-size: 14px;\n color: var(--prop-primary-dark);\n font-weight: 600;\n}\n\n.prop-note-icon {\n font-size: 20px;\n}\n\n\/* === COMPOSITION === *\/\n.prop-composition-wrapper {\n display: grid;\n grid-template-columns: 2fr 1fr;\n gap: 2rem;\n align-items: start;\n}\n\n.prop-composition-main {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.prop-ingredient-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 var(--prop-border);\n transition: all .3s ease;\n}\n\n.prop-ingredient-card:hover {\n border-color: var(--prop-primary);\n}\n\n.prop-ingredient-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.prop-ingredient-icon {\n font-size: 40px;\n}\n\n.prop-ingredient-info h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--prop-text);\n margin: 0;\n}\n\n.prop-ingredient-dose {\n font-size: 14px;\n color: var(--prop-primary-dark);\n font-weight: 700;\n}\n\n.prop-ingredient-card \u003e p {\n font-size: 15px;\n color: var(--prop-text-light);\n margin: 0 0 1rem 0;\n line-height: 1.6;\n}\n\n.prop-ingredient-badge {\n display: inline-block;\n background: var(--prop-primary-light);\n color: var(--prop-primary-dark);\n font-size: 12px;\n font-weight: 700;\n padding: 6px 12px;\n border-radius: 999px;\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n.prop-ingredient-badge.prop-bio {\n background: var(--prop-accent-light);\n color: var(--prop-accent);\n}\n\n.prop-labels-box {\n background: linear-gradient(135deg, var(--prop-accent-light) 0%, #D4E8C7 100%);\n border-radius: var(--prop-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--prop-accent);\n}\n\n.prop-labels-box h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--prop-accent);\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n.prop-labels-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n}\n\n.prop-label-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n text-align: center;\n}\n\n.prop-label-item span:first-child {\n font-size: 28px;\n}\n\n.prop-label-item span:last-child {\n font-size: 12px;\n font-weight: 700;\n color: var(--prop-accent);\n}\n\n\/* === USAGE BOX === *\/\n.prop-usage-box {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--prop-shadow);\n}\n\n.prop-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.prop-step {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n}\n\n.prop-step-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--prop-primary), var(--prop-secondary));\n color: white;\n font-size: 20px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-shadow: 0 4px 16px rgba(230, 168, 32, .3);\n}\n\n.prop-step-content h4 {\n font-size: 17px;\n font-weight: 800;\n color: var(--prop-text);\n margin: 0 0 .5rem 0;\n}\n\n.prop-step-content p {\n font-size: 15px;\n color: var(--prop-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.prop-step-content strong {\n color: var(--prop-primary-dark);\n}\n\n\/* === ETHIC BOX === *\/\n.prop-ethic-box {\n background: linear-gradient(135deg, var(--prop-primary-light) 0%, #FFF0CC 100%);\n border-radius: var(--prop-radius);\n padding: clamp(2rem, 4vw, 3rem);\n display: grid;\n grid-template-columns: 2fr 1fr;\n gap: 2rem;\n align-items: center;\n border: 2px solid var(--prop-primary);\n}\n\n.prop-ethic-content p {\n font-size: clamp(15px, 2vw, 16px);\n color: var(--prop-text);\n margin: 0 0 1rem 0;\n line-height: 1.8;\n}\n\n.prop-ethic-content p:last-child {\n margin-bottom: 0;\n}\n\n.prop-ethic-content strong {\n color: var(--prop-primary-dark);\n}\n\n.prop-ethic-icons {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.prop-ethic-icon {\n display: flex;\n align-items: center;\n gap: 12px;\n background: var(--prop-white);\n padding: 1rem;\n border-radius: var(--prop-radius-sm);\n box-shadow: 0 2px 12px rgba(0,0,0,.05);\n}\n\n.prop-ethic-icon span:first-child {\n font-size: 28px;\n}\n\n.prop-ethic-icon span:last-child {\n font-size: 14px;\n font-weight: 700;\n color: var(--prop-primary-dark);\n}\n\n\/* === INFO GRID === *\/\n.prop-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.prop-info-item {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--prop-shadow);\n border: 2px solid var(--prop-border);\n transition: all .3s ease;\n}\n\n.prop-info-item:hover {\n border-color: var(--prop-primary);\n transform: translateY(-4px);\n}\n\n.prop-info-icon {\n font-size: 32px;\n display: block;\n margin-bottom: .75rem;\n}\n\n.prop-info-label {\n display: block;\n font-size: 12px;\n font-weight: 600;\n color: var(--prop-text-light);\n text-transform: uppercase;\n letter-spacing: .5px;\n margin-bottom: .25rem;\n}\n\n.prop-info-value {\n display: block;\n font-size: 18px;\n font-weight: 800;\n color: var(--prop-primary-dark);\n}\n\n\/* === WARNING BOX === *\/\n.prop-warning-box {\n background: #FFF8E8;\n border-radius: var(--prop-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid #F0D080;\n}\n\n.prop-warning-list {\n margin: 0;\n padding-left: 1.5rem;\n list-style: none;\n}\n\n.prop-warning-list li {\n position: relative;\n padding: .5rem 0;\n font-size: 14px;\n color: var(--prop-text);\n line-height: 1.6;\n}\n\n.prop-warning-list li::before {\n content: '⚠️';\n position: absolute;\n left: -1.75rem;\n font-size: 12px;\n}\n\n\/* === CTA BOX === *\/\n.prop-cta-box {\n background: linear-gradient(135deg, var(--prop-primary) 0%, var(--prop-secondary) 50%, var(--prop-primary-dark) 100%);\n border-radius: var(--prop-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\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 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: .06;\n}\n\n.prop-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.prop-cta-icon {\n font-size: 64px;\n display: block;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 16px rgba(0,0,0,.2));\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 max-width: 700px;\n margin: 0 auto 1.5rem auto;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.prop-cta-box p strong {\n color: white;\n}\n\n.prop-cta-badges {\n display: flex;\n justify-content: center;\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.prop-cta-badges span {\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n color: white;\n font-size: 14px;\n font-weight: 700;\n padding: 10px 18px;\n border-radius: 999px;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 900px) {\n .prop-composition-wrapper {\n grid-template-columns: 1fr;\n }\n \n .prop-ethic-box {\n grid-template-columns: 1fr;\n }\n \n .prop-ethic-icons {\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n }\n}\n\n@media (max-width: 767px) {\n .prop-grid {\n grid-template-columns: 1fr;\n }\n \n .prop-intro-box {\n flex-direction: column-reverse;\n text-align: center;\n }\n \n .prop-intro-icon {\n font-size: 60px;\n }\n \n .prop-hero-stats {\n flex-direction: column;\n gap: 1.5rem;\n }\n \n .prop-labels-grid {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .prop-card,\n .prop-ingredient-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-info-item:nth-child(1) { animation-delay: .1s; }\n .prop-card:nth-child(2),\n .prop-ingredient-card:nth-child(2),\n .prop-info-item:nth-child(2) { animation-delay: .2s; }\n .prop-card:nth-child(3),\n .prop-info-item:nth-child(3) { animation-delay: .3s; }\n .prop-card:nth-child(4),\n .prop-info-item: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-info-item {\n border: 2px solid var(--prop-text);\n }\n \n .prop-badge {\n border: 2px solid var(--prop-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"ABEILLE FORESTIERE","offers":[{"title":"Default Title","offer_id":56130185101689,"sku":"AF1010","price":23.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/propolis-brune-bio-120-gelules-abeille-forestiere-packshothd.webp?v=1790495275"},{"product_id":"pastilles-gorge-propolis-echinacea-zinc-aagaard","title":"Pastille Gorge à la Propolis, Echinacea \u0026 Zinc - x24 - Aagaard","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Pastilles Gorge Propolis Échinacée Zinc Aagaard\nPalette détectée:\n - Primaire: #9AAB5D (vert olive\/sauge du packaging - zone inférieure)\n - Secondaire: #6B5E4A (brun\/taupe du logo et illustrations apiculteur)\n - Accent: #D4A84B (doré miel, évoquant la propolis et le miel)\n - Cream: #F9F7F3 (blanc cassé chaleureux)\nAmbiance: Naturel\/apicole, traditionnel, authentique, savoir-faire depuis 1967, douceur, bien-être\nPréfixe CSS: aag\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi ces pastille peuvent vous convenir ?\"\n 2. \"Composition et dosage\"\n 3. \"À qui s'adresse ces pastilles gorge ?\"\n 4. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"aag-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"aag-hero\"\u003e\n \u003cdiv class=\"aag-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aag-hero-content\"\u003e\n \u003cdiv class=\"aag-badges-top\"\u003e\n \u003cspan class=\"aag-badge\"\u003e🐝 Propolis naturelle\u003c\/span\u003e\n \u003cspan class=\"aag-badge\"\u003e🛡️ Soutien immunitaire\u003c\/span\u003e\n \u003cspan class=\"aag-badge\"\u003e🚫 Sans sucre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"aag-hero-title\"\u003ePastilles Gorge Propolis, Échinacée \u0026amp; Zinc\u003c\/span\u003e\n \u003cp class=\"aag-subtitle\"\u003ePar Aagaard — Experts apicoles depuis 1967\u003c\/p\u003e\n \u003cp class=\"aag-description\"\u003eUn soutien naturel pour la gorge irritée et le système immunitaire. 24 pastilles à sucer, formulées avec la puissance de la ruche et des plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"aag-section\"\u003e\n \u003ch2\u003ePourquoi ces pastille peuvent vous convenir ?\u003c\/h2\u003e\n \u003cdiv class=\"aag-grid\"\u003e\n \u003cdiv class=\"aag-card\"\u003e\n \u003ch3\u003e🌿 Apaisement de la gorge\u003c\/h3\u003e\n \u003cp\u003eLes pastilles sont conçues pour être doucement sucées, permettant à la propolis et à l'échinacée de « tamponner » l'inconfort de la gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aag-card\"\u003e\n \u003ch3\u003e🛡️ Renforcement immunitaire\u003c\/h3\u003e\n \u003cp\u003eLe zinc y contribue, ce qui en fait un bon choix en période « sensible » (changement de saison, refroidissement…).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aag-card\"\u003e\n \u003ch3\u003e🚫 Sans sucre\u003c\/h3\u003e\n \u003cp\u003eFormulées avec de l'isomalt comme édulcorant. Une alternative aux pastilles sucrées classiques, adaptée si vous surveillez votre consommation de sucre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"aag-section\"\u003e\n \u003ch2\u003eComposition et dosage\u003c\/h2\u003e\n \n \u003cdiv class=\"aag-composition-wrapper\"\u003e\n \u003cdiv class=\"aag-ingredients-box\"\u003e\n \u003ch3\u003e🧪 Ingrédients par pastille\u003c\/h3\u003e\n \u003cdiv class=\"aag-grid-compact\"\u003e\n \u003cdiv class=\"aag-card\"\u003e\n \u003ch3\u003e🐝 Propolis\u003c\/h3\u003e\n \u003cp\u003e~50 mg (2%)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aag-card\"\u003e\n \u003ch3\u003e🌸 Échinacée\u003c\/h3\u003e\n \u003cp\u003e~18 mg (E. purpurea)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aag-card\"\u003e\n \u003ch3\u003e⚡ Zinc\u003c\/h3\u003e\n \u003cp\u003e1 mg (~10% VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aag-card\"\u003e\n \u003ch3\u003e🍑 Arôme\u003c\/h3\u003e\n \u003cp\u003ePêche \u0026amp; menthol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"aag-ingredients-detail\"\u003eAutres ingrédients : Édulcorant (isomalt), acidifiant (acide citrique), huile de colza.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"aag-dosage-box\"\u003e\n \u003ch3\u003e📋 Posologie recommandée\u003c\/h3\u003e\n \u003cdiv class=\"aag-timeline\"\u003e\n \u003cdiv class=\"aag-timeline-item\"\u003e\n \u003cspan class=\"aag-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"aag-timeline-content\"\u003e\n \u003ch3\u003eMatin\u003c\/h3\u003e\n \u003cp\u003e1 pastille à sucer lentement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aag-timeline-item\"\u003e\n \u003cspan class=\"aag-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"aag-timeline-content\"\u003e\n \u003ch3\u003eSoir\u003c\/h3\u003e\n \u003cp\u003e1 pastille à sucer lentement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aag-tip\"\u003e\n \u003cspan class=\"aag-tip-icon\"\u003e📊\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eApport journalier (2 pastilles) :\u003c\/strong\u003e Propolis 100 mg • Échinacée 36 mg • Zinc 2 mg (20% VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"aag-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ces pastilles pour la gorge ?\u003c\/h2\u003e\n \u003cp class=\"aag-section-intro\"\u003eDes pastilles savoureuses à base de propolis, d'échinacée et de zinc, conçues pour adoucir la gorge et renforcer vos défenses naturelles en douceur.\u003c\/p\u003e\n \u003cdiv class=\"aag-grid\"\u003e\n \u003cdiv class=\"aag-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Adultes \u0026amp; adolescents\u003c\/h3\u003e\n \u003cp\u003eAvec gorge irritée ou sensible, cherchant un soulagement naturel et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aag-card\"\u003e\n \u003ch3\u003e🍂 Personnes en période sensible\u003c\/h3\u003e\n \u003cp\u003eSouhaitant soutenir leur immunité naturellement lors des changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aag-card\"\u003e\n \u003ch3\u003e🎯 Utilisateurs attentifs\u003c\/h3\u003e\n \u003cp\u003eCherchant un complément efficace sans sucre ajouté, facile à emporter partout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aag-tip\"\u003e\n \u003cspan class=\"aag-tip-icon\"\u003e❄️\u003c\/span\u003e\n \u003cp\u003eSans sucre ajouté et faciles à emporter, ces pastilles deviennent un allié pratique quand vient la saison froide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"aag-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"aag-accordion\"\u003e\n \u003cdetails class=\"aag-accordion-item\"\u003e\n \u003csummary class=\"aag-accordion-header\"\u003e⚠️ Avertissements importants\u003c\/summary\u003e\n \u003cdiv class=\"aag-accordion-content\"\u003e\n \u003cp\u003eNe remplace pas un traitement médical. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aag-accordion-item\"\u003e\n \u003csummary class=\"aag-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"aag-accordion-content\"\u003e\n \u003cp\u003eDéconseillé en cas d'allergie aux produits de la ruche (propolis, miel, gelée royale, pollen). En cas de doute, consultez votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aag-accordion-item\"\u003e\n \u003csummary class=\"aag-accordion-header\"\u003e🤰 Grossesse \u0026amp; allaitement\u003c\/summary\u003e\n \u003cdiv class=\"aag-accordion-content\"\u003e\n \u003cp\u003eEn cas de grossesse ou d'allaitement, consulter un professionnel de santé avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aag-accordion-item\"\u003e\n \u003csummary class=\"aag-accordion-header\"\u003e💡 Bon à savoir\u003c\/summary\u003e\n \u003cdiv class=\"aag-accordion-content\"\u003e\n \u003cp\u003eUn excès de consommation peut avoir un effet laxatif dû à l'isomalt (édulcorant).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"aag-cta-box\"\u003e\n \u003cp\u003e🐝 La puissance de la ruche au service de votre gorge\u003cbr\u003e\u003cstrong\u003e24 pastilles\u003c\/strong\u003e pour affronter sereinement la saison froide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"aag-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --aag-cream: #F9F7F3;\n --aag-white: #ffffff;\n --aag-primary: #9AAB5D;\n --aag-primary-dark: #6B7A3D;\n --aag-primary-light: #EEF2E3;\n --aag-secondary: #6B5E4A;\n --aag-accent: #D4A84B;\n --aag-text: #1a1a1a;\n --aag-text-light: #5a5a5a;\n --aag-border: #e0e0e0;\n --aag-shadow: 0 4px 24px rgba(0,0,0,.08);\n --aag-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --aag-radius: 20px;\n --aag-radius-sm: 12px;\n}\n\n.aag-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--aag-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.aag-hero {\n position: relative;\n background: linear-gradient(135deg, #9AAB5D 0%, #7A8B4D 40%, #6B5E4A 100%);\n border-radius: var(--aag-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(--aag-shadow-lg);\n}\n\n.aag-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 L45 15 L45 35 L30 45 L15 35 L15 15 Z' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n opacity: .08;\n}\n\n.aag-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.aag-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.aag-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(--aag-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.aag-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.aag-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.aag-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.aag-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.aag-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.aag-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--aag-secondary);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.aag-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(--aag-primary), var(--aag-accent));\n border-radius: 2px;\n}\n\n.aag-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--aag-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n font-style: italic;\n}\n\n\/* === CARDS === *\/\n.aag-card {\n background: var(--aag-white);\n border-radius: var(--aag-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--aag-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.aag-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--aag-shadow-lg);\n border-color: var(--aag-primary);\n}\n\n.aag-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--aag-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.aag-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--aag-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.aag-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.aag-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.aag-grid-compact .aag-card {\n padding: 1rem;\n}\n\n.aag-grid-compact .aag-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.aag-grid-compact .aag-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION WRAPPER === *\/\n.aag-composition-wrapper {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.aag-ingredients-box,\n.aag-dosage-box {\n background: var(--aag-white);\n border-radius: var(--aag-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--aag-shadow);\n}\n\n.aag-ingredients-box h3,\n.aag-dosage-box h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--aag-secondary);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.aag-ingredients-detail {\n font-size: 13px;\n color: var(--aag-text-light);\n text-align: center;\n margin-top: 1rem;\n margin-bottom: 0;\n font-style: italic;\n}\n\n\/* === TIMELINE === *\/\n.aag-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.aag-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.aag-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--aag-primary), var(--aag-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.aag-timeline-content {\n flex: 1;\n background: var(--aag-primary-light);\n padding: 1rem 1.25rem;\n border-radius: var(--aag-radius-sm);\n}\n\n.aag-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--aag-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.aag-timeline-content p {\n font-size: 14px;\n color: var(--aag-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.aag-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--aag-primary-light);\n border-radius: var(--aag-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.aag-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.aag-tip p {\n font-size: 14px;\n color: var(--aag-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.aag-accordion {\n background: var(--aag-white);\n border-radius: var(--aag-radius);\n box-shadow: var(--aag-shadow);\n overflow: hidden;\n}\n\n.aag-accordion-item {\n border-bottom: 1px solid var(--aag-border);\n margin: 0;\n padding: 0;\n}\n\n.aag-accordion-item:last-child {\n border-bottom: none;\n}\n\n.aag-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--aag-secondary);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.aag-accordion-header:hover {\n background: var(--aag-primary-light);\n}\n\n.aag-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.aag-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--aag-primary);\n transition: transform .2s ease;\n}\n\n.aag-accordion-item[open] .aag-accordion-header::after {\n content: '−';\n}\n\n.aag-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--aag-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.aag-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.aag-cta-box {\n background: linear-gradient(135deg, var(--aag-primary) 0%, var(--aag-primary-dark) 100%);\n border-radius: var(--aag-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 2rem;\n}\n\n.aag-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.aag-disclaimer {\n font-size: 12px;\n color: var(--aag-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 .aag-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .aag-card {\n padding: 1.125rem;\n }\n \n .aag-section {\n margin-bottom: 1.75rem;\n }\n \n .aag-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--aag-radius-sm);\n }\n \n .aag-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .aag-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .aag-grid-compact {\n gap: .625rem;\n }\n \n .aag-grid-compact .aag-card {\n padding: .75rem;\n }\n \n .aag-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .aag-timeline-content {\n padding: .875rem 1rem;\n }\n \n .aag-timeline-content h3 {\n font-size: 14px;\n }\n \n .aag-timeline-content p {\n font-size: 13px;\n }\n \n .aag-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .aag-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .aag-ingredients-box,\n .aag-dosage-box {\n padding: 1.125rem;\n }\n \n .aag-tip {\n padding: .875rem 1rem;\n }\n \n .aag-tip-icon {\n font-size: 20px;\n }\n \n .aag-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .aag-card {\n animation: fadeInUp .5s ease backwards;\n }\n .aag-card:nth-child(1) { animation-delay: .05s; }\n .aag-card:nth-child(2) { animation-delay: .1s; }\n .aag-card:nth-child(3) { animation-delay: .15s; }\n .aag-card:nth-child(4) { animation-delay: .2s; }\n .aag-card:nth-child(5) { animation-delay: .25s; }\n .aag-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 .aag-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":56191779537273,"sku":"NBAIAAG0028","price":7.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/pastille-gorge-a-la-propolis-echinacea-zinc-x24-aagaard-lifestyle.webp?v=1769761835"},{"product_id":"extrait-de-propolis-bio-15ml","title":"Extrait de propolis bio - 15mL - Aagaard","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Extrait de propolis bio - 15mL - Aagaard\nPalette détectée:\n - Primaire: #7A8B5A (vert olive\/sauge du packaging)\n - Secondaire: #C4A962 (doré\/miel évoquant la propolis)\n - Accent: #5D6B4A (vert foncé pour contraste)\n - Cream: #F9F7F3 (beige clair naturel)\nAmbiance: Naturel\/biologique, apiculture traditionnelle, savoir-faire français, authenticité, produit de la ruche\nPréfixe CSS: prp\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Les avantages clés\"\n 2. \"Conseils d'utilisation\"\n 3. \"Précautions d'emploi\"\n 4. \"Ingrédients\"\n 5. \"Pourquoi choisir cette propolis ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"prp-premium\"\u003e\n \n \u003c!-- HERO --\u003e\n \u003cdiv class=\"prp-hero\"\u003e\n \u003cdiv class=\"prp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"prp-hero-content\"\u003e\n \u003cdiv class=\"prp-badges-top\"\u003e\n \u003cspan class=\"prp-badge\"\u003e🐝 Certifié AB Bio\u003c\/span\u003e\n \u003cspan class=\"prp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"prp-badge\"\u003e💧 20% concentré\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"prp-hero-title\"\u003eExtrait de Propolis Bio\u003c\/span\u003e\n \u003cp class=\"prp-subtitle\"\u003eLa puissance de la ruche en flacon\u003c\/p\u003e\n \u003cp class=\"prp-description\"\u003eExtrait hautement concentré à 20% de propolis biologique, élaboré selon le procédé breveté Aagaard depuis 1967. Usage interne ou externe pour renforcer naturellement vos défenses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 : Les avantages clés --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003eLes avantages clés\u003c\/h2\u003e\n \u003cdiv class=\"prp-grid\"\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e💪 Formule ultra-concentrée\u003c\/h3\u003e\n \u003cp\u003e20% d'extrait de propolis pure pour un effet renforcé et une efficacité maximale à chaque prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🔄 Utilisation flexible\u003c\/h3\u003e\n \u003cp\u003eConvient aussi bien pour un usage interne (dilué dans l'eau) que pour une application externe directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e✨ Pureté garantie\u003c\/h3\u003e\n \u003cp\u003eMatières premières biologiques certifiées + procédé breveté Aagaard pour une propolis liquide de haute qualité.\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=\"prp-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"prp-section-intro\"\u003eComment utiliser le propolis liquide pour profiter de tous ses bienfaits ?\u003c\/p\u003e\n \u003cdiv class=\"prp-timeline\"\u003e\n \u003cdiv class=\"prp-timeline-item\"\u003e\n \u003cdiv class=\"prp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003ePrendre jusqu'à 7 gouttes, 3 fois par jour selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-item\"\u003e\n \u003cdiv class=\"prp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-content\"\u003e\n \u003ch3\u003eDilution\u003c\/h3\u003e\n \u003cp\u003eDiluer dans un verre d'eau ou un jus de fruit pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-item\"\u003e\n \u003cdiv class=\"prp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"prp-timeline-content\"\u003e\n \u003ch3\u003eDose maximale\u003c\/h3\u003e\n \u003cp\u003eNe pas dépasser 21 gouttes par jour (environ 150 mg de propolis).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-tip\"\u003e\n \u003cspan class=\"prp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eEn application externe, cette propolis liquide peut être utilisée directement sur la peau pour ses propriétés apaisantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Précautions d'emploi --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"prp-accordion\"\u003e\n \u003cdetails class=\"prp-accordion-item\"\u003e\n \u003csummary class=\"prp-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"prp-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche. Ne pas utiliser chez la femme enceinte ou allaitante et chez les enfants de moins de 12 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prp-accordion-item\"\u003e\n \u003csummary class=\"prp-accordion-header\"\u003e📏 Dosage et durée\u003c\/summary\u003e\n \u003cdiv class=\"prp-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière indiquée (21 gouttes). Usage prolongé supérieur à 14 jours non recommandé sans avis professionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"prp-accordion-item\"\u003e\n \u003csummary class=\"prp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"prp-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit sec, frais, à l'abri de la lumière et de la chaleur. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Ingrédients --\u003e\n \u003csection class=\"prp-section\"\u003e\n \u003ch2\u003eIngrédients\u003c\/h2\u003e\n \u003cdiv class=\"prp-grid-compact\"\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🍃 Alcool\u003c\/h3\u003e\n \u003cp\u003e53% - Support d'extraction naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n \u003cp\u003ePure et naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🐝 Extrait de propolis bio\u003c\/h3\u003e\n \u003cp\u003e20% - Actif principal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Pourquoi choisir cette propolis ? --\u003e\n \u003csection class=\"prp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir cet extrait de propolis ?\u003c\/h2\u003e\n \u003cdiv class=\"prp-testimonial\"\u003e\n \u003cp class=\"prp-testimonial-text\"\u003e\"La propolis est une résine naturelle récoltée par les abeilles sur les bourgeons des arbres pour protéger leur ruche. Grâce au savoir-faire du biologiste-apiculteur K. Lund Aagaard et à un procédé d'extraction breveté depuis 1967, cette formule garantit une efficacité optimale et une tolérance exceptionnelle. Les bienfaits de cette propolis liquide sont préservés grâce à une méthode d'extraction douce qui respecte les principes actifs naturels.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prp-cta-box\"\u003e\n \u003cp\u003e🐝 Un extrait de propolis bio d'exception, fruit de plus de 55 ans d'expertise apicole française. Renforcez naturellement vos défenses avec la puissance concentrée de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"prp-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --prp-cream: #F9F7F3;\n --prp-white: #ffffff;\n --prp-primary: #7A8B5A;\n --prp-primary-dark: #5D6B4A;\n --prp-primary-light: #E8EDE0;\n --prp-secondary: #C4A962;\n --prp-accent: #D4A84B;\n --prp-text: #1a1a1a;\n --prp-text-light: #5a5a5a;\n --prp-border: #e0e0e0;\n --prp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --prp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --prp-radius: 20px;\n --prp-radius-sm: 12px;\n}\n\n.prp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--prp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.prp-hero {\n position: relative;\n background: linear-gradient(135deg, #5D6B4A 0%, #7A8B5A 40%, #C4A962 100%);\n border-radius: var(--prp-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(--prp-shadow-lg);\n}\n\n.prp-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.prp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.prp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.prp-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(--prp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.prp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.prp-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.prp-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.prp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.prp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.prp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--prp-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.prp-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(--prp-primary), var(--prp-secondary));\n border-radius: 2px;\n}\n\n.prp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--prp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.prp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.prp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.prp-card {\n background: var(--prp-white);\n border-radius: var(--prp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--prp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.prp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--prp-shadow-lg);\n border-color: var(--prp-primary);\n}\n\n.prp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--prp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.prp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--prp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.prp-grid-compact .prp-card {\n padding: 1rem;\n}\n\n.prp-grid-compact .prp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.prp-grid-compact .prp-card p {\n font-size: 12px;\n}\n\n.prp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.prp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.prp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--prp-primary), var(--prp-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.prp-timeline-content {\n flex: 1;\n background: var(--prp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--prp-radius-sm);\n box-shadow: var(--prp-shadow);\n}\n\n.prp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--prp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.prp-timeline-content p {\n font-size: 14px;\n color: var(--prp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.prp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--prp-primary-light);\n border-radius: var(--prp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.prp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.prp-tip p {\n font-size: 14px;\n color: var(--prp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.prp-accordion {\n background: var(--prp-white);\n border-radius: var(--prp-radius);\n box-shadow: var(--prp-shadow);\n overflow: hidden;\n}\n\n.prp-accordion-item {\n border-bottom: 1px solid var(--prp-border);\n margin: 0;\n padding: 0;\n}\n\n.prp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.prp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--prp-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.prp-accordion-header:hover {\n background: var(--prp-primary-light);\n}\n\n.prp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.prp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--prp-primary);\n transition: transform .2s ease;\n}\n\n.prp-accordion-item[open] .prp-accordion-header::after {\n content: '−';\n}\n\n.prp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--prp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.prp-accordion-content p {\n margin: 0;\n}\n\n.prp-testimonial {\n background: var(--prp-white);\n border-radius: var(--prp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--prp-shadow);\n border-left: 4px solid var(--prp-secondary);\n margin-bottom: 1.5rem;\n}\n\n.prp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--prp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.prp-cta-box {\n background: linear-gradient(135deg, var(--prp-primary) 0%, var(--prp-primary-dark) 100%);\n border-radius: var(--prp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.prp-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.prp-disclaimer {\n font-size: 12px;\n color: var(--prp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .prp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .prp-card {\n padding: 1.125rem;\n }\n \n .prp-section {\n margin-bottom: 1.75rem;\n }\n \n .prp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--prp-radius-sm);\n }\n \n .prp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .prp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .prp-grid-compact {\n gap: .625rem;\n }\n \n .prp-grid-compact .prp-card {\n padding: .75rem;\n }\n \n .prp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .prp-timeline-content {\n padding: .875rem 1rem;\n }\n \n .prp-timeline-content h3 {\n font-size: 14px;\n }\n \n .prp-timeline-content p {\n font-size: 13px;\n }\n \n .prp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .prp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .prp-testimonial {\n padding: 1.25rem;\n }\n \n .prp-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .prp-card {\n animation: prpFadeInUp .5s ease backwards;\n }\n .prp-card:nth-child(1) { animation-delay: .05s; }\n .prp-card:nth-child(2) { animation-delay: .1s; }\n .prp-card:nth-child(3) { animation-delay: .15s; }\n .prp-card:nth-child(4) { animation-delay: .2s; }\n .prp-card:nth-child(5) { animation-delay: .25s; }\n .prp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes prpFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .prp-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":56198153077113,"sku":"NBAIAAG0029","price":9.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/extrait-de-propolis-bio-15ml-aagaard-ingredients.webp?v=1769762131"},{"product_id":"pollen-bio-180-g-abeille-forestiere","title":"Pollen Polyfloral Bio – 180 g – Abeille Forestière","description":"\u003cdiv class=\"pol-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"pol-hero\"\u003e\n \u003cdiv class=\"pol-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pol-hero-content\"\u003e\n \u003cdiv class=\"pol-badges-top\"\u003e\n \u003cspan class=\"pol-badge\"\u003e🐝 Pollen Polyfloral\u003c\/span\u003e\n \u003cspan class=\"pol-badge\"\u003e🇫🇷 Origine France\u003c\/span\u003e\n \u003cspan class=\"pol-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e\n \u003cspan class=\"pol-badge\"\u003e🍯 100% Naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pol-hero-title\"\u003ePollen Bio – Abeille Forestière\u003c\/span\u003e\n \u003cp class=\"pol-subtitle\"\u003eVitalité • Immunité • Énergie\u003c\/p\u003e\n \u003cp class=\"pol-description\"\u003eUn pollen de fleurs bio récolté avec soin par les apiculteurs de l'Abeille Forestière. Riche, savoureux et 100% naturel, ce superaliment vous apporte chaque jour une concentration unique de nutriments essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"pol-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce pollen de fleurs bio ?\u003c\/h2\u003e\n \u003cp class=\"pol-section-intro\"\u003eLe \u003cstrong\u003epollen d'abeille bio\u003c\/strong\u003e de l'Abeille Forestière se distingue par sa richesse florale et son origine certifiée agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"pol-grid\"\u003e\n \u003cdiv class=\"pol-card\"\u003e\n \u003ch3\u003e🌸 Récolte polyflorale\u003c\/h3\u003e\n \u003cp\u003eButiné sur une grande variété de fleurs sauvages, il offre un profil nutritionnel large et équilibré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pol-card\"\u003e\n \u003ch3\u003e🌿 Certifié AB\u003c\/h3\u003e\n \u003cp\u003eProduit issu de l'agriculture biologique, sans pesticides ni traitements chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pol-card\"\u003e\n \u003ch3\u003e🍯 Saveur authentique\u003c\/h3\u003e\n \u003cp\u003eDes pelotes colorées, légèrement sucrées, qui révèlent toute la richesse du terroir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"pol-section\"\u003e\n \u003ch2\u003eLes bienfaits du pollen bio sur votre organisme\u003c\/h2\u003e\n \u003cp class=\"pol-section-intro\"\u003eVéritable concentré de la nature, le \u003cstrong\u003epollen bio frais\u003c\/strong\u003e est apprécié pour ses qualités nutritionnelles reconnues.\u003c\/p\u003e\n \u003cdiv class=\"pol-grid\"\u003e\n \u003cdiv class=\"pol-card\"\u003e\n \u003ch3\u003e🛡️ Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants et vitamines, il accompagne vos défenses naturelles aux changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pol-card\"\u003e\n \u003ch3\u003e⚡ Énergie naturelle\u003c\/h3\u003e\n \u003cp\u003eSes protéines et glucides naturels participent à la vitalité quotidienne, idéal en cas de fatigue passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pol-card\"\u003e\n \u003ch3\u003e🌿 Équilibre digestif\u003c\/h3\u003e\n \u003cp\u003eSa richesse en fibres contribue au confort intestinal et au bon fonctionnement du transit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"pol-section\"\u003e\n \u003ch2\u003eComposition et valeurs nutritionnelles\u003c\/h2\u003e\n \u003cdiv class=\"pol-composition-box\"\u003e\n \u003cdiv class=\"pol-ingredient-unique\"\u003e\n \u003cspan class=\"pol-ingredient-label\"\u003e🍯 Ingrédient unique\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e100% pollen* de fleurs\u003c\/strong\u003e issu de l'agriculture biologique. *Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pol-grid-compact\"\u003e\n \u003cdiv class=\"pol-card\"\u003e\n\u003ch3\u003e🔥 1632 kJ\u003c\/h3\u003e\n\u003cp\u003e388 kcal \/ 100g\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"pol-card\"\u003e\n\u003ch3\u003e💪 17g\u003c\/h3\u003e\n\u003cp\u003eProtéines\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"pol-card\"\u003e\n\u003ch3\u003e🍞 58g\u003c\/h3\u003e\n\u003cp\u003eGlucides (37g sucres)\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"pol-card\"\u003e\n\u003ch3\u003e🥑 7g\u003c\/h3\u003e\n\u003cp\u003eLipides\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"pol-card\"\u003e\n\u003ch3\u003e🌾 12,1g\u003c\/h3\u003e\n\u003cp\u003eFibres\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"pol-card\"\u003e\n\u003ch3\u003e🧂 0,02g\u003c\/h3\u003e\n\u003cp\u003eSel\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pol-tip\"\u003e\n \u003cspan class=\"pol-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eVitamines naturellement présentes :\u003c\/strong\u003e Vitamine B5 (6 mg) et Vitamine B6 (0,56 mg) pour 100g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"pol-section\"\u003e\n \u003ch2\u003eComment consommer le pollen bio ?\u003c\/h2\u003e\n \u003cdiv class=\"pol-timeline\"\u003e\n \u003cdiv class=\"pol-timeline-item\"\u003e\n \u003cdiv class=\"pol-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pol-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003e1 à 2 cuillères à café par jour, à croquer ou à intégrer à votre alimentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pol-timeline-item\"\u003e\n \u003cdiv class=\"pol-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pol-timeline-content\"\u003e\n \u003ch3\u003eModes d'utilisation\u003c\/h3\u003e\n \u003cp\u003eMélangez dans un yaourt, saupoudrez sur vos céréales, ou diluez dans un verre d'eau ou un jus de fruit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pol-timeline-item\"\u003e\n \u003cdiv class=\"pol-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pol-timeline-content\"\u003e\n \u003ch3\u003eCure idéale\u003c\/h3\u003e\n \u003cp\u003eUne cure de 4 à 6 semaines au printemps et à l'automne pour soutenir votre vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pol-warning\"\u003e\n \u003cspan class=\"pol-warning-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécaution :\u003c\/strong\u003e déconseillé aux personnes allergiques aux produits de la ruche. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"pol-section\"\u003e\n \u003ch2\u003eConservation et informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"pol-accordion\"\u003e\n \u003cdetails class=\"pol-accordion-item\"\u003e\n \u003csummary class=\"pol-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n \u003cdiv class=\"pol-accordion-content mt-3\"\u003e\n \u003cp\u003ePot en verre de \u003cstrong\u003e180 g\u003c\/strong\u003e, soit environ 6 à 8 semaines de cure selon le dosage choisi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pol-accordion-item\"\u003e\n \u003csummary class=\"pol-accordion-header\"\u003e🌡️ Mode de conservation\u003c\/summary\u003e\n \u003cdiv class=\"pol-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver dans un endroit sec, à l'abri de la lumière et de la chaleur. Refermez bien le pot après utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pol-accordion-item\"\u003e\n \u003csummary class=\"pol-accordion-header\"\u003e🌿 Certifications\u003c\/summary\u003e\n \u003cdiv class=\"pol-accordion-content mt-3\"\u003e\n \u003cp\u003eCertifié \u003cstrong\u003eFR-BIO-01\u003c\/strong\u003e – Agriculture biologique non UE \/ UE.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"pol-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCe qu'il faut retenir\u003c\/h2\u003e\n \u003cdiv class=\"pol-cta-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003ePollen Bio Abeille Forestière\u003c\/strong\u003e est un allié naturel de votre vitalité quotidienne : riche en protéines, vitamines et fibres, il s'intègre facilement dans votre alimentation pour un coup de pouce énergétique authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pol-disclaimer\"\u003eCe complément alimentaire ne remplace ni un traitement médical, ni une alimentation équilibrée. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. En cas de grossesse, d'allaitement ou de traitement médical, demandez l'avis de votre médecin.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --pol-cream: #fdf8ec;\n --pol-white: #ffffff;\n --pol-primary: #f4b91a;\n --pol-primary-dark: #8a5a0c;\n --pol-primary-light: #fff4d6;\n --pol-secondary: #e88c12;\n --pol-accent: #c8651a;\n --pol-text: #2a1f10;\n --pol-text-light: #6b5a42;\n --pol-border: #ebd9a8;\n --pol-shadow: 0 4px 24px rgba(138, 90, 12, .1);\n --pol-shadow-lg: 0 12px 48px rgba(138, 90, 12, .18);\n --pol-radius: 20px;\n --pol-radius-sm: 12px;\n }\n\n \/* === CONTENEUR === *\/\n .pol-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pol-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--pol-text);\n line-height: 1.6;\n }\n\n \/* === HERO === *\/\n .pol-hero {\n position: relative;\n background: linear-gradient(135deg, #f4b91a 0%, #e88c12 50%, #c8651a 100%);\n border-radius: var(--pol-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(--pol-shadow-lg);\n }\n\n .pol-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .12;\n background-image: radial-gradient(circle at 20% 30%, #fff 2px, transparent 3px),\n radial-gradient(circle at 70% 60%, #fff 1.5px, transparent 2.5px),\n radial-gradient(circle at 40% 80%, #fff 2px, transparent 3px),\n radial-gradient(circle at 85% 20%, #fff 1.5px, transparent 2.5px);\n background-size: 120px 120px, 80px 80px, 100px 100px, 90px 90px;\n }\n\n .pol-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .pol-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 .pol-subtitle {\n color: white;\n font-size: clamp(15px, 3vw, 19px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n opacity: .95;\n }\n\n .pol-description {\n color: white;\n font-size: clamp(14px, 2.3vw, 17px);\n margin: 0 auto;\n max-width: 700px;\n line-height: 1.7;\n opacity: .95;\n }\n\n \/* === BADGES === *\/\n .pol-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .pol-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(--pol-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .pol-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n \/* === SECTIONS === *\/\n .pol-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .pol-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pol-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 .pol-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(--pol-primary), var(--pol-secondary));\n border-radius: 2px;\n }\n\n .pol-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pol-text-light);\n margin-bottom: 1.75rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .pol-section-intro strong {\n color: var(--pol-primary-dark);\n }\n\n \/* === CARDS === *\/\n .pol-card {\n background: var(--pol-white);\n border-radius: var(--pol-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pol-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .pol-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pol-shadow-lg);\n border-color: var(--pol-primary);\n }\n\n .pol-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pol-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .pol-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pol-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n \/* === GRILLES === *\/\n .pol-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .pol-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n margin-bottom: 1.25rem;\n }\n\n .pol-grid-compact .pol-card {\n padding: 1rem .75rem;\n }\n\n .pol-grid-compact .pol-card h3 {\n font-size: 16px;\n margin-bottom: .25rem;\n color: var(--pol-secondary);\n }\n\n .pol-grid-compact .pol-card p {\n font-size: 12px;\n font-weight: 600;\n }\n\n \/* === COMPOSITION BOX === *\/\n .pol-composition-box {\n background: var(--pol-white);\n border-radius: var(--pol-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--pol-shadow);\n }\n\n .pol-ingredient-unique {\n background: linear-gradient(135deg, var(--pol-primary-light), #fff8e0);\n border-radius: var(--pol-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-bottom: 1.5rem;\n text-align: center;\n border-left: 4px solid var(--pol-primary);\n }\n\n .pol-ingredient-label {\n display: inline-block;\n font-size: 12px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: .08em;\n color: var(--pol-primary-dark);\n margin-bottom: .5rem;\n }\n\n .pol-ingredient-unique p {\n margin: 0;\n color: var(--pol-text);\n font-size: 15px;\n line-height: 1.6;\n }\n\n \/* === TIMELINE === *\/\n .pol-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .pol-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .pol-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pol-primary), var(--pol-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(244, 185, 26, .35);\n }\n\n .pol-timeline-content {\n flex: 1;\n background: var(--pol-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pol-radius-sm);\n box-shadow: var(--pol-shadow);\n }\n\n .pol-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pol-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .pol-timeline-content p {\n font-size: 14px;\n color: var(--pol-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n \/* === TIP === *\/\n .pol-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pol-primary-light);\n border-radius: var(--pol-radius-sm);\n padding: 1rem 1.25rem;\n }\n\n .pol-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .pol-tip p {\n font-size: 14px;\n color: var(--pol-text);\n margin: 0;\n line-height: 1.6;\n }\n\n \/* === WARNING === *\/\n .pol-warning {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: #fff3e0;\n border-left: 4px solid var(--pol-accent);\n border-radius: var(--pol-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n }\n\n .pol-warning-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .pol-warning p {\n font-size: 13px;\n color: var(--pol-text);\n margin: 0;\n line-height: 1.6;\n }\n\n \/* === ACCORDÉON === *\/\n .pol-accordion {\n background: var(--pol-white);\n border-radius: var(--pol-radius);\n box-shadow: var(--pol-shadow);\n overflow: hidden;\n }\n\n .pol-accordion-item {\n border-bottom: 1px solid var(--pol-border);\n margin: 0;\n padding: 0;\n }\n\n .pol-accordion-item:last-child {\n border-bottom: none;\n }\n\n .pol-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pol-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n }\n\n .pol-accordion-header:hover {\n background: var(--pol-primary-light);\n }\n\n .pol-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .pol-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--pol-primary);\n transition: transform .2s ease;\n }\n\n .pol-accordion-item[open] .pol-accordion-header::after {\n content: '−';\n }\n\n .pol-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pol-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .pol-accordion-content p {\n margin: 0;\n }\n\n \/* === CTA FINAL === *\/\n .pol-cta-box {\n background: linear-gradient(135deg, var(--pol-primary) 0%, var(--pol-secondary) 100%);\n border-radius: var(--pol-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--pol-shadow-lg);\n }\n\n .pol-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 .pol-cta-box strong {\n color: #fff8e0;\n }\n\n \/* === DISCLAIMER === *\/\n .pol-disclaimer {\n font-size: 12px;\n color: var(--pol-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n }\n\n \/* === RESPONSIVE === *\/\n @media (max-width: 767px) {\n .pol-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pol-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n\n .pol-grid-compact .pol-card {\n padding: .75rem .5rem;\n }\n\n .pol-grid-compact .pol-card h3 {\n font-size: 14px;\n }\n\n .pol-grid-compact .pol-card p {\n font-size: 11px;\n }\n\n .pol-card {\n padding: 1.125rem;\n }\n\n .pol-section {\n margin-bottom: 1.75rem;\n }\n\n .pol-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pol-radius-sm);\n }\n\n .pol-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pol-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pol-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pol-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pol-timeline-content h3 {\n font-size: 14px;\n }\n\n .pol-timeline-content p {\n font-size: 13px;\n }\n\n .pol-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pol-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pol-composition-box {\n padding: 1.125rem;\n }\n }\n\n \/* === ANIMATIONS === *\/\n @media (prefers-reduced-motion: no-preference) {\n .pol-card {\n animation: polFadeInUp .5s ease backwards;\n }\n .pol-card:nth-child(1) { animation-delay: .05s; }\n .pol-card:nth-child(2) { animation-delay: .1s; }\n .pol-card:nth-child(3) { animation-delay: .15s; }\n .pol-card:nth-child(4) { animation-delay: .2s; }\n .pol-card:nth-child(5) { animation-delay: .25s; }\n .pol-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes polFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .pol-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"ABEILLE FORESTIERE","offers":[{"title":"Default Title","offer_id":57209793839481,"sku":"AF6000","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/pollen-bio-180-g-abeille-forestiere-lifestyle.webp?v=1777901857"},{"product_id":"gel-nettoyant-purifiant-au-miel-de-manuka-iaa15-200-ml-cicamanuka","title":"Gel nettoyant purifiant au miel de manuka iaa15+ - 200 ml - CicaManuka","description":"\u003cdiv class=\"cica-premium\"\u003e\n \u003cdiv class=\"cica-hero\"\u003e\n \u003cdiv class=\"cica-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cica-hero-content\"\u003e\n \u003cdiv class=\"cica-badges-top\"\u003e\n \u003cspan class=\"cica-badge\"\u003e🍯 Miel de Manuka IAA15+\u003c\/span\u003e\n \u003cspan class=\"cica-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"cica-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cica-hero-title\"\u003eLa douceur du Manuka pour une peau nette\u003c\/span\u003e\n \u003cp class=\"cica-subtitle\"\u003eGel nettoyant purifiant · 200 ml\u003c\/p\u003e\n \u003cp class=\"cica-description\"\u003eDésincruste, régule l'excès de sébum et réduit les imperfections des peaux mixtes à grasses, sans dessécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cica-section\"\u003e\n \u003ch2\u003eUn gel nettoyant purifiant visage pensé pour les peaux mixtes à grasses\u003c\/h2\u003e\n \u003cp class=\"cica-section-intro\"\u003eVous cherchez un \u003cstrong\u003egel nettoyant purifiant visage\u003c\/strong\u003e à la fois efficace et respectueux de votre peau ? Le \u003cstrong\u003eGel Nettoyant Purifiant au Miel de Manuka IAA15+\u003c\/strong\u003e de CicaManuka a été formulé pour répondre aux besoins spécifiques des peaux mixtes à grasses, sujettes aux imperfections et aux brillances.\u003c\/p\u003e\n \u003cp class=\"cica-section-intro\"\u003eSa texture gel moussante élimine en douceur les impuretés, l'excès de sébum et les résidus de maquillage, sans dessécher ni tirailler. Certifié \u003cstrong\u003eCOSMOS NATURAL par Ecocert Greenlife\u003c\/strong\u003e, ce soin réunit \u003cstrong\u003e100 % d'ingrédients d'origine naturelle\u003c\/strong\u003e dans une formule courte de seulement 12 actifs, sans parfum ajouté, non comédogène et au pH physiologique. Fabriqué en France dans un flacon de 200 ml.\u003c\/p\u003e\n \u003cdiv class=\"cica-grid-compact\"\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e✅ COSMOS Natural\u003c\/h3\u003e\n \u003cp\u003eCertifié Ecocert Greenlife\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e🧪 12 actifs\u003c\/h3\u003e\n \u003cp\u003eFormule courte et ciblée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e🌸 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eNon comédogène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e💧 pH physiologique\u003c\/h3\u003e\n \u003cp\u003eRespecte la barrière cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cica-section\"\u003e\n \u003ch2\u003eLes actifs stars pour désincruster et rééquilibrer\u003c\/h2\u003e\n \u003cdiv class=\"cica-grid\"\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e🍯 Miel de Manuka IAA15+ (2 %)\u003c\/h3\u003e\n \u003cp\u003eRiche en acide gluconique (PHA), il exerce une action exfoliante douce et améliore visiblement l'aspect des peaux à imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e⚡ Zinc PCA\u003c\/h3\u003e\n \u003cp\u003eRégule l'excès de sébum, rééquilibre le microbiote cutané et participe à l'hydratation naturelle de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e✨ Gluconolactone (5 %)\u003c\/h3\u003e\n \u003cp\u003eCe PHA affine le grain de peau, désincruste les pores et apporte une hydratation supplémentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e🥥 Coco-glucoside\u003c\/h3\u003e\n \u003cp\u003eBase lavante d'origine végétale, elle nettoie sans agresser la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera\u003c\/h3\u003e\n \u003cp\u003eApaise et adoucit les peaux réactives pour un confort immédiat après le nettoyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cica-section\"\u003e\n \u003ch2\u003eRésultats prouvés : les bienfaits mesurés\u003c\/h2\u003e\n \u003cp class=\"cica-section-intro\"\u003eContrairement à un simple \u003cstrong\u003egel purifiant visage\u003c\/strong\u003e classique, ce soin a été testé cliniquement pendant 4 semaines auprès de 33 volontaires, avec 2 applications par jour.\u003c\/p\u003e\n \u003cdiv class=\"cica-grid-compact\"\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e-19 %\u003c\/h3\u003e\n \u003cp\u003eComédons ouverts (auto-scorage)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e-10,1 %\u003c\/h3\u003e\n \u003cp\u003ePorphyrines (mesure instrumentale)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e84 %\u003c\/h3\u003e\n \u003cp\u003eConstatent une régulation de l'excès de sébum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e97 %\u003c\/h3\u003e\n \u003cp\u003eConfirment une élimination des impuretés en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e88 %\u003c\/h3\u003e\n \u003cp\u003eRessentent un effet apaisant après l'application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e4 semaines\u003c\/h3\u003e\n \u003cp\u003eTest clinique sur 33 volontaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cica-section\"\u003e\n \u003ch2\u003eComment utiliser le gel nettoyant purifiant CicaManuka ?\u003c\/h2\u003e\n \u003cdiv class=\"cica-timeline\"\u003e\n \u003cdiv class=\"cica-timeline-item\"\u003e\n \u003cdiv class=\"cica-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cica-timeline-content\"\u003e\n \u003ch3\u003eHumidifier\u003c\/h3\u003e\n \u003cp\u003eMouillez votre visage à l'eau tiède pour préparer la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-timeline-item\"\u003e\n \u003cdiv class=\"cica-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cica-timeline-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eDéposez une petite quantité de gel dans le creux de la main, matin et\/ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-timeline-item\"\u003e\n \u003cdiv class=\"cica-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cica-timeline-content\"\u003e\n \u003ch3\u003eMasser\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement en mouvements circulaires sur l'ensemble du visage en évitant le contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-timeline-item\"\u003e\n \u003cdiv class=\"cica-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cica-timeline-content\"\u003e\n \u003ch3\u003eRincer \u0026amp; sécher\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède, puis séchez en tamponnant avec une serviette douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-timeline-item\"\u003e\n \u003cdiv class=\"cica-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"cica-timeline-content\"\u003e\n \u003ch3\u003ePoursuivre la routine\u003c\/h3\u003e\n \u003cp\u003eEnchaînez avec votre soin habituel (sérum, crème hydratante).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-tip\"\u003e\n \u003cspan class=\"cica-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil d'experte :\u003c\/strong\u003e pour maximiser les résultats sur les peaux à tendance acnéique, associez ce nettoyant à un soin ciblé au miel de Manuka de la même gamme. Une routine régulière est la clé d'une peau visiblement plus nette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cica-section\"\u003e\n \u003ch2\u003ePour qui ce gel nettoyant est-il recommandé ?\u003c\/h2\u003e\n \u003cdiv class=\"cica-grid\"\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e💫 Peaux mixtes à grasses\u003c\/h3\u003e\n \u003cp\u003ePour les épidermes brillants avec zone T marquée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e🎯 Tendance acnéique\u003c\/h3\u003e\n \u003cp\u003eSujettes aux boutons, comédons et points noirs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e🌿 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eQui ne tolèrent pas les nettoyants agressifs du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e👦 Enfants dès 9 ans\u003c\/h3\u003e\n \u003cp\u003eFormule douce adaptée aux jeunes peaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n \u003cp\u003eCompatible avec la grossesse et l'allaitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cica-card\"\u003e\n \u003ch3\u003e🌱 Amoureuses du naturel\u003c\/h3\u003e\n \u003cp\u003e100 % d'ingrédients d'origine naturelle, certifié COSMOS.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cica-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"cica-accordion\"\u003e\n \u003cdetails class=\"cica-accordion-item\"\u003e\n \u003csummary class=\"cica-accordion-header\"\u003e🕐 À quelle fréquence l'utiliser ?\u003c\/summary\u003e\n \u003cdiv class=\"cica-accordion-content mt-3\"\u003e\n \u003cp\u003eUne à deux fois par jour, matin et\/ou soir. Un usage quotidien est parfaitement toléré grâce à sa base lavante douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cica-accordion-item\"\u003e\n \u003csummary class=\"cica-accordion-header\"\u003e💄 Peut-il remplacer un démaquillant ?\u003c\/summary\u003e\n \u003cdiv class=\"cica-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, il élimine efficacement les résidus de maquillage tout en purifiant la peau. Pour un maquillage waterproof, une double étape peut être conseillée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cica-accordion-item\"\u003e\n \u003csummary class=\"cica-accordion-header\"\u003e💧 Est-il asséchant ?\u003c\/summary\u003e\n \u003cdiv class=\"cica-accordion-content mt-3\"\u003e\n \u003cp\u003eNon. Contrairement à de nombreux gels purifiants du marché, sa formule respecte le film hydrolipidique grâce au coco-glucoside et à l'aloe vera.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cica-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cica-cta-box\"\u003e\n \u003cp\u003eOffrez à votre peau la douceur purifiante du miel de Manuka IAA15+ et retrouvez un teint net, équilibré et lumineux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cica-disclaimer\"\u003eCe produit cosmétique ne remplace pas un avis médical. En cas d'acné sévère, persistante ou inflammatoire, consultez un dermatologue. Usage externe uniquement, éviter le contour des yeux.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cica-cream: #fdfaf0;\n --cica-white: #ffffff;\n --cica-primary: #e8c547;\n --cica-primary-dark: #a8862a;\n --cica-primary-light: #fef6d9;\n --cica-secondary: #d4a017;\n --cica-accent: #f5b800;\n --cica-text: #2b2410;\n --cica-text-light: #6b5f45;\n --cica-border: #e8dfc2;\n --cica-shadow: 0 4px 24px rgba(168,134,42,.10);\n --cica-shadow-lg: 0 12px 48px rgba(168,134,42,.18);\n --cica-radius: 20px;\n --cica-radius-sm: 12px;\n}\n\n.cica-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cica-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cica-text);\n}\n\n.cica-hero {\n position: relative;\n background: linear-gradient(135deg, #f5b800 0%, #e8c547 50%, #d4a017 100%);\n border-radius: var(--cica-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(--cica-shadow-lg);\n}\n\n.cica-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, #fff 2px, transparent 2px), radial-gradient(circle at 70% 60%, #fff 2px, transparent 2px);\n background-size: 60px 60px;\n opacity: .1;\n}\n\n.cica-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cica-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.cica-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 700;\n margin: 0 0 .75rem 0;\n opacity: .95;\n}\n\n.cica-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 17px);\n margin: 0 auto;\n max-width: 600px;\n line-height: 1.6;\n opacity: .95;\n}\n\n.cica-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cica-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(--cica-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cica-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cica-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cica-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cica-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.cica-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(--cica-primary), var(--cica-secondary));\n border-radius: 2px;\n}\n\n.cica-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cica-text-light);\n margin: 0 auto 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.cica-card {\n background: var(--cica-white);\n border-radius: var(--cica-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cica-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cica-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cica-shadow-lg);\n border-color: var(--cica-primary);\n}\n\n.cica-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cica-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cica-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cica-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cica-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cica-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cica-grid-compact .cica-card {\n padding: 1rem;\n}\n\n.cica-grid-compact .cica-card h3 {\n font-size: 15px;\n margin-bottom: .35rem;\n}\n\n.cica-grid-compact .cica-card p {\n font-size: 13px;\n}\n\n.cica-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cica-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cica-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cica-primary), var(--cica-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(212,160,23,.3);\n}\n\n.cica-timeline-content {\n flex: 1;\n background: var(--cica-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cica-radius-sm);\n box-shadow: var(--cica-shadow);\n}\n\n.cica-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cica-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cica-timeline-content p {\n font-size: 14px;\n color: var(--cica-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cica-accordion {\n background: var(--cica-white);\n border-radius: var(--cica-radius);\n box-shadow: var(--cica-shadow);\n overflow: hidden;\n}\n\n.cica-accordion-item {\n border-bottom: 1px solid var(--cica-border);\n margin: 0;\n padding: 0;\n}\n\n.cica-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cica-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cica-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.cica-accordion-header:hover {\n background: var(--cica-primary-light);\n}\n\n.cica-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cica-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cica-primary);\n transition: transform .2s ease;\n}\n\n.cica-accordion-item[open] .cica-accordion-header::after {\n content: '−';\n}\n\n.cica-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cica-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cica-accordion-content p {\n margin: 0;\n}\n\n.cica-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cica-primary-light);\n border-radius: var(--cica-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--cica-primary);\n}\n\n.cica-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cica-tip p {\n font-size: 14px;\n color: var(--cica-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cica-cta-box {\n background: linear-gradient(135deg, var(--cica-primary) 0%, var(--cica-primary-dark) 100%);\n border-radius: var(--cica-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cica-shadow-lg);\n}\n\n.cica-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.cica-disclaimer {\n font-size: 12px;\n color: var(--cica-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 .cica-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cica-card {\n padding: 1.125rem;\n }\n .cica-section {\n margin-bottom: 1.75rem;\n }\n .cica-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cica-radius-sm);\n }\n .cica-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cica-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cica-grid-compact {\n gap: .625rem;\n }\n .cica-grid-compact .cica-card {\n padding: .75rem;\n }\n .cica-grid-compact .cica-card h3 {\n font-size: 14px;\n }\n .cica-grid-compact .cica-card p {\n font-size: 12px;\n }\n .cica-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cica-timeline-content {\n padding: .875rem 1rem;\n }\n .cica-timeline-content h3 {\n font-size: 14px;\n }\n .cica-timeline-content p {\n font-size: 13px;\n }\n .cica-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cica-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cica-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cica-card:nth-child(1) { animation-delay: .05s; }\n .cica-card:nth-child(2) { animation-delay: .1s; }\n .cica-card:nth-child(3) { animation-delay: .15s; }\n .cica-card:nth-child(4) { animation-delay: .2s; }\n .cica-card:nth-child(5) { animation-delay: .25s; }\n .cica-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 .cica-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CicaManuka","offers":[{"title":"Default Title","offer_id":64529564762489,"sku":"NBAICIC0014","price":13.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-nettoyant-purifiant-cicamanuka.webp?v=1790416453"},{"product_id":"soin-anti-imperfections-miel-de-manuka-iaa15-200-ml-cicamanuka","title":"Soin anti-imperfections au Miel de Manuka IAA15+ - CicaManuka","description":"\u003cdiv class=\"cica-premium\"\u003e\n\u003cdiv class=\"cica-hero\"\u003e\n\u003cdiv class=\"cica-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cica-hero-content\"\u003e\n\u003cdiv class=\"cica-badges-top\"\u003e\n\u003cspan class=\"cica-badge\"\u003e🍯 Miel de Manuka IAA 15+\u003c\/span\u003e \u003cspan class=\"cica-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cica-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cica-hero-title\"\u003eLa puissance du Manuka contre les imperfections\u003c\/span\u003e\n\u003cp class=\"cica-subtitle\"\u003eCorrige • Réduit • Apaise\u003c\/p\u003e\n\u003cp class=\"cica-description\"\u003eUn soin concentré à 15% de Miel de Manuka de Nouvelle-Zélande et zinc, pour une réponse naturelle et ciblée aux peaux à tendance acnéique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"cica-section\"\u003e\n\u003ch2\u003eVotre allié ciblé pour peaux à tendance acnéique\u003c\/h2\u003e\n\u003cp class=\"cica-section-intro\"\u003eVous cherchez un soin anti-imperfections à la fois efficace, naturel et respectueux de votre peau ? Le \u003cstrong\u003eSoin Anti-Imperfections Concentré CicaManuka\u003c\/strong\u003e associe la puissance du \u003cstrong\u003eMiel de Manuka de Nouvelle-Zélande IAA 15+\u003c\/strong\u003e et l'action régulatrice du \u003cstrong\u003ezinc\u003c\/strong\u003e pour corriger, réduire et apaiser les imperfections cutanées.\u003c\/p\u003e\n\u003cp class=\"cica-section-intro\"\u003eFabriqué en France, formulé avec \u003cstrong\u003e100% d'ingrédients d'origine naturelle\u003c\/strong\u003e, il constitue une alternative végétale intéressante aux formules classiques du type Cerave Soin Concentré Anti-Imperfections, Vichy Normaderm Soin Correcteur ou La Roche-Posay.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cica-section\"\u003e\n\u003ch2\u003ePourquoi choisir le Miel de Manuka IAA 15+ pour corriger les imperfections ?\u003c\/h2\u003e\n\u003cp class=\"cica-section-intro\"\u003eLe \u003cstrong\u003eMiel de Manuka\u003c\/strong\u003e est réputé dans le monde entier pour ses propriétés apaisantes et purifiantes. L'indice \u003cstrong\u003eIAA 15+\u003c\/strong\u003e (Indice d'Activité Antibactérienne) garantit une concentration significative en composés actifs naturels, notamment en méthylglyoxal.\u003c\/p\u003e\n\u003cdiv class=\"cica-grid-compact\"\u003e\n\u003cdiv class=\"cica-card\"\u003e\n\u003ch3\u003e🌸 Origine Nouvelle-Zélande\u003c\/h3\u003e\n\u003cp\u003eRécolté à partir des fleurs de l'arbre Manuka par les apiculteurs néo-zélandais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cica-card\"\u003e\n\u003ch3\u003e🏺 Tradition maorie\u003c\/h3\u003e\n\u003cp\u003eUne plante aux vertus reconnues depuis des générations par le peuple Maori.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cica-card\"\u003e\n\u003ch3\u003e🔬 Indice IAA 15+\u003c\/h3\u003e\n\u003cp\u003eUne concentration certifiée en composés actifs naturels et méthylglyoxal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cica-card\"\u003e\n\u003ch3\u003e⚡ Zinc régulateur\u003c\/h3\u003e\n\u003cp\u003eUn minéral clé pour les peaux mixtes à grasses sujettes aux boutons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cica-section\"\u003e\n\u003ch2\u003eLes bienfaits de ce soin sur votre peau\u003c\/h2\u003e\n\u003cdiv class=\"cica-grid\"\u003e\n\u003cdiv class=\"cica-card\"\u003e\n\u003ch3\u003e🎯 Corrige\u003c\/h3\u003e\n\u003cp\u003eRéduit visiblement les imperfections localisées grâce à une action ciblée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cica-card\"\u003e\n\u003ch3\u003e🌡️ Réduit\u003c\/h3\u003e\n\u003cp\u003eAtténue l'apparence des boutons et des rougeurs inflammatoires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cica-card\"\u003e\n\u003ch3\u003e💧 Apaise\u003c\/h3\u003e\n\u003cp\u003eCalme les peaux réactives et fragilisées pour un confort immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cica-card\"\u003e\n\u003ch3\u003e✨ Estompe les marques\u003c\/h3\u003e\n\u003cp\u003eAide à limiter les marques post-inflammatoires laissées par les boutons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cica-card\"\u003e\n\u003ch3\u003e🩺 Testé dermatologiquement\u003c\/h3\u003e\n\u003cp\u003eAdapté aux peaux à tendance acnéique, sous contrôle dermatologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cica-card\"\u003e\n\u003ch3\u003e🌿 Douceur naturelle\u003c\/h3\u003e\n\u003cp\u003eUne formule respectueuse qui préserve la barrière cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cica-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp class=\"cica-section-intro\"\u003eLa formule concentrée mise sur la richesse et la pureté des actifs naturels.\u003c\/p\u003e\n\u003cdiv class=\"cica-grid\"\u003e\n\u003cdiv class=\"cica-card\"\u003e\n\u003ch3\u003e🍯 15% Miel de Manuka IAA 15+\u003c\/h3\u003e\n\u003cp\u003eApaisant, purifiant et réparateur, il agit au cœur des imperfections.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cica-card\"\u003e\n\u003ch3\u003e⚗️ Zinc\u003c\/h3\u003e\n\u003cp\u003eRégulateur naturel, il aide à limiter la brillance et les imperfections.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cica-card\"\u003e\n\u003ch3\u003e🌱 100% d'origine naturelle\u003c\/h3\u003e\n\u003cp\u003eUne formule pure, sans ingrédients controversés, pensée pour respecter votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cica-disclaimer\"\u003ePour connaître la liste INCI complète et détaillée, référez-vous à l'emballage du produit ou à la fiche officielle du fabricant.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cica-section\"\u003e\n\u003ch2\u003eComment utiliser ce soin anti-imperfections ?\u003c\/h2\u003e\n\u003cdiv class=\"cica-timeline\"\u003e\n\u003cdiv class=\"cica-timeline-item\"\u003e\n\u003cdiv class=\"cica-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cica-timeline-content\"\u003e\n\u003ch3\u003eNettoyez votre peau\u003c\/h3\u003e\n\u003cp\u003eNettoyez et séchez soigneusement votre visage avant l'application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cica-timeline-item\"\u003e\n\u003cdiv class=\"cica-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cica-timeline-content\"\u003e\n\u003ch3\u003ePrélevez le soin\u003c\/h3\u003e\n\u003cp\u003ePrenez une petite quantité de soin du bout des doigts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cica-timeline-item\"\u003e\n\u003cdiv class=\"cica-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cica-timeline-content\"\u003e\n\u003ch3\u003eAppliquez localement\u003c\/h3\u003e\n\u003cp\u003eCiblez les imperfections, boutons ou zones à traiter en massage doux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cica-timeline-item\"\u003e\n\u003cdiv class=\"cica-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"cica-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez matin et soir\u003c\/h3\u003e\n\u003cp\u003eRépétez l'application aussi souvent que nécessaire, avant votre crème hydratante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cica-tip\"\u003e\n\u003cspan class=\"cica-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCe soin peut être utilisé en complément de votre routine habituelle, avant votre crème hydratante quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cica-section\"\u003e\n\u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n\u003cp class=\"cica-section-intro\"\u003eCe \u003cstrong\u003esoin concentré anti-imperfections\u003c\/strong\u003e s'adresse aux adolescents comme aux adultes qui souhaitent une réponse ciblée aux imperfections passagères ou récurrentes.\u003c\/p\u003e\n\u003cdiv class=\"cica-grid\"\u003e\n\u003cdiv class=\"cica-card\"\u003e\n\u003ch3\u003e👨👩👧 Peaux acnéiques\u003c\/h3\u003e\n\u003cp\u003eIdéal pour les peaux à tendance acnéique ou mixtes à grasses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cica-card\"\u003e\n\u003ch3\u003e🌸 Peaux réactives\u003c\/h3\u003e\n\u003cp\u003eUne alternative douce et naturelle pour les peaux fragilisées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cica-card\"\u003e\n\u003ch3\u003e🇫🇷 Amateurs de made in France\u003c\/h3\u003e\n\u003cp\u003ePour celles et ceux qui privilégient une cosmétique française et responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cica-section\"\u003e\n\u003ch2\u003eVos interrogations\u003c\/h2\u003e\n\u003cdiv class=\"cica-accordion\"\u003e\n\u003cdetails class=\"cica-accordion-item\"\u003e\n\u003csummary class=\"cica-accordion-header\"\u003e📅 Peut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n\u003cdiv class=\"cica-accordion-content mt-3\"\u003e\n\u003cp\u003eOui, la formule est pensée pour un usage quotidien, matin et soir, sur les zones concernées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cica-accordion-item\"\u003e\n\u003csummary class=\"cica-accordion-header\"\u003e🔬 Comparable au Cerave ou au Vichy Normaderm ?\u003c\/summary\u003e\n\u003cdiv class=\"cica-accordion-content mt-3\"\u003e\n\u003cp\u003eCicaManuka propose une approche différente, basée sur des \u003cstrong\u003eactifs 100% d'origine naturelle\u003c\/strong\u003e et le pouvoir du Miel de Manuka IAA 15+, là où d'autres marques misent sur des actifs synthétiques comme le niacinamide ou l'acide salicylique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cica-accordion-item\"\u003e\n\u003csummary class=\"cica-accordion-header\"\u003e🌼 Convient-il aux peaux sensibles ?\u003c\/summary\u003e\n\u003cdiv class=\"cica-accordion-content mt-3\"\u003e\n\u003cp\u003eOui, sa formule apaisante est adaptée. En cas de doute, faites un test dans le pli du coude avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cica-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"cica-cta-box\"\u003e\n\u003cp\u003eOffrez à votre peau la douceur et l'efficacité du Miel de Manuka IAA 15+. Un geste naturel, ciblé et français pour retrouver une peau nette, apaisée et éclatante jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cica-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas d'acné sévère, persistante ou douloureuse, consultez un dermatologue. Usage externe uniquement. Évitez le contour des yeux.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --cica-cream: #fefaf0;\n --cica-white: #ffffff;\n --cica-primary: #f5c518;\n --cica-primary-dark: #a67c00;\n --cica-primary-light: #fdf5d4;\n --cica-secondary: #e8a92e;\n --cica-accent: #d4881c;\n --cica-text: #1a1a1a;\n --cica-text-light: #5a5a5a;\n --cica-border: #efe6c9;\n --cica-shadow: 0 4px 24px rgba(166,124,0,.08);\n --cica-shadow-lg: 0 12px 48px rgba(166,124,0,.18);\n --cica-radius: 20px;\n --cica-radius-sm: 12px;\n}\n\n.cica-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cica-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cica-text);\n line-height: 1.6;\n}\n\n.cica-hero {\n position: relative;\n background: linear-gradient(135deg, #f5c518 0%, #e8a92e 50%, #d4881c 100%);\n border-radius: var(--cica-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(--cica-shadow-lg);\n}\n\n.cica-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .3;\n}\n\n.cica-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cica-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.cica-subtitle {\n color: white;\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n opacity: .95;\n}\n\n.cica-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n opacity: .95;\n}\n\n.cica-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cica-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(--cica-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cica-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cica-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cica-premium h2 {\n font-size: clamp(22px, 5vw, 34px);\n font-weight: 900;\n color: var(--cica-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.cica-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(--cica-primary), var(--cica-secondary));\n border-radius: 2px;\n}\n\n.cica-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cica-text-light);\n margin: 0 auto 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.cica-card {\n background: var(--cica-white);\n border-radius: var(--cica-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cica-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cica-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cica-shadow-lg);\n border-color: var(--cica-primary);\n}\n\n.cica-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cica-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cica-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cica-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cica-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cica-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cica-grid-compact .cica-card {\n padding: 1rem;\n}\n\n.cica-grid-compact .cica-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cica-grid-compact .cica-card p {\n font-size: 12px;\n}\n\n.cica-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.cica-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cica-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cica-primary), var(--cica-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,197,24,.4);\n}\n\n.cica-timeline-content {\n flex: 1;\n background: var(--cica-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cica-radius-sm);\n box-shadow: var(--cica-shadow);\n}\n\n.cica-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cica-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cica-timeline-content p {\n font-size: 14px;\n color: var(--cica-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cica-accordion {\n background: var(--cica-white);\n border-radius: var(--cica-radius);\n box-shadow: var(--cica-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.cica-accordion-item {\n border-bottom: 1px solid var(--cica-border);\n margin: 0;\n padding: 0;\n}\n\n.cica-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cica-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cica-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.cica-accordion-header:hover {\n background: var(--cica-primary-light);\n}\n\n.cica-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cica-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--cica-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.cica-accordion-item[open] .cica-accordion-header::after {\n content: '−';\n}\n\n.cica-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cica-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cica-accordion-content p {\n margin: 0;\n}\n\n.cica-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cica-primary-light);\n border-radius: var(--cica-radius-sm);\n padding: 1rem 1.25rem;\n margin: 1.5rem auto 0;\n max-width: 780px;\n border-left: 4px solid var(--cica-primary);\n}\n\n.cica-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cica-tip p {\n font-size: 14px;\n color: var(--cica-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cica-cta-box {\n background: linear-gradient(135deg, var(--cica-primary) 0%, var(--cica-accent) 100%);\n border-radius: var(--cica-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cica-shadow-lg);\n}\n\n.cica-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 max-width: 780px;\n margin: 0 auto;\n}\n\n.cica-disclaimer {\n font-size: 12px;\n color: var(--cica-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .cica-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cica-card {\n padding: 1.125rem;\n }\n .cica-section {\n margin-bottom: 1.75rem;\n }\n .cica-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cica-radius-sm);\n }\n .cica-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cica-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cica-grid-compact {\n gap: .625rem;\n }\n .cica-grid-compact .cica-card {\n padding: .75rem;\n }\n .cica-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cica-timeline-content {\n padding: .875rem 1rem;\n }\n .cica-timeline-content h3 {\n font-size: 14px;\n }\n .cica-timeline-content p {\n font-size: 13px;\n }\n .cica-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cica-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cica-card {\n animation: cicaFadeInUp .5s ease backwards;\n }\n .cica-card:nth-child(1) { animation-delay: .05s; }\n .cica-card:nth-child(2) { animation-delay: .1s; }\n .cica-card:nth-child(3) { animation-delay: .15s; }\n .cica-card:nth-child(4) { animation-delay: .2s; }\n .cica-card:nth-child(5) { animation-delay: .25s; }\n .cica-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cicaFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cica-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CicaManuka","offers":[{"title":"Default Title","offer_id":64529573282169,"sku":"NBAICIC0013","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-anti-imperfections-miel-de-manuka-iaa15-200-ml-cicamanu-packshothd.webp?v=1789645285"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/apitherapie.webp?v=1790072178","url":"https:\/\/www.naturellement-bio.com\/collections\/apitherapie.oembed?page=3","provider":"Naturellement Bio","version":"1.0","type":"link"}