{"title":"Biohême","description":"\u003ch2\u003eBiohême en quelques mots : ce qu'il faut retenir\u003c\/h2\u003e\n\u003cp\u003eBiohême, c'est une marque d'infusions bio née en Pays de la Loire, là où pousse la moitié des plantes médicinales françaises. Derrière cette aventure, une ingénieure agroalimentaire pass-ionnée de phytothérapie qui a voulu proposer des tisanes avec un vrai goût, des plantes cultivées à deux pas de chez elle, et des emballages sans plastique. Résultat : \u003cstrong\u003e80% de plantes d'origine française\u003c\/strong\u003e, des recettes imaginées à Vertou près de Nantes, et une fabrication artisanale dans deux ateliers ligériens. On est loin des infusions industrielles sans saveur. Ça, c'est rassurant.\u003c\/p\u003e\n\u003ch2\u003eUne ingénieure qui préfère les champs aux labos industriels\u003c\/h2\u003e\n\u003cp\u003eL'histoire de Biohême démarre avec Laure Fidel. Pendant quinze ans, elle évolue dans l'univers de l'agroalimentaire bio. Elle connaît les rouages, les filières, les compromis parfois douteux de certains acteurs du marché. Et puis un jour, \u003cstrong\u003eune rencontre avec une naturopathe \u003c\/strong\u003echange sa trajectoire. Elle se forme à l'herboristerie, à l'aromathérapie, découvre le pouvoir des plantes autrement qu'en lisant des fiches techniques.\u003c\/p\u003e\n\u003cp\u003ePlutôt que de rejoindre un grand groupe, elle décide de créer sa propre marque. Pas n'importe où : à Vertou, en Loire-Atlantique, aux portes du premier bassin de production de plantes médicinales en France. Concrètement, cela signifie qu'elle peut travailler en direct avec les producteurs locaux, sans intermédiaire. Elle s'associe ensuite avec Isabelle Bretin-Illegems pour développer les recettes et structurer la distribution. Une petite équipe, un atelier modeste, mais une ambition claire : \u003cstrong\u003eremettre du goût et du sens dans la tasse.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch2\u003eComment sont fabriquées les infusions Biohême\u003c\/h2\u003e\n\u003cp\u003eQuand on parle de fabrication française, encore faut-il savoir ce que ça recouvre vraiment. Chez Biohême, les recettes sont conçues au siège, à Vertou. Les plantes proviennent majoritairement de deux régions : les Pays de la Loire pour la culture (verveine, mélisse, menthe, camomille, thym, ortie…) et l'Auvergne-Rhône-Alpes pour la cueillette sauvage (tilleul, frêne, sureau).\u003c\/p\u003e\n\u003cp\u003eLe conditionnement se fait dans deux ateliers partenaires situés au Landreau et à Trélazé, tous deux en Pays de la Loire. En pratique, cela veut dire que chaque étape reste à moins de 100 km du siège. Pour les plantes qui ne poussent pas sous nos latitudes - rooibos, vanille, hibiscus : Biohême fait appel à des \u003cstrong\u003efilières du commerce équitable\u003c\/strong\u003e, notamment en Afrique et à Madagascar. Pas de poudre aux yeux.\u003c\/p\u003e\n\u003cp\u003eAutre détail qui compte : la marque travaille avec Adatris, un regroupement de producteurs basé à Chemillé-en-Anjou, reconnu pour son expertise en plantes médicinales. Ce partenariat garantit une traçabilité solide et des volumes suffisants pour répondre à la demande croissante.\u003c\/p\u003e\n\u003ch2\u003eCe qu'on a vérifié avant de référencer Biohême\u003c\/h2\u003e\n\u003cp\u003eOn ne va pas se mentir : des marques d'infusions bio, il en existe des dizaines. Alors pourquoi celle-ci ? D'abord, on a regardé l'étiquette. Et là, bonne surprise : l'origine de chaque plante est indiquée clairement. Pas de flou artistique, pas de \"mélange UE\/non-UE\" sans précision. Quand c'est français, c'est écrit. Quand ça vient d'ailleurs, c'est mentionné aussi, \u003cstrong\u003eavec la filière équitable associée\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eEnsuite, on a testé. Les arômes sont francs, présents, sans cette fadeur qu'on retrouve souvent dans les infusions de grande distribution. Résultat : on a eu envie de les proposer à nos clients. Le packaging aussi nous a plu - sobre, coloré, avec des noms de recettes qui sortent de l'ordinaire. Ce n'est pas du marketing creux : c'est une identité assumée, cohérente du champ à la tasse.\u003c\/p\u003e\n\u003cp\u003eEt puis il y a le service client. Réactif, humain, avec des réponses personnalisées. Ça compte quand on recommande une marque.\u003c\/p\u003e\n\u003ch2\u003eDes engagements qu'on peut vérifier soi-même\u003c\/h2\u003e\n\u003cp\u003eBiohême affiche une démarche zéro plastique. Concrètement, qu'est-ce que ça donne ? Les sachets individuels sont fabriqués en fibre de papier et amidon de maïs - \u003cstrong\u003e100% végétaux, compostables\u003c\/strong\u003e. Les étuis sont en carton recyclable issu de forêts françaises. Les boîtes métal, elles, sont réutilisables et fabriquées en Italie. Même les étiquettes et les cartons d'expédition sont imprimés en France.\u003c\/p\u003e\n\u003cp\u003eLa marque propose aussi une gamme complète en vrac, pour celles et ceux qui veulent aller plus loin dans la réduction des déchets. On regarde l'étiquette. Tout est cohérent. Pas de double discours entre le message marketing et la réalité du produit.\u003c\/p\u003e\n\u003cp\u003eCôté certification, les infusions sont \u003cstrong\u003e100% bio\u003c\/strong\u003e. Les plantes françaises bénéficient du label Origine France Garantie sur plus d'une vingtaine de références. Pour les ingrédients exotiques, c'est le commerce équitable qui prend le relais.\u003c\/p\u003e\n\u003ch2\u003eÀ qui s'adressent vraiment les infusions Biohême\u003c\/h2\u003e\n\u003cp\u003eSi vous cherchez une infusion à boire machinalement devant la télé, sans y prêter attention, ce n'est peut-être pas le meilleur choix. Les recettes Biohême sont pensées pour être dégustées, senties, appréciées. Elles s'adressent à ceux qui aiment prendre un moment pour eux, le soir après le dîner ou en journée pour une pause.\u003c\/p\u003e\n\u003cp\u003eLes personnes sensibles à l'origine des produits y trouveront leur compte. Idem pour celles qui veulent\u003cstrong\u003e éviter les emballages plastique\u003c\/strong\u003es ou qui préfèrent soutenir une filière française plutôt qu'un circuit d'importation opaque. En pratique, c'est aussi un excellent choix pour offrir : les boîtes sont jolies, les noms de recettes intriguent, et la qualité se ressent dès la première gorgée.\u003c\/p\u003e\n\u003cp\u003eEn revanche, si vous cherchez des infusions à prix discount ou des sachets individuels emballés dans du plastique pour les glisser dans un sac de sport, passez votre chemin. Ce n'est pas la philosophie de la marque.\u003c\/p\u003e\n\u003ch2\u003eCe qui distingue Biohême des infusions classiques\u003c\/h2\u003e\n\u003cp\u003eSur le marché des tisanes, la norme est souvent l'importation massive. Environ 75% des plantes utilisées en France viennent de l'étranger, à bas coût. Biohême prend le contre-pied :\u003cstrong\u003e 80% de ses plantes sont cultivées ou cueillies en France.\u003c\/strong\u003e C'est là que ça se joue.\u003c\/p\u003e\n\u003cp\u003eCette différence a un impact direct sur le goût. Les plantes voyagent moins, sont transformées plus vite, conservent mieux leurs arômes. On le sent à l'ouverture du sachet, on le confirme à la dégustation. Et puis il y a l'aspect humain : travailler avec des producteurs locaux, c'est aussi leur garantir des débouchés stables, à des prix justes.\u003c\/p\u003e\n\u003ch2\u003eComment choisir parmi les infusions Biohême\u003c\/h2\u003e\n\u003cp\u003eVous avez vu la grille de produits juste au-dessus. Voici quelques repères pour vous orienter. Les infusions \"bien-être\" (yoga flex, gainage minceur, super maman) sont formulées avec des plantes traditionnellement associées à des usages précis. Elles conviennent si vous cherchez une infusion avec une intention particulière.\u003c\/p\u003e\n\u003cp\u003eLes infusions \"plaisir\" (vanille des îles, pêche à croquer, vent de fraîcheur) misent avant tout sur le goût. Parfaites pour une pause gourmande, sans objectif particulier. Enfin, les formats boîte métal sont idéaux pour offrir ou pour garder le vrac à l'abri de la lumière.\u003c\/p\u003e\n\u003cp\u003eSi vous hésitez, commencez par une infusion aux notes que vous connaissez déjà - thym citronné, menthe, verveine - avant d'explorer les recettes plus originales.\u003c\/p\u003e\n\u003ch2\u003eNos coups de cœur dans la gamme Biohême\u003c\/h2\u003e\n\u003cp\u003eParmi les références disponibles, trois nous ont particulièrement marqués.\u003c\/p\u003e\n\u003cp\u003eL'\u003ca href=\"\/products\/infusion-thym-citronne-20-infusettes-bioheme\"\u003einfusion thym citronné\u003c\/a\u003e est un classique revisité. Le thym est franc, le citron subtil, l'ensemble réconfortant sans être envahissant. On l'apprécie en fin de journée, quand on veut se réchauffer sans excitant. Le parfum qui s'échappe de la tasse rappelle les jardins d'herbes aromatiques. Simple, efficace.\u003c\/p\u003e\n\u003cp\u003eL'\u003ca href=\"\/products\/infusion-bio-yoga-flex-20-infusettes-bioheme\"\u003einfusion yoga flex\u003c\/a\u003e surprend par sa douceur. Elle associe des plantes traditionnellement utilisées pour accompagner la détente musculaire. On la conseille après une séance de sport ou une journée passée debout. Le goût est léger, légèrement herbacé, agréable même pour ceux qui n'aiment pas les tisanes trop marquées.\u003c\/p\u003e\n\u003cp\u003eEnfin, l'\u003ca href=\"\/products\/infusion-vent-de-fraicheur-boite-metal-50g-bioheme\"\u003einfusion vent de fraîcheur en boîte métal\u003c\/a\u003e est parfaite pour l'été ou après un repas copieux. Menthe, verveine, notes fraîches : elle désaltère autant qu'elle apaise. Le format vrac permet de doser selon ses envies, et la boîte se réutilise ensuite pour ranger d'autres trésors. Un vrai coup de cœur.\u003c\/p\u003e\n\u003ch2\u003eCe qu'on remarque à l'usage\u003c\/h2\u003e\n\u003cp\u003eAprès plusieurs semaines de test, quelques observations concrètes. D'abord, les arômes tiennent bien à l'infusion. Même en laissant le sachet plusieurs minutes, \u003cstrong\u003eon n'obtient pas cette amertume\u003c\/strong\u003e qu'on trouve parfois ailleurs. Ensuite, les sachets individuels sont vraiment compostables - on les a testés dans un composteur domestique, ils se décomposent sans laisser de résidu plastique.\u003c\/p\u003e\n\u003cp\u003eLes boîtes métal ferment bien et protègent efficacement le vrac de l'humidité. Côté praticité, les infusettes sont bien remplies, sans excès de poussière au fond du sachet. On sent qu'il y a eu un travail sur la coupe des plantes.\u003c\/p\u003e\n\u003cp\u003eEnfin, les noms des infusions - \"nuit torride\", \"trek montagne\", \"super maman\" - font sourire et facilitent le choix. C'est un détail, mais il rend l'expérience plus agréable que de choisir entre \"mélange n°3\" et \"infusion détente\" ;). \u003c\/p\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eQuestions fréquentes sur Biohême\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes infusions Biohême sont-elles toutes certifiées bio ?\u003c\/summary\u003e\n\u003cp\u003eOui, l'ensemble de la gamme est certifié agriculture biologique. Les plantes françaises bénéficient également du label Origine France Garantie pour plus d'une vingtaine de références. Les ingrédients exotiques (rooibos, vanille, hibiscus) proviennent de filières du commerce équitable.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePeut-on composter les sachets individuels ?\u003c\/summary\u003e\n\u003cp\u003eAbsolument. Les infusettes sont fabriquées en fibre de papier et amidon de maïs, sans plastique. Elles se décomposent dans un composteur domestique en quelques semaines. Les étuis en carton sont également recyclables.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la durée d'infusion recommandée ?\u003c\/summary\u003e\n\u003cp\u003eEntre 5 et 10 minutes selon l'intensité souhaitée. Les plantes utilisées par Biohême supportent bien une infusion prolongée sans devenir amères. Pour le vrac, comptez environ une cuillère à café par tasse.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment conserver les infusions en vrac ?\u003c\/summary\u003e\n\u003cp\u003eÀ l'abri de la lumière, de l'humidité et des odeurs fortes. Les boîtes métal Biohême sont conçues pour cela. Si vous transvasez le vrac dans un autre contenant, privilégiez un bocal opaque ou une boîte hermétique rangée dans un placard.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes infusions Biohême conviennent-elles aux femmes enceintes ?\u003c\/summary\u003e\n\u003cp\u003eCertaines plantes sont traditionnellement déconseillées pendant la grossesse. Nous vous recommandons de consulter la liste des ingrédients de chaque infusion et de demander l'avis de votre médecin ou sage-femme en cas de doute.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","products":[{"product_id":"grog-grand-froid-20-infusettes-bioheme","title":"Infusion Grog \"grand froid\" - 20 infusettes - Biohême","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Grog \"Grand Froid\" - 20 infusettes - Biohême\nPalette détectée:\n - Primaire: #1E3A5F (bleu nuit profond du packaging, évoquant le froid hivernal)\n - Secondaire: #C9A227 (doré\/miel des épices et éléments chauds)\n - Accent: #8B4513 (brun cannelle\/gingembre)\n - Support: #E8DDD4 (beige crème naturel)\nAmbiance: Cocooning hivernal, chaleur réconfortante, naturalité bio, tradition française revisitée\nPréfixe CSS: grog\n--\u003e\n\u003cdiv class=\"grog-premium\"\u003e\n\u003cdiv class=\"grog-hero\"\u003e\n\u003cdiv class=\"grog-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"grog-hero-content\"\u003e\n\u003cdiv class=\"grog-badges-top\"\u003e\n\u003cspan class=\"grog-badge\"\u003e🌿 100% Bio\u003c\/span\u003e \u003cspan class=\"grog-badge\"\u003e🇫🇷 Plantes françaises\u003c\/span\u003e \u003cspan class=\"grog-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"grog-hero-title\"\u003eGrog \"Grand Froid\"\u003c\/span\u003e\n\u003cp class=\"grog-subtitle\"\u003e9 plantes \u0026amp; épices pour affronter l'hiver\u003c\/p\u003e\n\u003cp class=\"grog-description\"\u003eUne tisane grog sans alcool, réchauffante et réconfortante, formulée avec des plantes françaises et des épices équitables pour des moments de bien-être authentiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e🔥 Pourquoi vous allez l'adorer\u003c\/h2\u003e\n\u003cdiv class=\"grog-grid\"\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🌡️ Réchauffante\u003c\/h3\u003e\n\u003cp\u003eLe gingembre et la cannelle apportent une chaleur douce et enveloppante qui réconforte instantanément.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🌬️ Libère les voies respiratoires\u003c\/h3\u003e\n\u003cp\u003eLe thym et l'eucalyptus diffusent des arômes frais et puissants pour respirer librement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🌸 Adoucissante\u003c\/h3\u003e\n\u003cp\u003eLa mauve et le sureau contribuent à votre confort hivernal avec douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🍋 Vivifiante\u003c\/h3\u003e\n\u003cp\u003eLes notes d'agrumes (citron, limette) apportent fraîcheur et tonus à chaque gorgée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n\u003cp\u003eTout le réconfort d'un grog traditionnel, sans les inconvénients de l'alcool.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🌙 Sans théine\u003c\/h3\u003e\n\u003cp\u003eProfitez-en à tout moment de la journée, sans risque d'excitation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e🌿 9 ingrédients bio soigneusement sélectionnés\u003c\/h2\u003e\n\u003cdiv class=\"grog-grid\"\u003e\n\u003cdiv class=\"grog-card grog-card-ingredient\"\u003e\n\u003ch3\u003e🫚 Gingembre bio\u003c\/h3\u003e\n\u003cp\u003eRacine réchauffante au piquant caractéristique, traditionnellement utilisée pour ses propriétés tonifiantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card grog-card-ingredient\"\u003e\n\u003ch3\u003e🤎 Cannelle bio équitable\u003c\/h3\u003e\n\u003cp\u003eÉpice douce et enveloppante, issue du commerce équitable pour un sourcing éthique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card grog-card-ingredient\"\u003e\n\u003ch3\u003e🌼 Fleur de sureau bio 🇫🇷\u003c\/h3\u003e\n\u003cp\u003eDélicate et florale, récoltée en France pour une traçabilité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card grog-card-ingredient\"\u003e\n\u003ch3\u003e🌿 Thym bio français 🇫🇷\u003c\/h3\u003e\n\u003cp\u003ePlante aromatique emblématique de Provence, reconnue pour ses vertus apaisantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card grog-card-ingredient\"\u003e\n\u003ch3\u003e🍃 Eucalyptus bio\u003c\/h3\u003e\n\u003cp\u003eFeuilles aux notes fraîches et puissantes, idéales pour dégager les voies respiratoires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card grog-card-ingredient\"\u003e\n\u003ch3\u003e💜 Mauve bio française 🇫🇷\u003c\/h3\u003e\n\u003cp\u003eFleur aux propriétés adoucissantes, cultivée en France avec soin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card grog-card-ingredient\"\u003e\n\u003ch3\u003e🍋 Écorce de citron bio\u003c\/h3\u003e\n\u003cp\u003eTouche d'agrume vivifiante, riche en huiles essentielles naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card grog-card-ingredient\"\u003e\n\u003ch3\u003e✨ Arômes naturels\u003c\/h3\u003e\n\u003cp\u003eCitron et limette pour renforcer les notes acidulées et apporter une fraîcheur zestée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e☕ Comment préparer votre grog parfait\u003c\/h2\u003e\n\u003cdiv class=\"grog-steps\"\u003e\n\u003cdiv class=\"grog-step\"\u003e\n\u003cdiv class=\"grog-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"grog-step-content\"\u003e\n\u003ch3\u003eChauffez l'eau\u003c\/h3\u003e\n\u003cp\u003eFaites chauffer 250 ml d'eau à 85-90°C (laissez refroidir 1 à 2 min après ébullition).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-step\"\u003e\n\u003cdiv class=\"grog-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"grog-step-content\"\u003e\n\u003ch3\u003ePlacez l'infusette\u003c\/h3\u003e\n\u003cp\u003eDéposez une infusette dans votre tasse ou mug préféré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-step\"\u003e\n\u003cdiv class=\"grog-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"grog-step-content\"\u003e\n\u003ch3\u003eLaissez infuser\u003c\/h3\u003e\n\u003cp\u003eVersez l'eau chaude et patientez 5 à 10 minutes selon l'intensité souhaitée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-step\"\u003e\n\u003cdiv class=\"grog-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"grog-step-content\"\u003e\n\u003ch3\u003eSavourez !\u003c\/h3\u003e\n\u003cp\u003eRetirez l'infusette et dégustez bien chaud. Ajoutez miel et citron frais pour sublimer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-tip\"\u003e\n\u003cspan class=\"grog-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce du chef :\u003c\/strong\u003e ajoutez une cuillère à café de miel et une rondelle de citron frais, ou un bâton de cannelle pour renforcer les notes épicées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e👥 Pour qui est fait ce grog ?\u003c\/h2\u003e\n\u003cdiv class=\"grog-grid\"\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e❄️ Sensibles au froid\u003c\/h3\u003e\n\u003cp\u003eVous recherchez une boisson chaude naturelle pour affronter l'hiver sereinement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🌶️ Amateurs d'épices\u003c\/h3\u003e\n\u003cp\u003eVous appréciez les saveurs chaleureuses, aromatiques et réconfortantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🚫🍷 Sans alcool\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez le réconfort d'un grog traditionnel sans les effets de l'alcool.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🌍 Consommateurs engagés\u003c\/h3\u003e\n\u003cp\u003eVous privilégiez les produits bio, français et issus du commerce équitable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e✅ Les engagements Biohême\u003c\/h2\u003e\n\u003cdiv class=\"grog-grid-compact\"\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🌱 100% bio\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique certifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🇫🇷 Plantes françaises\u003c\/h3\u003e\n\u003cp\u003eThym, mauve, sureau de France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n\u003cp\u003eCannelle et gingembre éthiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🏭 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué en Pays de la Loire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"grog-accordion\"\u003e\n\u003cdetails class=\"grog-accordion-item\"\u003e\n\u003csummary class=\"grog-accordion-header\"\u003e🍷 Cette tisane contient-elle de l'alcool ?\u003c\/summary\u003e\n\u003cdiv class=\"grog-accordion-content\"\u003e\n\u003cp\u003eNon, contrairement au grog traditionnel, cette infusion est \u003cstrong\u003e100% sans alcool\u003c\/strong\u003e. Elle tire son nom de sa composition épicée et réchauffante qui rappelle les sensations d'un grog classique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"grog-accordion-item\"\u003e\n\u003csummary class=\"grog-accordion-header\"\u003e🌙 Puis-je boire cette infusion le soir ?\u003c\/summary\u003e\n\u003cdiv class=\"grog-accordion-content\"\u003e\n\u003cp\u003eOui, cette tisane ne contient ni théine ni caféine. Toutefois, ses propriétés tonifiantes peuvent légèrement stimuler certaines personnes sensibles. Privilégiez une consommation en journée si vous êtes concerné.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"grog-accordion-item\"\u003e\n\u003csummary class=\"grog-accordion-header\"\u003e📦 Combien de tasses dans cette boîte ?\u003c\/summary\u003e\n\u003cdiv class=\"grog-accordion-content\"\u003e\n\u003cp\u003eLa boîte contient \u003cstrong\u003e20 infusettes individuelles\u003c\/strong\u003e, soit 20 tasses de grog réconfortant pour traverser sereinement les périodes froides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"grog-accordion-item\"\u003e\n\u003csummary class=\"grog-accordion-header\"\u003e👶 Convient-elle aux enfants ?\u003c\/summary\u003e\n\u003cdiv class=\"grog-accordion-content\"\u003e\n\u003cp\u003eCette tisane contient de l'eucalyptus et est donc \u003cstrong\u003edéconseillée aux enfants de moins de 6 ans\u003c\/strong\u003e. Pour les enfants plus âgés, demandez conseil à votre pédiatre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"grog-accordion\"\u003e\n\u003cdetails class=\"grog-accordion-item\"\u003e\n\u003csummary class=\"grog-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"grog-accordion-content\"\u003e\n\u003cp\u003eGardez vos infusettes à l'abri de la chaleur, de l'humidité et de la lumière pour préserver tous leurs arômes. Refermez bien la boîte après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"grog-accordion-item\"\u003e\n\u003csummary class=\"grog-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"grog-accordion-content\"\u003e\n\u003cp\u003eConsommation recommandée : 1 à 2 tasses par jour, de préférence le matin ou en début d'après-midi.\u003c\/p\u003e\n\u003cp\u003eCette tisane est une boisson de confort qui \u003cstrong\u003ene remplace pas une alimentation variée et équilibrée ni un traitement médical\u003c\/strong\u003e. En cas de grossesse, d'allaitement ou de traitement médicamenteux, demandez conseil à votre médecin ou pharmacien. Contient de l'eucalyptus : déconseillé aux enfants de moins de 6 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"grog-cta-box\"\u003e\n\u003cp\u003e🔥 Offrez-vous un hiver tout en douceur avec le \u003cstrong\u003eGrog \"Grand Froid\" Biohême\u003c\/strong\u003e.\u003cbr\u003e9 plantes \u0026amp; épices bio pour des moments de bien-être authentiques et naturels, tasse après tasse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --grog-cream: #FAF7F2;\n --grog-white: #ffffff;\n --grog-primary: #1E3A5F;\n --grog-primary-dark: #132840;\n --grog-primary-light: #E8EEF4;\n --grog-secondary: #C9A227;\n --grog-accent: #8B4513;\n --grog-warm: #D4A574;\n --grog-text: #1a1a1a;\n --grog-text-light: #5a5a5a;\n --grog-border: #e0e0e0;\n --grog-shadow: 0 4px 24px rgba(30,58,95,.08);\n --grog-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n --grog-radius: 20px;\n --grog-radius-sm: 12px;\n}\n\n.grog-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--grog-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.grog-hero {\n position: relative;\n background: linear-gradient(135deg, #1E3A5F 0%, #2A4A6F 40%, #C9A227 100%);\n border-radius: var(--grog-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(--grog-shadow-lg);\n}\n\n.grog-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 20 L50 20 L38 30 L43 45 L30 35 L17 45 L22 30 L10 20 L25 20 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.grog-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.grog-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.grog-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(--grog-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.grog-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.grog-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.grog-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.grog-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.grog-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.grog-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--grog-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.grog-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(--grog-primary), var(--grog-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.grog-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.grog-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.grog-card {\n background: var(--grog-white);\n border-radius: var(--grog-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--grog-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.grog-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--grog-shadow-lg);\n border-color: var(--grog-secondary);\n}\n\n.grog-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--grog-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.grog-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--grog-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.grog-card-ingredient {\n border-left: 4px solid var(--grog-secondary);\n text-align: left;\n}\n\n.grog-grid-compact .grog-card {\n padding: 1rem;\n}\n\n.grog-grid-compact .grog-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.grog-grid-compact .grog-card p {\n font-size: 12px;\n}\n\n\/* === ÉTAPES === *\/\n.grog-steps {\n display: grid;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.grog-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--grog-white);\n border-radius: var(--grog-radius);\n padding: 1.25rem;\n box-shadow: var(--grog-shadow);\n transition: all .3s ease;\n}\n\n.grog-step:hover {\n transform: translateX(8px);\n box-shadow: var(--grog-shadow-lg);\n}\n\n.grog-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--grog-primary), var(--grog-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n}\n\n.grog-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--grog-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.grog-step-content p {\n font-size: 14px;\n color: var(--grog-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.grog-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, var(--grog-primary-light), #FFF8E7);\n border-radius: var(--grog-radius);\n padding: 1.25rem;\n border-left: 4px solid var(--grog-secondary);\n}\n\n.grog-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.grog-tip p {\n font-size: 14px;\n color: var(--grog-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.grog-accordion {\n background: var(--grog-white);\n border-radius: var(--grog-radius);\n box-shadow: var(--grog-shadow);\n overflow: hidden;\n}\n\n.grog-accordion-item {\n border-bottom: 1px solid var(--grog-border);\n margin: 0;\n padding: 0;\n}\n\n.grog-accordion-item:last-child {\n border-bottom: none;\n}\n\n.grog-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--grog-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.grog-accordion-header:hover {\n background: var(--grog-primary-light);\n}\n\n.grog-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.grog-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--grog-secondary);\n transition: transform .2s ease;\n}\n\n.grog-accordion-item[open] .grog-accordion-header::after {\n content: '−';\n}\n\n.grog-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--grog-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.grog-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.grog-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA === *\/\n.grog-cta-box {\n background: linear-gradient(135deg, var(--grog-primary) 0%, var(--grog-primary-dark) 100%);\n border-radius: var(--grog-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.grog-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(--grog-secondary) 0%, transparent 70%);\n opacity: .15;\n}\n\n.grog-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .grog-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .grog-grid-compact {\n gap: .625rem;\n }\n \n .grog-grid-compact .grog-card {\n padding: .75rem;\n }\n \n .grog-card {\n padding: 1.125rem;\n }\n \n .grog-card-ingredient {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--grog-secondary);\n }\n \n .grog-section {\n margin-bottom: 1.75rem;\n }\n \n .grog-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--grog-radius-sm);\n }\n \n .grog-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .grog-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .grog-step {\n padding: 1rem;\n }\n \n .grog-step-number {\n width: 40px;\n height: 40px;\n font-size: 16px;\n }\n \n .grog-step-content h3 {\n font-size: 14px;\n }\n \n .grog-step-content p {\n font-size: 13px;\n }\n \n .grog-tip {\n padding: 1rem;\n }\n \n .grog-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .grog-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .grog-card {\n animation: grogFadeInUp .5s ease backwards;\n }\n .grog-card:nth-child(1) { animation-delay: .05s; }\n .grog-card:nth-child(2) { animation-delay: .1s; }\n .grog-card:nth-child(3) { animation-delay: .15s; }\n .grog-card:nth-child(4) { animation-delay: .2s; }\n .grog-card:nth-child(5) { animation-delay: .25s; }\n .grog-card:nth-child(6) { animation-delay: .3s; }\n .grog-card:nth-child(7) { animation-delay: .35s; }\n .grog-card:nth-child(8) { animation-delay: .4s; }\n \n .grog-step {\n animation: grogFadeInLeft .5s ease backwards;\n }\n .grog-step:nth-child(1) { animation-delay: .1s; }\n .grog-step:nth-child(2) { animation-delay: .2s; }\n .grog-step:nth-child(3) { animation-delay: .3s; }\n .grog-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes grogFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes grogFadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .grog-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOHÊME","offers":[{"title":"Default Title","offer_id":56484882743673,"sku":"NBAIBHM0024","price":4.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/grog-grand-froid-20-infusettes-bioheme-ingredients.jpg?v=1768206776"},{"product_id":"grog-grand-froid-boite-metal-50g-bioheme","title":"Infusion Grog \"grand froid\" - boîte métal - 50g - Biohême","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Grog Grand Froid Bio - Biohême\nPalette détectée:\n - Primaire: #1B6B7C (bleu-vert canard du couvercle et illustrations botaniques)\n - Secondaire: #E8C547 (jaune miel\/citron du badge \"Note de citron\")\n - Accent: #2D8A9C (bleu turquoise plus clair de l'étiquette centrale)\nAmbiance: Naturel\/Bio, hivernal, réconfortant, artisanal français, botanique élégant\nPréfixe CSS: grog\n--\u003e\n\u003cdiv class=\"grog-premium\"\u003e\n\u003cdiv class=\"grog-hero\"\u003e\n\u003cdiv class=\"grog-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"grog-hero-content\"\u003e\n\u003cdiv class=\"grog-badges-top\"\u003e\n\u003cspan class=\"grog-badge\"\u003e🌿 100% Bio\u003c\/span\u003e \u003cspan class=\"grog-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"grog-badge\"\u003e❄️ Spécial hiver\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"grog-hero-title\"\u003eGrog Grand Froid\u003c\/span\u003e\n\u003cp class=\"grog-subtitle\"\u003eVotre allié réconfortant pour affronter l'hiver\u003c\/p\u003e\n\u003cp class=\"grog-description\"\u003e9 plantes bio aux vertus traditionnelles — Gingembre, Thym, Eucalyptus, Cannelle — pour une alternative naturelle et savoureuse au grog classique, sans alcool.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e🌟 Pourquoi ce grog est différent\u003c\/h2\u003e\n\u003cdiv class=\"grog-grid\"\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🍵 Sans alcool\u003c\/h3\u003e\n\u003cp\u003eToute l'efficacité d'un grog traditionnel sans les inconvénients du rhum, adapté à toute la famille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🌿 9 actifs naturels\u003c\/h3\u003e\n\u003cp\u003eUne synergie de plantes soigneusement sélectionnées pour leurs propriétés sur la sphère ORL\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🇫🇷 Filière française\u003c\/h3\u003e\n\u003cp\u003eThym, mauve et sureau cultivés en France pour soutenir les producteurs locaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🍋 Note de citron\u003c\/h3\u003e\n\u003cp\u003eHuiles essentielles de citron et limette pour une finale fraîche et tonifiante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e💪 Le pouvoir des plantes\u003c\/h2\u003e\n\u003cdiv class=\"grog-grid\"\u003e\n\u003cdiv class=\"grog-card grog-card-highlight\"\u003e\n\u003ch3\u003e🫚 Gingembre \u0026amp; Cannelle\u003c\/h3\u003e\n\u003cp\u003eApportent chaleur et réconfort immédiat, réchauffent de l'intérieur dès la première gorgée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card grog-card-highlight\"\u003e\n\u003ch3\u003e🌿 Thym \u0026amp; Eucalyptus\u003c\/h3\u003e\n\u003cp\u003eLibèrent leur puissance aromatique pour dégager les voies respiratoires naturellement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card grog-card-highlight\"\u003e\n\u003ch3\u003e🌸 Fleur de sureau\u003c\/h3\u003e\n\u003cp\u003eSoutient les défenses naturelles de l'organisme pendant la saison froide\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card grog-card-highlight\"\u003e\n\u003ch3\u003e🌺 Mauve\u003c\/h3\u003e\n\u003cp\u003eApporte une douceur florale et contribue à apaiser les gorges irritées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e📋 Composition bio certifiée\u003c\/h2\u003e\n\u003cdiv class=\"grog-ingredients\"\u003e\n\u003cdiv class=\"grog-ingredient\"\u003e\n\u003cspan class=\"grog-ingredient-name\"\u003eGingembre\u003c\/span\u003e \u003cspan class=\"grog-ingredient-latin\"\u003eZingiber officinale\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-ingredient\"\u003e\n\u003cspan class=\"grog-ingredient-name\"\u003eCannelle\u003c\/span\u003e \u003cspan class=\"grog-ingredient-latin\"\u003eCinnamomum verum\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-ingredient grog-ingredient-france\"\u003e\n\u003cspan class=\"grog-ingredient-name\"\u003eFleur de sureau 🇫🇷\u003c\/span\u003e \u003cspan class=\"grog-ingredient-latin\"\u003eSambucus nigra\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-ingredient grog-ingredient-france\"\u003e\n\u003cspan class=\"grog-ingredient-name\"\u003eThym 🇫🇷\u003c\/span\u003e \u003cspan class=\"grog-ingredient-latin\"\u003eThymus vulgaris\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-ingredient\"\u003e\n\u003cspan class=\"grog-ingredient-name\"\u003eEucalyptus\u003c\/span\u003e \u003cspan class=\"grog-ingredient-latin\"\u003eEucalyptus globulus\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-ingredient grog-ingredient-france\"\u003e\n\u003cspan class=\"grog-ingredient-name\"\u003eMauve 🇫🇷\u003c\/span\u003e \u003cspan class=\"grog-ingredient-latin\"\u003eMalva sylvestris\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-ingredient\"\u003e\n\u003cspan class=\"grog-ingredient-name\"\u003eÉcorce de citron\u003c\/span\u003e \u003cspan class=\"grog-ingredient-latin\"\u003eCitrus limon\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-ingredient\"\u003e\n\u003cspan class=\"grog-ingredient-name\"\u003eHE Citron\u003c\/span\u003e \u003cspan class=\"grog-ingredient-latin\"\u003eCitrus limon\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-ingredient\"\u003e\n\u003cspan class=\"grog-ingredient-name\"\u003eHE Limette\u003c\/span\u003e \u003cspan class=\"grog-ingredient-latin\"\u003eCitrus aurantiifolia\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e☕ Préparation parfaite\u003c\/h2\u003e\n\u003cdiv class=\"grog-steps\"\u003e\n\u003cdiv class=\"grog-step\"\u003e\n\u003cdiv class=\"grog-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"grog-step-content\"\u003e\n\u003ch3\u003eDosez\u003c\/h3\u003e\n\u003cp\u003e1 cuillère à café (≈ 2g) pour une grande tasse de 300 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-step\"\u003e\n\u003cdiv class=\"grog-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"grog-step-content\"\u003e\n\u003ch3\u003eInfusez\u003c\/h3\u003e\n\u003cp\u003eEau frémissante à 85°C — pas bouillante pour préserver les arômes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-step\"\u003e\n\u003cdiv class=\"grog-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"grog-step-content\"\u003e\n\u003ch3\u003ePatientez\u003c\/h3\u003e\n\u003cp\u003e5 à 10 minutes selon l'intensité désirée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-step\"\u003e\n\u003cdiv class=\"grog-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"grog-step-content\"\u003e\n\u003ch3\u003eSavourez\u003c\/h3\u003e\n\u003cp\u003e2 tasses par jour pendant la période hivernale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-tip\"\u003e\n\u003cspan class=\"grog-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce gourmande :\u003c\/strong\u003e Ajoutez une cuillère de miel et une rondelle de citron frais pour vous rapprocher d'un vrai grog traditionnel !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e👃 Profil aromatique\u003c\/h2\u003e\n\u003cdiv class=\"grog-aroma\"\u003e\n\u003cdiv class=\"grog-aroma-item\"\u003e\n\u003cdiv class=\"grog-aroma-bar\" style=\"--width: 90%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"grog-aroma-label\"\u003e🌶️ Épicé (gingembre, cannelle)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-aroma-item\"\u003e\n\u003cdiv class=\"grog-aroma-bar\" style=\"--width: 85%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"grog-aroma-label\"\u003e🌿 Aromatique (thym, eucalyptus)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-aroma-item\"\u003e\n\u003cdiv class=\"grog-aroma-bar\" style=\"--width: 70%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"grog-aroma-label\"\u003e🍋 Citronné (citron, limette)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-aroma-item\"\u003e\n\u003cdiv class=\"grog-aroma-bar\" style=\"--width: 50%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"grog-aroma-label\"\u003e🌸 Floral (mauve, sureau)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e✅ Les engagements Biohême\u003c\/h2\u003e\n\u003cdiv class=\"grog-grid-compact\"\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🏭 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabrication en Pays de la Loire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🌱 Filière locale\u003c\/h3\u003e\n\u003cp\u003eProducteurs français soutenus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e♻️ Zéro plastique\u003c\/h3\u003e\n\u003cp\u003eBoîte métal réutilisable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🏷️ Bio certifié\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n\u003cdiv class=\"grog-grid-compact\"\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e📏 50g en vrac\u003c\/h3\u003e\n\u003cp\u003eEnviron 25 tasses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🥫 Boîte métal\u003c\/h3\u003e\n\u003cp\u003eHermétique et réutilisable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e📅 Conservation\u003c\/h3\u003e\n\u003cp\u003e24 mois au sec et à l'abri\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grog-card\"\u003e\n\u003ch3\u003e🖨️ Éco-conçu\u003c\/h3\u003e\n\u003cp\u003eÉtiquettes imprimées en Bretagne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"grog-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"grog-accordion\"\u003e\n\u003cdetails class=\"grog-accordion-item\"\u003e\n\u003csummary class=\"grog-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n\u003cdiv class=\"grog-accordion-content\"\u003e\n\u003cp\u003eÀ conserver au sec, à l'abri de la lumière et de la chaleur. La boîte métal hermétique garantit une conservation optimale pendant 24 mois après fabrication.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"grog-accordion-item\"\u003e\n\u003csummary class=\"grog-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"grog-accordion-content\"\u003e\n\u003cp\u003eCette infusion est un produit alimentaire destiné à accompagner une alimentation variée et équilibrée. Elle ne se substitue pas à un traitement médical. En cas de symptômes persistants, consultez un professionnel de santé. Déconseillé aux femmes enceintes et allaitantes en raison de la présence d'huiles essentielles. 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\u003csection class=\"grog-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"grog-cta-box\"\u003e\n\u003cp\u003e❄️ Préparez-vous à affronter l'hiver sereinement avec ce grog aux 9 plantes bio. Une tasse, et le froid n'est plus qu'un lointain souvenir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --grog-cream: #F9F7F3;\n --grog-white: #ffffff;\n --grog-primary: #1B6B7C;\n --grog-primary-dark: #145563;\n --grog-primary-light: #E8F4F6;\n --grog-secondary: #E8C547;\n --grog-accent: #2D8A9C;\n --grog-text: #1a1a1a;\n --grog-text-light: #5a5a5a;\n --grog-border: #e0e0e0;\n --grog-shadow: 0 4px 24px rgba(27,107,124,.08);\n --grog-shadow-lg: 0 12px 48px rgba(27,107,124,.15);\n --grog-radius: 20px;\n --grog-radius-sm: 12px;\n}\n\n.grog-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--grog-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.grog-hero {\n position: relative;\n background: linear-gradient(135deg, var(--grog-primary) 0%, var(--grog-accent) 50%, var(--grog-primary-dark) 100%);\n border-radius: var(--grog-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(--grog-shadow-lg);\n}\n\n.grog-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .6;\n}\n\n.grog-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.grog-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.grog-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(--grog-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.grog-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.grog-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.grog-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.grog-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.grog-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.grog-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--grog-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.grog-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(--grog-primary), var(--grog-secondary));\n border-radius: 2px;\n}\n\n.grog-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.grog-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.grog-card {\n background: var(--grog-white);\n border-radius: var(--grog-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--grog-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.grog-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--grog-shadow-lg);\n border-color: var(--grog-primary);\n}\n\n.grog-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--grog-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.grog-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--grog-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.grog-card-highlight {\n background: linear-gradient(135deg, var(--grog-white) 0%, var(--grog-primary-light) 100%);\n border-left: 4px solid var(--grog-primary);\n}\n\n.grog-grid-compact .grog-card {\n padding: 1rem;\n}\n\n.grog-grid-compact .grog-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.grog-grid-compact .grog-card p {\n font-size: 12px;\n}\n\n\/* Ingrédients *\/\n.grog-ingredients {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: .75rem;\n}\n\n.grog-ingredient {\n background: var(--grog-white);\n border-radius: var(--grog-radius-sm);\n padding: 1rem;\n text-align: center;\n box-shadow: var(--grog-shadow);\n transition: all .3s ease;\n}\n\n.grog-ingredient:hover {\n transform: translateY(-3px);\n box-shadow: var(--grog-shadow-lg);\n}\n\n.grog-ingredient-france {\n background: linear-gradient(135deg, var(--grog-white) 0%, #EEF7E8 100%);\n border: 2px solid #4CAF50;\n}\n\n.grog-ingredient-name {\n display: block;\n font-weight: 700;\n color: var(--grog-primary-dark);\n font-size: 14px;\n margin-bottom: .25rem;\n}\n\n.grog-ingredient-latin {\n font-size: 11px;\n color: var(--grog-text-light);\n font-style: italic;\n}\n\n\/* Étapes *\/\n.grog-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n}\n\n.grog-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--grog-white);\n border-radius: var(--grog-radius);\n padding: 1.25rem;\n box-shadow: var(--grog-shadow);\n}\n\n.grog-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--grog-primary), var(--grog-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 18px;\n}\n\n.grog-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--grog-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.grog-step-content p {\n font-size: 13px;\n color: var(--grog-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.grog-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, #FFF9E6 0%, #FFF3CC 100%);\n border-radius: var(--grog-radius);\n padding: 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--grog-secondary);\n}\n\n.grog-tip-icon {\n font-size: 24px;\n}\n\n.grog-tip p {\n font-size: 14px;\n color: var(--grog-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Arômes *\/\n.grog-aroma {\n background: var(--grog-white);\n border-radius: var(--grog-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--grog-shadow);\n}\n\n.grog-aroma-item {\n margin-bottom: 1.25rem;\n}\n\n.grog-aroma-item:last-child {\n margin-bottom: 0;\n}\n\n.grog-aroma-bar {\n height: 12px;\n background: linear-gradient(90deg, var(--grog-primary), var(--grog-accent));\n border-radius: 6px;\n width: var(--width);\n margin-bottom: .5rem;\n transition: width .5s ease;\n}\n\n.grog-aroma-label {\n font-size: 14px;\n font-weight: 600;\n color: var(--grog-text);\n}\n\n\/* Accordéon *\/\n.grog-accordion {\n background: var(--grog-white);\n border-radius: var(--grog-radius);\n box-shadow: var(--grog-shadow);\n overflow: hidden;\n}\n\n.grog-accordion-item {\n border-bottom: 1px solid var(--grog-border);\n margin: 0;\n padding: 0;\n}\n\n.grog-accordion-item:last-child {\n border-bottom: none;\n}\n\n.grog-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--grog-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.grog-accordion-header:hover {\n background: var(--grog-primary-light);\n}\n\n.grog-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.grog-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--grog-primary);\n transition: transform .2s ease;\n}\n\n.grog-accordion-item[open] .grog-accordion-header::after {\n content: '−';\n}\n\n.grog-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--grog-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.grog-accordion-content p {\n margin: 0;\n}\n\n\/* CTA *\/\n.grog-cta-box {\n background: linear-gradient(135deg, var(--grog-primary) 0%, var(--grog-primary-dark) 100%);\n border-radius: var(--grog-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.grog-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: shimmer 3s infinite;\n}\n\n@keyframes shimmer {\n 0%, 100% { transform: translate(-10%, -10%); }\n 50% { transform: translate(10%, 10%); }\n}\n\n.grog-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\/* Mobile *\/\n@media (max-width: 767px) {\n .grog-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .grog-grid-compact {\n gap: .625rem;\n }\n \n .grog-grid-compact .grog-card {\n padding: .75rem;\n }\n \n .grog-card {\n padding: 1.125rem;\n }\n \n .grog-section {\n margin-bottom: 1.75rem;\n }\n \n .grog-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--grog-radius-sm);\n }\n \n .grog-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .grog-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .grog-ingredients {\n grid-template-columns: repeat(2, 1fr);\n gap: .5rem;\n }\n \n .grog-ingredient {\n padding: .75rem;\n }\n \n .grog-ingredient-name {\n font-size: 12px;\n }\n \n .grog-ingredient-latin {\n font-size: 10px;\n }\n \n .grog-steps {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n \n .grog-step {\n padding: 1rem;\n }\n \n .grog-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .grog-aroma {\n padding: 1.25rem;\n }\n \n .grog-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .grog-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n .grog-card {\n animation: fadeInUp .5s ease backwards;\n }\n .grog-card:nth-child(1) { animation-delay: .05s; }\n .grog-card:nth-child(2) { animation-delay: .1s; }\n .grog-card:nth-child(3) { animation-delay: .15s; }\n .grog-card:nth-child(4) { animation-delay: .2s; }\n .grog-card:nth-child(5) { animation-delay: .25s; }\n .grog-card:nth-child(6) { animation-delay: .3s; }\n \n .grog-ingredient {\n animation: fadeInUp .4s ease backwards;\n }\n .grog-ingredient:nth-child(1) { animation-delay: .05s; }\n .grog-ingredient:nth-child(2) { animation-delay: .08s; }\n .grog-ingredient:nth-child(3) { animation-delay: .11s; }\n .grog-ingredient:nth-child(4) { animation-delay: .14s; }\n .grog-ingredient:nth-child(5) { animation-delay: .17s; }\n .grog-ingredient:nth-child(6) { animation-delay: .2s; }\n .grog-ingredient:nth-child(7) { animation-delay: .23s; }\n .grog-ingredient:nth-child(8) { animation-delay: .26s; }\n .grog-ingredient:nth-child(9) { animation-delay: .29s; }\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 .grog-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOHÊME","offers":[{"title":"Default Title","offer_id":56486129205625,"sku":"NBAIBHM0025","price":8.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/grog-grand-froid-boite-metal-50g-bioheme-ingredients.jpg?v=1768221013"},{"product_id":"infusion-vent-de-fraicheur-20-infusettes-bioheme","title":"Infusion \"vent de fraîcheur\" - 20 infusettes - Biohême","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Infusion \"Vent de Fraîcheur\" - Biohême\nPalette détectée:\n - Primaire: #7CB342 (vert lime vif du packaging)\n - Secondaire: #26A69A (vert-bleu teal du médaillon central)\n - Accent: #FF9800 (orange de la bergamote\/agrume)\n - Support: #F0F7E6 (vert très pâle pour fonds)\nAmbiance: Naturel\/Bio, frais, végétal, artisanal français, lumineux et dynamique\nPréfixe CSS: vdf\n--\u003e\n\u003cdiv class=\"vdf-premium\"\u003e\n\u003cdiv class=\"vdf-hero\"\u003e\n\u003cdiv class=\"vdf-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vdf-hero-content\"\u003e\n\u003cdiv class=\"vdf-badges-top\"\u003e\n\u003cspan class=\"vdf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"vdf-badge\"\u003e🌿 100% Bio\u003c\/span\u003e \u003cspan class=\"vdf-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"vdf-hero-title\"\u003eVent de Fraîcheur\u003c\/span\u003e\n\u003cp class=\"vdf-subtitle\"\u003eL'infusion digestive aux notes de bergamote\u003c\/p\u003e\n\u003cp class=\"vdf-description\"\u003eUn mélange harmonieux de 5 plantes biologiques françaises pour une pause fraîcheur qui sublime votre digestion\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"vdf-section\"\u003e\n\u003ch2\u003e🌱 5 plantes aux vertus complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"vdf-grid\"\u003e\n\u003cdiv class=\"vdf-card\"\u003e\n\u003ch3\u003e🌿 Basilic\u003c\/h3\u003e\n\u003cp\u003eNotes légèrement épicées et propriétés apaisantes sur le système digestif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vdf-card\"\u003e\n\u003ch3\u003e🍃 Menthe douce\u003c\/h3\u003e\n\u003cp\u003eSensation de fraîcheur caractéristique, plus délicate que la menthe poivrée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vdf-card\"\u003e\n\u003ch3\u003e🫛 Coriandre\u003c\/h3\u003e\n\u003cp\u003eContribue à une digestion confortable avec une touche subtilement citronnée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vdf-card\"\u003e\n\u003ch3\u003e🌾 Fenouil\u003c\/h3\u003e\n\u003cp\u003eAllié traditionnel du confort digestif, douceur anisée très agréable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vdf-card vdf-card-accent\"\u003e\n\u003ch3\u003e🍊 Bergamote\u003c\/h3\u003e\n\u003cp\u003eHuile essentielle qui sublime l'ensemble avec ses arômes d'agrume raffinés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"vdf-section\"\u003e\n\u003ch2\u003e✨ Pourquoi vous allez l'adopter\u003c\/h2\u003e\n\u003cdiv class=\"vdf-grid\"\u003e\n\u003cdiv class=\"vdf-card\"\u003e\n\u003ch3\u003e💨 Digestion légère\u003c\/h3\u003e\n\u003cp\u003eIdéale après un repas copieux pour retrouver une sensation de confort et de légèreté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vdf-card\"\u003e\n\u003ch3\u003e🧘 Moment de détente\u003c\/h3\u003e\n\u003cp\u003eUne pause bien-être rafraîchissante à tout moment de la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vdf-card\"\u003e\n\u003ch3\u003e🎯 Saveurs équilibrées\u003c\/h3\u003e\n\u003cp\u003eSynergie parfaite entre fraîcheur mentholée, douceur anisée et notes d'agrumes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"vdf-section\"\u003e\n\u003ch2\u003e☕ Préparation parfaite\u003c\/h2\u003e\n\u003cdiv class=\"vdf-steps\"\u003e\n\u003cdiv class=\"vdf-step\"\u003e\n\u003cdiv class=\"vdf-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"vdf-step-content\"\u003e\n\u003ch3\u003eChauffez l'eau à 85°C\u003c\/h3\u003e\n\u003cp\u003eÉvitez l'eau bouillante qui altère les saveurs délicates\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vdf-step\"\u003e\n\u003cdiv class=\"vdf-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"vdf-step-content\"\u003e\n\u003ch3\u003eLaissez infuser 5 à 10 min\u003c\/h3\u003e\n\u003cp\u003eSelon l'intensité souhaitée pour votre dégustation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vdf-step\"\u003e\n\u003cdiv class=\"vdf-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"vdf-step-content\"\u003e\n\u003ch3\u003eSavourez jusqu'à 2 tasses\/jour\u003c\/h3\u003e\n\u003cp\u003eIdéalement après le repas du midi ou du soir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"vdf-tip\"\u003e💡 \u003cstrong\u003eAstuce :\u003c\/strong\u003e elle s'apprécie également tiède en été pour une pause fraîcheur désaltérante !\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"vdf-section\"\u003e\n\u003ch2\u003e♻️ Engagement éco-responsable\u003c\/h2\u003e\n\u003cdiv class=\"vdf-grid-compact\"\u003e\n\u003cdiv class=\"vdf-card\"\u003e\n\u003ch3\u003e📦 Étui carton\u003c\/h3\u003e\n\u003cp\u003eRecyclable, forêts françaises\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vdf-card\"\u003e\n\u003ch3\u003e🌲 Enveloppe fraîcheur\u003c\/h3\u003e\n\u003cp\u003eFibre de bois biodégradable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vdf-card\"\u003e\n\u003ch3\u003e🍵 Sachets filtres\u003c\/h3\u003e\n\u003cp\u003eSans agrafe ni colle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vdf-card\"\u003e\n\u003ch3\u003e🇫🇷 Filière locale\u003c\/h3\u003e\n\u003cp\u003eProducteurs français soutenus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"vdf-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"vdf-accordion\"\u003e\n\u003cdetails class=\"vdf-accordion-item\"\u003e\n\u003csummary class=\"vdf-accordion-header\"\u003e📦 Contenu et conservation\u003c\/summary\u003e\n\u003cdiv class=\"vdf-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eContenu :\u003c\/strong\u003e 20 infusettes individuelles (26g net)\u003cbr\u003e\u003cstrong\u003eConservation :\u003c\/strong\u003e à température ambiante, à l'abri de l'humidité\u003cbr\u003e\u003cstrong\u003eDLUO :\u003c\/strong\u003e 24 mois à compter de la fabrication\u003cbr\u003e\u003cstrong\u003eCertifications :\u003c\/strong\u003e Agriculture Biologique (AB), fabriqué en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vdf-accordion-item\"\u003e\n\u003csummary class=\"vdf-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"vdf-accordion-content\"\u003e\n\u003cp\u003eCette infusion contient du fenouil et \u003cstrong\u003ene convient pas aux enfants de moins de 12 ans\u003c\/strong\u003e. En cas de grossesse, d'allaitement ou de traitement médical, demandez conseil à votre médecin ou pharmacien avant consommation.\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eCe produit ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"vdf-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"vdf-cta-box\"\u003e\n\u003cp\u003e🍃 Offrez-vous une pause fraîcheur 100% bio et française.\u003cbr\u003eVotre digestion vous remerciera !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --vdf-cream: #F7FAF3;\n --vdf-white: #ffffff;\n --vdf-primary: #7CB342;\n --vdf-primary-dark: #558B2F;\n --vdf-primary-light: #E8F5E9;\n --vdf-secondary: #26A69A;\n --vdf-secondary-dark: #00897B;\n --vdf-accent: #FF9800;\n --vdf-text: #1a1a1a;\n --vdf-text-light: #5a5a5a;\n --vdf-border: #e0e0e0;\n --vdf-shadow: 0 4px 24px rgba(0,0,0,.08);\n --vdf-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --vdf-radius: 20px;\n --vdf-radius-sm: 12px;\n}\n\n.vdf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vdf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vdf-hero {\n position: relative;\n background: linear-gradient(135deg, #7CB342 0%, #26A69A 50%, #558B2F 100%);\n border-radius: var(--vdf-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(--vdf-shadow-lg);\n}\n\n.vdf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.vdf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.vdf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.vdf-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(--vdf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vdf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.vdf-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.vdf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.vdf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n.vdf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vdf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vdf-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.vdf-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(--vdf-primary), var(--vdf-secondary));\n border-radius: 2px;\n}\n\n.vdf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.vdf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vdf-card {\n background: var(--vdf-white);\n border-radius: var(--vdf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vdf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vdf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vdf-shadow-lg);\n border-color: var(--vdf-primary);\n}\n\n.vdf-card-accent {\n background: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);\n border-color: var(--vdf-accent);\n}\n\n.vdf-card-accent:hover {\n border-color: var(--vdf-accent);\n}\n\n.vdf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vdf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vdf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vdf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.vdf-grid-compact .vdf-card {\n padding: 1rem;\n}\n\n.vdf-grid-compact .vdf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vdf-grid-compact .vdf-card p {\n font-size: 12px;\n}\n\n.vdf-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto 1.5rem;\n}\n\n.vdf-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--vdf-white);\n border-radius: var(--vdf-radius);\n padding: 1.25rem;\n box-shadow: var(--vdf-shadow);\n transition: all .3s ease;\n}\n\n.vdf-step:hover {\n transform: translateX(6px);\n box-shadow: var(--vdf-shadow-lg);\n}\n\n.vdf-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--vdf-primary), var(--vdf-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 900;\n}\n\n.vdf-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--vdf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.vdf-step-content p {\n font-size: 14px;\n color: var(--vdf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.vdf-tip {\n text-align: center;\n background: var(--vdf-primary-light);\n padding: 1rem 1.5rem;\n border-radius: var(--vdf-radius-sm);\n font-size: 14px;\n color: var(--vdf-primary-dark);\n max-width: 600px;\n margin: 0 auto;\n}\n\n.vdf-accordion {\n background: var(--vdf-white);\n border-radius: var(--vdf-radius);\n box-shadow: var(--vdf-shadow);\n overflow: hidden;\n}\n\n.vdf-accordion-item {\n border-bottom: 1px solid var(--vdf-border);\n margin: 0;\n padding: 0;\n}\n\n.vdf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vdf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vdf-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.vdf-accordion-header:hover {\n background: var(--vdf-primary-light);\n}\n\n.vdf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vdf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vdf-primary);\n transition: transform .2s ease;\n}\n\n.vdf-accordion-item[open] .vdf-accordion-header::after {\n content: '−';\n}\n\n.vdf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vdf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.vdf-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.vdf-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.vdf-cta-box {\n background: linear-gradient(135deg, var(--vdf-primary) 0%, var(--vdf-secondary) 100%);\n border-radius: var(--vdf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vdf-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, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.vdf-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@media (max-width: 767px) {\n .vdf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .vdf-grid-compact {\n gap: .625rem;\n }\n \n .vdf-grid-compact .vdf-card {\n padding: .75rem;\n }\n \n .vdf-card {\n padding: 1.125rem;\n }\n \n .vdf-section {\n margin-bottom: 1.75rem;\n }\n \n .vdf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vdf-radius-sm);\n }\n \n .vdf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .vdf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .vdf-step {\n padding: 1rem;\n }\n \n .vdf-step-number {\n width: 38px;\n height: 38px;\n font-size: 16px;\n }\n \n .vdf-step-content h3 {\n font-size: 15px;\n }\n \n .vdf-step-content p {\n font-size: 13px;\n }\n \n .vdf-tip {\n padding: .875rem 1rem;\n font-size: 13px;\n }\n \n .vdf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .vdf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .vdf-card {\n animation: fadeInUp .5s ease backwards;\n }\n .vdf-card:nth-child(1) { animation-delay: .05s; }\n .vdf-card:nth-child(2) { animation-delay: .1s; }\n .vdf-card:nth-child(3) { animation-delay: .15s; }\n .vdf-card:nth-child(4) { animation-delay: .2s; }\n .vdf-card:nth-child(5) { animation-delay: .25s; }\n .vdf-card:nth-child(6) { animation-delay: .3s; }\n \n .vdf-step {\n animation: fadeInUp .5s ease backwards;\n }\n .vdf-step:nth-child(1) { animation-delay: .1s; }\n .vdf-step:nth-child(2) { animation-delay: .2s; }\n .vdf-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .vdf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOHÊME","offers":[{"title":"Default Title","offer_id":56486212927865,"sku":"NBAIBHM0038","price":4.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion-vent-de-fraicheur-20-infusettes-bioheme-ingredients.jpg?v=1768223347"},{"product_id":"infusion-thym-citronne-20-infusettes-bioheme","title":"Infusion Thym citronné - 20 infusettes - Biohême","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Infusion Thym citronné - Biohême\nPalette détectée:\n - Primaire: #C4956A (brun terre cuite du packaging)\n - Secondaire: #D4B847 (jaune moutarde\/citron du médaillon)\n - Accent: #4A7C59 (vert foncé des illustrations botaniques)\n - Background: #F5F0E8 (crème naturel)\nAmbiance: Naturel\/bio, artisanal français, chaleureux et authentique, style herboristerie traditionnelle\nPréfixe CSS: tc\n--\u003e\n\u003cdiv class=\"tc-premium\"\u003e\n\u003cdiv class=\"tc-hero\"\u003e\n\u003cdiv class=\"tc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"tc-hero-content\"\u003e\n\u003cdiv class=\"tc-badges-top\"\u003e\n\u003cspan class=\"tc-badge\"\u003e🇫🇷 Cultivé en France\u003c\/span\u003e \u003cspan class=\"tc-badge\"\u003e🌿 100% Bio\u003c\/span\u003e \u003cspan class=\"tc-badge\"\u003e🍋 Sans arômes ajoutés\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"tc-hero-title\"\u003eThym citronné\u003c\/span\u003e\n\u003cp class=\"tc-subtitle\"\u003eUne parenthèse aromatique 100% française\u003c\/p\u003e\n\u003cp class=\"tc-description\"\u003e20 infusettes aux notes fraîches et délicatement citronnées, cultivées dans les Pays de la Loire. Le meilleur du terroir dans votre tasse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"tc-section\"\u003e\n\u003ch2\u003e🌟 Pourquoi vous allez l'adorer\u003c\/h2\u003e\n\u003cdiv class=\"tc-grid\"\u003e\n\u003cdiv class=\"tc-card\"\u003e\n\u003ch3\u003e🍃 Goût naturellement doux\u003c\/h3\u003e\n\u003cp\u003eMoins camphrée que le thym classique, cette infusion se savoure nature, sans sucre ajouté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tc-card\"\u003e\n\u003ch3\u003e🌡️ Polyvalente\u003c\/h3\u003e\n\u003cp\u003eDélicieuse chaude le soir pour se détendre, elle peut aussi se déguster tiède en été\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tc-card\"\u003e\n\u003ch3\u003e🇫🇷 Origine française garantie\u003c\/h3\u003e\n\u003cp\u003eCultivé et transformé en Pays de la Loire, pour une traçabilité totale du champ à la tasse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tc-card\"\u003e\n\u003ch3\u003e✅ Certifié biologique\u003c\/h3\u003e\n\u003cp\u003eUn gage de qualité sans pesticides ni traitements chimiques, respectueux de la nature\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tc-section\"\u003e\n\u003ch2\u003e🧪 Composition pure et simple\u003c\/h2\u003e\n\u003cdiv class=\"tc-composition-box\"\u003e\n\u003cdiv class=\"tc-composition-main\"\u003e\n\u003cspan class=\"tc-percent\"\u003e100%\u003c\/span\u003e\n\u003cdiv class=\"tc-composition-detail\"\u003e\n\u003ch3\u003eThym citronné\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eThymus citriodorus\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003eAgriculture Biologique • Origine France (Pays de la Loire)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tc-composition-badges\"\u003e\n\u003cspan class=\"tc-comp-badge\"\u003eSans arômes ajoutés\u003c\/span\u003e \u003cspan class=\"tc-comp-badge\"\u003eSans additifs\u003c\/span\u003e \u003cspan class=\"tc-comp-badge\"\u003eZéro plastique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tc-section\"\u003e\n\u003ch2\u003e☕ Comment préparer votre infusion\u003c\/h2\u003e\n\u003cdiv class=\"tc-steps\"\u003e\n\u003cdiv class=\"tc-step\"\u003e\n\u003cspan class=\"tc-step-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"tc-step-content\"\u003e\n\u003ch3\u003eChauffez l'eau\u003c\/h3\u003e\n\u003cp\u003e85°C — frémissante, pas bouillante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tc-step\"\u003e\n\u003cspan class=\"tc-step-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"tc-step-content\"\u003e\n\u003ch3\u003eInfusez\u003c\/h3\u003e\n\u003cp\u003e5 à 10 minutes selon l'intensité souhaitée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tc-step\"\u003e\n\u003cspan class=\"tc-step-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"tc-step-content\"\u003e\n\u003ch3\u003eSavourez\u003c\/h3\u003e\n\u003cp\u003e1 sachet pour une tasse (~200 ml)\u003cspan class=\"tc-tip-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tc-tip\"\u003e\n\u003cp\u003e\u003cstrong\u003e💡Astuce :\u003c\/strong\u003e ajoutez une cuillère de miel après l'infusion pour une association thym-citron-miel réconfortante, parfaite pour les soirées d'hiver.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tc-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits du rituel\u003c\/h2\u003e\n\u003cdiv class=\"tc-grid\"\u003e\n\u003cdiv class=\"tc-card tc-card-benefit\"\u003e\n\u003ch3\u003e🌙 Relaxation\u003c\/h3\u003e\n\u003cp\u003eAccompagne parfaitement vos moments de détente en fin de journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tc-card tc-card-benefit\"\u003e\n\u003ch3\u003e🧣 Réconfort\u003c\/h3\u003e\n\u003cp\u003eUne pause chaleureuse lors des périodes fraîches de l'année\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tc-card tc-card-benefit\"\u003e\n\u003ch3\u003e🚫 Alternative naturelle\u003c\/h3\u003e\n\u003cp\u003eRemplace les boissons aromatisées artificiellement par la pureté de la plante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"tc-disclaimer\"\u003eCe produit ne remplace pas un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"tc-section\"\u003e\n\u003ch2\u003e🌍 Un engagement éco-responsable\u003c\/h2\u003e\n\u003cdiv class=\"tc-grid-compact\"\u003e\n\u003cdiv class=\"tc-card\"\u003e\n\u003ch3\u003e🌳 Enveloppe fraîcheur\u003c\/h3\u003e\n\u003cp\u003eFibre de bois, zéro plastique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tc-card\"\u003e\n\u003ch3\u003e📦 Étui recyclable\u003c\/h3\u003e\n\u003cp\u003eCarton de forêts françaises\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tc-card\"\u003e\n\u003ch3\u003e🖨️ Impression locale\u003c\/h3\u003e\n\u003cp\u003eRéalisée en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tc-card\"\u003e\n\u003ch3\u003e🤝 Filière soutenue\u003c\/h3\u003e\n\u003cp\u003eProducteurs français\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tc-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"tc-accordion\"\u003e\n\u003cdetails class=\"tc-accordion-item\"\u003e\n\u003csummary class=\"tc-accordion-header\"\u003e📦 Contenance et format\u003c\/summary\u003e\n\u003cdiv class=\"tc-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003e20 sachets individuels\u003c\/strong\u003e — Poids net : 22 g\u003cbr\u003eFormat pratique en infusettes, idéal pour le quotidien ou à emporter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"tc-accordion-item\"\u003e\n\u003csummary class=\"tc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"tc-accordion-content\"\u003e\n\u003cp\u003eConserver à l'abri de la lumière, de la chaleur et de l'humidité. Refermer soigneusement l'étui après utilisation pour préserver les arômes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"tc-accordion-item\"\u003e\n\u003csummary class=\"tc-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n\u003cdiv class=\"tc-accordion-content\"\u003e\n\u003cp\u003ePlantes cultivées et transformées en Pays de la Loire, France. Certification Agriculture Biologique FR-BIO-01.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"tc-cta-box\"\u003e\n\u003cp\u003e🍋 Offrez-vous une pause authentique avec le thym citronné bio français — la simplicité comme signature, le goût en plus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --tc-cream: #F5F0E8;\n --tc-white: #ffffff;\n --tc-primary: #C4956A;\n --tc-primary-dark: #8B5E3C;\n --tc-primary-light: #F0E6DC;\n --tc-secondary: #D4B847;\n --tc-secondary-dark: #A89235;\n --tc-accent: #4A7C59;\n --tc-accent-light: #E8F0EA;\n --tc-text: #1a1a1a;\n --tc-text-light: #5a5a5a;\n --tc-border: #e0e0e0;\n --tc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --tc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --tc-radius: 20px;\n --tc-radius-sm: 12px;\n}\n\n.tc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tc-primary) 0%, var(--tc-primary-dark) 50%, var(--tc-accent) 100%);\n border-radius: var(--tc-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(--tc-shadow-lg);\n}\n\n.tc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.tc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.tc-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(--tc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tc-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.tc-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.tc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.tc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tc-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.tc-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(--tc-secondary), var(--tc-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.tc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.tc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.tc-card {\n background: var(--tc-white);\n border-radius: var(--tc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tc-shadow-lg);\n border-color: var(--tc-secondary);\n}\n\n.tc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tc-card-benefit {\n border-left: 4px solid var(--tc-accent);\n}\n\n.tc-grid-compact .tc-card {\n padding: 1rem;\n}\n\n.tc-grid-compact .tc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tc-grid-compact .tc-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.tc-composition-box {\n background: var(--tc-white);\n border-radius: var(--tc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tc-shadow);\n text-align: center;\n}\n\n.tc-composition-main {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n flex-wrap: wrap;\n}\n\n.tc-percent {\n font-size: clamp(48px, 10vw, 72px);\n font-weight: 900;\n color: var(--tc-secondary);\n line-height: 1;\n}\n\n.tc-composition-detail {\n text-align: left;\n}\n\n.tc-composition-detail h3 {\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 800;\n color: var(--tc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tc-composition-detail p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.tc-composition-detail em {\n font-style: italic;\n color: var(--tc-accent);\n}\n\n.tc-composition-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n}\n\n.tc-comp-badge {\n padding: 8px 16px;\n background: var(--tc-accent-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tc-accent);\n}\n\n\/* === STEPS === *\/\n.tc-steps {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.tc-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--tc-white);\n border-radius: var(--tc-radius);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--tc-shadow);\n flex: 1;\n min-width: 200px;\n max-width: 300px;\n}\n\n.tc-step-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--tc-secondary), var(--tc-secondary-dark));\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 flex-shrink: 0;\n}\n\n.tc-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--tc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tc-step-content p {\n font-size: 13px;\n color: var(--tc-text-light);\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.tc-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, var(--tc-secondary), var(--tc-secondary-dark));\n border-radius: var(--tc-radius);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--tc-shadow);\n}\n\n.tc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tc-tip p {\n color: white;\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n}\n\n.tc-tip strong {\n color: white;\n}\n\n\/* === DISCLAIMER === *\/\n.tc-disclaimer {\n text-align: center;\n font-size: 12px;\n color: var(--tc-text-light);\n font-style: italic;\n margin-top: 1.5rem;\n padding: 1rem;\n background: var(--tc-primary-light);\n border-radius: var(--tc-radius-sm);\n}\n\n\/* === ACCORDÉON === *\/\n.tc-accordion {\n background: var(--tc-white);\n border-radius: var(--tc-radius);\n box-shadow: var(--tc-shadow);\n overflow: hidden;\n}\n\n.tc-accordion-item {\n border-bottom: 1px solid var(--tc-border);\n margin: 0;\n padding: 0;\n}\n\n.tc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tc-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.tc-accordion-header:hover {\n background: var(--tc-primary-light);\n}\n\n.tc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tc-secondary);\n transition: transform .2s ease;\n}\n\n.tc-accordion-item[open] .tc-accordion-header::after {\n content: '−';\n}\n\n.tc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.tc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.tc-cta-box {\n background: linear-gradient(135deg, var(--tc-accent) 0%, var(--tc-primary-dark) 100%);\n border-radius: var(--tc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tc-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 70%);\n animation: shimmer 3s infinite;\n}\n\n@keyframes shimmer {\n 0%, 100% { transform: rotate(0deg); }\n 50% { transform: rotate(180deg); }\n}\n\n.tc-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .tc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .tc-grid-compact {\n gap: .625rem;\n }\n \n .tc-grid-compact .tc-card {\n padding: .75rem;\n }\n \n .tc-card {\n padding: 1.125rem;\n }\n \n .tc-section {\n margin-bottom: 1.75rem;\n }\n \n .tc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tc-radius-sm);\n }\n \n .tc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .tc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .tc-composition-main {\n flex-direction: column;\n gap: .75rem;\n }\n \n .tc-composition-detail {\n text-align: center;\n }\n \n .tc-step {\n min-width: 100%;\n max-width: 100%;\n }\n \n .tc-tip {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .tc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .tc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .tc-card:nth-child(1) { animation-delay: .05s; }\n .tc-card:nth-child(2) { animation-delay: .1s; }\n .tc-card:nth-child(3) { animation-delay: .15s; }\n .tc-card:nth-child(4) { animation-delay: .2s; }\n .tc-card:nth-child(5) { animation-delay: .25s; }\n .tc-card:nth-child(6) { animation-delay: .3s; }\n \n .tc-step {\n animation: fadeInUp .5s ease backwards;\n }\n .tc-step:nth-child(1) { animation-delay: .1s; }\n .tc-step:nth-child(2) { animation-delay: .2s; }\n .tc-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .tc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOHÊME","offers":[{"title":"Default Title","offer_id":56486298386809,"sku":"NBAIBHM0034","price":4.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion-thym-citronne-20-infusettes-bioheme-ingredients.jpg?v=1768224678"},{"product_id":"infusion-peche-a-croquer-20-infusettes-bioheme","title":"Infusion \"pêche à croquer\" - 20 infusettes - Biohême","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Infusion \"Pêche à croquer\" - Biohême\nPalette détectée:\n - Primaire: #E85A71 (rose corail vif du packaging)\n - Secondaire: #F5A623 (orange pêche du personnage)\n - Accent: #8B5A8C (violet\/prune des éléments décoratifs)\n - Background: #FDF6F0 (crème rosé doux)\nAmbiance: Ludique, familiale, bio\/naturel, française, joyeuse et gourmande\nPréfixe CSS: pch\n--\u003e\n\u003cdiv class=\"pch-premium\"\u003e\n\u003cdiv class=\"pch-hero\"\u003e\n\u003cdiv class=\"pch-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pch-hero-content\"\u003e\n\u003cdiv class=\"pch-badges-top\"\u003e\n\u003cspan class=\"pch-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"pch-badge\"\u003e🌿 100% Bio\u003c\/span\u003e \u003cspan class=\"pch-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pch-hero-title\"\u003ePêche à croquer\u003c\/span\u003e\n\u003cp class=\"pch-subtitle\"\u003eInfusion bio pomme \u0026amp; hibiscus blanc\u003c\/p\u003e\n\u003cp class=\"pch-description\"\u003eUne explosion de saveurs fruitées pour toute la famille ! Notes juteuses de pêche et d'abricot, rehaussées par la délicate acidité de l'hibiscus blanc. Chaude en hiver, glacée en été.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"pch-section\"\u003e\n\u003ch2\u003e🍑 Pourquoi vous allez l'adorer\u003c\/h2\u003e\n\u003cdiv class=\"pch-grid\"\u003e\n\u003cdiv class=\"pch-card\"\u003e\n\u003ch3\u003e🌱 Certifiée bio\u003c\/h3\u003e\n\u003cp\u003eTous les ingrédients sont issus de l'agriculture biologique, respectueuse de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-card\"\u003e\n\u003ch3\u003e🏡 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eÉlaborée artisanalement en Pays de la Loire avec des plantes françaises\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-card\"\u003e\n\u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eEmballage zéro plastique : carton recyclable et enveloppe en fibre de bois\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Pour toute la famille\u003c\/h3\u003e\n\u003cp\u003eSans théine ni caféine, parfaite pour les enfants comme les adultes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-card\"\u003e\n\u003ch3\u003e🧊 Chaude ou glacée\u003c\/h3\u003e\n\u003cp\u003eDélicieuse en hiver bien chaude ou rafraîchissante en version glacée l'été\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-card\"\u003e\n\u003ch3\u003e✨ Saveur authentique\u003c\/h3\u003e\n\u003cp\u003eÉquilibre parfait entre douceur fruitée et légère acidité naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pch-section\"\u003e\n\u003ch2\u003e🌿 Composition naturelle\u003c\/h2\u003e\n\u003cdiv class=\"pch-grid\"\u003e\n\u003cdiv class=\"pch-card pch-card-ingredient\"\u003e\n\u003ch3\u003e🍎 Pomme bio\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eMalus domestica\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003eBase douce et légèrement sucrée pour une infusion équilibrée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-card pch-card-ingredient\"\u003e\n\u003ch3\u003e🌺 Hibiscus blanc bio\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eHibiscus sabdariffa\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003eDélicate acidité et jolie couleur naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-card pch-card-ingredient\"\u003e\n\u003ch3\u003e🍑 Arôme naturel pêche bio\u003c\/h3\u003e\n\u003cp\u003eNotes juteuses et gourmandes caractéristiques du fruit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-card pch-card-ingredient\"\u003e\n\u003ch3\u003e🍊 Arôme naturel abricot bio\u003c\/h3\u003e\n\u003cp\u003eComplète le bouquet fruité avec finesse et rondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pch-section\"\u003e\n\u003ch2\u003e☕ Préparation parfaite\u003c\/h2\u003e\n\u003cdiv class=\"pch-preparation\"\u003e\n\u003cdiv class=\"pch-prep-method\"\u003e\n\u003ch3\u003e🔥 Dégustation chaude\u003c\/h3\u003e\n\u003cdiv class=\"pch-steps\"\u003e\n\u003cdiv class=\"pch-step\"\u003e\n\u003cspan class=\"pch-step-num\"\u003e1\u003c\/span\u003e\n\u003cp\u003eChauffez l'eau à \u003cstrong\u003e80-85°C\u003c\/strong\u003e (frémissante, pas bouillante)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-step\"\u003e\n\u003cspan class=\"pch-step-num\"\u003e2\u003c\/span\u003e\n\u003cp\u003eVersez sur le sachet dans votre tasse préférée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-step\"\u003e\n\u003cspan class=\"pch-step-num\"\u003e3\u003c\/span\u003e\n\u003cp\u003eLaissez infuser \u003cstrong\u003e5 à 10 minutes\u003c\/strong\u003e selon l'intensité souhaitée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-step\"\u003e\n\u003cspan class=\"pch-step-num\"\u003e4\u003c\/span\u003e\n\u003cp\u003eSavourez nature ou avec une touche de miel 🍯\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-prep-method\"\u003e\n\u003ch3\u003e🧊 Version glacée\u003c\/h3\u003e\n\u003cdiv class=\"pch-steps\"\u003e\n\u003cdiv class=\"pch-step\"\u003e\n\u003cspan class=\"pch-step-num\"\u003e1\u003c\/span\u003e\n\u003cp\u003ePréparez votre infusion normalement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-step\"\u003e\n\u003cspan class=\"pch-step-num\"\u003e2\u003c\/span\u003e\n\u003cp\u003eRéfrigérez pendant \u003cstrong\u003e2 heures minimum\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-step\"\u003e\n\u003cspan class=\"pch-step-num\"\u003e3\u003c\/span\u003e\n\u003cp\u003eServez avec glaçons et une tranche de pêche fraîche 🍑\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-tip\"\u003e\n\u003cstrong\u003e💡 Conseil :\u003c\/strong\u003e 2 à 3 tasses par jour pour un plaisir quotidien\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pch-section\"\u003e\n\u003ch2\u003e💫 Les bienfaits au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"pch-grid-compact\"\u003e\n\u003cdiv class=\"pch-card\"\u003e\n\u003ch3\u003e😴 Sans théine\u003c\/h3\u003e\n\u003cp\u003eÀ savourer à tout moment, même le soir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-card\"\u003e\n\u003ch3\u003e💧 Hydratation\u003c\/h3\u003e\n\u003cp\u003eAlternative gourmande à l'eau plate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-card\"\u003e\n\u003ch3\u003e🧘 Détente\u003c\/h3\u003e\n\u003cp\u003eUn rituel qui invite à la pause\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-card\"\u003e\n\u003ch3\u003e👶 Pour les enfants\u003c\/h3\u003e\n\u003cp\u003eBoisson saine et naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pch-section\"\u003e\n\u003ch2\u003e📦 Contenu de la boîte\u003c\/h2\u003e\n\u003cdiv class=\"pch-grid-compact\"\u003e\n\u003cdiv class=\"pch-card\"\u003e\n\u003ch3\u003e📍 20 infusettes\u003c\/h3\u003e\n\u003cp\u003eSachets individuels pratiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-card\"\u003e\n\u003ch3\u003e⚖️ 46g net\u003c\/h3\u003e\n\u003cp\u003ePoids total du produit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-card\"\u003e\n\u003ch3\u003e📅 24 mois\u003c\/h3\u003e\n\u003cp\u003eDurée de conservation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pch-card\"\u003e\n\u003ch3\u003e🏠 Température ambiante\u003c\/h3\u003e\n\u003cp\u003eÀ l'abri de la lumière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pch-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"pch-accordion\"\u003e\n\u003cdetails class=\"pch-accordion-item\"\u003e\n\u003csummary class=\"pch-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n\u003cdiv class=\"pch-accordion-content\"\u003e\n\u003cp\u003eConservez votre infusion à température ambiante, à l'abri de la lumière et de l'humidité. L'emballage en fibre de bois préserve naturellement la fraîcheur des arômes pendant 24 mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pch-accordion-item\"\u003e\n\u003csummary class=\"pch-accordion-header\"\u003e🌱 Engagement Biohême\u003c\/summary\u003e\n\u003cdiv class=\"pch-accordion-content\"\u003e\n\u003cp\u003eEn choisissant cette infusion, vous soutenez une marque française qui place l'écologie au cœur de ses priorités. Des plantes cultivées en France aux emballages entièrement recyclables, chaque détail est pensé pour réduire l'impact environnemental.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pch-accordion-item\"\u003e\n\u003csummary class=\"pch-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n\u003cdiv class=\"pch-accordion-content\"\u003e\n\u003cp\u003eCe produit est une boisson plaisir et ne constitue pas un substitut à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pch-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"pch-cta-box\"\u003e\n\u003cp\u003e🍑 Offrez-vous un moment de douceur fruitée 100% bio et française.\u003cbr\u003eParfaite pour initier toute la famille aux plaisirs des infusions naturelles !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --pch-cream: #FDF6F0;\n --pch-white: #ffffff;\n --pch-primary: #E85A71;\n --pch-primary-dark: #C94A5E;\n --pch-primary-light: #FEE8EB;\n --pch-secondary: #F5A623;\n --pch-accent: #8B5A8C;\n --pch-text: #1a1a1a;\n --pch-text-light: #5a5a5a;\n --pch-border: #f0e0e0;\n --pch-shadow: 0 4px 24px rgba(232,90,113,.12);\n --pch-shadow-lg: 0 12px 48px rgba(232,90,113,.18);\n --pch-radius: 20px;\n --pch-radius-sm: 12px;\n}\n\n.pch-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pch-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.pch-hero {\n position: relative;\n background: linear-gradient(135deg, var(--pch-primary) 0%, #F06A7A 40%, var(--pch-secondary) 100%);\n border-radius: var(--pch-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(--pch-shadow-lg);\n}\n\n.pch-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 40% 40%, rgba(139,90,140,.2) 0%, transparent 30%);\n opacity: .6;\n}\n\n.pch-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pch-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.pch-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(--pch-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pch-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pch-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pch-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 text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.pch-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.pch-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pch-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pch-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.pch-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(--pch-primary), var(--pch-secondary));\n border-radius: 2px;\n}\n\n.pch-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pch-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pch-card {\n background: var(--pch-white);\n border-radius: var(--pch-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pch-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pch-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pch-shadow-lg);\n border-color: var(--pch-primary);\n}\n\n.pch-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pch-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pch-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pch-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pch-card-ingredient p em {\n display: block;\n font-size: 12px;\n color: var(--pch-accent);\n margin-bottom: .5rem;\n}\n\n.pch-grid-compact .pch-card {\n padding: 1rem;\n}\n\n.pch-grid-compact .pch-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pch-grid-compact .pch-card p {\n font-size: 12px;\n}\n\n\/* Préparation *\/\n.pch-preparation {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.pch-prep-method {\n background: var(--pch-white);\n border-radius: var(--pch-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--pch-shadow);\n}\n\n.pch-prep-icon {\n font-size: 2.5rem;\n text-align: center;\n margin-bottom: .75rem;\n}\n\n.pch-prep-method h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--pch-primary-dark);\n text-align: center;\n margin: 0 0 1.25rem 0;\n}\n\n.pch-steps {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.pch-step {\n display: flex;\n align-items: flex-start;\n gap: .75rem;\n}\n\n.pch-step-num {\n flex-shrink: 0;\n width: 28px;\n height: 28px;\n background: linear-gradient(135deg, var(--pch-primary), var(--pch-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 13px;\n font-weight: 700;\n}\n\n.pch-step p {\n font-size: 14px;\n color: var(--pch-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.pch-step p strong {\n color: var(--pch-primary-dark);\n}\n\n.pch-tip {\n background: linear-gradient(135deg, var(--pch-primary-light), #FFF5E6);\n border-radius: var(--pch-radius-sm);\n padding: 1rem 1.25rem;\n text-align: center;\n margin-top: 1.25rem;\n font-size: 14px;\n color: var(--pch-text);\n}\n\n\/* Accordéon *\/\n.pch-accordion {\n background: var(--pch-white);\n border-radius: var(--pch-radius);\n box-shadow: var(--pch-shadow);\n overflow: hidden;\n}\n\n.pch-accordion-item {\n border-bottom: 1px solid var(--pch-border);\n margin: 0;\n padding: 0;\n}\n\n.pch-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pch-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pch-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.pch-accordion-header:hover {\n background: var(--pch-primary-light);\n}\n\n.pch-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pch-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pch-primary);\n transition: transform .2s ease;\n}\n\n.pch-accordion-item[open] .pch-accordion-header::after {\n content: '−';\n}\n\n.pch-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pch-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.pch-accordion-content p {\n margin: 0;\n}\n\n\/* CTA *\/\n.pch-cta-box {\n background: linear-gradient(135deg, var(--pch-primary) 0%, var(--pch-secondary) 100%);\n border-radius: var(--pch-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pch-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: pch-shimmer 3s ease-in-out infinite;\n}\n\n@keyframes pch-shimmer {\n 0%, 100% { transform: translate(0, 0); }\n 50% { transform: translate(10%, 10%); }\n}\n\n.pch-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 .pch-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .pch-card {\n padding: 1.125rem;\n }\n \n .pch-section {\n margin-bottom: 1.75rem;\n }\n \n .pch-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pch-radius-sm);\n }\n \n .pch-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .pch-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .pch-grid-compact {\n gap: .625rem;\n }\n \n .pch-grid-compact .pch-card {\n padding: .75rem;\n }\n \n .pch-preparation {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .pch-prep-method {\n padding: 1.25rem;\n }\n \n .pch-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .pch-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .pch-badges-top {\n gap: 8px;\n }\n \n .pch-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n .pch-card {\n animation: pchFadeInUp .5s ease backwards;\n }\n .pch-card:nth-child(1) { animation-delay: .05s; }\n .pch-card:nth-child(2) { animation-delay: .1s; }\n .pch-card:nth-child(3) { animation-delay: .15s; }\n .pch-card:nth-child(4) { animation-delay: .2s; }\n .pch-card:nth-child(5) { animation-delay: .25s; }\n .pch-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pchFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .pch-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOHÊME","offers":[{"title":"Default Title","offer_id":56486318702969,"sku":"NBAIBHM0064","price":4.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion-peche-a-croquer-20-infusettes-bioheme-ingredients.jpg?v=1768225469"},{"product_id":"infusion-bio-super-maman-20-infusettes-bioheme","title":"Infusion bio \"super maman\" - 20 infusettes - Biohême","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Infusion bio \"Super Maman\" - Biohême\nPalette détectée:\n - Primaire: #5FB8A0 (vert menthe\/turquoise du packaging)\n - Secondaire: #E8A090 (rose pêche du médaillon central)\n - Accent: #D94F6B (rose framboise du bandeau \"fraise \u0026 rhubarbe\")\n - Touches: #C23A52 (hibiscus rouge), #F5D76E (jaune floral)\nAmbiance: Naturelle, féminine, douce, bienveillante, bio\/végétale, maternelle\nPréfixe CSS: sm\n--\u003e\n\n\u003cdiv class=\"sm-premium\"\u003e\n \n \u003cdiv class=\"sm-hero\"\u003e\n \u003cdiv class=\"sm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sm-hero-content\"\u003e\n \u003cdiv class=\"sm-badges-top\"\u003e\n \u003cspan class=\"sm-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"sm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sm-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sm-hero-title\"\u003eSuper Maman\u003c\/span\u003e\n \u003cp class=\"sm-subtitle\"\u003eUne pause douceur aux notes de fraise \u0026amp; rhubarbe\u003c\/p\u003e\n \u003cp class=\"sm-description\"\u003eFenouil, tilleul, hibiscus et fraisier s'unissent dans une infusion délicatement fruitée, pensée pour offrir aux mamans un moment de réconfort bien mérité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sm-section\"\u003e\n \u003ch2\u003e🌸 Les bienfaits de chaque plante\u003c\/h2\u003e\n \u003cdiv class=\"sm-grid\"\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🌾 Fenouil\u003c\/h3\u003e\n \u003cp\u003eFavorise une bonne digestion et traditionnellement utilisé pour soutenir l'allaitement maternel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🌳 Tilleul\u003c\/h3\u003e\n \u003cp\u003eApprécié depuis des générations pour ses propriétés apaisantes et relaxantes, idéal en fin de journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🌺 Hibiscus\u003c\/h3\u003e\n \u003cp\u003eAux vertus drainantes, il apporte une belle couleur rosée et une note acidulée à l'infusion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🍓 Fraisier\u003c\/h3\u003e\n \u003cp\u003eComplète harmonieusement ce mélange avec sa douceur naturelle et ses notes délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sm-section\"\u003e\n \u003ch2\u003e👩‍👧 Pour qui est faite cette infusion ?\u003c\/h2\u003e\n \u003cdiv class=\"sm-grid\"\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🤱 Mamans allaitantes\u003c\/h3\u003e\n \u003cp\u003eUne tisane naturelle favorisant la lactation grâce au fenouil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e💆‍♀️ Femmes actives\u003c\/h3\u003e\n \u003cp\u003eUn moment de détente mérité après une journée bien remplie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🫖 Amateurs de thé fruité\u003c\/h3\u003e\n \u003cp\u003eUne infusion gourmande sans caféine ni théine, à déguster à tout moment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🎁 Idée cadeau\u003c\/h3\u003e\n \u003cp\u003eParfaite pour célébrer une future maman ou une femme formidable de votre entourage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sm-section\"\u003e\n \u003ch2\u003e📝 Composition 100% bio\u003c\/h2\u003e\n \u003cdiv class=\"sm-composition-box\"\u003e\n \u003cdiv class=\"sm-ingredients-list\"\u003e\n \u003cspan class=\"sm-ingredient\"\u003eFenouil \u003cem\u003e(Foeniculum vulgare)\u003c\/em\u003e\u003c\/span\u003e\n \u003cspan class=\"sm-ingredient\"\u003eTilleul \u003cem\u003e(Tilia platyphyllos)\u003c\/em\u003e\u003c\/span\u003e\n \u003cspan class=\"sm-ingredient\"\u003eFraisier \u003cem\u003e(Fragaria vesca)\u003c\/em\u003e\u003c\/span\u003e\n \u003cspan class=\"sm-ingredient\"\u003eHibiscus \u003cem\u003e(Hibiscus sabdariffa)\u003c\/em\u003e\u003c\/span\u003e\n \u003cspan class=\"sm-ingredient\"\u003eArôme naturel de fraise\u003c\/span\u003e\n \u003cspan class=\"sm-ingredient\"\u003eArôme naturel de rhubarbe\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"sm-bio-note\"\u003e✨ Tous les ingrédients sont issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sm-section\"\u003e\n \u003ch2\u003e☕ Comment préparer votre infusion ?\u003c\/h2\u003e\n \u003cdiv class=\"sm-grid\"\u003e\n \u003cdiv class=\"sm-card sm-card-recipe\"\u003e\n \u003ch3\u003e🫖 Version classique\u003c\/h3\u003e\n \u003cp\u003eEau frémissante (non bouillante) sur le sachet. Laissez infuser \u003cstrong\u003e5 à 10 minutes\u003c\/strong\u003e selon l'intensité souhaitée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card sm-card-recipe\"\u003e\n \u003ch3\u003e🥛 Version chaï\u003c\/h3\u003e\n \u003cp\u003eInfusez dans du lait végétal chaud (avoine, amande ou noisette) pour une boisson plus gourmande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card sm-card-recipe\"\u003e\n \u003ch3\u003e🧊 Version glacée\u003c\/h3\u003e\n \u003cp\u003eLaissez refroidir et servez avec des glaçons pour une boisson rafraîchissante en été.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sm-section\"\u003e\n \u003ch2\u003e💚 Les engagements Biohême\u003c\/h2\u003e\n \u003cdiv class=\"sm-grid-compact\"\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🌱 100% bio\u003c\/h3\u003e\n \u003cp\u003ePlantes certifiées agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en Loire-Atlantique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eHibiscus de filières équitables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sm-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eSachets 100% compostables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sm-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"sm-accordion\"\u003e\n \u003cdetails class=\"sm-accordion-item\"\u003e\n \u003csummary class=\"sm-accordion-header\"\u003e📦 Contenu et conservation\u003c\/summary\u003e\n \u003cdiv class=\"sm-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eContenu :\u003c\/strong\u003e 20 infusettes (34g au total)\u003cbr\u003e\n \u003cstrong\u003eConservation :\u003c\/strong\u003e À l'abri de la lumière, de l'humidité et de la chaleur pour préserver tous les arômes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sm-accordion-item\"\u003e\n \u003csummary class=\"sm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"sm-accordion-content\"\u003e\n \u003cp\u003eCette infusion est un produit alimentaire naturel. Elle ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. Si vous êtes enceinte, allaitante ou suivez un traitement particulier, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sm-accordion-item\"\u003e\n \u003csummary class=\"sm-accordion-header\"\u003e🌍 Emballage responsable\u003c\/summary\u003e\n \u003cdiv class=\"sm-accordion-content\"\u003e\n \u003cp\u003eEnveloppe des sachets 100% compostable (amidon de maïs et papier). Étui en carton recyclé et recyclable. Zéro plastique dans tout le packaging.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sm-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez-vous ou offrez à une super maman ce moment de douceur bien mérité. Une infusion bio, française et responsable qui prend soin de vous et de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sm-cream: #FBF9F7;\n --sm-white: #ffffff;\n --sm-primary: #5FB8A0;\n --sm-primary-dark: #3D9A82;\n --sm-primary-light: #E8F5F1;\n --sm-secondary: #E8A090;\n --sm-accent: #D94F6B;\n --sm-text: #1a1a1a;\n --sm-text-light: #5a5a5a;\n --sm-border: #e8e4e0;\n --sm-shadow: 0 4px 24px rgba(93,184,160,.12);\n --sm-shadow-lg: 0 12px 48px rgba(93,184,160,.18);\n --sm-radius: 20px;\n --sm-radius-sm: 12px;\n}\n\n.sm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sm-hero {\n position: relative;\n background: linear-gradient(135deg, #5FB8A0 0%, #7ECBB8 40%, #E8A090 100%);\n border-radius: var(--sm-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(--sm-shadow-lg);\n}\n\n.sm-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 5c2 8 8 14 16 16-8 2-14 8-16 16-2-8-8-14-16-16 8-2 14-8 16-16z' fill='%23fff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .4;\n}\n\n.sm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sm-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(--sm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sm-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.sm-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,.1);\n}\n\n.sm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.sm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sm-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.sm-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(--sm-primary), var(--sm-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.sm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.sm-card {\n background: var(--sm-white);\n border-radius: var(--sm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sm-shadow-lg);\n border-color: var(--sm-primary);\n}\n\n.sm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sm-card-recipe {\n background: linear-gradient(135deg, var(--sm-white) 0%, var(--sm-primary-light) 100%);\n}\n\n.sm-grid-compact .sm-card {\n padding: 1rem;\n}\n\n.sm-grid-compact .sm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sm-grid-compact .sm-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.sm-composition-box {\n background: var(--sm-white);\n border-radius: var(--sm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sm-shadow);\n text-align: center;\n}\n\n.sm-ingredients-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-bottom: 1.5rem;\n}\n\n.sm-ingredient {\n display: inline-block;\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--sm-primary-light) 0%, #fff 100%);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n color: var(--sm-primary-dark);\n border: 1px solid rgba(93,184,160,.2);\n}\n\n.sm-ingredient em {\n font-weight: 400;\n color: var(--sm-text-light);\n font-size: 12px;\n}\n\n.sm-bio-note {\n font-size: 14px;\n color: var(--sm-primary-dark);\n font-weight: 600;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sm-accordion {\n background: var(--sm-white);\n border-radius: var(--sm-radius);\n box-shadow: var(--sm-shadow);\n overflow: hidden;\n}\n\n.sm-accordion-item {\n border-bottom: 1px solid var(--sm-border);\n margin: 0;\n padding: 0;\n}\n\n.sm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sm-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.sm-accordion-header:hover {\n background: var(--sm-primary-light);\n}\n\n.sm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sm-primary);\n transition: transform .2s ease;\n}\n\n.sm-accordion-item[open] .sm-accordion-header::after {\n content: '−';\n}\n\n.sm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.sm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.sm-cta-box {\n background: linear-gradient(135deg, var(--sm-secondary) 0%, var(--sm-accent) 100%);\n border-radius: var(--sm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sm-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, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.sm-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 position: relative;\n z-index: 1;\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .sm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sm-card {\n padding: 1.125rem;\n }\n \n .sm-section {\n margin-bottom: 1.75rem;\n }\n \n .sm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sm-radius-sm);\n }\n \n .sm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sm-grid-compact {\n gap: .625rem;\n }\n \n .sm-grid-compact .sm-card {\n padding: .75rem;\n }\n \n .sm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sm-ingredient {\n padding: 8px 14px;\n font-size: 13px;\n }\n \n .sm-badges-top {\n gap: 8px;\n }\n \n .sm-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sm-card:nth-child(1) { animation-delay: .05s; }\n .sm-card:nth-child(2) { animation-delay: .1s; }\n .sm-card:nth-child(3) { animation-delay: .15s; }\n .sm-card:nth-child(4) { animation-delay: .2s; }\n .sm-card:nth-child(5) { animation-delay: .25s; }\n .sm-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 .sm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOHÊME","offers":[{"title":"Default Title","offer_id":56489934291321,"sku":"NBAIBHM0051","price":4.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion-bio-super-maman-20-infusettes-bioheme-ingredients.jpg?v=1768291157"},{"product_id":"infusion-bio-gainage-minceur-20-infusettes-bioheme","title":"Infusion bio \"gainage minceur\" - 20 infusettes - Biohême","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Infusion bio \"Gainage Minceur\" - Biohême\nPalette détectée:\n - Primaire: #C4856C (terracotta\/caramel du packaging)\n - Secondaire: #E85A8F (rose fuchsia de l'étiquette centrale)\n - Accent: #3D5A4A (vert sauge des illustrations botaniques)\nAmbiance: Naturel\/bio avec touche féminine, chaleureux, artisanal français, botanique\nPréfixe CSS: gm\n--\u003e\n\n\u003cdiv class=\"gm-premium\"\u003e\n\n \u003cdiv class=\"gm-hero\"\u003e\n \u003cdiv class=\"gm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gm-hero-content\"\u003e\n \u003cdiv class=\"gm-badges-top\"\u003e\n \u003cspan class=\"gm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"gm-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"gm-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gm-hero-title\"\u003eGainage Minceur\u003c\/span\u003e\n \u003cp class=\"gm-subtitle\"\u003eL'alliance parfaite de 5 plantes bio pour un ventre plat\u003c\/p\u003e\n \u003cp class=\"gm-description\"\u003eUne infusion bio aux saveurs acidulées et zestées, formulée avec des plantes françaises et équitables pour accompagner votre objectif silhouette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"gm-section\"\u003e\n \u003ch2\u003e🌸 Les 5 plantes de la formule\u003c\/h2\u003e\n \u003cdiv class=\"gm-grid\"\u003e\n \u003cdiv class=\"gm-card gm-card-ingredient\"\u003e\n \u003ch3\u003e🧉 Maté\u003c\/h3\u003e\n \u003cp class=\"gm-origin\"\u003eÉquitable\u003c\/p\u003e\n \u003cp\u003eBrûleur naturel reconnu, soutient le déstockage des graisses et booste le métabolisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card gm-card-ingredient\"\u003e\n \u003ch3\u003e🌺 Hibiscus\u003c\/h3\u003e\n \u003cp class=\"gm-origin\"\u003eÉquitable\u003c\/p\u003e\n \u003cp\u003ePropriétés drainantes naturelles et apporte la touche acidulée caractéristique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card gm-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Fenouil\u003c\/h3\u003e\n \u003cp class=\"gm-origin\"\u003eOrigine France\u003c\/p\u003e\n \u003cp\u003eAide à soulager les ballonnements pour retrouver un ventre plat et léger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card gm-card-ingredient\"\u003e\n \u003ch3\u003e🌼 Reine des prés\u003c\/h3\u003e\n \u003cp class=\"gm-origin\"\u003eOrigine France\u003c\/p\u003e\n \u003cp\u003ePlante traditionnelle aux vertus drainantes, favorise l'élimination naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card gm-card-ingredient\"\u003e\n \u003ch3\u003e🍊 HE Pamplemousse\u003c\/h3\u003e\n \u003cp class=\"gm-origin\"\u003eBio\u003c\/p\u003e\n \u003cp\u003eHuile essentielle qui apporte la touche zestée et rafraîchissante à l'infusion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gm-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de cette infusion\u003c\/h2\u003e\n \u003cdiv class=\"gm-grid\"\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e🔥 Métabolisme des graisses\u003c\/h3\u003e\n \u003cp\u003eLe maté, brûleur naturel reconnu, soutient activement le déstockage des graisses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e🎈 Anti-ballonnements\u003c\/h3\u003e\n \u003cp\u003eLe fenouil aide à retrouver un ventre plat en soulageant les inconforts digestifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e💧 Effet drainant\u003c\/h3\u003e\n \u003cp\u003eL'hibiscus et la reine des prés favorisent l'élimination et la légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e😋 Plaisir gustatif\u003c\/h3\u003e\n \u003cp\u003eUne saveur subtilement acidulée avec des notes zestées de pamplemousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gm-section\"\u003e\n \u003ch2\u003e👩 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"gm-grid-compact\"\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e🎯 Objectif minceur\u003c\/h3\u003e\n \u003cp\u003eEn complément d'une alimentation équilibrée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e🫄 Ventre gonflé\u003c\/h3\u003e\n \u003cp\u003eSujets aux ballonnements et inconforts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e💦 Rétention d'eau\u003c\/h3\u003e\n \u003cp\u003eBesoin d'un coup de pouce drainant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e☕ Amateurs de thé\u003c\/h3\u003e\n \u003cp\u003eAlternative bio et savoureuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gm-section\"\u003e\n \u003ch2\u003e☕ Préparation parfaite\u003c\/h2\u003e\n \u003cdiv class=\"gm-steps\"\u003e\n \u003cdiv class=\"gm-step\"\u003e\n \u003cspan class=\"gm-step-num\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"gm-step-content\"\u003e\n \u003ch3\u003eChauffez l'eau à 85°C\u003c\/h3\u003e\n \u003cp\u003eEau frémissante, pas bouillante pour préserver les actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-step\"\u003e\n \u003cspan class=\"gm-step-num\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"gm-step-content\"\u003e\n \u003ch3\u003eVersez sur l'infusette\u003c\/h3\u003e\n \u003cp\u003ePlacez le sachet dans votre tasse préférée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-step\"\u003e\n \u003cspan class=\"gm-step-num\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"gm-step-content\"\u003e\n \u003ch3\u003eInfusez 5 à 10 minutes\u003c\/h3\u003e\n \u003cp\u003e8-10 min pour des bienfaits et saveurs optimaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-step\"\u003e\n \u003cspan class=\"gm-step-num\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"gm-step-content\"\u003e\n \u003ch3\u003eJusqu'à 4 tasses par jour\u003c\/h3\u003e\n \u003cp\u003eDégustez chaude ou froide selon vos envies\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gm-section\"\u003e\n \u003ch2\u003e📦 Contenu de la boîte\u003c\/h2\u003e\n \u003cdiv class=\"gm-grid-compact\"\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e🍵 20 infusettes\u003c\/h3\u003e\n \u003cp\u003eSachets individuels prêts à l'emploi\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e⚖️ 26g net\u003c\/h3\u003e\n \u003cp\u003ePoids total de la boîte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e🌱 Fibre de bois\u003c\/h3\u003e\n \u003cp\u003eEnveloppes fraîcheur zéro plastique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e📅 12 mois\u003c\/h3\u003e\n \u003cp\u003eDurée de conservation optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gm-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"gm-accordion\"\u003e\n \u003cdetails class=\"gm-accordion-item\"\u003e\n \u003csummary class=\"gm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"gm-accordion-content\"\u003e\n \u003cp\u003eConservez vos infusettes à température ambiante, à l'abri de la lumière et de l'humidité. Durée de vie : 12 mois à compter de la date de fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gm-accordion-item\"\u003e\n \u003csummary class=\"gm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"gm-accordion-content\"\u003e\n \u003cp\u003eCette infusion est destinée aux adultes et adolescents de plus de 12 ans. La présence de fenouil la rend déconseillée aux enfants de moins de 12 ans. Ce 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, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gm-accordion-item\"\u003e\n \u003csummary class=\"gm-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"gm-accordion-content\"\u003e\n \u003cp\u003eFabriquée en France par Biohême, expert en herboristerie installé en Pays de la Loire (région nantaise). Plantes françaises (fenouil, reine des prés) et plantes équitables (hibiscus, maté) issues de l'agriculture biologique certifiée AB.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gm-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez-vous un rituel bien-être quotidien avec cette infusion bio française, alliant efficacité minceur et plaisir gustatif. Jusqu'à 4 tasses par jour pour accompagner votre objectif ventre plat !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gm-cream: #FDF8F5;\n --gm-white: #ffffff;\n --gm-primary: #C4856C;\n --gm-primary-dark: #A66B52;\n --gm-primary-light: #F5E8E2;\n --gm-secondary: #E85A8F;\n --gm-accent: #3D5A4A;\n --gm-text: #1a1a1a;\n --gm-text-light: #5a5a5a;\n --gm-border: #e8ddd8;\n --gm-shadow: 0 4px 24px rgba(166,107,82,.12);\n --gm-shadow-lg: 0 12px 48px rgba(166,107,82,.18);\n --gm-radius: 20px;\n --gm-radius-sm: 12px;\n}\n\n.gm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.gm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gm-primary) 0%, var(--gm-secondary) 50%, var(--gm-accent) 100%);\n border-radius: var(--gm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gm-shadow-lg);\n}\n\n.gm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M30 30c0-11.046-8.954-20-20-20v40c11.046 0 20-8.954 20-20zm0 0c0 11.046 8.954 20 20 20V10c-11.046 0-20 8.954-20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.gm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.gm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.gm-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.gm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gm-primary), var(--gm-secondary));\n border-radius: 2px;\n}\n\n.gm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gm-card {\n background: var(--gm-white);\n border-radius: var(--gm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gm-shadow-lg);\n border-color: var(--gm-primary);\n}\n\n.gm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gm-card-ingredient {\n position: relative;\n border-top: 4px solid var(--gm-secondary);\n}\n\n.gm-origin {\n display: inline-block;\n background: var(--gm-primary-light);\n color: var(--gm-primary-dark);\n font-size: 11px !important;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n margin-bottom: .5rem !important;\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n.gm-grid-compact .gm-card {\n padding: 1rem;\n}\n\n.gm-grid-compact .gm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gm-grid-compact .gm-card p {\n font-size: 12px;\n}\n\n.gm-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.gm-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--gm-white);\n border-radius: var(--gm-radius);\n padding: 1.25rem;\n box-shadow: var(--gm-shadow);\n transition: all .3s ease;\n}\n\n.gm-step:hover {\n transform: translateX(8px);\n box-shadow: var(--gm-shadow-lg);\n}\n\n.gm-step-num {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n height: 44px;\n min-width: 44px;\n background: linear-gradient(135deg, var(--gm-primary), var(--gm-secondary));\n color: white;\n font-size: 18px;\n font-weight: 900;\n border-radius: 50%;\n}\n\n.gm-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--gm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gm-step-content p {\n font-size: 14px;\n color: var(--gm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.gm-accordion {\n background: var(--gm-white);\n border-radius: var(--gm-radius);\n box-shadow: var(--gm-shadow);\n overflow: hidden;\n}\n\n.gm-accordion-item {\n border-bottom: 1px solid var(--gm-border);\n margin: 0;\n padding: 0;\n}\n\n.gm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gm-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.gm-accordion-header:hover {\n background: var(--gm-primary-light);\n}\n\n.gm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gm-primary);\n transition: transform .2s ease;\n}\n\n.gm-accordion-item[open] .gm-accordion-header::after {\n content: '−';\n}\n\n.gm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.gm-accordion-content p {\n margin: 0;\n}\n\n.gm-cta-box {\n background: linear-gradient(135deg, var(--gm-accent) 0%, var(--gm-primary-dark) 100%);\n border-radius: var(--gm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n@media (max-width: 767px) {\n .gm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .gm-card {\n padding: 1.125rem;\n }\n \n .gm-section {\n margin-bottom: 1.75rem;\n }\n \n .gm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gm-radius-sm);\n }\n \n .gm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .gm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .gm-grid-compact {\n gap: .625rem;\n }\n \n .gm-grid-compact .gm-card {\n padding: .75rem;\n }\n \n .gm-step {\n padding: 1rem;\n }\n \n .gm-step-num {\n width: 38px;\n height: 38px;\n min-width: 38px;\n font-size: 16px;\n }\n \n .gm-step-content h3 {\n font-size: 14px;\n }\n \n .gm-step-content p {\n font-size: 13px;\n }\n \n .gm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .gm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .gm-card {\n animation: gmFadeInUp .5s ease backwards;\n }\n .gm-card:nth-child(1) { animation-delay: .05s; }\n .gm-card:nth-child(2) { animation-delay: .1s; }\n .gm-card:nth-child(3) { animation-delay: .15s; }\n .gm-card:nth-child(4) { animation-delay: .2s; }\n .gm-card:nth-child(5) { animation-delay: .25s; }\n .gm-card:nth-child(6) { animation-delay: .3s; }\n \n .gm-step {\n animation: gmFadeInUp .5s ease backwards;\n }\n .gm-step:nth-child(1) { animation-delay: .1s; }\n .gm-step:nth-child(2) { animation-delay: .2s; }\n .gm-step:nth-child(3) { animation-delay: .3s; }\n .gm-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes gmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOHÊME","offers":[{"title":"Default Title","offer_id":56489956114809,"sku":"NBAIBHM0043","price":4.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion-bio-gainage-minceur-20-infusettes-bioheme-ingredients.jpg?v=1768986433"},{"product_id":"infusion-bio-yoga-flex-20-infusettes-bioheme","title":"Infusion bio \"yoga flex\" - 20 infusettes - Biohême","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Infusion bio Yoga Flex - Biohême\nPalette détectée:\n - Primaire: #F5B800 (jaune safran vif du packaging)\n - Secondaire: #D35233 (terre cuite\/corail des éléments décoratifs)\n - Accent: #2D7D46 (vert bio\/nature des certifications)\nAmbiance: Naturelle, chaleureuse, bien-être\/yoga, artisanale française, équitable\nStyle: Organique, joyeux, inclusif avec illustration moderne\nPréfixe CSS: yf\n--\u003e\n\u003cdiv class=\"yf-premium\"\u003e\n\u003cdiv class=\"yf-hero\"\u003e\n\u003cdiv class=\"yf-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"yf-hero-content\"\u003e\n\u003cdiv class=\"yf-badges-top\"\u003e\n\u003cspan class=\"yf-badge\"\u003e🌿 100% Bio\u003c\/span\u003e \u003cspan class=\"yf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"yf-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"yf-hero-title\"\u003eYoga Flex\u003c\/span\u003e\n\u003cp class=\"yf-subtitle\"\u003eNote de mandarine • Curcuma, tilleul, gingembre, cannelle, cardamome\u003c\/p\u003e\n\u003cp class=\"yf-description\"\u003eL'alliance parfaite des épices pour votre bien-être articulaire. Une infusion réchauffante qui accompagne votre corps dans sa quête de souplesse et de détente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"yf-section\"\u003e\n\u003ch2\u003e🌟 Pourquoi cette infusion est unique\u003c\/h2\u003e\n\u003cdiv class=\"yf-grid\"\u003e\n\u003cdiv class=\"yf-card\"\u003e\n\u003ch3\u003e🧡 Curcuma \u0026amp; gingembre\u003c\/h3\u003e\n\u003cp\u003eDeux racines emblématiques de la médecine ayurvédique pour soutenir votre confort articulaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-card\"\u003e\n\u003ch3\u003e🌸 Tilleul français\u003c\/h3\u003e\n\u003cp\u003eReconnu pour ses vertus apaisantes, il invite à la détente profonde\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-card\"\u003e\n\u003ch3\u003e✨ Cannelle \u0026amp; cardamome\u003c\/h3\u003e\n\u003cp\u003eDes épices chaudes qui réchauffent le corps et éveillent les sens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-card\"\u003e\n\u003ch3\u003e⚡ Poivre noir\u003c\/h3\u003e\n\u003cp\u003ePotentialise naturellement l'assimilation du curcuma pour une efficacité optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-card\"\u003e\n\u003ch3\u003e🍊 Huile essentielle de mandarine\u003c\/h3\u003e\n\u003cp\u003eUne touche fruitée et lumineuse qui adoucit l'ensemble avec délicatesse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-card\"\u003e\n\u003ch3\u003e🔥 Piment de Cayenne\u003c\/h3\u003e\n\u003cp\u003eUne pointe de chaleur pour stimuler la circulation et réchauffer de l'intérieur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"yf-section\"\u003e\n\u003ch2\u003e🌿 10 ingrédients bio soigneusement sélectionnés\u003c\/h2\u003e\n\u003cdiv class=\"yf-grid\"\u003e\n\u003cdiv class=\"yf-card yf-card-ingredient\"\u003e\n\u003ch3\u003e🧡 Curcuma\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eCurcuma longa\u003c\/em\u003e\u003cbr\u003e\u003cspan class=\"yf-tag\"\u003eCommerce équitable\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-card yf-card-ingredient\"\u003e\n\u003ch3\u003e🌳 Tilleul\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eTilia platyphyllos\u003c\/em\u003e\u003cbr\u003e\u003cspan class=\"yf-tag yf-tag-fr\"\u003eOrigine France\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-card yf-card-ingredient\"\u003e\n\u003ch3\u003e🍎 Pomme\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eMalus domestica\u003c\/em\u003e\u003cbr\u003e\u003cspan class=\"yf-tag yf-tag-fr\"\u003eOrigine France\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-card yf-card-ingredient\"\u003e\n\u003ch3\u003e🫚 Gingembre\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eZingiber officinale\u003c\/em\u003e\u003cbr\u003e\u003cspan class=\"yf-tag\"\u003eCommerce équitable\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-card yf-card-ingredient\"\u003e\n\u003ch3\u003e🪵 Cannelle\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eCinnamomum verum\u003c\/em\u003e\u003cbr\u003e\u003cspan class=\"yf-tag\"\u003eCommerce équitable\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-card yf-card-ingredient\"\u003e\n\u003ch3\u003e🌱 Réglisse\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eGlycyrrhiza glabra\u003c\/em\u003e\u003cbr\u003e\u003cspan class=\"yf-tag\"\u003eCommerce équitable\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-card yf-card-ingredient\"\u003e\n\u003ch3\u003e💚 Cardamome\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eElettaria cardamomum\u003c\/em\u003e\u003cbr\u003e\u003cspan class=\"yf-tag\"\u003eCommerce équitable\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-card yf-card-ingredient\"\u003e\n\u003ch3\u003e⚫ Poivre noir\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003ePiper nigrum\u003c\/em\u003e\u003cbr\u003e\u003cspan class=\"yf-tag\"\u003eCommerce équitable\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-card yf-card-ingredient\"\u003e\n\u003ch3\u003e🍊 HE Mandarine\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eCitrus reticulata\u003c\/em\u003e\u003cbr\u003e\u003cspan class=\"yf-tag yf-tag-aroma\"\u003eArôme naturel\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-card yf-card-ingredient\"\u003e\n\u003ch3\u003e🌶️ Piment de Cayenne\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eCapsicum annuum\u003c\/em\u003e\u003cbr\u003e\u003cspan class=\"yf-tag\"\u003eAgriculture bio\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"yf-section\"\u003e\n\u003ch2\u003e☕ Comment préparer votre infusion\u003c\/h2\u003e\n\u003cdiv class=\"yf-steps\"\u003e\n\u003cdiv class=\"yf-step\"\u003e\n\u003cdiv class=\"yf-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"yf-step-content\"\u003e\n\u003ch3\u003e🌡️ Chauffez l'eau à 85°C\u003c\/h3\u003e\n\u003cp\u003ePas d'eau bouillante pour préserver les arômes délicats des épices\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-step\"\u003e\n\u003cdiv class=\"yf-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"yf-step-content\"\u003e\n\u003ch3\u003e⏱️ Infusez 5 à 10 minutes\u003c\/h3\u003e\n\u003cp\u003eSelon l'intensité souhaitée : plus doux ou plus corsé, à vous de choisir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-step\"\u003e\n\u003cdiv class=\"yf-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"yf-step-content\"\u003e\n\u003ch3\u003e🧘 Savourez jusqu'à 2 tasses\/jour\u003c\/h3\u003e\n\u003cp\u003eIdéal après une séance de yoga, pilates ou pour une pause détente\u003cspan class=\"yf-tip-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-tip\"\u003e\n\u003cdiv class=\"yf-tip-content\"\u003e\n\u003cstrong\u003e💡 Notre astuce chaï :\u003c\/strong\u003e Faites infuser votre sachet dans du lait végétal chaud (avoine ou amande) pour une boisson crémeuse et réconfortante, parfaite en automne et en hiver !\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"yf-section\"\u003e\n\u003ch2\u003e🙋 Pour qui est faite cette infusion ?\u003c\/h2\u003e\n\u003cdiv class=\"yf-grid\"\u003e\n\u003cdiv class=\"yf-card\"\u003e\n\u003ch3\u003e🧘♀️ Pratiquants de yoga \u0026amp; pilates\u003c\/h3\u003e\n\u003cp\u003ePour accompagner votre corps dans les activités sollicitant les articulations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-card\"\u003e\n\u003ch3\u003e🌿 Amateurs de naturel\u003c\/h3\u003e\n\u003cp\u003eUne tisane souplesse sans additifs, 100% ingrédients bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-card\"\u003e\n\u003ch3\u003e🔥 Fans de saveurs épicées\u003c\/h3\u003e\n\u003cp\u003eUn équilibre parfait entre chaleur des épices et douceur fruitée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-card\"\u003e\n\u003ch3\u003e🇫🇷 Consommateurs engagés\u003c\/h3\u003e\n\u003cp\u003ePour ceux qui privilégient les produits bio, français et équitables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"yf-section\"\u003e\n\u003ch2\u003e🌍 Nos engagements\u003c\/h2\u003e\n\u003cdiv class=\"yf-grid-compact\"\u003e\n\u003cdiv class=\"yf-card\"\u003e\n\u003ch3\u003e🏭 Loire-Atlantique\u003c\/h3\u003e\n\u003cp\u003eFabrication 100% française\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-card\"\u003e\n\u003ch3\u003e🤝 Fairtrade\u003c\/h3\u003e\n\u003cp\u003eÉpices équitables certifiées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-card\"\u003e\n\u003ch3\u003e♻️ Zéro plastique\u003c\/h3\u003e\n\u003cp\u003eSachets 100% compostables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"yf-card\"\u003e\n\u003ch3\u003e👨🌾 Producteurs français\u003c\/h3\u003e\n\u003cp\u003eTilleul et pomme locaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"yf-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"yf-accordion\"\u003e\n\u003cdetails class=\"yf-accordion-item\"\u003e\n\u003csummary class=\"yf-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n\u003cdiv class=\"yf-accordion-content\"\u003e\n\u003cp\u003e20 infusettes végétales (36g au total). Sachets en amidon de maïs et papier, 100% compostables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"yf-accordion-item\"\u003e\n\u003csummary class=\"yf-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"yf-accordion-content\"\u003e\n\u003cp\u003eConservez vos infusettes dans un endroit sec, à l'abri de la lumière et de l'humidité. DLUO : 36 mois à partir de la date de fabrication.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"yf-accordion-item\"\u003e\n\u003csummary class=\"yf-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"yf-accordion-content\"\u003e\n\u003cp\u003eCe produit est un complément alimentaire qui ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute, consultez un professionnel de santé. \u003cstrong\u003eDéconseillé aux personnes souffrant d'hypertension\u003c\/strong\u003e en raison de la présence de réglisse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"yf-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"yf-cta-box\"\u003e\n\u003cp\u003e🧘 Transformez chaque pause en un véritable rituel de bien-être.\u003cbr\u003eVotre corps vous remerciera.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --yf-cream: #FFFBF0;\n --yf-white: #ffffff;\n --yf-primary: #F5B800;\n --yf-primary-dark: #C4930A;\n --yf-primary-light: #FFF8E1;\n --yf-secondary: #D35233;\n --yf-accent: #2D7D46;\n --yf-text: #1a1a1a;\n --yf-text-light: #5a5a5a;\n --yf-border: #e8e0d0;\n --yf-shadow: 0 4px 24px rgba(0,0,0,.08);\n --yf-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --yf-radius: 20px;\n --yf-radius-sm: 12px;\n}\n\n.yf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--yf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.yf-hero {\n position: relative;\n background: linear-gradient(135deg, #F5B800 0%, #E8A800 40%, #D35233 100%);\n border-radius: var(--yf-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(--yf-shadow-lg);\n}\n\n.yf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 0-3.5 1.5-3.5 3.5S28 12 30 12s3.5-1.5 3.5-3.5S32 5 30 5zm0 43c-2 0-3.5 1.5-3.5 3.5S28 55 30 55s3.5-1.5 3.5-3.5S32 48 30 48zM5 30c0-2 1.5-3.5 3.5-3.5S12 28 12 30s-1.5 3.5-3.5 3.5S5 32 5 30zm43 0c0-2 1.5-3.5 3.5-3.5S55 28 55 30s-1.5 3.5-3.5 3.5S48 32 48 30z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.yf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.yf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.yf-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(--yf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.yf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.yf-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 60px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.yf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.yf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.yf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.yf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--yf-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.yf-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(--yf-primary), var(--yf-secondary));\n border-radius: 2px;\n}\n\n.yf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.yf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.yf-card {\n background: var(--yf-white);\n border-radius: var(--yf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--yf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.yf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--yf-shadow-lg);\n border-color: var(--yf-primary);\n}\n\n.yf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--yf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.yf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--yf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.yf-card-ingredient {\n padding: clamp(1rem, 2.5vw, 1.5rem);\n}\n\n.yf-card-ingredient p {\n font-size: clamp(12px, 1.8vw, 14px);\n}\n\n.yf-tag {\n display: inline-block;\n margin-top: .5rem;\n padding: 4px 10px;\n background: linear-gradient(135deg, var(--yf-accent) 0%, #3a9956 100%);\n color: white;\n border-radius: 999px;\n font-size: 11px;\n font-weight: 700;\n font-style: normal;\n}\n\n.yf-tag-fr {\n background: linear-gradient(135deg, #2558a8 0%, #3a6fc4 100%);\n}\n\n.yf-tag-aroma {\n background: linear-gradient(135deg, var(--yf-secondary) 0%, #e06a50 100%);\n}\n\n.yf-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.yf-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--yf-white);\n border-radius: var(--yf-radius);\n padding: 1.25rem;\n box-shadow: var(--yf-shadow);\n transition: all .3s ease;\n}\n\n.yf-step:hover {\n transform: translateX(8px);\n box-shadow: var(--yf-shadow-lg);\n}\n\n.yf-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--yf-primary) 0%, var(--yf-secondary) 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 12px rgba(245,184,0,.3);\n}\n\n.yf-step-content h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--yf-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.yf-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--yf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.yf-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, var(--yf-primary-light) 0%, #FFF3D0 100%);\n border-radius: var(--yf-radius);\n padding: 1.25rem;\n border-left: 4px solid var(--yf-primary);\n}\n\n.yf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.yf-tip-content {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--yf-text);\n line-height: 1.6;\n}\n\n.yf-accordion {\n background: var(--yf-white);\n border-radius: var(--yf-radius);\n box-shadow: var(--yf-shadow);\n overflow: hidden;\n}\n\n.yf-accordion-item {\n border-bottom: 1px solid var(--yf-border);\n margin: 0;\n padding: 0;\n}\n\n.yf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.yf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--yf-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.yf-accordion-header:hover {\n background: var(--yf-primary-light);\n}\n\n.yf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.yf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--yf-primary);\n transition: transform .2s ease;\n}\n\n.yf-accordion-item[open] .yf-accordion-header::after {\n content: '−';\n}\n\n.yf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--yf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.yf-accordion-content p {\n margin: 0;\n}\n\n.yf-cta-box {\n background: linear-gradient(135deg, var(--yf-primary) 0%, var(--yf-secondary) 100%);\n border-radius: var(--yf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.yf-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.yf-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@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: .5; }\n 50% { transform: scale(1.1); opacity: .8; }\n}\n\n.yf-grid-compact .yf-card {\n padding: 1rem;\n}\n\n.yf-grid-compact .yf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.yf-grid-compact .yf-card p {\n font-size: 12px;\n}\n\n@media (max-width: 767px) {\n .yf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .yf-card {\n padding: 1.125rem;\n }\n \n .yf-section {\n margin-bottom: 1.75rem;\n }\n \n .yf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--yf-radius-sm);\n }\n \n .yf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .yf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .yf-badges-top {\n gap: 8px;\n }\n \n .yf-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .yf-grid-compact {\n gap: .625rem;\n }\n \n .yf-grid-compact .yf-card {\n padding: .75rem;\n }\n \n .yf-step {\n padding: 1rem;\n }\n \n .yf-step-number {\n width: 38px;\n height: 38px;\n font-size: 18px;\n }\n \n .yf-tip {\n padding: 1rem;\n flex-direction: column;\n gap: .5rem;\n }\n \n .yf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .yf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .yf-card {\n animation: fadeInUp .5s ease backwards;\n }\n .yf-card:nth-child(1) { animation-delay: .05s; }\n .yf-card:nth-child(2) { animation-delay: .1s; }\n .yf-card:nth-child(3) { animation-delay: .15s; }\n .yf-card:nth-child(4) { animation-delay: .2s; }\n .yf-card:nth-child(5) { animation-delay: .25s; }\n .yf-card:nth-child(6) { animation-delay: .3s; }\n .yf-card:nth-child(7) { animation-delay: .35s; }\n .yf-card:nth-child(8) { animation-delay: .4s; }\n .yf-card:nth-child(9) { animation-delay: .45s; }\n .yf-card:nth-child(10) { animation-delay: .5s; }\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 .yf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOHÊME","offers":[{"title":"Default Title","offer_id":56489978102137,"sku":"NBAIBHM0050","price":4.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion-bio-yoga-flex-20-infusettes-bioheme-ingredients.jpg?v=1768296799"},{"product_id":"infusion-bio-nuit-torride-20-infusettes-bioheme","title":"Infusion bio \"nuit torride\" - 20 infusettes - Biohême","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Infusion bio \"Nuit Torride\" - Biohême\nPalette détectée:\n - Primaire: #2D2A4A (bleu nuit profond du packaging)\n - Secondaire: #E8A832 (jaune\/or du médaillon central)\n - Accent: #C23A2E (rouge piment\/épices)\n - Tertiaire: #8B5A2B (brun cannelle\/cacao)\nAmbiance: Chaleureuse, épicée, nocturne, gourmande, française artisanale\nPréfixe CSS: nt\n--\u003e\n\n\u003cdiv class=\"nt-premium\"\u003e\n \n \u003cdiv class=\"nt-hero\"\u003e\n \u003cdiv class=\"nt-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nt-hero-content\"\u003e\n \u003cdiv class=\"nt-badges-top\"\u003e\n \u003cspan class=\"nt-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"nt-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"nt-badge\"\u003e🌶️ Pointe de piment\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nt-hero-title\"\u003eNuit Torride\u003c\/span\u003e\n \u003cp class=\"nt-subtitle\"\u003eL'infusion qui réchauffe les soirées\u003c\/p\u003e\n \u003cp class=\"nt-description\"\u003eCacao, gingembre, cannelle et une pointe de piment de Cayenne : 8 épices bio pour une expérience sensorielle intense et envoûtante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"nt-section\"\u003e\n \u003ch2\u003e🔥 Une explosion de saveurs\u003c\/h2\u003e\n \u003cdiv class=\"nt-grid\"\u003e\n \u003cdiv class=\"nt-card\"\u003e\n \u003ch3\u003e🍫 Base cacaotée\u003c\/h3\u003e\n \u003cp\u003eÉcorce de cacao pour une rondeur gourmande et légèrement amère qui enveloppe le palais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nt-card\"\u003e\n \u003ch3\u003e🫚 Gingembre tonique\u003c\/h3\u003e\n \u003cp\u003eRéchauffe le corps de l'intérieur et apporte une énergie douce et dynamisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nt-card\"\u003e\n \u003ch3\u003e✨ Cannelle enveloppante\u003c\/h3\u003e\n \u003cp\u003eNotes naturellement sucrées qui adoucissent le mélange avec élégance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nt-card\"\u003e\n \u003ch3\u003e🌶️ Piment signature\u003c\/h3\u003e\n \u003cp\u003eLa touche de Cayenne qui fait toute la différence : audacieuse mais maîtrisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nt-card\"\u003e\n \u003ch3\u003e🌸 Cardamome orientale\u003c\/h3\u003e\n \u003cp\u003eUne note raffinée et exotique qui transporte vos papilles vers des contrées lointaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nt-card\"\u003e\n \u003ch3\u003e🍃 Vanille sublime\u003c\/h3\u003e\n \u003cp\u003eL'extrait de vanille qui arrondit l'ensemble et apporte une douceur réconfortante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nt-section\"\u003e\n \u003ch2\u003e🌿 8 ingrédients d'exception\u003c\/h2\u003e\n \u003cdiv class=\"nt-grid\"\u003e\n \u003cdiv class=\"nt-card nt-card-ingredient\"\u003e\n \u003ch3\u003eÉcorce de cacao\u003c\/h3\u003e\n \u003cp class=\"nt-latin\"\u003eTheobroma cacao\u003c\/p\u003e\n \u003cp\u003eBase gourmande\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nt-card nt-card-ingredient\"\u003e\n \u003ch3\u003eGingembre\u003c\/h3\u003e\n \u003cp class=\"nt-latin\"\u003eZingiber officinale\u003c\/p\u003e\n \u003cp\u003eChaleur \u0026amp; tonus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nt-card nt-card-ingredient\"\u003e\n \u003ch3\u003eCannelle\u003c\/h3\u003e\n \u003cp class=\"nt-latin\"\u003eCinnamomum verum\u003c\/p\u003e\n \u003cp\u003eDouceur naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nt-card nt-card-ingredient\"\u003e\n \u003ch3\u003eVanille\u003c\/h3\u003e\n \u003cp class=\"nt-latin\"\u003eVanilla planifolia\u003c\/p\u003e\n \u003cp\u003eRondeur subtile\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nt-card nt-card-ingredient\"\u003e\n \u003ch3\u003eCardamome\u003c\/h3\u003e\n \u003cp class=\"nt-latin\"\u003eElettaria cardamomum\u003c\/p\u003e\n \u003cp\u003eTouche orientale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nt-card nt-card-ingredient\"\u003e\n \u003ch3\u003ePoivre noir\u003c\/h3\u003e\n \u003cp class=\"nt-latin\"\u003ePiper nigrum\u003c\/p\u003e\n \u003cp\u003eRelevé subtil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nt-card nt-card-ingredient\"\u003e\n \u003ch3\u003eClou de girofle\u003c\/h3\u003e\n \u003cp class=\"nt-latin\"\u003eSyzygium aromaticum\u003c\/p\u003e\n \u003cp\u003eProfondeur épicée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nt-card nt-card-ingredient\"\u003e\n \u003ch3\u003ePiment de Cayenne\u003c\/h3\u003e\n \u003cp class=\"nt-latin\"\u003eCapsicum annuum\u003c\/p\u003e\n \u003cp\u003eSignature piquante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nt-section\"\u003e\n \u003ch2\u003e☕ Comment la préparer ?\u003c\/h2\u003e\n \u003cdiv class=\"nt-steps\"\u003e\n \u003cdiv class=\"nt-step\"\u003e\n \u003cdiv class=\"nt-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nt-step-content\"\u003e\n \u003ch3\u003eChauffez l'eau\u003c\/h3\u003e\n \u003cp\u003ePortez l'eau à \u003cstrong\u003e85°C\u003c\/strong\u003e — évitez l'ébullition pour préserver les arômes délicats du cacao.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nt-step\"\u003e\n \u003cdiv class=\"nt-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nt-step-content\"\u003e\n \u003ch3\u003eInfusez\u003c\/h3\u003e\n \u003cp\u003eLaissez infuser \u003cstrong\u003e5 à 10 minutes\u003c\/strong\u003e selon l'intensité désirée. Plus longtemps = plus corsé !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nt-step\"\u003e\n \u003cdiv class=\"nt-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nt-step-content\"\u003e\n \u003ch3\u003eSavourez\u003c\/h3\u003e\n \u003cp\u003eDégustez jusqu'à \u003cstrong\u003e4 tasses par jour\u003c\/strong\u003e. Laissez la chaleur vous envelopper...\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nt-tip\"\u003e\n \u003cspan class=\"nt-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cdiv class=\"nt-tip-content\"\u003e\n \u003cstrong\u003eAstuce gourmande :\u003c\/strong\u003e Remplacez l'eau par du lait d'avoine ou d'amande chaud pour une version façon chocolat chaud épicé, parfaite pour les soirées d'hiver !\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nt-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"nt-grid\"\u003e\n \u003cdiv class=\"nt-card\"\u003e\n \u003ch3\u003e🎭 Les amateurs de sensations\u003c\/h3\u003e\n \u003cp\u003eVous trouvez les infusions classiques trop fades ? Nuit Torride va réveiller vos papilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nt-card\"\u003e\n \u003ch3\u003e🍫 Les gourmands sans caféine\u003c\/h3\u003e\n \u003cp\u003eUne alternative au chocolat chaud du soir, sans théine ni caféine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nt-card\"\u003e\n \u003ch3\u003e🌍 Les curieux de saveurs\u003c\/h3\u003e\n \u003cp\u003eVous aimez découvrir des associations originales et des recettes artisanales françaises.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nt-section\"\u003e\n \u003ch2\u003e💚 Nos engagements\u003c\/h2\u003e\n \u003cdiv class=\"nt-grid-compact\"\u003e\n \u003cdiv class=\"nt-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003ePays de la Loire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nt-card\"\u003e\n \u003ch3\u003e🌿 Certifié AB\u003c\/h3\u003e\n \u003cp\u003e100% biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nt-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eProducteurs rémunérés justement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nt-card\"\u003e\n \u003ch3\u003e♻️ Zéro plastique\u003c\/h3\u003e\n \u003cp\u003eEmballage compostable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nt-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"nt-accordion\"\u003e\n \u003cdetails class=\"nt-accordion-item\"\u003e\n \u003csummary class=\"nt-accordion-header\"\u003e📦 Contenu \u0026amp; format\u003c\/summary\u003e\n \u003cdiv class=\"nt-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003e20 sachets filtres individuels\u003c\/strong\u003e (36g au total) conditionnés dans un étui carton recyclable issu de forêts françaises. Enveloppes fraîcheur en fibre de bois 100% compostables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nt-accordion-item\"\u003e\n \u003csummary class=\"nt-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"nt-accordion-content\"\u003e\n \u003cp\u003eÀ conserver à température ambiante, à l'abri de la lumière et de l'humidité. \u003cstrong\u003eDLUO : 24 mois\u003c\/strong\u003e à partir de la date de fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nt-accordion-item\"\u003e\n \u003csummary class=\"nt-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"nt-accordion-content\"\u003e\n \u003cp\u003eCe produit est une boisson plaisir et ne constitue pas un substitut à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute, consultez votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"nt-cta-box\"\u003e\n \u003cp\u003e✨ Prêt à enflammer vos soirées ?\u003cbr\u003eLaissez-vous tenter par cette expérience sensorielle unique, 100% bio et fabriquée avec passion en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nt-cream: #FDF8F3;\n --nt-white: #ffffff;\n --nt-primary: #2D2A4A;\n --nt-primary-dark: #1E1B35;\n --nt-primary-light: #E8E6F0;\n --nt-secondary: #E8A832;\n --nt-secondary-dark: #C98F20;\n --nt-accent: #C23A2E;\n --nt-accent-light: #F9E8E6;\n --nt-warm: #8B5A2B;\n \n --nt-text: #1a1a1a;\n --nt-text-light: #5a5a5a;\n \n --nt-border: #e0e0e0;\n --nt-shadow: 0 4px 24px rgba(45,42,74,.08);\n --nt-shadow-lg: 0 12px 48px rgba(45,42,74,.15);\n --nt-radius: 20px;\n --nt-radius-sm: 12px;\n}\n\n.nt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nt-hero {\n position: relative;\n background: linear-gradient(135deg, var(--nt-primary) 0%, var(--nt-primary-dark) 40%, #3D2A4A 100%);\n border-radius: var(--nt-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(--nt-shadow-lg);\n}\n\n.nt-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, var(--nt-accent) 2px, transparent 2px),\n radial-gradient(circle at 80% 20%, var(--nt-secondary) 3px, transparent 3px),\n radial-gradient(circle at 60% 70%, var(--nt-warm) 2px, transparent 2px),\n radial-gradient(circle at 30% 30%, var(--nt-secondary) 2px, transparent 2px);\n background-size: 100px 100px;\n opacity: .15;\n animation: sparkle 8s ease-in-out infinite;\n}\n\n@keyframes sparkle {\n 0%, 100% { opacity: .15; }\n 50% { opacity: .25; }\n}\n\n.nt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.nt-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(--nt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.nt-hero-title {\n display: block;\n color: var(--nt-secondary);\n font-size: clamp(32px, 8vw, 60px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 30px rgba(232,168,50,.4);\n}\n\n.nt-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.nt-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.nt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nt-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.nt-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(--nt-secondary), var(--nt-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.nt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.nt-card {\n background: var(--nt-white);\n border-radius: var(--nt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nt-shadow-lg);\n border-color: var(--nt-secondary);\n}\n\n.nt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARDS INGRÉDIENTS === *\/\n.nt-card-ingredient {\n background: linear-gradient(145deg, var(--nt-white) 0%, #FFF9F0 100%);\n border: 2px solid var(--nt-primary-light);\n}\n\n.nt-card-ingredient:hover {\n border-color: var(--nt-secondary);\n background: linear-gradient(145deg, var(--nt-white) 0%, #FFF5E6 100%);\n}\n\n.nt-latin {\n font-style: italic;\n font-size: 12px !important;\n color: var(--nt-warm) !important;\n margin-bottom: .25rem !important;\n}\n\n\/* === ÉTAPES === *\/\n.nt-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.nt-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--nt-white);\n border-radius: var(--nt-radius);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--nt-shadow);\n transition: all .3s ease;\n}\n\n.nt-step:hover {\n transform: translateX(6px);\n box-shadow: var(--nt-shadow-lg);\n}\n\n.nt-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--nt-secondary) 0%, var(--nt-secondary-dark) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 12px rgba(232,168,50,.3);\n}\n\n.nt-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--nt-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.nt-step-content p {\n font-size: 14px;\n color: var(--nt-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.nt-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, #FFF8E6 0%, #FFF3D6 100%);\n border: 2px solid var(--nt-secondary);\n border-radius: var(--nt-radius);\n padding: 1.25rem 1.5rem;\n}\n\n.nt-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nt-tip-content {\n font-size: 14px;\n color: var(--nt-primary-dark);\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.nt-accordion {\n background: var(--nt-white);\n border-radius: var(--nt-radius);\n box-shadow: var(--nt-shadow);\n overflow: hidden;\n}\n\n.nt-accordion-item {\n border-bottom: 1px solid var(--nt-border);\n margin: 0;\n padding: 0;\n}\n\n.nt-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nt-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nt-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.nt-accordion-header:hover {\n background: var(--nt-primary-light);\n}\n\n.nt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nt-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nt-secondary);\n transition: transform .2s ease;\n}\n\n.nt-accordion-item[open] .nt-accordion-header::after {\n content: '−';\n}\n\n.nt-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nt-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.nt-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.nt-cta-box {\n background: linear-gradient(135deg, var(--nt-primary) 0%, var(--nt-primary-dark) 50%, #3D2A4A 100%);\n border-radius: var(--nt-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nt-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, var(--nt-accent) 0%, transparent 50%),\n radial-gradient(circle at 70% 30%, var(--nt-secondary) 0%, transparent 50%);\n opacity: .15;\n}\n\n.nt-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,.2);\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.nt-grid-compact .nt-card {\n padding: 1rem;\n}\n\n.nt-grid-compact .nt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nt-grid-compact .nt-card p {\n font-size: 12px;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .nt-card {\n padding: 1.125rem;\n }\n \n .nt-section {\n margin-bottom: 1.75rem;\n }\n \n .nt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nt-radius-sm);\n }\n \n .nt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .nt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .nt-badges-top {\n gap: 8px;\n }\n \n .nt-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .nt-step {\n padding: 1rem;\n }\n \n .nt-step-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .nt-tip {\n padding: 1rem;\n flex-direction: column;\n gap: .5rem;\n }\n \n .nt-grid-compact {\n gap: .625rem;\n }\n \n .nt-grid-compact .nt-card {\n padding: .75rem;\n }\n \n .nt-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .nt-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nt-card {\n animation: fadeInUp .5s ease backwards;\n }\n .nt-card:nth-child(1) { animation-delay: .05s; }\n .nt-card:nth-child(2) { animation-delay: .1s; }\n .nt-card:nth-child(3) { animation-delay: .15s; }\n .nt-card:nth-child(4) { animation-delay: .2s; }\n .nt-card:nth-child(5) { animation-delay: .25s; }\n .nt-card:nth-child(6) { animation-delay: .3s; }\n .nt-card:nth-child(7) { animation-delay: .35s; }\n .nt-card:nth-child(8) { animation-delay: .4s; }\n \n .nt-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .nt-step:nth-child(1) { animation-delay: .1s; }\n .nt-step:nth-child(2) { animation-delay: .2s; }\n .nt-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nt-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOHÊME","offers":[{"title":"Default Title","offer_id":56490211770745,"sku":"NBAIBHM0045","price":4.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion-bio-nuit-torride-20-infusettes-bioheme-ingredients.jpg?v=1768297918"},{"product_id":"bioheme-infusion-vanille-des-iles-au-tresor-20-infusettes","title":"Infusion \"Vanille des îles au trésor\" - 20 infusettes - Biohême","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Infusion \"Vanille des îles au trésor\" - Biohême\nPalette détectée:\n - Primaire: #E8A832 (jaune moutarde\/doré du packaging)\n - Secondaire: #2AABB3 (turquoise\/bleu canard du médaillon)\n - Accent: #8B5A8C (violet\/mauve des illustrations florales)\nAmbiance: Joyeuse, tropicale, artisanale, bio\/naturel, familiale, illustrée façon aquarelle\nPréfixe CSS: van\n--\u003e\n\n\u003cdiv class=\"van-premium\"\u003e\n \n \u003cdiv class=\"van-hero\"\u003e\n \u003cdiv class=\"van-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"van-hero-content\"\u003e\n \u003cdiv class=\"van-badges-top\"\u003e\n \u003cspan class=\"van-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"van-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"van-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"van-hero-title\"\u003eVanille des îles au trésor\u003c\/span\u003e\n \u003cp class=\"van-subtitle\"\u003eRooibos \u0026amp; Camomille • Sans théine\u003c\/p\u003e\n \u003cp class=\"van-description\"\u003eUne invitation au voyage aux accents exotiques : la douceur envoûtante de la vanille de Madagascar, la rondeur du rooibos d'Afrique du Sud et les notes apaisantes de la camomille française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"van-section\"\u003e\n \u003ch2\u003e✨ Pourquoi vous allez l'adorer\u003c\/h2\u003e\n \u003cdiv class=\"van-grid\"\u003e\n \u003cdiv class=\"van-card\"\u003e\n \u003ch3\u003e🌙 Sans théine\u003c\/h3\u003e\n \u003cp\u003eÀ savourer à tout moment, même le soir avant de dormir. Le rooibos est naturellement dépourvu de caféine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card\"\u003e\n \u003ch3\u003e🍯 Naturellement douce\u003c\/h3\u003e\n \u003cp\u003eDes notes chaudes et sucrées de vanille sans aucun sucre ajouté. Un plaisir gourmand sans culpabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card\"\u003e\n \u003ch3\u003e🌍 Triple engagement\u003c\/h3\u003e\n \u003cp\u003eRooibos et vanille du Commerce Équitable, camomille française en circuit court.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Pour toute la famille\u003c\/h3\u003e\n \u003cp\u003eSon goût doux et naturel plaît autant aux enfants qu'aux parents gourmands.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card\"\u003e\n \u003ch3\u003e🧘 Moment détente\u003c\/h3\u003e\n \u003cp\u003eLa camomille apporte ses propriétés apaisantes pour accompagner vos fins de journée en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card\"\u003e\n \u003ch3\u003e🥛 Versatile\u003c\/h3\u003e\n \u003cp\u003eDélicieuse dans l'eau chaude ou infusée dans du lait pour un \"latte vanille\" onctueux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"van-section\"\u003e\n \u003ch2\u003e🌸 Composition 100% bio\u003c\/h2\u003e\n \u003cdiv class=\"van-grid\"\u003e\n \u003cdiv class=\"van-card van-card-ingredient\"\u003e\n \u003ch3\u003e🫖 Rooibos\u003c\/h3\u003e\n \u003cp class=\"van-origin\"\u003eAfrique du Sud • Commerce Équitable\u003c\/p\u003e\n \u003cp\u003eBase veloutée et légèrement boisée, naturellement riche en antioxydants et sans caféine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card van-card-ingredient\"\u003e\n \u003ch3\u003e🌼 Camomille matricaire\u003c\/h3\u003e\n \u003cp class=\"van-origin\"\u003eFrance • Circuit court\u003c\/p\u003e\n \u003cp\u003eTouche florale délicate aux propriétés apaisantes traditionnellement reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card van-card-ingredient\"\u003e\n \u003ch3\u003e🌺 Extrait de vanille\u003c\/h3\u003e\n \u003cp class=\"van-origin\"\u003eMadagascar • Commerce Équitable\u003c\/p\u003e\n \u003cp\u003eLa reine des épices déploie ses notes chaudes et sucrées pour un arôme authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"van-section\"\u003e\n \u003ch2\u003e☕ Préparation parfaite\u003c\/h2\u003e\n \u003cdiv class=\"van-steps\"\u003e\n \u003cdiv class=\"van-step\"\u003e\n \u003cdiv class=\"van-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"van-step-content\"\u003e\n \u003ch3\u003eChauffez l'eau\u003c\/h3\u003e\n \u003cp\u003ePortez l'eau à 90-95°C (frémissante, pas bouillante)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-step\"\u003e\n \u003cdiv class=\"van-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"van-step-content\"\u003e\n \u003ch3\u003eInfusez\u003c\/h3\u003e\n \u003cp\u003eLaissez le sachet 5 à 10 min — plus longtemps pour plus d'intensité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-step\"\u003e\n \u003cdiv class=\"van-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"van-step-content\"\u003e\n \u003ch3\u003eSavourez\u003c\/h3\u003e\n \u003cp\u003eNature ou avec une touche de miel pour plus de gourmandise\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-tip\"\u003e\n \u003cspan class=\"van-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eL'astuce du connaisseur :\u003c\/strong\u003e infusez dans du lait chaud (végétal ou non) pour un \"latte vanille\" onctueux — un vrai dessert en tasse !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"van-section\"\u003e\n \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"van-grid\"\u003e\n \u003cdiv class=\"van-card\"\u003e\n \u003ch3\u003e🍰 Les gourmands\u003c\/h3\u003e\n \u003cp\u003eUne alternative saine aux boissons sucrées avec un goût naturellement doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card\"\u003e\n \u003ch3\u003e😴 Les sensibles à la caféine\u003c\/h3\u003e\n \u003cp\u003eProfitez d'une boisson chaude réconfortante sans aucun excitant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card\"\u003e\n \u003ch3\u003e👶 Les enfants\u003c\/h3\u003e\n \u003cp\u003eUn goût doux et naturel qu'ils adorent, sans ingrédients controversés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card\"\u003e\n \u003ch3\u003e🌱 Les consommateurs engagés\u003c\/h3\u003e\n \u003cp\u003eTraçabilité totale, commerce équitable et fabrication française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"van-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"van-accordion\"\u003e\n \u003cdetails class=\"van-accordion-item\"\u003e\n \u003csummary class=\"van-accordion-header\"\u003e🏭 Fabrication artisanale française\u003c\/summary\u003e\n \u003cdiv class=\"van-accordion-content\"\u003e\n \u003cp\u003eBiohême est installée au sud de Nantes et travaille en circuit court avec des producteurs partenaires soigneusement sélectionnés. Les recettes sont conçues localement et la fabrication s'effectue dans deux ateliers des Pays de la Loire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"van-accordion-item\"\u003e\n \u003csummary class=\"van-accordion-header\"\u003e♻️ Packaging éco-responsable\u003c\/summary\u003e\n \u003cdiv class=\"van-accordion-content\"\u003e\n \u003cp\u003eL'étui est 100% recyclable, conçu en carton issu de forêts françaises et imprimé en France. Les enveloppes fraîcheur protégeant chaque sachet sont fabriquées en fibre de bois, une alternative durable au plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"van-accordion-item\"\u003e\n \u003csummary class=\"van-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"van-accordion-content\"\u003e\n \u003cp\u003eConservez la boîte à l'abri de la lumière, de l'humidité et de la chaleur. Chaque sachet est emballé individuellement dans une enveloppe fraîcheur en fibre de bois, préservant tous les arômes jusqu'à la dégustation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"van-accordion-item\"\u003e\n \u003csummary class=\"van-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n \u003cdiv class=\"van-accordion-content\"\u003e\n \u003cp\u003eCette infusion est un plaisir gustatif et ne se substitue en aucun cas à un traitement médical. En cas de doute, 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=\"van-section\"\u003e\n \u003ch2\u003e🏅 Certifications \u0026amp; garanties\u003c\/h2\u003e\n \u003cdiv class=\"van-grid-compact\"\u003e\n \u003cdiv class=\"van-card\"\u003e\n \u003ch3\u003e🌿 Agriculture Bio\u003c\/h3\u003e\n \u003cp\u003eCertifié AB\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card\"\u003e\n \u003ch3\u003e🤝 Fairtrade\u003c\/h3\u003e\n \u003cp\u003eCommerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003ePays de la Loire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card\"\u003e\n \u003ch3\u003e📦 20 sachets\u003c\/h3\u003e\n \u003cp\u003eEmballés individuellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"van-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"van-cta-box\"\u003e\n \u003cp\u003e🏝️ Offrez-vous une escapade tropicale à chaque tasse.\u003cbr\u003eUne infusion douce, éthique et savoureuse pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --van-cream: #FDF8F0;\n --van-white: #ffffff;\n --van-primary: #E8A832;\n --van-primary-dark: #C78A1C;\n --van-primary-light: #FEF7E6;\n --van-secondary: #2AABB3;\n --van-secondary-dark: #1E8A91;\n --van-accent: #8B5A8C;\n --van-text: #1a1a1a;\n --van-text-light: #5a5a5a;\n --van-border: #e0e0e0;\n --van-shadow: 0 4px 24px rgba(0,0,0,.08);\n --van-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --van-radius: 20px;\n --van-radius-sm: 12px;\n}\n\n.van-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--van-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.van-hero {\n position: relative;\n background: linear-gradient(135deg, #E8A832 0%, #D4942A 40%, #2AABB3 100%);\n border-radius: var(--van-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(--van-shadow-lg);\n}\n\n.van-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c1.5 0 2.5 3 2.5 6s-1 6-2.5 6-2.5-3-2.5-6 1-6 2.5-6zm15 20c0 2-2 4-4 4s-4-2-4-4 2-4 4-4 4 2 4 4zm-30 0c0 2 2 4 4 4s4-2 4-4-2-4-4-4-4 2-4 4z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.van-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.van-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.van-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(--van-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.van-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.van-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.van-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 text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.van-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.van-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.van-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--van-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.van-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(--van-primary), var(--van-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.van-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.van-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.van-card {\n background: var(--van-white);\n border-radius: var(--van-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--van-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.van-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--van-shadow-lg);\n border-color: var(--van-primary);\n}\n\n.van-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--van-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.van-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--van-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.van-card-ingredient .van-origin {\n font-size: 12px;\n font-weight: 700;\n color: var(--van-secondary);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .5rem;\n}\n\n.van-grid-compact .van-card {\n padding: 1rem;\n}\n\n.van-grid-compact .van-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.van-grid-compact .van-card p {\n font-size: 12px;\n}\n\n\/* === STEPS === *\/\n.van-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 600px;\n margin: 0 auto 1.5rem;\n}\n\n.van-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--van-white);\n padding: 1.25rem;\n border-radius: var(--van-radius-sm);\n box-shadow: var(--van-shadow);\n}\n\n.van-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--van-primary), var(--van-secondary));\n color: white;\n font-size: 18px;\n font-weight: 800;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.van-step-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--van-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.van-step-content p {\n font-size: 14px;\n color: var(--van-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.van-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, var(--van-primary-light), #E8F8F8);\n border: 2px solid var(--van-primary);\n border-radius: var(--van-radius-sm);\n padding: 1.25rem;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.van-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.van-tip p {\n font-size: 14px;\n color: var(--van-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.van-accordion {\n background: var(--van-white);\n border-radius: var(--van-radius);\n box-shadow: var(--van-shadow);\n overflow: hidden;\n}\n\n.van-accordion-item {\n border-bottom: 1px solid var(--van-border);\n margin: 0;\n padding: 0;\n}\n\n.van-accordion-item:last-child {\n border-bottom: none;\n}\n\n.van-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--van-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.van-accordion-header:hover {\n background: var(--van-primary-light);\n}\n\n.van-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.van-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--van-primary);\n transition: transform .2s ease;\n}\n\n.van-accordion-item[open] .van-accordion-header::after {\n content: '−';\n}\n\n.van-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--van-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.van-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.van-cta-box {\n background: linear-gradient(135deg, var(--van-primary) 0%, var(--van-secondary) 100%);\n border-radius: var(--van-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.van-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .van-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .van-card {\n padding: 1.125rem;\n }\n \n .van-section {\n margin-bottom: 1.75rem;\n }\n \n .van-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--van-radius-sm);\n }\n \n .van-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .van-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .van-grid-compact {\n gap: .625rem;\n }\n \n .van-grid-compact .van-card {\n padding: .75rem;\n }\n \n .van-step {\n padding: 1rem;\n }\n \n .van-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .van-tip {\n padding: 1rem;\n }\n \n .van-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .van-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .van-card {\n animation: vanFadeInUp .5s ease backwards;\n }\n .van-card:nth-child(1) { animation-delay: .05s; }\n .van-card:nth-child(2) { animation-delay: .1s; }\n .van-card:nth-child(3) { animation-delay: .15s; }\n .van-card:nth-child(4) { animation-delay: .2s; }\n .van-card:nth-child(5) { animation-delay: .25s; }\n .van-card:nth-child(6) { animation-delay: .3s; }\n \n .van-step {\n animation: vanFadeInUp .5s ease backwards;\n }\n .van-step:nth-child(1) { animation-delay: .1s; }\n .van-step:nth-child(2) { animation-delay: .2s; }\n .van-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes vanFadeInUp {\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 .van-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOHÊME","offers":[{"title":"Default Title","offer_id":56497967038841,"sku":"NBAIBHM0037","price":4.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion-vanille-des-iles-au-tresor-20-infusettes-bioheme-ingredients_6c994e52-6799-4ca9-a0eb-0a0e8dcc2892.webp?v=1768379877"},{"product_id":"infusion-cassis-bio-trek-montagne-20-infusettes-bioheme","title":"Infusion bio \"trek montagne\" - 20 infusettes - Biohême","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Infusion bio \"Trek Montagne\" - Biohême\nPalette détectée:\n - Primaire: #4CAF50 (vert prairie\/nature du packaging)\n - Secondaire: #7B68B8 (violet\/lavande du médaillon central)\n - Accent: #E74C3C (rouge cynorrhodon\/baies)\n - Fond: #E8F5E9 (vert très pâle)\nAmbiance: Nature, montagne, outdoor, bio\/authentique, français\nPréfixe CSS: trek\n--\u003e\n\n\u003cdiv class=\"trek-premium\"\u003e\n \n \u003cdiv class=\"trek-hero\"\u003e\n \u003cdiv class=\"trek-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"trek-hero-content\"\u003e\n \u003cdiv class=\"trek-badges-top\"\u003e\n \u003cspan class=\"trek-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"trek-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"trek-badge\"\u003e🫐 Notes myrtille \u0026amp; cassis\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"trek-hero-title\"\u003eTrek Montagne\u003c\/span\u003e\n \u003cp class=\"trek-subtitle\"\u003eL'infusion des aventuriers\u003c\/p\u003e\n \u003cp class=\"trek-description\"\u003eUn concentré de nature française aux saveurs puissantes de myrtille, cassis et plantes de garrigue. Idéale pour accompagner vos efforts et vos moments de récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"trek-section\"\u003e\n \u003ch2\u003e🎯 Pourquoi l'adopter ?\u003c\/h2\u003e\n \u003cdiv class=\"trek-grid\"\u003e\n \u003cdiv class=\"trek-card\"\u003e\n \u003ch3\u003e💪 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eLa feuille de cassis soutient naturellement vos articulations après l'effort\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trek-card\"\u003e\n \u003ch3\u003e⚡ Vitamine C naturelle\u003c\/h3\u003e\n \u003cp\u003eLe cynorrhodon booste votre résistance physique et votre vitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trek-card\"\u003e\n \u003ch3\u003e🏔️ Énergie montagnarde\u003c\/h3\u003e\n \u003cp\u003eLa sarriette des montagnes apporte tonus et stimulation naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trek-card\"\u003e\n \u003ch3\u003e🫐 Saveurs authentiques\u003c\/h3\u003e\n \u003cp\u003eNotes fruitées de myrtille et cassis, puissantes sans amertume\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trek-card\"\u003e\n \u003ch3\u003e🥾 Compagnon de rando\u003c\/h3\u003e\n \u003cp\u003eSe déguste chaude ou tiède dans votre gourde, partout avec vous\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trek-card\"\u003e\n \u003ch3\u003e🌱 100% végétal\u003c\/h3\u003e\n \u003cp\u003eSachets sans plastique, certifiés bio et commerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trek-section\"\u003e\n \u003ch2\u003e🌿 Composition biologique\u003c\/h2\u003e\n \u003cdiv class=\"trek-grid\"\u003e\n \u003cdiv class=\"trek-card trek-card-ingredient\"\u003e\n \u003ch3\u003e🍃 Feuille de cassis\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRibes nigrum\u003c\/em\u003e\u003cbr\u003eConfort articulaire et drainage naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trek-card trek-card-ingredient\"\u003e\n \u003ch3\u003e🌹 Cynorrhodon\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRosa canina\u003c\/em\u003e\u003cbr\u003eSource exceptionnelle de vitamine C naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trek-card trek-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Sarriette des montagnes\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eSatureja montana\u003c\/em\u003e\u003cbr\u003eTonifiante et aromatique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trek-card trek-card-ingredient\"\u003e\n \u003ch3\u003e🍇 Marc de raisin\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eVitis vinifera\u003c\/em\u003e\u003cbr\u003eRondeur en bouche et antioxydants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trek-card trek-card-ingredient\"\u003e\n \u003ch3\u003e🌱 Romarin\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRosmarinus officinalis\u003c\/em\u003e\u003cbr\u003eStimulant et aide à la digestion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trek-card trek-card-ingredient\"\u003e\n \u003ch3\u003e🫐 Arômes naturels\u003c\/h3\u003e\n \u003cp\u003eMyrtille \u0026amp; Cassis bio\u003cbr\u003eSaveurs fruitées authentiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trek-section\"\u003e\n \u003ch2\u003e☕ Préparation parfaite\u003c\/h2\u003e\n \u003cdiv class=\"trek-steps\"\u003e\n \u003cdiv class=\"trek-step\"\u003e\n \u003cdiv class=\"trek-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"trek-step-content\"\u003e\n \u003ch3\u003eChauffez l'eau\u003c\/h3\u003e\n \u003cp\u003ePortez l'eau à \u003cstrong\u003e85°C\u003c\/strong\u003e (frémissante, pas bouillante)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trek-step\"\u003e\n \u003cdiv class=\"trek-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"trek-step-content\"\u003e\n \u003ch3\u003eInfusez\u003c\/h3\u003e\n \u003cp\u003ePlongez une infusette et laissez infuser \u003cstrong\u003e5 à 10 min\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trek-step\"\u003e\n \u003cdiv class=\"trek-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"trek-step-content\"\u003e\n \u003ch3\u003eSavourez\u003c\/h3\u003e\n \u003cp\u003eDégustez \u003cstrong\u003e1 à 2 tasses par jour\u003c\/strong\u003e, chaude ou tiède\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trek-tip\"\u003e\n \u003cspan class=\"trek-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce randonneur :\u003c\/strong\u003e préparez votre infusion le matin et emportez-la tiède dans votre gourde. Elle vous accompagnera tout au long de votre sortie !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trek-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"trek-grid\"\u003e\n \u003cdiv class=\"trek-card\"\u003e\n \u003ch3\u003e🥾 Randonneurs\u003c\/h3\u003e\n \u003cp\u003eRécupération et hydratation savoureuse après l'effort\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trek-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eSoutien articulaire et boost de vitamine C naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trek-card\"\u003e\n \u003ch3\u003e🌲 Amoureux de nature\u003c\/h3\u003e\n \u003cp\u003eUn voyage gustatif au cœur des terroirs français\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trek-card\"\u003e\n \u003ch3\u003e☕ Amateurs de tisanes\u003c\/h3\u003e\n \u003cp\u003eSaveurs puissantes et fruitées, sans amertume\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trek-section\"\u003e\n \u003ch2\u003e✅ Engagements Biohême\u003c\/h2\u003e\n \u003cdiv class=\"trek-grid-compact\"\u003e\n \u003cdiv class=\"trek-card\"\u003e\n \u003ch3\u003e🌿 Bio certifié\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trek-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eProducteurs français\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trek-card\"\u003e\n \u003ch3\u003e♻️ Zéro plastique\u003c\/h3\u003e\n \u003cp\u003eSachets 100% végétal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trek-card\"\u003e\n \u003ch3\u003e🤝 Fairtrade\u003c\/h3\u003e\n \u003cp\u003eCommerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trek-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"trek-accordion\"\u003e\n \u003cdetails class=\"trek-accordion-item\"\u003e\n \u003csummary class=\"trek-accordion-header\"\u003e📦 Contenu de la boîte\u003c\/summary\u003e\n \u003cdiv class=\"trek-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003e20 infusettes\u003c\/strong\u003e individuelles en sachet 100% végétal\u003cbr\u003ePoids net : \u003cstrong\u003e33g\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"trek-accordion-item\"\u003e\n \u003csummary class=\"trek-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"trek-accordion-content\"\u003e\n \u003cp\u003eConservez dans un endroit sec, à l'abri de la lumière et de l'humidité. À consommer de préférence avant la date indiquée sur l'emballage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"trek-accordion-item\"\u003e\n \u003csummary class=\"trek-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"trek-accordion-content\"\u003e\n \u003cp\u003eCette infusion est un complément à une alimentation variée et équilibrée et à un mode de vie sain. Elle ne se substitue pas à un traitement médical. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trek-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"trek-cta-box\"\u003e\n \u003cp\u003e🏔️ Prêt à conquérir de nouveaux sommets ?\u003cbr\u003eEmportez Trek Montagne dans votre sac et savourez la nature à chaque gorgée !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --trek-cream: #f7faf7;\n --trek-white: #ffffff;\n --trek-primary: #4CAF50;\n --trek-primary-dark: #2E7D32;\n --trek-primary-light: #E8F5E9;\n --trek-secondary: #7B68B8;\n --trek-accent: #E74C3C;\n --trek-text: #1a1a1a;\n --trek-text-light: #5a5a5a;\n --trek-border: #e0e0e0;\n --trek-shadow: 0 4px 24px rgba(0,0,0,.08);\n --trek-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --trek-radius: 20px;\n --trek-radius-sm: 12px;\n}\n\n.trek-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--trek-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.trek-hero {\n position: relative;\n background: linear-gradient(135deg, #4CAF50 0%, #66BB6A 40%, #7B68B8 100%);\n border-radius: var(--trek-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(--trek-shadow-lg);\n}\n\n.trek-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 10 L35 25 L50 25 L38 35 L43 50 L30 40 L17 50 L22 35 L10 25 L25 25 Z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.trek-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.trek-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.trek-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(--trek-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.trek-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.trek-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.trek-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 26px);\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.trek-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.trek-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.trek-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--trek-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.trek-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(--trek-primary), var(--trek-secondary));\n border-radius: 2px;\n}\n\n.trek-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.trek-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.trek-card {\n background: var(--trek-white);\n border-radius: var(--trek-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--trek-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.trek-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--trek-shadow-lg);\n border-color: var(--trek-primary);\n}\n\n.trek-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--trek-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.trek-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--trek-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.trek-card-ingredient {\n background: linear-gradient(135deg, var(--trek-white) 0%, var(--trek-primary-light) 100%);\n}\n\n.trek-card-ingredient p em {\n display: block;\n font-size: 12px;\n color: var(--trek-primary);\n margin-bottom: .25rem;\n}\n\n.trek-grid-compact .trek-card {\n padding: 1rem;\n}\n\n.trek-grid-compact .trek-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.trek-grid-compact .trek-card p {\n font-size: 12px;\n}\n\n\/* Steps *\/\n.trek-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto 1.5rem;\n}\n\n.trek-step {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n background: var(--trek-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--trek-radius);\n box-shadow: var(--trek-shadow);\n transition: all .3s ease;\n}\n\n.trek-step:hover {\n transform: translateX(8px);\n box-shadow: var(--trek-shadow-lg);\n}\n\n.trek-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--trek-primary) 0%, var(--trek-secondary) 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 15px rgba(76,175,80,.3);\n}\n\n.trek-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--trek-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.trek-step-content p {\n font-size: 14px;\n color: var(--trek-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.trek-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);\n padding: 1.25rem 1.5rem;\n border-radius: var(--trek-radius);\n border-left: 4px solid #FFC107;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.trek-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.trek-tip p {\n font-size: 14px;\n color: var(--trek-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Accordion *\/\n.trek-accordion {\n background: var(--trek-white);\n border-radius: var(--trek-radius);\n box-shadow: var(--trek-shadow);\n overflow: hidden;\n}\n\n.trek-accordion-item {\n border-bottom: 1px solid var(--trek-border);\n margin: 0;\n padding: 0;\n}\n\n.trek-accordion-item:last-child {\n border-bottom: none;\n}\n\n.trek-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--trek-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.trek-accordion-header:hover {\n background: var(--trek-primary-light);\n}\n\n.trek-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.trek-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--trek-primary);\n transition: transform .2s ease;\n}\n\n.trek-accordion-item[open] .trek-accordion-header::after {\n content: '−';\n}\n\n.trek-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--trek-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.trek-accordion-content p {\n margin: 0;\n}\n\n\/* CTA *\/\n.trek-cta-box {\n background: linear-gradient(135deg, var(--trek-primary) 0%, var(--trek-primary-dark) 50%, var(--trek-secondary) 100%);\n border-radius: var(--trek-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.trek-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: shimmer 3s ease-in-out infinite;\n}\n\n@keyframes shimmer {\n 0%, 100% { transform: translate(-30%, -30%); }\n 50% { transform: translate(30%, 30%); }\n}\n\n.trek-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,.15);\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n .trek-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .trek-card {\n padding: 1.125rem;\n }\n \n .trek-section {\n margin-bottom: 1.75rem;\n }\n \n .trek-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--trek-radius-sm);\n }\n \n .trek-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .trek-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .trek-grid-compact {\n gap: .625rem;\n }\n \n .trek-grid-compact .trek-card {\n padding: .75rem;\n }\n \n .trek-step {\n padding: 1rem;\n gap: 1rem;\n }\n \n .trek-step-number {\n width: 40px;\n height: 40px;\n font-size: 16px;\n }\n \n .trek-step-content h3 {\n font-size: 14px;\n }\n \n .trek-step-content p {\n font-size: 13px;\n }\n \n .trek-tip {\n padding: 1rem;\n gap: .75rem;\n }\n \n .trek-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .trek-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n .trek-card {\n animation: fadeInUp .5s ease backwards;\n }\n .trek-card:nth-child(1) { animation-delay: .05s; }\n .trek-card:nth-child(2) { animation-delay: .1s; }\n .trek-card:nth-child(3) { animation-delay: .15s; }\n .trek-card:nth-child(4) { animation-delay: .2s; }\n .trek-card:nth-child(5) { animation-delay: .25s; }\n .trek-card:nth-child(6) { animation-delay: .3s; }\n \n .trek-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .trek-step:nth-child(1) { animation-delay: .1s; }\n .trek-step:nth-child(2) { animation-delay: .2s; }\n .trek-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .trek-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOHÊME","offers":[{"title":"Default Title","offer_id":56498006294905,"sku":"NBAIBHM0063","price":4.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion-bio-trek-montagne-20-infusettes-bioheme-ingredients.webp?v=1768381371"},{"product_id":"infusion-bio-surf-ocean-20-infusettes-bioheme","title":"Infusion bio \"surf océan\" - 20 infusettes - Biohême","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Infusion bio \"Surf Océan\" - Biohême\nPalette détectée:\n - Primaire: #1A9B9B (turquoise océan du packaging)\n - Secondaire: #E8736D (rose corail\/hibiscus du médaillon central)\n - Accent: #C4D93E (vert citron vif du badge \"Note de citron vert\")\nAmbiance: Tropicale, océanique, fraîche et naturelle - univers marin avec touches florales exotiques (hibiscus), esprit vacances et évasion, packaging coloré et joyeux\nPréfixe CSS: so (surf océan)\n--\u003e\n\n\u003cdiv class=\"so-premium\"\u003e\n \n \u003cdiv class=\"so-hero\"\u003e\n \u003cdiv class=\"so-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"so-hero-content\"\u003e\n \u003cdiv class=\"so-badges-top\"\u003e\n \u003cspan class=\"so-badge\"\u003e🌊 Laitue de mer française\u003c\/span\u003e\n \u003cspan class=\"so-badge\"\u003e🌿 100% bio\u003c\/span\u003e\n \u003cspan class=\"so-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"so-hero-title\"\u003eSurf Océan\u003c\/span\u003e\n \u003cp class=\"so-subtitle\"\u003eL'infusion bio aux saveurs marines et fruitées\u003c\/p\u003e\n \u003cp class=\"so-description\"\u003eUne invitation au voyage entre terre et mer : hibiscus acidulé, menthe fraîche et laitue de mer iodée, relevés d'une note pétillante de citron vert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"so-section\"\u003e\n \u003ch2\u003e🌺 Une composition unique et audacieuse\u003c\/h2\u003e\n \u003cdiv class=\"so-grid\"\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🌺 Hibiscus équitable\u003c\/h3\u003e\n \u003cp\u003eFleurs de Hibiscus sabdariffa issues du commerce équitable. Apporte la belle couleur rubis et des notes acidulées vivifiantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🌿 Menthe douce française\u003c\/h3\u003e\n \u003cp\u003eMentha viridis cultivée en France. Offre une fraîcheur délicate et une douceur végétale incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🌊 Laitue de mer bretonne\u003c\/h3\u003e\n \u003cp\u003eUlva lactuca récoltée sur les côtes françaises. Cette algue apporte une touche marine subtile et iodée, signature de ce mélange.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🫚 Gingembre tonifiant\u003c\/h3\u003e\n \u003cp\u003eZingiber officinale issu du commerce équitable. Reconnu pour ses propriétés tonifiantes et son caractère épicé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🍋 Citron vert pétillant\u003c\/h3\u003e\n \u003cp\u003eArôme naturel, écorces et huile essentielle de citron vert. Une note fraîche et pétillante qui sublime l'ensemble.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🍃 Écorces de citron\u003c\/h3\u003e\n \u003cp\u003eZestes parfumés de Citrus limon bio pour une touche d'agrumes ensoleillée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"so-section\"\u003e\n \u003ch2\u003e💚 Pourquoi choisir cette infusion ?\u003c\/h2\u003e\n \u003cdiv class=\"so-grid\"\u003e\n \u003cdiv class=\"so-card so-card-highlight\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eÉlaborée avec soin dans la région Pays de la Loire, au cœur d'un savoir-faire artisanal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card so-card-highlight\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eHibiscus et gingembre issus de filières responsables qui soutiennent les producteurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card so-card-highlight\"\u003e\n \u003ch3\u003e🌱 Filières courtes\u003c\/h3\u003e\n \u003cp\u003eMenthe douce et laitue de mer proviennent directement de producteurs français.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card so-card-highlight\"\u003e\n \u003ch3\u003e♻️ Zéro plastique\u003c\/h3\u003e\n \u003cp\u003eBoîte carton et enveloppe fraîcheur en fibre de bois. Un emballage 100% responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"so-section\"\u003e\n \u003ch2\u003e☕ Comment la préparer ?\u003c\/h2\u003e\n \u003cdiv class=\"so-steps\"\u003e\n \u003cdiv class=\"so-step\"\u003e\n \u003cdiv class=\"so-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"so-step-content\"\u003e\n \u003ch3\u003eChauffez l'eau\u003c\/h3\u003e\n \u003cp\u003ePortez votre eau à \u003cstrong\u003e85°C\u003c\/strong\u003e (frémissante, pas bouillante)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-step\"\u003e\n \u003cdiv class=\"so-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"so-step-content\"\u003e\n \u003ch3\u003eInfusez\u003c\/h3\u003e\n \u003cp\u003eVersez l'eau sur le sachet et laissez infuser \u003cstrong\u003e5 à 10 minutes\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-step\"\u003e\n \u003cdiv class=\"so-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"so-step-content\"\u003e\n \u003ch3\u003eSavourez\u003c\/h3\u003e\n \u003cp\u003eDégustez jusqu'à \u003cstrong\u003e4 tasses par jour\u003c\/strong\u003e, chaude ou glacée !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-tip\"\u003e\n \u003cspan class=\"so-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce été :\u003c\/strong\u003e préparez-la en version glacée avec quelques glaçons et une rondelle de citron vert pour une boisson désaltérante et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"so-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"so-grid-compact\"\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e💪 Tonifiant naturel\u003c\/h3\u003e\n \u003cp\u003eLe gingembre et l'hibiscus sont traditionnellement appréciés pour leurs vertus énergisantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🌬️ Fraîcheur apaisante\u003c\/h3\u003e\n \u003cp\u003eLa menthe douce offre une sensation de fraîcheur agréable et digestive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🌊 Minéraux marins\u003c\/h3\u003e\n \u003cp\u003eLa laitue de mer apporte naturellement des oligo-éléments précieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🧘 Moment de bien-être\u003c\/h3\u003e\n \u003cp\u003eUn rituel quotidien pour s'évader et se ressourcer, tasse après tasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"so-disclaimer\"\u003eCette infusion ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"so-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"so-accordion\"\u003e\n \u003cdetails class=\"so-accordion-item\"\u003e\n \u003csummary class=\"so-accordion-header\"\u003e📦 Contenu et format\u003c\/summary\u003e\n \u003cdiv class=\"so-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003e20 infusettes\u003c\/strong\u003e en sachets individuels pour préserver toute la fraîcheur des arômes. Poids net : 26g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"so-accordion-item\"\u003e\n \u003csummary class=\"so-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"so-accordion-content\"\u003e\n \u003cp\u003eSe conserve \u003cstrong\u003e12 mois\u003c\/strong\u003e dans un endroit sec, à l'abri de la lumière et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"so-accordion-item\"\u003e\n \u003csummary class=\"so-accordion-header\"\u003e🏷️ Certifications\u003c\/summary\u003e\n \u003cdiv class=\"so-accordion-content\"\u003e\n \u003cp\u003eCertifiée \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e (logo AB et Eurofeuille). Tous les ingrédients sont issus de l'agriculture biologique contrôlée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"so-accordion-item\"\u003e\n \u003csummary class=\"so-accordion-header\"\u003e🌍 Engagement Biohême\u003c\/summary\u003e\n \u003cdiv class=\"so-accordion-content\"\u003e\n \u003cp\u003eBiohême s'engage à proposer des infusions bio de qualité, élaborées dans le respect des producteurs français et des filières équitables internationales. Chaque création reflète une volonté d'offrir des mélanges originaux, savoureux 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=\"so-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"so-cta-box\"\u003e\n \u003cdiv class=\"so-cta-wave\"\u003e\u003c\/div\u003e\n \u003cp\u003e🌊 Laissez-vous porter par une vague de saveurs inédites.\u003cbr\u003eOffrez-vous un moment d'évasion océanique, tasse après tasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --so-cream: #f5f9f9;\n --so-white: #ffffff;\n --so-primary: #1A9B9B;\n --so-primary-dark: #147878;\n --so-primary-light: #e6f5f5;\n --so-secondary: #E8736D;\n --so-secondary-light: #fdf0ef;\n --so-accent: #C4D93E;\n --so-accent-dark: #9fb832;\n --so-text: #1a2e2e;\n --so-text-light: #5a6b6b;\n --so-border: #d4e5e5;\n --so-shadow: 0 4px 24px rgba(26,155,155,.1);\n --so-shadow-lg: 0 12px 48px rgba(26,155,155,.18);\n --so-radius: 20px;\n --so-radius-sm: 12px;\n}\n\n.so-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--so-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.so-hero {\n position: relative;\n background: linear-gradient(135deg, var(--so-primary) 0%, #25b3b3 40%, var(--so-secondary) 100%);\n border-radius: var(--so-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(--so-shadow-lg);\n}\n\n.so-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 5c5 10 15 15 25 10-5 10-5 20 0 30-10-5-20-5-25 5-5-10-15-10-25-5 5-10 5-20 0-30 10 5 20 0 25-10z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.so-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.so-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.so-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(--so-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.so-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.so-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.so-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.so-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.so-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.so-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--so-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.so-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(--so-primary), var(--so-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.so-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.so-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.so-card {\n background: var(--so-white);\n border-radius: var(--so-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--so-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.so-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--so-shadow-lg);\n border-color: var(--so-primary);\n}\n\n.so-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--so-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.so-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--so-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.so-card-highlight {\n background: linear-gradient(135deg, var(--so-primary-light) 0%, var(--so-white) 100%);\n border: 2px solid var(--so-primary-light);\n}\n\n.so-card-highlight:hover {\n border-color: var(--so-primary);\n}\n\n\/* === GRILLE COMPACTE === *\/\n.so-grid-compact .so-card {\n padding: 1rem;\n}\n\n.so-grid-compact .so-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.so-grid-compact .so-card p {\n font-size: 12px;\n}\n\n\/* === ÉTAPES === *\/\n.so-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto 1.5rem;\n}\n\n.so-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--so-white);\n padding: 1.25rem;\n border-radius: var(--so-radius-sm);\n box-shadow: var(--so-shadow);\n transition: all .3s ease;\n}\n\n.so-step:hover {\n transform: translateX(8px);\n box-shadow: var(--so-shadow-lg);\n}\n\n.so-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--so-primary) 0%, var(--so-secondary) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 900;\n font-size: 18px;\n}\n\n.so-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--so-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.so-step-content p {\n font-size: 14px;\n color: var(--so-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.so-step-content strong {\n color: var(--so-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.so-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, #fffef5 0%, #fefdf0 100%);\n border: 2px solid var(--so-accent);\n border-radius: var(--so-radius-sm);\n padding: 1.25rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.so-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.so-tip p {\n font-size: 14px;\n color: var(--so-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.so-disclaimer {\n text-align: center;\n font-size: 12px;\n color: var(--so-text-light);\n font-style: italic;\n margin-top: 1.5rem;\n padding: 1rem;\n background: var(--so-primary-light);\n border-radius: var(--so-radius-sm);\n}\n\n\/* === ACCORDÉON === *\/\n.so-accordion {\n background: var(--so-white);\n border-radius: var(--so-radius);\n box-shadow: var(--so-shadow);\n overflow: hidden;\n}\n\n.so-accordion-item {\n border-bottom: 1px solid var(--so-border);\n margin: 0;\n padding: 0;\n}\n\n.so-accordion-item:last-child {\n border-bottom: none;\n}\n\n.so-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--so-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.so-accordion-header:hover {\n background: var(--so-primary-light);\n}\n\n.so-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.so-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--so-primary);\n transition: transform .2s ease;\n}\n\n.so-accordion-item[open] .so-accordion-header::after {\n content: '−';\n}\n\n.so-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--so-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.so-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.so-cta-box {\n background: linear-gradient(135deg, var(--so-primary) 0%, var(--so-secondary) 100%);\n border-radius: var(--so-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.so-cta-wave {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 40px;\n background: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 1200 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0 20c150 20 350-20 600 0s450 20 600 0v20H0z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n background-size: cover;\n}\n\n.so-cta-box p {\n position: relative;\n z-index: 1;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .so-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .so-grid-compact {\n gap: .625rem;\n }\n \n .so-grid-compact .so-card {\n padding: .75rem;\n }\n \n .so-card {\n padding: 1.125rem;\n }\n \n .so-section {\n margin-bottom: 1.75rem;\n }\n \n .so-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--so-radius-sm);\n }\n \n .so-badges-top {\n gap: .375rem;\n margin-bottom: 1rem;\n }\n \n .so-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .so-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .so-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .so-step {\n padding: 1rem;\n gap: .75rem;\n }\n \n .so-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .so-step-content h3 {\n font-size: 14px;\n }\n \n .so-step-content p {\n font-size: 13px;\n }\n \n .so-tip {\n padding: 1rem;\n gap: .75rem;\n }\n \n .so-tip-icon {\n font-size: 20px;\n }\n \n .so-tip p {\n font-size: 13px;\n }\n \n .so-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .so-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .so-card {\n animation: fadeInUp .5s ease backwards;\n }\n .so-card:nth-child(1) { animation-delay: .05s; }\n .so-card:nth-child(2) { animation-delay: .1s; }\n .so-card:nth-child(3) { animation-delay: .15s; }\n .so-card:nth-child(4) { animation-delay: .2s; }\n .so-card:nth-child(5) { animation-delay: .25s; }\n .so-card:nth-child(6) { animation-delay: .3s; }\n \n .so-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .so-step:nth-child(1) { animation-delay: .1s; }\n .so-step:nth-child(2) { animation-delay: .2s; }\n .so-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .so-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOHÊME","offers":[{"title":"Default Title","offer_id":56503036936569,"sku":"NBAIBHM0042","price":4.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion-bio-surf-ocean-20-infusettes-bioheme-ingredients.webp?v=1768463651"},{"product_id":"infusion-surf-ocean-boite-metal-50g-bioheme","title":"Infusion \"surf océan\" - boîte métal - 50g - Biohême","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Infusion \"Surf Océan\" - Biohême\nPalette détectée:\n - Primaire: #2A7B7B (bleu-vert océan\/teal du couvercle et médaillon)\n - Secondaire: #C4D93F (vert citron\/lime du badge \"Note de citron vert\")\n - Accent: #1E4D4D (bleu-vert foncé des illustrations botaniques)\n - Fond: #F5F7F2 (blanc cassé légèrement verdâtre)\nAmbiance: Naturel\/bio, frais, océanique, estival, artisanal français\nPréfixe CSS: so (Surf Océan)\n--\u003e\n\n\u003cdiv class=\"so-premium\"\u003e\n \n \u003cdiv class=\"so-hero\"\u003e\n \u003cdiv class=\"so-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"so-hero-content\"\u003e\n \u003cdiv class=\"so-badges-top\"\u003e\n \u003cspan class=\"so-badge\"\u003e🌊 100% Bio\u003c\/span\u003e\n \u003cspan class=\"so-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"so-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"so-hero-title\"\u003eSurf Océan\u003c\/span\u003e\n \u003cp class=\"so-subtitle\"\u003eUne vague de fraîcheur aux notes de citron vert\u003c\/p\u003e\n \u003cp class=\"so-description\"\u003eHibiscus tonifiant, menthe française, laitue de mer iodée et éclat de citron vert — une infusion bio qui vous transporte au bord de l'océan, chaude ou glacée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"so-section\"\u003e\n \u003ch2\u003e🌿 Une composition unique\u003c\/h2\u003e\n \u003cdiv class=\"so-grid\"\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🌺 Hibiscus\u003c\/h3\u003e\n \u003cp\u003ePropriétés tonifiantes, belle couleur rouge et saveur acidulée caractéristique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🫚 Gingembre\u003c\/h3\u003e\n \u003cp\u003eRéchauffe délicatement le mélange, soutient le corps dans un mouvement fluide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🌱 Menthe douce française\u003c\/h3\u003e\n \u003cp\u003eFraîcheur désaltérante idéale pour les journées chaudes — origine France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🥬 Laitue de mer\u003c\/h3\u003e\n \u003cp\u003eTouche iodée surprenante qui rappelle l'air marin — récoltée sur les côtes françaises\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🍋 Citron vert\u003c\/h3\u003e\n \u003cp\u003eArôme naturel, écorces et huile essentielle pour une note pétillante et vitaminée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"so-section\"\u003e\n \u003ch2\u003e✨ Pourquoi vous allez l'adorer\u003c\/h2\u003e\n \u003cdiv class=\"so-grid\"\u003e\n \u003cdiv class=\"so-card so-card-highlight\"\u003e\n \u003ch3\u003e🧊 Chaude ou glacée\u003c\/h3\u003e\n \u003cp\u003eParfaite en toute saison : réconfortante l'hiver, ultra-rafraîchissante l'été avec des glaçons\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card so-card-highlight\"\u003e\n \u003ch3\u003e😴 Sans théine\u003c\/h3\u003e\n \u003cp\u003eÀ déguster à tout moment de la journée, sans effet sur votre sommeil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card so-card-highlight\"\u003e\n \u003ch3\u003e🌍 Équitable\u003c\/h3\u003e\n \u003cp\u003eL'hibiscus et le gingembre proviennent de filières équitables certifiées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"so-section\"\u003e\n \u003ch2\u003e☕ Comment la préparer\u003c\/h2\u003e\n \u003cdiv class=\"so-steps\"\u003e\n \u003cdiv class=\"so-step\"\u003e\n \u003cdiv class=\"so-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"so-step-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003e1 cuillère (≈ 2g) pour 300ml d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-step\"\u003e\n \u003cdiv class=\"so-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"so-step-content\"\u003e\n \u003ch3\u003eChauffez\u003c\/h3\u003e\n \u003cp\u003eEau à 85°C (frémissante, pas bouillante)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-step\"\u003e\n \u003cdiv class=\"so-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"so-step-content\"\u003e\n \u003ch3\u003eInfusez\u003c\/h3\u003e\n \u003cp\u003e5 à 10 minutes selon l'intensité souhaitée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-step\"\u003e\n \u003cdiv class=\"so-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"so-step-content\"\u003e\n \u003ch3\u003eSavourez\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 4 tasses par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-tip\"\u003e\n \u003cspan class=\"so-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce fraîcheur :\u003c\/strong\u003e Préparez à chaud, laissez refroidir, placez au réfrigérateur. Servie bien fraîche avec glaçons et une rondelle de citron vert, elle devient une boisson estivale absolument délicieuse !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"so-section\"\u003e\n \u003ch2\u003e🕐 Quand la déguster\u003c\/h2\u003e\n \u003cdiv class=\"so-grid-compact\"\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e☀️ Le matin\u003c\/h3\u003e\n \u003cp\u003eDémarrez avec vitalité grâce à l'hibiscus et au gingembre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🧊 L'après-midi\u003c\/h3\u003e\n \u003cp\u003eEn version glacée pour une pause rafraîchissante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🍽️ Après le repas\u003c\/h3\u003e\n \u003cp\u003ePour faciliter la digestion avec la menthe et le gingembre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n \u003cp\u003eSans crainte d'effets sur votre sommeil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"so-section\"\u003e\n \u003ch2\u003e📦 Ce que contient votre boîte\u003c\/h2\u003e\n \u003cdiv class=\"so-grid-compact\"\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e⚖️ 50g de mélange\u003c\/h3\u003e\n \u003cp\u003ePlantes en vrac de qualité bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e☕ ~25 tasses\u003c\/h3\u003e\n \u003cp\u003eEnviron 25 infusions généreuses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-card\"\u003e\n \u003ch3\u003e🥫 Boîte métal\u003c\/h3\u003e\n \u003cp\u003eRéutilisable et recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"so-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 \u003csection class=\"so-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"so-accordion\"\u003e\n \u003cdetails class=\"so-accordion-item\"\u003e\n \u003csummary class=\"so-accordion-header\"\u003e📜 Liste complète des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"so-accordion-content\"\u003e\n \u003cp\u003eTous issus de l'agriculture biologique : Hibiscus* (Hibiscus sabdariffa), Gingembre* (Zingiber officinale), Menthe douce* (Mentha viridis) – origine France, Laitue de mer* (Ulva lactuca) – origine France, Arôme naturel de citron vert*, Écorces de citron* (Citrus limon), Huile essentielle de citron vert* (Citrus aurantiifolia).\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique. L'hibiscus et le gingembre proviennent de filières équitables.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"so-accordion-item\"\u003e\n \u003csummary class=\"so-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"so-accordion-content\"\u003e\n \u003cp\u003eConservez votre infusion à l'abri de la lumière et de l'humidité pour préserver toutes ses saveurs et ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"so-accordion-item\"\u003e\n \u003csummary class=\"so-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"so-accordion-content\"\u003e\n \u003cp\u003eCe produit est une infusion de plantes et ne constitue pas un médicament. Il ne peut se substituer à un traitement médical ni à une alimentation variée et équilibrée. Conservez hors de portée des enfants. En cas de doute, consultez votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"so-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"so-cta-box\"\u003e\n \u003cp\u003e🌊 Laissez-vous porter par la vague Surf Océan — une infusion bio française qui vous emmène au bord de la mer, tasse après tasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --so-cream: #F5F7F2;\n --so-white: #ffffff;\n --so-primary: #2A7B7B;\n --so-primary-dark: #1E5A5A;\n --so-primary-light: #E8F4F4;\n --so-secondary: #C4D93F;\n --so-secondary-dark: #9AB52E;\n --so-accent: #1E4D4D;\n --so-text: #1a1a1a;\n --so-text-light: #5a5a5a;\n --so-border: #e0e0e0;\n --so-shadow: 0 4px 24px rgba(42,123,123,.1);\n --so-shadow-lg: 0 12px 48px rgba(42,123,123,.18);\n --so-radius: 20px;\n --so-radius-sm: 12px;\n}\n\n.so-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--so-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.so-hero {\n position: relative;\n background: linear-gradient(135deg, #2A7B7B 0%, #1E5A5A 40%, #1E4D4D 100%);\n border-radius: var(--so-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(--so-shadow-lg);\n}\n\n.so-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-5 8-15 12-25 10 5 8 5 18 0 25 10-2 20 2 25 10 5-8 15-12 25-10-5-7-5-17 0-25-10 2-20-2-25-10z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .6;\n}\n\n.so-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.so-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.so-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(--so-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.so-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.so-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.so-subtitle {\n color: var(--so-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.so-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.so-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.so-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--so-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.so-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(--so-primary), var(--so-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.so-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.so-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.so-card {\n background: var(--so-white);\n border-radius: var(--so-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--so-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.so-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--so-shadow-lg);\n border-color: var(--so-primary);\n}\n\n.so-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--so-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.so-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--so-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.so-card-highlight {\n background: linear-gradient(135deg, var(--so-primary-light) 0%, var(--so-white) 100%);\n border: 2px solid var(--so-primary);\n}\n\n.so-grid-compact .so-card {\n padding: 1rem;\n}\n\n.so-grid-compact .so-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.so-grid-compact .so-card p {\n font-size: 12px;\n}\n\n\/* === STEPS === *\/\n.so-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.so-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--so-white);\n border-radius: var(--so-radius);\n padding: 1.25rem;\n box-shadow: var(--so-shadow);\n transition: all .3s ease;\n}\n\n.so-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--so-shadow-lg);\n}\n\n.so-step-number {\n width: 40px;\n height: 40px;\n min-width: 40px;\n background: linear-gradient(135deg, var(--so-primary) 0%, var(--so-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.so-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--so-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.so-step-content p {\n font-size: 13px;\n color: var(--so-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.so-tip {\n background: linear-gradient(135deg, #FFF9E6 0%, #FFFDF5 100%);\n border-radius: var(--so-radius);\n padding: 1.25rem 1.5rem;\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n border: 2px solid var(--so-secondary);\n}\n\n.so-tip-icon {\n font-size: 24px;\n line-height: 1;\n}\n\n.so-tip p {\n font-size: 14px;\n color: var(--so-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.so-accordion {\n background: var(--so-white);\n border-radius: var(--so-radius);\n box-shadow: var(--so-shadow);\n overflow: hidden;\n}\n\n.so-accordion-item {\n border-bottom: 1px solid var(--so-border);\n margin: 0;\n padding: 0;\n}\n\n.so-accordion-item:last-child {\n border-bottom: none;\n}\n\n.so-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--so-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.so-accordion-header:hover {\n background: var(--so-primary-light);\n}\n\n.so-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.so-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--so-primary);\n transition: transform .2s ease;\n}\n\n.so-accordion-item[open] .so-accordion-header::after {\n content: '−';\n}\n\n.so-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--so-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.so-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.so-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA === *\/\n.so-cta-box {\n background: linear-gradient(135deg, var(--so-primary) 0%, var(--so-primary-dark) 100%);\n border-radius: var(--so-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.so-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='100' height='20' viewBox='0 0 100 20' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0 10 Q25 0 50 10 T100 10' stroke='%23ffffff' stroke-width='1' fill='none' opacity='0.1'\/%3E%3C\/svg%3E\");\n background-repeat: repeat-x;\n background-position: center;\n animation: wave 3s ease-in-out infinite;\n}\n\n@keyframes wave {\n 0%, 100% { background-position-x: 0; }\n 50% { background-position-x: 50px; }\n}\n\n.so-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .so-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .so-grid-compact {\n gap: .625rem;\n }\n \n .so-grid-compact .so-card {\n padding: .75rem;\n }\n \n .so-card {\n padding: 1.125rem;\n }\n \n .so-section {\n margin-bottom: 1.75rem;\n }\n \n .so-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--so-radius-sm);\n }\n \n .so-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .so-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .so-steps {\n grid-template-columns: 1fr 1fr;\n gap: .75rem;\n }\n \n .so-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n padding: 1rem;\n gap: .75rem;\n }\n \n .so-step-number {\n width: 36px;\n height: 36px;\n min-width: 36px;\n font-size: 16px;\n }\n \n .so-step-content h3 {\n font-size: 14px;\n }\n \n .so-step-content p {\n font-size: 12px;\n }\n \n .so-tip {\n padding: 1rem;\n gap: .75rem;\n }\n \n .so-tip-icon {\n font-size: 20px;\n }\n \n .so-tip p {\n font-size: 13px;\n }\n \n .so-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .so-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .so-badges-top {\n gap: 8px;\n }\n \n .so-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .so-card, .so-step {\n animation: fadeInUp .5s ease backwards;\n }\n .so-card:nth-child(1), .so-step:nth-child(1) { animation-delay: .05s; }\n .so-card:nth-child(2), .so-step:nth-child(2) { animation-delay: .1s; }\n .so-card:nth-child(3), .so-step:nth-child(3) { animation-delay: .15s; }\n .so-card:nth-child(4), .so-step:nth-child(4) { animation-delay: .2s; }\n .so-card:nth-child(5) { animation-delay: .25s; }\n .so-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 .so-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .so-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"BIOHÊME","offers":[{"title":"Default Title","offer_id":56503056433529,"sku":"NBAIBHM0044","price":8.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion-surf-ocean-boite-metal-50g-bioheme-ingredients.webp?v=1768464715"},{"product_id":"infusion-vent-de-fraicheur-boite-metal-50g-bioheme","title":"Infusion \"vent de fraîcheur\" - boîte métal - 50g - Biohême","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Infusion \"Vent de Fraîcheur\" - Biohême\nPalette détectée:\n - Primaire: #1D6B6B (bleu-vert\/teal profond du couvercle et illustrations)\n - Secondaire: #E8A840 (orange\/miel du badge bergamote)\n - Accent: #7FB069 (vert nature du label bio)\n - Fond: #F8F7F4 (blanc cassé crème du packaging)\nAmbiance: Naturel, bio, artisanal français, fraîcheur végétale, élégance simple\nPréfixe CSS: vdf\n--\u003e\n\n\u003cdiv class=\"vdf-premium\"\u003e\n \n \u003cdiv class=\"vdf-hero\"\u003e\n \u003cdiv class=\"vdf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vdf-hero-content\"\u003e\n \u003cdiv class=\"vdf-badges-top\"\u003e\n \u003cspan class=\"vdf-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"vdf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"vdf-badge\"\u003e♻️ Boîte réutilisable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"vdf-hero-title\"\u003eVent de Fraîcheur\u003c\/span\u003e\n \u003cp class=\"vdf-subtitle\"\u003eL'infusion vivifiante à la bergamote\u003c\/p\u003e\n \u003cp class=\"vdf-description\"\u003eUn mélange rafraîchissant de basilic, menthe douce, coriandre et fenouil, sublimé par une délicate note de bergamote. Une pause sensorielle qui réveille et apaise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"vdf-section\"\u003e\n \u003ch2\u003e🌬️ Une expérience rafraîchissante\u003c\/h2\u003e\n \u003cdiv class=\"vdf-grid\"\u003e\n \u003cdiv class=\"vdf-card\"\u003e\n \u003ch3\u003e💨 Vivifiante\u003c\/h3\u003e\n \u003cp\u003eLe duo basilic-menthe douce apporte une fraîcheur immédiate qui éveille les sens dès la première gorgée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdf-card\"\u003e\n \u003ch3\u003e🍃 Légère\u003c\/h3\u003e\n \u003cp\u003eUne infusion tout en subtilité qui procure une agréable sensation de légèreté et de bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdf-card\"\u003e\n \u003ch3\u003e❄️ Rafraîchissante\u003c\/h3\u003e\n \u003cp\u003eParfaite en toute saison : chaude pour se réchauffer ou glacée pour se désaltérer l'été.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdf-card\"\u003e\n \u003ch3\u003e🍋 Note d'agrume\u003c\/h3\u003e\n \u003cp\u003eLa bergamote apporte sa signature parfumée unique, raffinée et subtilement citronnée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vdf-section\"\u003e\n \u003ch2\u003e🌱 Composition 100% bio\u003c\/h2\u003e\n \u003cdiv class=\"vdf-grid\"\u003e\n \u003cdiv class=\"vdf-card vdf-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Basilic\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eOcimum basilicum\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eNotes herbacées légèrement épicées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdf-card vdf-card-ingredient\"\u003e\n \u003ch3\u003e🍃 Menthe douce\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eMentha viridis\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eFraîcheur délicate, moins intense que la menthe poivrée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdf-card vdf-card-ingredient\"\u003e\n \u003ch3\u003e🫛 Coriandre\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCoriandrum sativum\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eTouches subtilement citronnées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdf-card vdf-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Fenouil\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eFoeniculum vulgare\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eDouceur anisée caractéristique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdf-card vdf-card-ingredient\"\u003e\n \u003ch3\u003e🍋 Écorce de citron\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCitrus limon\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eZeste d'agrume vivifiant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdf-card vdf-card-ingredient\"\u003e\n \u003ch3\u003e🍊 HE Bergamote\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCitrus bergamia\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eSignature parfumée raffinée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vdf-section\"\u003e\n \u003ch2\u003e☕ Préparation parfaite\u003c\/h2\u003e\n \u003cdiv class=\"vdf-steps\"\u003e\n \u003cdiv class=\"vdf-step\"\u003e\n \u003cdiv class=\"vdf-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"vdf-step-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003e1 cuillère (≈ 2g) pour 300ml d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdf-step\"\u003e\n \u003cdiv class=\"vdf-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"vdf-step-content\"\u003e\n \u003ch3\u003eVersez\u003c\/h3\u003e\n \u003cp\u003eEau frémissante (non bouillante)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdf-step\"\u003e\n \u003cdiv class=\"vdf-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"vdf-step-content\"\u003e\n \u003ch3\u003eInfusez\u003c\/h3\u003e\n \u003cp\u003e5 à 10 minutes selon l'intensité désirée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdf-step\"\u003e\n \u003cdiv class=\"vdf-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"vdf-step-content\"\u003e\n \u003ch3\u003eSavourez\u003c\/h3\u003e\n \u003cp\u003eChaude ou glacée, tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vdf-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"vdf-grid-compact\"\u003e\n \u003cdiv class=\"vdf-card\"\u003e\n \u003ch3\u003e🧘 Amateurs de pauses zen\u003c\/h3\u003e\n \u003cp\u003eUn moment de calme rafraîchissant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdf-card\"\u003e\n \u003ch3\u003e🍽️ Après les repas\u003c\/h3\u003e\n \u003cp\u003eAccompagne la digestion en douceur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdf-card\"\u003e\n \u003ch3\u003e☀️ Fans de thés glacés\u003c\/h3\u003e\n \u003cp\u003eDélicieuse version froide en été\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdf-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsables\u003c\/h3\u003e\n \u003cp\u003ePackaging réutilisable et recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vdf-section\"\u003e\n \u003ch2\u003e✨ Un savoir-faire d'exception\u003c\/h2\u003e\n \u003cdiv class=\"vdf-highlight-box\"\u003e\n \u003cdiv class=\"vdf-highlight-grid\"\u003e\n \u003cdiv class=\"vdf-highlight-item\"\u003e\n \u003cspan class=\"vdf-highlight-icon\"\u003e🏭\u003c\/span\u003e\n \u003cspan class=\"vdf-highlight-text\"\u003e\u003cstrong\u003eNantes\u003c\/strong\u003e\u003cbr\u003eFabrication française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdf-highlight-item\"\u003e\n \u003cspan class=\"vdf-highlight-icon\"\u003e🇮🇹\u003c\/span\u003e\n \u003cspan class=\"vdf-highlight-text\"\u003e\u003cstrong\u003eLac de Côme\u003c\/strong\u003e\u003cbr\u003eBoîte artisanale italienne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdf-highlight-item\"\u003e\n \u003cspan class=\"vdf-highlight-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"vdf-highlight-text\"\u003e\u003cstrong\u003eFilières françaises\u003c\/strong\u003e\u003cbr\u003ePlantes traçables\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vdf-highlight-item\"\u003e\n \u003cspan class=\"vdf-highlight-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"vdf-highlight-text\"\u003e\u003cstrong\u003e50g\u003c\/strong\u003e\u003cbr\u003e≈ 25 tasses\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vdf-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"vdf-accordion\"\u003e\n \u003cdetails class=\"vdf-accordion-item\"\u003e\n \u003csummary class=\"vdf-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"vdf-accordion-content\"\u003e\n \u003cp\u003eConservez à température ambiante, à l'abri de la lumière et de l'humidité. La boîte métal protège parfaitement les arômes pendant \u003cstrong\u003e24 mois\u003c\/strong\u003e (DLUO). Une fois vide, réutilisez-la ou recyclez-la !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vdf-accordion-item\"\u003e\n \u003csummary class=\"vdf-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"vdf-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eNe convient pas aux enfants de moins de 12 ans\u003c\/strong\u003e en raison de la présence de fenouil. Ce produit ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vdf-accordion-item\"\u003e\n \u003csummary class=\"vdf-accordion-header\"\u003e🏷️ Certifications\u003c\/summary\u003e\n \u003cdiv class=\"vdf-accordion-content\"\u003e\n \u003cp\u003eAgriculture Biologique certifiée • Soutient les producteurs et filières Plantes de France • Fabrication artisanale française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vdf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"vdf-cta-box\"\u003e\n \u003cp\u003e🌬️ Offrez-vous une parenthèse de fraîcheur\u003cbr\u003eUn voyage sensoriel entre herbes aromatiques et agrumes, dans le respect de la nature et du savoir-faire artisanal français.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --vdf-cream: #F8F7F4;\n --vdf-white: #ffffff;\n --vdf-primary: #1D6B6B;\n --vdf-primary-dark: #145454;\n --vdf-primary-light: #E8F4F4;\n --vdf-secondary: #E8A840;\n --vdf-accent: #7FB069;\n --vdf-text: #1a1a1a;\n --vdf-text-light: #5a5a5a;\n --vdf-border: #e0e0e0;\n --vdf-shadow: 0 4px 24px rgba(29,107,107,.08);\n --vdf-shadow-lg: 0 12px 48px rgba(29,107,107,.15);\n --vdf-radius: 20px;\n --vdf-radius-sm: 12px;\n}\n\n.vdf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vdf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vdf-hero {\n position: relative;\n background: linear-gradient(135deg, #1D6B6B 0%, #2A8585 50%, #145454 100%);\n border-radius: var(--vdf-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(--vdf-shadow-lg);\n}\n\n.vdf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 Q35 15 30 25 Q25 15 30 5' fill='none' stroke='%23fff' stroke-width='1' opacity='0.1'\/%3E%3Ccircle cx='10' cy='45' r='3' fill='%23fff' opacity='0.08'\/%3E%3Ccircle cx='50' cy='40' r='2' fill='%23fff' opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.vdf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.vdf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.vdf-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(--vdf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vdf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.vdf-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vdf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 26px);\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.vdf-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.vdf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vdf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vdf-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.vdf-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(--vdf-primary), var(--vdf-accent));\n border-radius: 2px;\n}\n\n.vdf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.vdf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vdf-card {\n background: var(--vdf-white);\n border-radius: var(--vdf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vdf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vdf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vdf-shadow-lg);\n border-color: var(--vdf-primary);\n}\n\n.vdf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vdf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vdf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vdf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.vdf-card-ingredient em {\n display: block;\n font-size: 12px;\n color: var(--vdf-primary);\n margin-bottom: .25rem;\n}\n\n.vdf-grid-compact .vdf-card {\n padding: 1rem;\n}\n\n.vdf-grid-compact .vdf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vdf-grid-compact .vdf-card p {\n font-size: 12px;\n}\n\n\/* Steps *\/\n.vdf-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.vdf-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--vdf-white);\n padding: 1.25rem;\n border-radius: var(--vdf-radius);\n box-shadow: var(--vdf-shadow);\n transition: all .3s ease;\n}\n\n.vdf-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--vdf-shadow-lg);\n}\n\n.vdf-step-number {\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--vdf-primary), var(--vdf-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 18px;\n flex-shrink: 0;\n}\n\n.vdf-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--vdf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.vdf-step-content p {\n font-size: 13px;\n color: var(--vdf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* Highlight box *\/\n.vdf-highlight-box {\n background: var(--vdf-white);\n border-radius: var(--vdf-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--vdf-shadow);\n border-left: 4px solid var(--vdf-secondary);\n}\n\n.vdf-highlight-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1.5rem;\n}\n\n.vdf-highlight-item {\n display: flex;\n align-items: center;\n gap: .75rem;\n text-align: left;\n}\n\n.vdf-highlight-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.vdf-highlight-text {\n font-size: 13px;\n color: var(--vdf-text-light);\n line-height: 1.4;\n}\n\n.vdf-highlight-text strong {\n display: block;\n color: var(--vdf-primary-dark);\n font-size: 15px;\n}\n\n\/* Accordion *\/\n.vdf-accordion {\n background: var(--vdf-white);\n border-radius: var(--vdf-radius);\n box-shadow: var(--vdf-shadow);\n overflow: hidden;\n}\n\n.vdf-accordion-item {\n border-bottom: 1px solid var(--vdf-border);\n margin: 0;\n padding: 0;\n}\n\n.vdf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vdf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vdf-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.vdf-accordion-header:hover {\n background: var(--vdf-primary-light);\n}\n\n.vdf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vdf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vdf-primary);\n transition: transform .2s ease;\n}\n\n.vdf-accordion-item[open] .vdf-accordion-header::after {\n content: '−';\n}\n\n.vdf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vdf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.vdf-accordion-content p {\n margin: 0;\n}\n\n\/* CTA Box *\/\n.vdf-cta-box {\n background: linear-gradient(135deg, var(--vdf-primary) 0%, #2A8585 50%, var(--vdf-primary-dark) 100%);\n border-radius: var(--vdf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vdf-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='1.5' fill='%23fff' opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.vdf-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* Responsive *\/\n@media (max-width: 767px) {\n .vdf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .vdf-card {\n padding: 1.125rem;\n }\n \n .vdf-section {\n margin-bottom: 1.75rem;\n }\n \n .vdf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vdf-radius-sm);\n }\n \n .vdf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .vdf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .vdf-grid-compact {\n gap: .625rem;\n }\n \n .vdf-grid-compact .vdf-card {\n padding: .75rem;\n }\n \n .vdf-steps {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n \n .vdf-step {\n padding: 1rem;\n }\n \n .vdf-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .vdf-highlight-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n \n .vdf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .vdf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n .vdf-card, .vdf-step {\n animation: vdfFadeInUp .5s ease backwards;\n }\n .vdf-card:nth-child(1), .vdf-step:nth-child(1) { animation-delay: .05s; }\n .vdf-card:nth-child(2), .vdf-step:nth-child(2) { animation-delay: .1s; }\n .vdf-card:nth-child(3), .vdf-step:nth-child(3) { animation-delay: .15s; }\n .vdf-card:nth-child(4), .vdf-step:nth-child(4) { animation-delay: .2s; }\n .vdf-card:nth-child(5) { animation-delay: .25s; }\n .vdf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes vdfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .vdf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOHÊME","offers":[{"title":"Default Title","offer_id":56503073440121,"sku":"NBAIBHM0039","price":8.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion-vent-de-fraicheur-boite-metal-50g-bioheme-ingredients.webp?v=1768466070"}],"url":"https:\/\/www.naturellement-bio.com\/collections\/bioheme.oembed","provider":"Naturellement Bio","version":"1.0","type":"link"}